.rc-slider { position: relative; height: 14px; padding: 5px 0; width: 100%; border-radius: 6px; box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .rc-slider * { box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .rc-slider-rail { position: absolute; width: 100%; background-color: #e9e9e9; height: 4px; } .rc-slider-track { position: absolute; left: 0; height: 4px; border-radius: 6px; background-color: #abe2fb; } .rc-slider-handle { position: absolute; margin-left: -7px; margin-top: -5px; width: 14px; height: 14px; cursor: pointer; border-radius: 50%; border: solid 2px #96dbfa; background-color: #fff; } .rc-slider-handle:hover { border-color: #57c5f7; } .rc-slider-handle-active:active { border-color: #57c5f7; box-shadow: 0 0 5px #57c5f7; } .rc-slider-mark { position: absolute; top: 18px; left: 0; width: 100%; font-size: 12px; } .rc-slider-mark-text { position: absolute; display: inline-block; vertical-align: middle; text-align: center; cursor: pointer; color: #999; width: 100%; } .rc-slider-mark-text-active { color: #666; } .rc-slider-step { position: absolute; width: 100%; height: 4px; background: transparent; } .rc-slider-dot { position: absolute; bottom: -2px; margin-left: -4px; width: 8px; height: 8px; border: 2px solid #e9e9e9; background-color: #fff; cursor: pointer; border-radius: 50%; vertical-align: middle; } .rc-slider-dot:first-child { margin-left: -4px; } .rc-slider-dot:last-child { margin-left: -4px; } .rc-slider-dot-active { border-color: #96dbfa; } .rc-slider-disabled { background-color: #e9e9e9; } .rc-slider-disabled .rc-slider-track { background-color: #ccc; } .rc-slider-disabled .rc-slider-handle, .rc-slider-disabled .rc-slider-dot { border-color: #ccc; background-color: #fff; cursor: not-allowed; } .rc-slider-disabled .rc-slider-mark-text, .rc-slider-disabled .rc-slider-dot { cursor: not-allowed !important; } .rc-slider-vertical { width: 14px; height: 100%; padding: 0 5px; } .rc-slider-vertical .rc-slider-rail { height: 100%; width: 4px; } .rc-slider-vertical .rc-slider-track { left: 5px; bottom: 0; width: 4px; } .rc-slider-vertical .rc-slider-handle { margin-left: -5px; margin-bottom: -7px; } .rc-slider-vertical .rc-slider-mark { top: 0; left: 18px; height: 100%; } .rc-slider-vertical .rc-slider-step { height: 100%; width: 4px; } .rc-slider-vertical .rc-slider-dot { left: 2px; margin-bottom: -4px; } .rc-slider-vertical .rc-slider-dot:first-child { margin-bottom: -4px; } .rc-slider-vertical .rc-slider-dot:last-child { margin-bottom: -4px; } .rc-slider-tooltip-zoom-down-enter, .rc-slider-tooltip-zoom-down-appear { -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; display: block !important; -webkit-animation-play-state: paused; animation-play-state: paused; } .rc-slider-tooltip-zoom-down-leave { -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; display: block !important; -webkit-animation-play-state: paused; animation-play-state: paused; } .rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active, .rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active { -webkit-animation-name: rcSliderTooltipZoomDownIn; animation-name: rcSliderTooltipZoomDownIn; -webkit-animation-play-state: running; animation-play-state: running; } .rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active { -webkit-animation-name: rcSliderTooltipZoomDownOut; animation-name: rcSliderTooltipZoomDownOut; -webkit-animation-play-state: running; animation-play-state: running; } .rc-slider-tooltip-zoom-down-enter, .rc-slider-tooltip-zoom-down-appear { -webkit-transform: scale(0, 0); transform: scale(0, 0); -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .rc-slider-tooltip-zoom-down-leave { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } @-webkit-keyframes rcSliderTooltipZoomDownIn { 0% { opacity: 0; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: scale(0, 0); transform: scale(0, 0); } 100% { -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: scale(1, 1); transform: scale(1, 1); } } @keyframes rcSliderTooltipZoomDownIn { 0% { opacity: 0; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: scale(0, 0); transform: scale(0, 0); } 100% { -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: scale(1, 1); transform: scale(1, 1); } } @-webkit-keyframes rcSliderTooltipZoomDownOut { 0% { -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: scale(1, 1); transform: scale(1, 1); } 100% { opacity: 0; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: scale(0, 0); transform: scale(0, 0); } } @keyframes rcSliderTooltipZoomDownOut { 0% { -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: scale(1, 1); transform: scale(1, 1); } 100% { opacity: 0; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: scale(0, 0); transform: scale(0, 0); } } .rc-slider-tooltip { position: absolute; left: -9999px; top: -9999px; visibility: visible; box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .rc-slider-tooltip * { box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .rc-slider-tooltip-hidden { display: none; } .rc-slider-tooltip-placement-top { padding: 4px 0 8px 0; } .rc-slider-tooltip-inner { padding: 6px 2px; min-width: 24px; height: 24px; font-size: 12px; line-height: 1; color: #fff; text-align: center; text-decoration: none; background-color: #6c6c6c; border-radius: 6px; box-shadow: 0 0 4px #d9d9d9; } .rc-slider-tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow { bottom: 4px; left: 50%; margin-left: -4px; border-width: 4px 4px 0; border-top-color: #6c6c6c; } .img1{background:url(/1c9a03554acb57500c955c46440f693d.png) no-repeat} .img2{background:url(/081597dd813514b9d2426a6dcebc6d11.png) no-repeat} .img3{background:url(/3de33d0ea4aa73ada382cc8d92533347.png) no-repeat} .img4{background:url(/e507219458fb826fb8cfa7f534163886.png) no-repeat} .img5{background:url(/0c1289dbce4084216ab77292289da577.png) no-repeat} .img6{background:url(/d5093f7835eadbf0fcc785de06c32050.png) no-repeat} .img7{background:url(/286a646b466a93dd36cfa9b16c29daca.png) no-repeat} .img8{background:url(/53f928cae90001a4fa8ab237b2a783b2.png) no-repeat} .img9{background:url(/2927b52c97f8197c118add8551845eb2.png) no-repeat} .img10{background:url(/c826f493c2a29df326b08c6aae863d47.png) no-repeat} .img11{background:url(/81a7fd25defc567d4dd93ac07cea7938.png) no-repeat} .img12{background:url(/6594d22f8f2fe6caf648a3da1742bb51.png) no-repeat} .img13{background:url(/115c310a05eafc89d89249312b315066.png) no-repeat} .img14{background:url(/5c0e0a86626a9cfb33f47dc130fe0ca7.png) no-repeat} .img15{background:url(/f168f3049734601e79f5f6c78f3b4a40.png) no-repeat} .img16{background:url(/f3622dec9d67263d6649fc7b0e1081a1.png) no-repeat} .img17{background:url(/162303d6e5b8af8110ac063b405965f1.png) no-repeat} .img18{background:url(/dcbc0c3dd1d18c5158fa35f10b678703.png) no-repeat} .img19{background:url(/1024484cfdb4b29ab889bedae4e9810b.png) no-repeat} .img20{background:url(/e08772f6036bd26f3f07255c58161beb.png) no-repeat} .img21{background:url(/42d4d713b6e2795a76fdfa72008faa68.png) no-repeat} .img22{background:url(/4dc705e7d903c39ead36ab8269bda2ba.png) no-repeat} .img23{background:url(/12b4a2035315bba00c15ae3e60e61fbe.png) no-repeat} .img24{background:url(/3216a537c9ebe50b6fd18b12e0331702.png) no-repeat} .img25{background:url(/f6dcd56ce56d26ebf3c047a5ce0d56a9.png) no-repeat} .img26{background:url(/ab4c55d9da7ff2e62ca0dd1e591965e3.png) no-repeat} .img27{background:url(/032710e3ba9514600f1304f0b4b42a66.png) no-repeat} .img28{background:url(/cfa75549000f8787199e4f1a952daac2.png) no-repeat} .img29{background:url(/ee9f68c4fe69b5f98094861dbe2a077a.png) no-repeat} .img30{background:url(/96e77871fab2b39839bbfa1e0949668f.png) no-repeat} .img31{background:url(/074fa2767621f286b5b159b506e47be8.png) no-repeat} .img32{background:url(/349be4372b880aeec681bc86c6ed1c4b.png) no-repeat} .img33{background:url(/198cac7ae0c8fca415a91ca8cc3c4a80.png) no-repeat} .img34{background:url(/4246cef7083cfa60286614e8476a4956.png) no-repeat} .img35{background:url(/2d6d36ac94b541b8c52cc1c9ebc46d20.png) no-repeat} .img36{background:url(/a1d291a92ba797b78b5c1e93ef731bdd.png) no-repeat} .img37{background:url(/80515cd9e48bfcca4413ce8ab67e9d94.png) no-repeat} .img38{background:url(/dfac8f0675fd9242db96f44b3fa10e79.png) no-repeat} .img39{background:url(/976de4e795c4174cfe9ad3f445578cbd.png) no-repeat} .img40{background:url(/a27710192cdce69a92ff2de0dd330b92.png) no-repeat} .rc-slider{position:relative;height:14px;padding:5px 0;width:100%;border-radius:6px;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)} .rc-slider *{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)} .rc-slider-rail{position:absolute;width:100%;background-color:#e9e9e9;height:4px} .rc-slider-track{position:absolute;left:0;height:4px;border-radius:6px;background-color:#abe2fb} .rc-slider-handle{position:absolute;margin-left:-7px;margin-top:-5px;width:14px;height:14px;cursor:pointer;border-radius:50%;border:solid 2px #96dbfa;background-color:#fff} .rc-slider-handle:hover{border-color:#57c5f7} .rc-slider-handle-active:active{border-color:#57c5f7;box-shadow:0 0 5px #57c5f7} .rc-slider-mark{position:absolute;top:18px;left:0;width:100%;font-size:12px} .rc-slider-mark-text{position:absolute;display:inline-block;vertical-align:middle;text-align:center;cursor:pointer;color:#999} .rc-slider-mark-text-active{color:#666} .rc-slider-step{position:absolute;width:100%;height:4px;background:transparent} .rc-slider-dot{position:absolute;bottom:-2px;margin-left:-4px;width:8px;height:8px;border:2px solid #e9e9e9;background-color:#fff;cursor:pointer;border-radius:50%;vertical-align:middle} .rc-slider-dot:first-child{margin-left:-4px} .rc-slider-dot:last-child{margin-left:-4px} .rc-slider-dot-active{border-color:#96dbfa} .rc-slider-disabled{background-color:#e9e9e9} .rc-slider-disabled .rc-slider-track{background-color:#ccc} .rc-slider-disabled .rc-slider-handle,.rc-slider-disabled .rc-slider-dot{border-color:#ccc;background-color:#fff;cursor:not-allowed} .rc-slider-disabled .rc-slider-mark-text,.rc-slider-disabled .rc-slider-dot{cursor:not-allowed !important} .rc-slider-vertical{width:14px;height:100%;padding:0 5px} .rc-slider-vertical .rc-slider-rail{height:100%;width:4px} .rc-slider-vertical .rc-slider-track{left:5px;bottom:0;width:4px} .rc-slider-vertical .rc-slider-handle{margin-left:-5px;margin-bottom:-7px} .rc-slider-vertical .rc-slider-mark{top:0;left:18px;height:100%} .rc-slider-vertical .rc-slider-step{height:100%;width:4px} .rc-slider-vertical .rc-slider-dot{left:2px;margin-bottom:-4px} .rc-slider-vertical .rc-slider-dot:first-child{margin-bottom:-4px} .rc-slider-vertical .rc-slider-dot:last-child{margin-bottom:-4px} .rc-slider-tooltip-zoom-down-enter,.rc-slider-tooltip-zoom-down-appear{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;display:block !important;-webkit-animation-play-state:paused;animation-play-state:paused} .rc-slider-tooltip-zoom-down-leave{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;display:block !important;-webkit-animation-play-state:paused;animation-play-state:paused} .rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active{-webkit-animation-name:rcSliderTooltipZoomDownIn;animation-name:rcSliderTooltipZoomDownIn;-webkit-animation-play-state:running;animation-play-state:running} .rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active{-webkit-animation-name:rcSliderTooltipZoomDownOut;animation-name:rcSliderTooltipZoomDownOut;-webkit-animation-play-state:running;animation-play-state:running} .rc-slider-tooltip-zoom-down-enter,.rc-slider-tooltip-zoom-down-appear{-webkit-transform:scale(0,0);transform:scale(0,0);-webkit-animation-timing-function:cubic-bezier(0.23,1,0.32,1);animation-timing-function:cubic-bezier(0.23,1,0.32,1)} .rc-slider-tooltip-zoom-down-leave{-webkit-animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06)} @-webkit-keyframes rcSliderTooltipZoomDownIn{0%{opacity:0; -webkit-transform-origin:50% 100%; transform-origin:50% 100%; -webkit-transform:scale(0,0); transform:scale(0,0)} 100%{-webkit-transform-origin:50% 100%; transform-origin:50% 100%; -webkit-transform:scale(1,1); transform:scale(1,1)} } @keyframes rcSliderTooltipZoomDownIn{0%{opacity:0; -webkit-transform-origin:50% 100%; transform-origin:50% 100%; -webkit-transform:scale(0,0); transform:scale(0,0)} 100%{-webkit-transform-origin:50% 100%; transform-origin:50% 100%; -webkit-transform:scale(1,1); transform:scale(1,1)} } @-webkit-keyframes rcSliderTooltipZoomDownOut{0%{-webkit-transform-origin:50% 100%; transform-origin:50% 100%; -webkit-transform:scale(1,1); transform:scale(1,1)} 100%{opacity:0; -webkit-transform-origin:50% 100%; transform-origin:50% 100%; -webkit-transform:scale(0,0); transform:scale(0,0)} } @keyframes rcSliderTooltipZoomDownOut{0%{-webkit-transform-origin:50% 100%; transform-origin:50% 100%; -webkit-transform:scale(1,1); transform:scale(1,1)} 100%{opacity:0; -webkit-transform-origin:50% 100%; transform-origin:50% 100%; -webkit-transform:scale(0,0); transform:scale(0,0)} } .rc-slider-tooltip{position:absolute;left:-9999px;top:-9999px;visibility:visible;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)} .rc-slider-tooltip *{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)} .rc-slider-tooltip-hidden{display:none} .rc-slider-tooltip-placement-top{padding:4px 0 8px 0} .rc-slider-tooltip-inner{padding:6px 2px;min-width:24px;height:24px;font-size:12px;line-height:1;color:#fff;text-align:center;text-decoration:none;background-color:#6c6c6c;border-radius:6px;box-shadow:0 0 4px #d9d9d9} .rc-slider-tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid} .rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow{bottom:4px;left:50%;margin-left:-4px;border-width:4px 4px 0;border-top-color:#6c6c6c} article,aside,footer,header,hgroup,main,nav,section{display:block} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0} fieldset,img{border:0 none} dl,ul,ol,menu,li{list-style:none} blockquote,q{quotes:none} blockquote:before,blockquote:after,q:before,q:after{content:'';content:none} input,select,textarea,button{vertical-align:middle} input::-ms-clear{display:none} button{border:0 none;background-color:transparent;cursor:pointer} body{-webkit-text-size-adjust:100%;background:#fff} body,th,td,input,select,textarea,button{font-size:14px;line-height:1.5;font-family:'Noto Sans KR','Apple SD Gothic Neo','Malgun Gothic','맑은 고딕',sans-serif;color:#555;word-break:break-all} a{color:#111;text-decoration:none;cursor:pointer} a:active,a:hover{text-decoration:underline} a:active{background-color:transparent} address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:400} img{vertical-align:top} strong,b,th,h1,h2,h3,h4,h5,h6{font-weight:700} button::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"] > input[type="button"]::-moz-focus-inner{padding:0;border:0} /* global */ #kakaoIndex{overflow:hidden;position:absolute;left:-9999px;width:0;height:1px;margin:0;padding:0} .ir_pm{display:block;overflow:hidden;font-size:0;line-height:0;text-indent:-9999px} /* pc용 */ .ir_wa{display:block;overflow:hidden;position:relative;z-index:-1;width:100%;height:100%} .screen_out{overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px} .show{display:block} .hide{display:none} caption.screen_out{position:relative} /* Background Image - common 요소 */ .popup_dsp_tax #kakaoLogo,.popup_dsp_tax #kakaoServiceLogo{width:144px;height:18px;background-image:url(data:image/gif;base64,R0lGODlhkAASAPcAAJqamkBAQLKysjMzM8zMzJmZmScnJ39/f6ampikpKc7Ozv39/UxMTDQ0NGZmZvj4+OLi4oyMjPz8/EVFRYuLiysrK/b29qurq+Dg4ISEhJubm5OTky0tLVxcXKysrP7+/tra2nl5eevr69TU1CwsLGhoaPv7+/r6+j4+Pn19fb29veXl5WJiYmpqak1NTXBwcOfn57+/v7i4uF9fX6KiosPDw5CQkMXFxVdXVyoqKkhISEtLSzY2NlJSUkJCQs/Pz6Ghoby8vOzs7DU1Nff39ygoKDw8PLW1tbe3t5WVlVpaWnp6eoWFhWFhYfX19XR0dC8vL8nJyZycnJSUlHNzc+3t7To6OmNjY/Dw8PHx8e7u7vT09O/v73FxcTc3N9HR0erq6lhYWG1tbXZ2dklJSbCwsI+Pj0pKSlVVVa6uroGBgenp6aioqHd3d3t7e4mJiYKCgp+fn7S0tMTExMLCwtjY2FZWVjAwMC4uLkFBQWxsbJ2dncHBwUdHR9vb25iYmDk5OaqqqsfHx35+ftPT083NzaSkpNbW1rGxsYqKivPz876+vqmpqcDAwJeXl0RERIeHh15eXmBgYIiIiDExMd7e3o6OjlNTU0ZGRtzc3E5OTtXV1ePj48rKynV1dWtra9/f3z8/P29vb/n5+ZKSkkNDQ9nZ2Y2NjaWlpbm5uZGRkejo6LOzs2lpaZ6ensjIyFFRUcbGxmdnZ93d3VRUVObm5qOjo/Ly8v///yYmJgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAACQABIAAAj/AGm8ykWwoMGDCAEoQMiwocOHECNKnEhxIq5bFQ/ewpWxo8ePIEMSvAhyo8iTKFNOzNEjhEGSH02qnEkzZZ8HMEdijMmxps+fGRngypmLaAJHRgoO8QTkgoYZGnsWtDGhIKUXri7EKVEEoY5TFwylGHKQCYUJeFIEUYCkSa4GFPgo8ODiIIkQRxTUKKDDIAsKLXJ1CFRozhsSBlqw+qFijAGDBvQIUHDjTx6DFCgESPAEiYJULx5XYGFj6IPMFDoQ3YDrBsEXOIcO9WBQJsEDuOo8brJF9lAVCQoaALAA1wMJuLLIqo0rBgbfuDRU8W2hLsFQIKBLYFIQAS4uZaDX/7gBfUpBKI2gW2BRcKic7L415AoAXXaBnFcWVPFBcIIHFl4UQctzbhFkWw8nWKAJQV4IUAIgubiwCS5PFJQBLhAokQsHKZzwwA4FbTRUFUL49oEIWMgmAEEVHDLUChfE8MFQJRDk3VAWwGCCb1vAgBwuRNxh41CVSCFAcUI0MJJsOe6IywI+GAEBDEMtAMGVicAUABcSQNUQFdGF2BMPK3zwgkOS4FIGQRxosQADBmV5hJi49ECQG7LxZ0ASQ3FC0BhDYaBkLm8M5cdjN0oR3JZDmfGYDkQMpSEKyIkwAEFADHXAkriE8ZgVz+GyaS5CEUVSBYTgwp1Dl+CCiJi5FP9BR5gO0TcHQTPgEsVBDUjgRHC5iBgAQXfIdmkuEwy1Ex9DZVBQBU4MdUYuN0ZQUBCaFvTFUA7kssRQgRSUKy5IcHpsLjQMZR6pyr6EESq4pMEQGXq4kcIUuKxoIEek4EIHsAY90kIIKUSACwEEXRgHQs/xF+xQw5pLEH0wgTEUDgYpMFQX1A5lLUECZEsQAdzmkikuhQCgsgdDLVTUUOfeh0sBBJW6k048bNStQWSkissoWSiSr5gVrIGLSwblEcVQJmSxEcK5lGYDQi7C+TAuEb+My7EU7xSb1QTFkG21BYUsakEk49LtBfXJ9oXEBMlMM7umYlTCAlhUxSIEJwz/wkPNQ++bCw4JomHQCAtMYsXEBxMECa0GZYKL3sK2BzPjMGkxFCwGCTJUGx3j8nEuZo+aS9rdpouLAiq3DgDSxhYkN+B1E2QJLoISpNoFBgml78MEhYDLGigQhElzBtEHdQm4qHAQBw+cwMG+WFu+NeY7aUyhcCJcHPropaNdshruORR73EPNvYNp7hJkwBG4CFJBLp9AnksPgQOPaW5QDI4L7wUpRePeQoQHJKUgbcBFDeiUtfN1jSBmGMoPgCWGoYAhB98rm8hOV7I+zMgEGirIoLQWs/QRxAqy0RsJcgKFEeCCDblYHyiURAJRrCB/tklALJqXAEAsQATFS0Ar/7IDtVxI4WAH7AAWPtABBlqPa+3KBQ9KhIsRqIIRsYHDkESnwbONrGS5kMFQJHADW3jgBxIoHgllZ0KC1GIoIojCKlhzs1ygoERUCCMunOAHCyyABlv4nW1yMYTnOMsQQALBLT6AiBUUkQTYMoEpIPAkZzkRbg8kiB00Bx0EPCaDINsg6ggyBO1BRw1wy8XsEgadWQBgAwcJwx6CkwM4BEEFSahKBjhGkA0A4CA7QAAeYrUEGSziD3VZgulyYQAHpKETNdjDtAziSwCMsHXTe4vKYFkQLySBABAAwREiYZAWqKyJBOmCyuxQkAOorC8ESQAVZAACCIzAA2LAYC6wWQ+QK6jsCgYZxA/syQY0BAQAOw==);background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNDMxcHgiIGhlaWdodD0iNTVweCIgdmlld0JveD0iMCAwIDQzMSA1NSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTggKDg0NjYzKSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT5sb2dvX2tha2FvbW9uZW50X3doaXRlPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+CiAgICAgICAgPHBvbHlnb24gaWQ9InBhdGgtMSIgcG9pbnRzPSIwLjM4OTA0MTI5MSAwLjc3ODg0MjA1OSAzNC40OTg5ODE3IDAuNzc4ODQyMDU5IDM0LjQ5ODk4MTcgMzguOTIzMTE2MSAwLjM4OTA0MTI5MSAzOC45MjMxMTYxIj48L3BvbHlnb24+CiAgICAgICAgPHBvbHlnb24gaWQ9InBhdGgtMyIgcG9pbnRzPSIwLjM2MDY1NTg5NyAwLjIzNzkwNTY4IDI3LjU3ODM1NjggMC4yMzc5MDU2OCAyNy41NzgzNTY4IDQ2LjUxNzg3MDQgMC4zNjA2NTU4OTcgNDYuNTE3ODcwNCI+PC9wb2x5Z29uPgogICAgPC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9ImxvZ29fa2FrYW9tb25lbnRfd2hpdGUiPgogICAgICAgICAgICA8cGF0aCBkPSJNNS43NDMzNDMxMSwwLjk0OTA1OTQ5MSBMLTAuMDAwMTg5ODY4ODU5LDIuMjQwMTY3NzMgTC0wLjAwMDE4OTg2ODg1OSw1My40MTA3NzQ1IEw1LjY5NjgyNTIzLDUzLjQxMDc3NDUgTDUuNzQzMzQzMTEsMC45NDkwNTk0OTEgWiBNOC4yNDEwNjc5NCwzNC43MzYyMjI5IEwyNC4xNzAxMTU5LDU0LjM2MDExODggTDI4LjY3OTUwMTMsNTAuNzk5MTI4MyBMMTQuOTg5OTU2NSwzNC40MjI5MzkzIEwyNi44MTg3ODY1LDE5LjczNjU4MzEgTDIyLjI5OTkwNzYsMTYuMzg1Mzk3NyBMOC4yNDEwNjc5NCwzNC43MzYyMjI5IFoiIGlkPSJGaWxsLTEiIGZpbGw9IiNGRkZGRkYiIGZpbGwtcnVsZT0ibm9uemVybyI+PC9wYXRoPgogICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMjQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMxLjMyODM2MiwgMC4yOTQyOTcpIj4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yMS44MzQ5MTg4LDQ0Ljg3NTIyIEwyMS44MzQ5MTg4LDM2LjI2NTYxNjYgTDE1LjQwNzg1NzksMzYuMjY1NjE2NiBDOC45MTQzNDI5MiwzNi4yNjU2MTY2IDUuOTcxMzc1NjEsMzguNDQ4MTU5MSA1Ljk3MTM3NTYxLDQzLjA5OTk0NjEgQzUuOTcxMzc1NjEsNDYuODk3MzIzMyA4LjAyMTk1OTI4LDQ4Ljk3NjM4NzMgMTEuNzE0OTA4Niw0OC45NzYzODczIEMxNS40NTUzMjUxLDQ4LjgxNDk5ODggMTkuMDM0MzUzMSw0Ny4zNjI1MDIgMjEuODM0OTE4OCw0NC44NzUyMiBNMTQuNjQ4MzgyNCwzMi4yMzA5MDMzIEwyMS44MzQ5MTg4LDMyLjIzMDkwMzMgTDIxLjgzNDkxODgsMjkuMjk3NDI5NSBDMjEuODM0OTE4OCwyMy42MDEzNjM3IDE5LjMwMDE2OTUsMjEuMzU5OTYxOCAxNC41MTU0NzQzLDIxLjM1OTk2MTggQzExLjA0MDg3NDEsMjEuNDU0ODk2MyA3LjYxMzc0MTI0LDIyLjI3MTMzMjMgNC40NzE0MTE2MiwyMy43NTIzMDk0IEwyLjc2MjU5MTg5LDE5LjcyODAzODkgQzYuMzg5MDg3MSwxNy42NTc1MTkxIDEwLjQ4MDc2MSwxNi41Mjg3NDg3IDE0LjY1Nzg3NTksMTYuNDQzMzA3NyBDMjMuMjAxOTc0NSwxNi40NDMzMDc3IDI3LjM2OTU5NiwyMC41NDM1MjU3IDI3LjM2OTU5NiwyOS41NjIyOTY2IEwyNy4zNjk1OTYsNTMuMTE2NDc3OCBMMjMuMTI2MDI3LDUzLjExNjQ3NzggTDIyLjQ0MjQ5OTEsNDkuMTU3NzEyMSBDMTkuMTEwMzAwNiw1MS44OTE4MjM2IDE0Ljk5MDE0NjQsNTMuNDc3MjI4NiAxMC42ODk2MTY3LDUzLjY2NzA5NzUgQzQuMzI5MDA5OTgsNTMuNjY3MDk3NSAwLjUwMzExMTQzNiw0OS44Njk3MjAzIDAuNTAzMTExNDM2LDQzLjQxMzIyOTcgQzAuNDkzNjU5MDMzLDM2LjAyODI4MDUgNS40MTEyNjI0OCwzMi4yMzA5MDMzIDE0LjY0ODM4MjQsMzIuMjMwOTAzMyIgaWQ9IkZpbGwtMiIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1ydWxlPSJub256ZXJvIj48L3BhdGg+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNTkuOTYwNjgwNSwxNi4wOTE2NzA2IEw2NC40NzAwNjU5LDE5LjQ0MTkwNjYgTDUyLjY1MDcyOTUsMzQuMTI5MjEyMiBMNjYuMzExNzkzOSw1MC41MDU0MDEyIEw2MS44MTE5MDE5LDU0LjA2NTQ0MjMgTDQ1Ljg4MTkwNDcsMzQuNDQyNDk1OCBMNTkuOTYwNjgwNSwxNi4wOTE2NzA2IFogTTQzLjM0NzE1NTQsNTMuMTE2MDk4MSBMMzcuNjUxMDg5Niw1My4xMTYwOTgxIEwzNy42NTEwODk2LDEuOTQ2NDQwNjEgTDQzLjM0NzE1NTQsMC42NTUzMzIzNjYgTDQzLjM0NzE1NTQsNTMuMTE2MDk4MSBaIiBpZD0iRmlsbC00IiBmaWxsPSIjRkZGRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvcGF0aD4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik05MC43ODU2OTk5LDQ0Ljg3NTIyIEw5MC43ODU2OTk5LDM2LjI2NTYxNjYgTDg0LjM0OTE0NTUsMzYuMjY1NjE2NiBDNzcuODU1NjMwNiwzNi4yNjU2MTY2IDc0LjkyMjE1NjgsMzguNDQ4MTU5MSA3NC45MjIxNTY4LDQzLjA5OTk0NjEgQzc0LjkyMjE1NjgsNDYuODk3MzIzMyA3Ni45NzI3NDA1LDQ4Ljk3NjM4NzMgODAuNjE4MjIyNSw0OC45NzYzODczIEM4NC4zNzc2MjU5LDQ4LjgyNDQ5MjIgODcuOTc1NjQwOCw0Ny4zNzE5OTU1IDkwLjc4NTY5OTksNDQuODc1MjIgTTgzLjYwODY1NywzMi4yMzA5MDMzIEw5MC43ODU2OTk5LDMyLjIzMDkwMzMgTDkwLjc4NTY5OTksMjkuMjk3NDI5NSBDOTAuNzg1Njk5OSwyMy42MDEzNjM3IDg4LjI2MDQ0NDEsMjEuMzU5OTYxOCA4My40NzU3NDg4LDIxLjM1OTk2MTggQzc5Ljk5MTY1NTIsMjEuNDU0ODk2MyA3Ni41NzQwMTU4LDIyLjI3MTMzMjMgNzMuNDIyMTkyNywyMy43NTIzMDk0IEw3MS43MTMzNzMsMTkuNzI4MDM4OSBDNzUuMzM5ODY4MywxNy42NTc1MTkxIDc5LjQzMTU0MjIsMTYuNTI4NzQ4NyA4My42MDg2NTcsMTYuNDQzMzA3NyBDOTIuMTUyNzU1NiwxNi40NDMzMDc3IDk2LjMyOTg3MDYsMjAuNTQzNTI1NyA5Ni4zMjk4NzA2LDI5LjU2MjI5NjYgTDk2LjMyOTg3MDYsNTMuMTE2NDc3OCBMOTIuMDg2MzAxNiw1My4xMTY0Nzc4IEw5MS40MDI3NzM3LDQ5LjE1NzcxMjEgQzg4LjA3MDU3NTIsNTEuODgxMzgwOSA4My45NTA0MjEsNTMuNDY3NzM1MiA3OS42NDk4OTE0LDUzLjY2NzA5NzUgQzczLjI4OTI4NDYsNTMuNjY3MDk3NSA2OS40NjM0MjcsNDkuODY5NzIwMyA2OS40NjM0MjcsNDMuNDEzMjI5NyBDNjkuNDYzNDI3LDM2LjAyODI4MDUgNzQuMzgxMDMwNSwzMi4yMzA5MDMzIDgzLjYwODY1NywzMi4yMzA5MDMzIiBpZD0iRmlsbC02IiBmaWxsPSIjRkZGRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvcGF0aD4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMTAuNTIyNTY4LDM1LjE3MzExMTIgQzExMC41MjI1NjgsNDQuMjY3ODI5NSAxMTQuMjE1NTE3LDQ5LjA1MjUyNDcgMTIwLjU2NjYzMSw0OS4wNTI1MjQ3IEMxMjYuOTE3NzQ0LDQ5LjA1MjUyNDcgMTMwLjYyMDE4Niw0NC4zMDU4MDMzIDEzMC42MjAxODYsMzUuMTczMTExMiBDMTMwLjYyMDE4NiwyNi4wNDA0MTkxIDEyNi44Nzk3NywyMS4xNjA3ODk0IDEyMC41MTkxNjMsMjEuMTYwNzg5NCBDMTE0LjE1ODU1NiwyMS4xNjA3ODk0IDExMC40NzUxMDEsMjYuMDc4MzkyOCAxMTAuNDc1MTAxLDM1LjE3MzExMTIgTDExMC41MjI1NjgsMzUuMTczMTExMiBaIE0xMzYuNTYzMDgyLDM1LjE3MzExMTIgQzEzNi41NjMwODIsNDcuMTM0ODQ5MyAxMzAuNjIwMTg2LDUzLjc2MTI3MjQgMTIwLjU2NjYzMSw1My43NjEyNzI0IEMxMTAuNTEzMDc1LDUzLjc2MTI3MjQgMTA0LjU3MDE3OSw0Ny4xMTU4NjI0IDEwNC41NzAxNzksMzUuMTczMTExMiBDMTA0LjU3MDE3OSwyMy4yMzAzNTk5IDExMC42NTU0NzYsMTYuNDQyNTQ4MiAxMjAuNTY2NjMxLDE2LjQ0MjU0ODIgQzEzMC40Nzc3ODUsMTYuNDQyNTQ4MiAxMzYuNTYzMDgyLDIzLjE0NDkxOSAxMzYuNTYzMDgyLDM1LjE3MzExMTIgTDEzNi41NjMwODIsMzUuMTczMTExMiBaIiBpZD0iRmlsbC04IiBmaWxsPSIjRkZGRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvcGF0aD4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNDUuMTA3MzcsMTcuMDQxMDE0OSBMMTUxLjYwMDg4NSwxNy4wNDEwMTQ5IEwxNTIuOTAxNDg3LDIwLjUyNTEwODUgQzE1NS45MjA0MDIsMTcuNjM5MTAxNyAxNTkuOTE3MTQxLDE2LjAwNjIyOTYgMTY0LjA5NDI1NiwxNS45NTc4MTMgQzE2OC40NjEyMzksMTUuOTU3ODEzIDE3MS42MTMwNjMsMTcuNDY3MjcwNSAxNzMuMzg4MzM3LDIwLjU0MzE0NiBDMTc2LjM1MDI5MSwxNy42NDg1OTUzIDE4MC4zMTg1NSwxNi4wMDYyMjk2IDE4NC40NTc2OTIsMTUuOTU3ODEzIEMxOTEuNjM0NzM0LDE1Ljk1NzgxMyAxOTUuNTM2NTM5LDIwLjA2ODQ3MzggMTk1LjUzNjUzOSwyOS4xNTQ2NDgxIEwxOTUuNTM2NTM5LDUzLjExNjA5ODEgTDE4Ni4zNzUzNjcsNTMuMTE2MDk4MSBMMTg2LjM3NTM2NywyOS43MDUyNjc4IEMxODYuMzc1MzY3LDI1LjY3MDU1NDUgMTg0Ljg3NTQwMywyNC4wMDkyMDIgMTgwLjYzMTgzNCwyNC4wMDkyMDIgQzE3OC42ODU2NzgsMjQuMDE4Njk1NSAxNzYuNzU4NTA5LDI0LjM2MDQ1OTMgMTc0LjkzNTc2OCwyNS4wMzQ0OTM5IEwxNzQuOTM1NzY4LDUzLjExNjA5ODEgTDE2NS43NzQ1OTYsNTMuMTE2MDk4MSBMMTY1Ljc3NDU5NiwyOS43MDUyNjc4IEMxNjUuNzc0NTk2LDI1LjY3MDU1NDUgMTY0LjM0MTA4NiwyNC4wMDkyMDIgMTYwLjA3ODUzLDI0LjAwOTIwMiBDMTU4LjEwMzg5NCwyNC4wNDcxNzU3IDE1Ni4xMzg3NTEsMjQuMzg3OTkwNCAxNTQuMjY4NTQzLDI1LjAzNDQ5MzkgTDE1NC4yNjg1NDMsNTMuMTE2MDk4MSBMMTQ1LjEwNzM3LDUzLjExNjA5ODEgTDE0NS4xMDczNywxNy4wNDEwMTQ5IFoiIGlkPSJGaWxsLTEwIiBmaWxsPSIjRkZGRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvcGF0aD4KICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cC0xNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjAxLjI2MDk5MCwgMTUuMTg5NTA5KSI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9IkZpbGwtMTItQ2xpcHBlZCI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPG1hc2sgaWQ9Im1hc2stMiIgZmlsbD0id2hpdGUiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDx1c2UgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L21hc2s+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0icGF0aC0xIj48L2c+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNOS43NTkwNjk0NywyMC4yMDI0MjYzIEM5Ljc1OTA2OTQ3LDI3Ljg1NDE0MTMgMTIuMjg0MzI1MywzMS44MjE0NTExIDE3LjQ3NzIzODYsMzEuODIxNDUxMSBDMjIuNjcwMTUxOSwzMS44MjE0NTExIDI1LjEzODQ0NzEsMjcuODU0MTQxMyAyNS4xMzg0NDcxLDIwLjIwMjQyNjMgQzI1LjEzODQ0NzEsMTIuMTk4NTA0NiAyMi42Nzk2NDUzLDcuODYwOTUwNSAxNy40NzcyMzg2LDcuODYwOTUwNSBDMTIuMjc0ODMxOCw3Ljg2MDk1MDUgOS43NTkwNjk0NywxMi4xODk5NjA1IDkuNzU5MDY5NDcsMjAuMjAyNDI2MyBNMzQuNDk4OTgxNywyMC4xMjY0Nzg3IEMzNC40OTg5ODE3LDMxLjc0NTUwMzUgMjguMTQ3ODY4NSwzOC45MjM0OTU4IDE3LjQ3NzIzODYsMzguOTIzNDk1OCBDNi44MDY2MDg3MiwzOC45MjM0OTU4IDAuMzg5MDQxMjkxLDMxLjc0NTUwMzUgMC4zODkwNDEyOTEsMjAuMTI2NDc4NyBDMC4zODkwNDEyOTEsOC4zMDcxNDIzMSA2Ljk0OTAxMDM3LDAuNzc4ODQyMDU5IDE3LjQ3NzIzODYsMC43Nzg4NDIwNTkgQzI4LjAwNTQ2NjgsMC43Nzg4NDIwNTkgMzQuNDk4OTgxNyw4LjE1NTI0NzIyIDM0LjQ5ODk4MTcsMjAuMTI2NDc4NyIgaWQ9IkZpbGwtMTIiIGZpbGw9IiNGRkZGRkYiIGZpbGwtcnVsZT0ibm9uemVybyIgbWFzaz0idXJsKCNtYXNrLTIpIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMjQxLjcyMjEzOSwxNy4wNDEwMTQ5IEwyNDguMjE1NjU0LDE3LjA0MTAxNDkgTDI0OS41MzUyNDIsMjAuNTQzMTQ2IEMyNTIuNTU0MTU4LDE3LjY0ODU5NTMgMjU2LjU2MDM5LDE2LjAwNjIyOTYgMjYwLjc0Njk5OSwxNS45NTc4MTMgQzI2NS4xMTM5ODIsMTUuOTU3ODEzIDI2OC4yNjU4MDUsMTcuNDY3MjcwNSAyNzAuMDQxMDc5LDIwLjU0MzE0NiBDMjczLjAwMzAzNCwxNy42NDg1OTUzIDI3Ni45NzEyOTMsMTYuMDA2MjI5NiAyODEuMTEwNDMzLDE1Ljk1NzgxMyBDMjg4LjI4NzQ3NywxNS45NTc4MTMgMjkyLjE4OTI4MiwyMC4wNjg0NzM4IDI5Mi4xODkyODIsMjkuMTU0NjQ4MSBMMjkyLjE4OTI4Miw1My4xMTYwOTgxIEwyODMuMDI4MTA5LDUzLjExNjA5ODEgTDI4My4wMjgxMDksMjkuNzA1MjY3OCBDMjgzLjAyODEwOSwyNS42NzA1NTQ1IDI4MS41MjgxNDUsMjQuMDA5MjAyIDI3Ny4yODQ1NzcsMjQuMDA5MjAyIEMyNzUuMzM4NDIxLDI0LjAxODY5NTUgMjczLjQxMTI1MiwyNC4zNjk5NTI5IDI3MS41ODg1MTEsMjUuMDM0NDkzOSBMMjcxLjU4ODUxMSw1My4xMTYwOTgxIEwyNjIuNDI3MzM4LDUzLjExNjA5ODEgTDI2Mi40MjczMzgsMjkuNzA1MjY3OCBDMjYyLjQyNzMzOCwyNS42NzA1NTQ1IDI2MC45OTM4MjksMjQuMDA5MjAyIDI1Ni43MzEyNzMsMjQuMDA5MjAyIEMyNTQuNzU2NjM3LDI0LjA0NzE3NTcgMjUyLjc5MTQ5NCwyNC4zODc5OTA0IDI1MC45MjEyODYsMjUuMDM0NDkzOSBMMjUwLjkyMTI4Niw1My4xMTYwOTgxIEwyNDEuNzYwMTEzLDUzLjExNjA5ODEgTDI0MS43MjIxMzksMTcuMDQxMDE0OSBaIiBpZD0iRmlsbC0xNSIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1ydWxlPSJub256ZXJvIj48L3BhdGg+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMzA3LjU4NzU1MSwzMS44MjE3MzYgTDMyMC42NTA1MjgsMzEuODIxNzM2IEMzMjAuNjUwNTI4LDI1LjY3MDkzNDIgMzE4Ljc1MTg0MSwyMi44Njk0MTkyIDMxNC4yMjM0NjgsMjIuODY5NDE5MiBDMzEwLjAwODM3OSwyMi44Njk0MTkyIDMwNy42ODI0ODYsMjYuMTQ1NjA2NCAzMDcuNTg3NTUxLDMxLjgyMTczNiBNMzI5LjQ4ODkyNCwzMy45Mzg3NzM3IEMzMjkuNDY5OTM3LDM1LjMxNjI3MjMgMzI5LjM1NjAxNiwzNi42ODIzNzg3IDMyOS4xNDcxNiwzOC4wNDA4OTA0IEwzMDcuNTg3NTUxLDM4LjA0MDg5MDQgQzMwNy44NTMzNjcsNDMuNzM2OTU2MSAzMTEuMDA1MTkxLDQ2Ljc5Mzg0NDggMzE3LjQ5ODcwNSw0Ni43OTM4NDQ4IEMzMjAuNjUwNTI4LDQ2LjcwODQwMzggMzIzLjc1NDg4NCw0Ni4wMzQzNjk0IDMyNi42NTk4NzgsNDQuODA5NzE1MiBMMzI4LjcxMDQ2Miw1MS4wMjY5NzEgQzMyNC44NzUxMTEsNTIuOTY0NTgyNyAzMjAuNjYwMDIyLDU0LjAxNzQwNTUgMzE2LjM2ODk4Niw1NC4xMDM3OTU4IEMzMDQuMjc0MzM5LDU0LjEwMzc5NTggMjk4LjMzMTQ0NCw0Ny41NDM4MjY3IDI5OC4zMzE0NDQsMzUuMDMwNTE5NiBDMjk4LjMzMTQ0NCwyMy4wMDIzMjc1IDMwNC41NTkxNDMsMTUuOTU4MTkyNyAzMTQuNDcwMjk3LDE1Ljk1ODE5MjcgQzMyNC4wODcxNTUsMTUuOTU4MTkyNyAzMjkuNDg4OTI0LDIyLjQ2MjE1MDYgMzI5LjQ4ODkyNCwzMy45Mzg3NzM3IiBpZD0iRmlsbC0xNyIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1ydWxlPSJub256ZXJvIj48L3BhdGg+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMzM2LjAxMDgyNCwxNy4wNDEwMTQ5IEwzNDIuNTA0MzQsMTcuMDQxMDE0OSBMMzQzLjg3MTM5NSwyMC42NTgwMTY2IEMzNDcuMDMyNzEyLDE3Ljc5MDk5NjggMzUxLjA5NTkwNSwxNi4xMTA2NTc1IDM1NS4zNTg0NjEsMTUuOTExMjk1MiBDMzYzLjQxODM5NSwxNS45MTEyOTUyIDM2Ny40NTMxMDcsMjAuOTAzODk2OCAzNjcuNDUzMTA3LDI5LjkzMzExMDQgTDM2Ny40NTMxMDcsNTMuMDQ5NjQ0IEwzNTguMjkxOTM2LDUzLjA0OTY0NCBMMzU4LjI5MTkzNiwyOS43MDUyNjc4IEMzNTguMjkxOTM2LDI1LjY3MDU1NDUgMzU2Ljc5MTk3MSwyNC4wMDkyMDIgMzUxLjk0MDgyMiwyNC4wMDkyMDIgQzM0OS42MjQ0MjEsMjQuMDg1MTQ5NSAzNDcuMzM2NTAyLDI0LjU1MDMyODIgMzQ1LjE3MTk5NywyNS4zNzUzMDg1IEwzNDUuMTcxOTk3LDUzLjExNjA5ODEgTDMzNi4wMTA4MjQsNTMuMTE2MDk4MSBMMzM2LjAxMDgyNCwxNy4wNDEwMTQ5IFoiIGlkPSJGaWxsLTE5IiBmaWxsPSIjRkZGRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvcGF0aD4KICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cC0yMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzcxLjE5MzYxOSwgNy41OTQ3NTUpIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iRmlsbC0yMS1DbGlwcGVkIj4KICAgICAgICAgICAgICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8bWFzayBpZD0ibWFzay00IiBmaWxsPSJ3aGl0ZSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjcGF0aC0zIj48L3VzZT4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvbWFzaz4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJwYXRoLTMiPjwvZz4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0wLjM2MDY1NTg5NywxMC4xNDgxMTA4IEw2LjA1NjcyMTY2LDkuNDY0NTgyODcgTDYuMDU2NzIxNjYsMi4yMTI1NDE4MiBMMTUuMzUwODAyMywwLjIzNzkwNTY4IEwxNS4zNTA4MDIzLDkuNDQ2NTQ1MzMgTDI2LjIwMTgwNzYsOS40NDY1NDUzMyBMMjYuMjAxODA3NiwxNi4zMDkzNTUzIEwxNS4zOTgyNjk2LDE2LjMwOTM1NTMgTDE1LjM5ODI2OTYsMzEuOTgzMDI5NSBDMTUuMzk4MjY5NiwzNy41ODQxNjA4IDE2LjgzMTc3OTQsMzguNjI4NDM5NiAxOS40OTk0MzY4LDM4LjYyODQzOTYgQzIxLjU1MDAyMDUsMzguNTYyOTM0OCAyMy41ODE2MTczLDM4LjE1Mzc2NzQgMjUuNDg5Nzk5MywzNy40MDM3ODU1IEwyNy41NzgzNTY4LDQzLjg2MDI3NiBDMjQuMzQxMDkyOCw0NS42MDcwNjk1IDIwLjcyNDA5MSw0Ni41MTg0NCAxNy4wNTAxMjg2LDQ2LjUxODQ0IEM5LjQ1NTM3NDIzLDQ2LjUxODQ0IDYuMTEzNjgyMzIsNDEuODc2MTQ2NCA2LjExMzY4MjMyLDMyLjY0NzU3MDUgTDYuMTEzNjgyMzIsMTYuMzI5MjkxNCBMMC40MTc2MTY1NTUsMTYuMzI5MjkxNCBMMC4zNjA2NTU4OTcsMTAuMTQ4MTEwOCBaIiBpZD0iRmlsbC0yMSIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBtYXNrPSJ1cmwoI21hc2stNCkiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+),none;background-size:144px 18px} .ico_comm{display:block;overflow:hidden;font-size:0;line-height:0;background:url(/c6d09540b71685a15bd0668272ba22f9.png) no-repeat;background-size:900px 800px;text-indent:-9999px;vertical-align:top} /* 대체텍스트가 있는 아이콘 */ .img_comm{display:inline-block;background:url(/c6d09540b71685a15bd0668272ba22f9.png) no-repeat;background-size:900px 800px;vertical-align:top} /* 대체텍스트가 없는 아이콘 */ .toggle_radio .lab_radio,.toggle_radio2 .lab_radio,.opt_select,.opt_select2,.toggle_check .lab_check{background:url(data:image/gif;base64,R0lGODlhZABKAuZJAAOY5QST3vf39////wOU3/j4+ACEzvPz8wCDzQCEzwKV4AST3fz8/Pr6+v39/ejo6ACH0wKZ5gCG0wCF0QCI1QKY5AGW4vv7+wOX4wCG0vn5+QCF0ACX4gKV4efn5+np6erq6gCH1QGY5gOY5gCE0AKU4QCW4gKU4AGV4gOY5ACG1ACF0gCDzwSX4wSS3gCX4wCF0wCI1gSX5AKY5QGZ5gOW4wSU4AOV4QCCzgOS3gKZ5/b29gCH1ACDzvT09P7+/u/v7/Hx8fDw8O7u7vX19fLy8uvr6+3t7ezs7P///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAEkALAAAAABkAEoCAAf/gBGCg4SFhoeIiYqLjI2Oj5CRkpOUlZaXmJmam5YAnp+goaKjpKWmp6ipqqusra6vsLGys7S1tre4ubq7oBW+v8DBwsPExcbHyMnKy8zNzs/Q0dLT1NXW19IY2tvc3d7f4OHi4+Tl5ufo6err7O3u7/Dx8vPuHPb3+Pn6+/z9/v8AAwocSLCgwYMIEypcyNCCw4cQI0qcSLGixYsYM2rcyLGjx48gQ4ocSbKkyZMiO6hcybKly5cwY8qcSbOmzZs4c+rcybOnz59AFQgdSrSo0aNIkypdyrSp06dQo0qdSrWq1atYs2rdapWA169gw4odS7as2bNo06pdy7at27dw/+PKnUu3rt27cgPo3cu3r9+/gAMLHky4sOHDiBMrXsy4sePHkCNLnky5suXLfBdo3sy5s+fPoEOLHk26tOnTqFOrXs26tevXsGPLnu06ie3buHPr3s27t+/fwIMLH068uPHjyJMrX868ufPn0KNLn46bgvXr2LNr3869u/fv4MOLH0++vPnz6NOrX8++vfv36nnIn0+/vv37+PPr38+/v///AAYo4IAEFmjggQgmqOCCDDbo4IP0QSDhhBRWaOGFGGao4YYcdujhhyCGKOKIJJZo4okopqjiiiZK4OKLMMYo44w01mjjjTjmqOOOPPbo449ABinkkEQWaeSRQmag5P+STDbp5JNQRinllFRWaeWVWGap5ZZcdunll2BOIOaYZJZp5plopqnmmmy26eabcMYp55x01mnnnXjmqeeedm7g55+ABirooIQWauihiCaq6KKMNuroo5BGKumklCZg6aWYZqrpppx26umnoIYq6qiklmrqqaimquqqrLbq6quqGiDrrLTWauutuOaq66689urrr8AGK+ywxBZr7LHIJqvsssb24Oyz0EYr7bTUVmvttdhmq+223Hbr7bfghivuuOSWa+656Kar7rrQIuDuu/DGK++89NZr77345qvvvvz26++/AAcs8MAEF2zwwQJTp/DCDDfs8MMQRyzxxBRXbPH/xcNxovHGHHfs8ccgh8wILySXbPLJKKes8sost+zyy6JgI/PMNNds880454wMPTz37PPPQAct9NDkMGT00UgnrfTSTDft9EAoRS311FRXbfXVWGME1NZcd+3112DPxNXYZJdt9tlop602U3i17fbbcMct99x012133ZjlrffefPft99+AB743bYQXbvjhiCeu+OKkYez445BHLvnkkMNn+eWYZ6755px3Dh6EoIcu+uikl2766ainrvrq9rHo+uuwxy777LTXziGSuOeu++689+777ziCKfzwxBdv/PHIJ6/8lXw27/zz0Ecv/fTUs0np9dhnr/323B8K6/fghy/+//jkl28+qMymr/767Lfv/vvwxy9//OzWb//9+Oev//78938/wgAMoAAHSMACGvCA+KKcAhfIwAY68IFJGIAEJ0jBClrwghjMoAY3yMEOevCDIAyhCEdIwhKa8IQo/IEKV8jCFrrwhTCMoQxnSMMa2vCGOMyhDnfIwx768IdADKIQh0jEIhrxiCx0gBKXyMQmOvGJUIyiFKdIxSpa8YpYzKIWt8jFLnrxi2BkgBjHSMYymvGMaEyjGtfIxja68Y1wjKMc50jHOtrxjni8gB73yMc++vGPgAykIAdJyEIa8pCITKQiF8nIRjrykZBsgCQnSclKWvKSmMykJjfJyU568v+ToAylKEdJylKa8pSo1IAqV8nKVrrylbCMpSxnScta2vKWuMylLncpywL48pfADKYwh0nMYhrzmMhMpjKXycxmOvOZ0IymNKdJTQFY85rYzKY2t8nNbnrzm+AMpzjHSc5ymvOc6EynOtfJzna6853q3IE850nPetrznvjMpz73yc9++vOfAA2oQAdK0IIa9KAITahCF2pQIjj0oRCNqEQnStGKWvSiGM1oRQ+g0Y569KMgDSlHQ0rSkprUoxBMqUpXytKWHuekMI2pTGdK05ra9KY4jakPdsrTnvr0p0ANqlCHStSiGvWoSE2qUpfK1KY69alQjapUp0rVqlr1qlj/7ekBtsrVrnr1q2ANq1jHStaymvWsaE2rWtfK1ra69a1wjWsR5krXutr1rnjNq173yte++vWvgA2sYAdL2MIa9rCITWwQFsvYxjr2sZCNrGQnS9nKWvaymM2sZjfL2c569rOgDa0QRkva0pr2tKhNrWpXy9rWuva1sI2tbGdL29ra9ra4zS0Qdsvb3vr2t8ANrnCHS9ziGve4yE2ucpfL3OEO4bnQja50p0vd6lr3utjNrna3y93ueve74A2veMdL3vIe4bzoTa9618ve9rr3vfCNr3znS9/62ve++M2vfvfL3/76978A3i8SBkzgAhv4wAhOsIIXzOAGO/jBEI6w/4QnTOEKW/jCGM6whjfM4Qsb4cMgDrGIR0ziEpv4xChOsYpN/IEVu/jFMI6xjFss4xrb+MYvdqmOd8zjHisQx0AOspCHTOQiG/nISE6ykpfM5CY7OcUdjrKUp0zlKlv5yljOspa3zOUuSzjAYA6zmMdM5jKb+cxoTjOay8vmNrv5zXCOs5znTOc62/nO122unvfM5z77+c+ADrSgB03oQhta0LlNtKIXzehGO/rRkI60pCdN6dWG9tKYzrSmN83pTnv606AOtagnm9hSm/rUqE61qlfN6la7+tWwjrWsZ03rWgPWx7jOta53LR0P+PrXwA62sIdN7GIb+9jITrayl//N7GY7+9nQjra0p03talv72tjOtra3DewHePvb4A63uMdN7nKb+9zoTre6183udrv73fCOt7znTe962/ve+M63vvfN7377+98AD7jAB07wgg/8AwhPuMIXzvCGO/zhEI+4xCdO8Ypb/OIYz7jGN87xjnv84yAPOcdBQPKSm/zkKE+5ylfO8pa7/OUwj7nMZ07zmtv85jjPuc53zvOe4/zJQA+60IdO9KIb/egq9rLSl870pjv96VDHspqnTvWqW/3qWM+61rfO9a57nb68DrvYx0723KDw7GhPu9rXzva2u/3tH0Si3OdO97rb/e54xyEY9873vvv974CfIh4HT/j/whv+8IhfIyQXz/jGO/7xkB8kKidP+cpb/vKY3yQvN8/5znv+86APPS2pSfrSm/70qE+96lfP+mXC8/Wwj73sZ19Ohtr+9rjPve53z/ve83OkOQ2+TYEv/OLHtOzIT77yW2r85jv/+dCPvvRJmtXqW//62M++9ref1Lh6//vgD7/4x09WW5v//Og39ajXz/72u9+xlY6//OdPf9Me+v74z7/+m4vn/vv//wAYgAIYXl9XgAZIdVGXgAq4gAzIZTSGdBD4gBB4dMtXgRZ4gZADdxq4gRzYgR74gSAYgiIYd3lXgiZ4giiYgiq4gizYgi6YRIEXgzI4gzRYgzZ4gziY/4M6uESJ14M++INAGIRCOIREWIRGSEaRl4RKuIRM2IRO+ISRlHlSOIVUWIVWeIVYmIVauIWTJHpe+IVgGIZiOIZkWIaj13pomIbAJABq2IZu+IZwGIdyWEy0V4d2eId4mId6uId82IfjpE9E4HuCOIiEWIiGuFCBeIiKuIiMuIjT94iQGIkgRXySGImUWImPiIGauImc2ImeaDGYKFM7EIqSOIqkeIqomIoUxX2s2Iqu+IpGdQCwOIu0WIu2yIrkl4u6uIu82Iu++IvAGIzC2FXpV4zGeIzImIzKCFhBUGvv94zQGI2QVQTSWI2XVn/1BwTYuFrauI3e+I3gGI6Otv9/5FiO5niO6JiOvzWA7NiO7viO8BiP8kiAB1iP9niP+JiPBtiA/DhgRtCPABmQSPCPDkaQAqlhBnmQSjeBDNmQRyeBDil0EBmRQPeJFnmRGJmRGtkbFNmRHvmRIBmSFKmQJFmSJtl0+piSKrmSXTePLvmSMBmTcaaONFmTNnmTOClc4riTPNmTPumN1hiUQjmURCmUy3iUSJmUSrmUTJlXG/mUUKmJESACVFmVVnmVWJmVWrmVXNmVXvmVWjmVYDmWZFmWZmmWNCAyaokJOpCWa/mWkgAAIzCXdFmXdnmXeJmXermXfNmXfpmXADADMDOYpDADf3mYiJmYiqmYFQD/ACnwmJAZmZI5mZRZmZZ5mZiZmZpJmRWQAjrzmdNQAzXQAqRZmqZ5mqiZmqq5mqzZmq75mqkpAzJANLT5DiZgAi+Qm7q5m7zZm775m8AZnMI5nMTpm/Zwm8iZnMq5nMzZnM75nNAZndLZnCiAAllznSVRndq5ndzZnd75neAZnuI5nuT5nR1QAuiZnuq5nuzZnu75nvAZn/I5n+55AyUQNviZnyqxNvyZFSfQnwBKFf95AgRaoAZ6oAiaoAq6oAzaoA76oAl6NxIqFzYwoRa6FoKToYnhAhzaoR76oSAaoiI6oiRaoiZ6oiGaAxq6ooLBOC76ojAao50RlTR6gSFA/wEhkKM6uqM82qM++qNAGqRCOqRE+qM4WqRImqRKuqRKGgNM+qRQGqVKSgEx4DlWuh6sk6X5oQJa2qX2oQJgGqZiOqZkWqZmeqZomqZquqZlCgESYDtwGqdyOqcTAjx2eiQwkKd6uqd82qd++qeAGqiCOqiE6qfLc6jIswIZsAKM2qiO+qiQGqmSOqmUWqmWeqmRKiYksKmc2qme+qmgGqqiOqqkWqqmCqoTQALVs6p3QgLd86qw+ieuGqu0uj09cD64yioskKu8qios8KvAGqzCOqzEWqzGeqzImqzKSqzOMj/OOiw9gADPOq2/4j/Wui04cK3auq3c2i0I9K3gGgau4hovgQAAOw==) repeat-x} /* 버튼,셀렉트박스 배경 */ .img_gauge{background:url(/3c80d7089a71f552d868a8fa7d8a7bab.png) no-repeat} /* 예상모수게이지 */ .list_userinfo .menu_my .gnbsub_comm:after,.step_manage.on .l_error:after,.step_manage.on .l_exactly:after,.reform_img_file .img_noimg,.regist_catalogtool .catalog_item .inner_img,.regist_catalogtool .catalog_item.catalog_item_vod .inner_img,.reform_regist_img .reform_item_file .ico_file,.reform_regist_vod .reform_item_file .ico_file{background:url(/c6d09540b71685a15bd0668272ba22f9.png) no-repeat;background-size:900px 800px} .img_adtype{display:block;overflow:hidden;font-size:0;line-height:0;background:url(/89f0c3f6e7ea0dd598ed02792fd182fc.png) no-repeat;background-size:350px 650px;text-indent:-9999px} .gnbsub_userinfo .link_business .txt_business{background:url(data:image/gif;base64,R0lGODlhjAAPAPcAACIiIvX19ZCQkDk5OfLy8oSEhFxcXPn5+YqKiv7+/sXFxUNDQ/39/S8vL9bW1piYmJGRkfz8/N3d3efn5+Hh4YyMjFtbW0lJSY+Pj9LS0rGxsUpKSuDg4FJSUjIyMkBAQKurq/v7+/j4+FBQUNjY2CoqKvHx8bu7u8vLy319fXZ2dvT09L6+vkVFRe3t7XBwcEZGRl9fX+Xl5ZeXlygoKCQkJDU1Nezs7Pf39+vr67i4uN/f31lZWfr6+kJCQjo6OsPDw6ysrDc3N0tLS7m5uWNjY4WFhTs7Ozw8PPPz87W1tTY2NsTExCYmJvb29rCwsLq6unh4eLS0tIGBgZaWlmRkZHd3d3x8fKamppqammpqak5OTp6enoCAgLa2tqenp6SkpERERFZWVnNzc2ZmZm9vbz09Pe7u7ubm5iwsLD4+PikpKZubm2dnZ+Pj4+rq6qOjo+np6Xt7e46Ojujo6IeHhyUlJSMjI39/f9fX17y8vI2NjcrKys7OzuLi4pmZmcnJyaGhoVFRUfDw8N7e3mhoaDMzM6+vr1hYWGJiYtHR0ZycnIiIiJ+fn4KCgtTU1FpaWouLi2tra0dHRz8/P9XV1UxMTE1NTb+/v4ODg9DQ0FdXV3JycnR0dK6urlVVVWBgYCcnJ8HBwZWVlXp6ejExMampqe/v7729vZ2dnYaGhsjIyOTk5G5ubtvb27KysmxsbMzMzK2trUFBQXV1dSsrK15eXmVlZTAwMFRUVG1tbXFxcc3NzYmJicfHx1NTU7e3t5KSktPT07Ozs5OTk9zc3F1dXS0tLUhISMbGxjQ0NMLCwn5+fsDAwP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAACMAA8AAAj/AJlUcUawoMGDzviQEYGwocOHg6hYqXDjoUUseSxqNBiAzcaPGgUAAEnwAYAAJEEeWJCKlxKUKQkaUBDTIQokOWrGFJnSJEydDpXAAlpwJtGDDI9+5Enyz0mlCGdUUGoUqtWPGEYSPICAAEEUAlREIlHQJ8EIkU4R7ANBBYJHB5lUkBPIBcIMZSR58UKIoBsuXbj4KRgABQMoFTQYtMBEgQAjJwoSAHJQRwiCAcDgQYCKgTMRLAiuQHFACoICRA7uWOQIRI+CCbwUKABiBcEeIKbUGXZgjlZnV+z4coaFRi4tPpqsIjjjqTMjd0I/afJLS5gazQpGAcDjhRAhGQxG/5hhwcCMGZqc6bGB4BCCJZGd7VgyxEogYYvNRHmiYUQBgpVscNAaXiURhiqiKCEHWWgMQFAxuGyBgAYadIBAQSeosYgSKghyAEG6VHGCHns84UwEYtCCiQ4FAJEVQRoAkAVmJhAUAgxFlPQUEQBAQBAOZxDEwBaQEAQFAGAQdEYLlyAkgAAFiTBAMgXxIQQOznBgwwQNWQAFYR7s4IwDAhpUglc6GIDQBA46I4EZlyl5zIci/CBBQWN45EItcRaUgQ8HvehKGmU4JMcCOgZAQQNkOFRAm4mokUBBIACgyEFPYtjBQWLokOUHDlVF0AtwjFlmQWc6wwIMnhnEJkESIP9q0AJ9SdFoQQqoaQINdBxEgjI/OSPSCjAMgWVBMgQxCgQdtGmSC5a0kIRBdMhCBQSbNECQD20YVAkAihkEAZQEcRHFQSnMyAGoDYnqTC8XknlQqgyA0gEUrTrzqpuyFnSBA85QQQoFBFPABCUEBYMEGLYVZAUMT3zoTFY5/LDBT1iEwkMKBVjiLAAyUBKGVwR5QoMYHI+grTOGcGIQBQCUalCmBEHwn0GMTLVuqDQVVMAcps5LcgLAIIJEEATtG+tB/z43SwxQQ61CQZqU4QECEjsDRBFLsJEATxmsccukPawxFUGZfBwACWkYE4EzCTRwszMVrDyCBQYBAkBoM5P/6wwIkhz0whef8myQFkg7cIHQB2XwQ2pK90tQ042koFEcPMxN0A4XNPKiM4cAwIgzfgAgRUEpqO2MDncw40wOAIBQUB0rd0HDGwXZHsdB4xZEgiFORGkDXDu327MzJngggzN0LMH4QRVkom+bSxvUNAqTTGrRMk0e9EUhnz8Xew8NbJIBIFfUoPrEMTtjQweKoDBFEyvHkcYIsVCQRROaE0QzQYXYxYcO0IkcyYddCLFAz5JQhbm1IFwuaIUdvCIDmDihA6ZwRoNgJTlnNM0ZPEDA217HCuThjiB4GMPrBmGjNsxBADUoCANskSMieAAApZhCEI5AkD/U4CdtMEACnzBhAwA04Aqv8IDvRlADI2JghOLyEWFU4IENeGAMDeMAoBqyBzMgogNHIIb2nJGBBVxAEFsAwgi88gUkDAESQnDEpCbAQze14CBDyAjyXnCET0yiBaHpAwwWYAE1JKIiJ/gAMizwgxcciyOtSkBFNOIEKE6yIU7gUkoiIAMoboQBb0CDQ25AsoO4wA19igkD3FBKgiSBAo8kiAkoILGAAAA7) no-repeat} /* 소재생성관련이미지 */ .img_material{background:url(/cf17329d385b65f35d3344cb55f8df10.png) no-repeat} /* 소재아이콘 */ .list_importwrite .thumb_img .inner_thumb,.box_msg .file_msg{background:#ebebeb url(/7e544aa6e1ef0cfa83051899530b4f6e.png) no-repeat 50% 50%} .material_movie .thumb_img,.material_moviebnr .thumb_img{background:#ebebeb url(/b48e93b2b2769d77d9a616c2dfbb75af.png) no-repeat 50% 50%} .box_msg .file_vod{background-image:url(/9cc8415cdbd8a0ab58233e0f60f71059.png)} /* 카드로고이미지 */ .ico_cardlogo{display:block;overflow:hidden;font-size:0;line-height:0;background:url(/29279459a7b121a8c416cfc39f199769.png) no-repeat;text-indent:-9999px;vertical-align:top} .card_pay_s .ico_cardlogo{display:block;overflow:hidden;font-size:0;line-height:0;background:url(/3e45a14d37d0f3efaf02d856a7fe63f9.png) no-repeat;text-indent:-9999px;vertical-align:top} /* 숫자/영문 roboto 폰트 */ @font-face{font-family:'Roboto';src:url(//t1.daumcdn.net/biz/ui/bizcomm/fonts/Roboto-Light.eot?iefix) format("embedded-opentype");src:url(//t1.daumcdn.net/biz/ui/bizcomm/fonts/Roboto-Light.woff2) format("font-woff2"),url(//t1.daumcdn.net/biz/ui/bizcomm/fonts/Roboto-Light.woff) format("woff");font-style:normal;font-weight:300;unicode-range:U+0030-003,U+0041-005A,U+0061-007A,U+0020-002F,U+003A-0040,U+005B-0060,U+007B-007E} @font-face{font-family:'Roboto';src:url(//t1.daumcdn.net/biz/ui/bizcomm/fonts/Roboto-Regular.eot?iefix) format("embedded-opentype");src:url(//t1.daumcdn.net/biz/ui/bizcomm/fonts/Roboto-Regular.woff2) format("font-woff2"),url(//t1.daumcdn.net/biz/ui/bizcomm/fonts/Roboto-Regular.woff) format("woff");font-style:normal;font-weight:400;unicode-range:U+0030-003,U+0041-005A,U+0061-007A,U+0020-002F,U+003A-0040,U+005B-0060,U+007B-007E} @font-face{font-family:'Roboto';src:url(//t1.daumcdn.net/biz/ui/bizcomm/fonts/Roboto-Medium.eot?iefix) format("embedded-opentype");src:url(//t1.daumcdn.net/biz/ui/bizcomm/fonts/Roboto-Medium.woff2) format("font-woff2"),url(//t1.daumcdn.net/biz/ui/bizcomm/fonts/Roboto-Medium.woff) format("woff");font-style:normal;font-weight:500;unicode-range:U+0030-003,U+0041-005A,U+0061-007A,U+0020-002F,U+003A-0040,U+005B-0060,U+007B-007E} @font-face{font-family:'Roboto';src:url(//t1.daumcdn.net/biz/ui/bizcomm/fonts/Roboto-Bold.eot?iefix) format("embedded-opentype");src:url(//t1.daumcdn.net/biz/ui/bizcomm/fonts/Roboto-Bold.woff2) format("font-woff2"),url(//t1.daumcdn.net/biz/ui/bizcomm/fonts/Roboto-Bold.woff) format("woff");font-style:normal;font-weight:700;unicode-range:U+0030-003,U+0041-005A,U+0061-007A,U+0020-002F,U+003A-0040,U+005B-0060,U+007B-007E} /* Reset */ /* layout */ /* layout */ html,body{height:100%;background-color:#eee} #app{height:100%} #kakaoWrap{position:relative;min-width:1140px;height:100%} #kakaoWrap.login_type{min-width:1280px;min-height:800px} #kakaoWrap.layout_type1{min-width:1040px;margin:0 0 0 0} /* 왼쪽만있는경우 */ #kakaoWrap.layout_type1 #mFeature{left:0} #kakaoWrap.layout_type2{min-width:1040px} /* 오른쪽만있는경우 */ #kakaoWrap.layout_type3{min-width:1040px;margin:0 0 0 0} /* 양쪽있는경우 */ #kakaoWrap.layout_type3 #mFeature{left:0} #kakaoWrap.layout_type1.lnb_on,#kakaoWrap.layout_type3.lnb_on,#kakaoWrap.lnb_on{margin:0 0 0 200px} /* 대시보드 */ #kakaoHead .user_access{display:inline-block;height:16px;padding:0 8px;margin-top:7px;border-radius:16px;font-size:11px;line-height:16px;border:1px solid #37c333;color:#37C333} #kakaoContent{position:relative;min-height:100%} #mArticle{min-width:1180px;min-height:740px;padding:60px 30px 160px 90px} #mArticle.type_dashboard{min-height:auto;padding:60px 15px 73px 76px} .layout_fix #mArticle{max-width:1380px;min-width:1180px;margin:0 auto;padding:60px 60px 93px 60px} /*내정보 넓이,좌측여백 변경됨*/ .lnb_on #mArticle{min-width:1180px} .layout_error #kakaoContent{height:100%} .layout_error #mArticle{min-height:450px;height:100%;padding:0} /*new에러페이지,회원탈퇴*/ @media screen and (min-width:1441px){#kakaoWrap{min-width:1380px} } /* 공통 :테이블 컨텐츠 넓이 (공통 스타일을 위해 한곳에 정리) */ /*컨텐츠 넓이 > 리스트형*/ /*lnb닫힘*/ .report_wrap,.message_wrap,.adviewlist_wrap,.pixelsdk_wrap,.audience_wrap,.audiencehistory_wrap,.adtarget_wrap,.friendgroup_wrap,.similartarget_wrap,.mypixelsdk_wrap_asis,.customerfile_wrap,.reportcreat_wrap{min-width:1180px;max-width:1320px;margin:0 auto} /*lnb열림*/ .lnb_on .report_wrap,.lnb_on .message_wrap,.lnb_on .adviewlist_wrap,.lnb_on .pixelsdk_wrap,.lnb_on .audience_wrap,.lnb_on .audiencehistory_wrap,.lnb_on .adtarget_wrap,.lnb_on .friendgroup_wrap,.lnb_on .similartarget_wrap,.lnb_on .mypixelsdk_wrap_asis,.lnb_on .customerfile_wrap,.lnb_on .reportcreat_wrap,.lnb_on .shopping_wrap{max-width:1180px} /*컨텐츠 넓이 > 상세형*/ /*lnb닫힘*/ .messagedetail_wrap,.adviewdetail_wrap,.pixelsdkdetail_wrap,.audiencedetail_wrap,.linkagedetail_wrap,.accountmanage_wrap{min-width:1180px;max-width:1320px;margin:0 auto} /*lnb열림*/ .lnb_on .messagedetail_wrap,.lnb_on .adviewdetail_wrap,.lnb_on .pixelsdkdetail_wrap,.lnb_on .audiencedetail_wrap,.lnb_on .linkagedetail_wrap,.lnb_on .accountmanage_wrap{max-width:1180px} /*컨텐츠 넓이 > 리스트형,컨텐츠 넓이 > 상세형*/ @media screen and (min-width:1441px){/*lnb열림*/ .lnb_on .report_wrap,.lnb_on .message_wrap,.lnb_on .adviewlist_wrap,.lnb_on .mypixelsdk_wrap,.lnb_on .pixelsdk_wrap,.lnb_on .audience_wrap,.lnb_on .audiencehistory_wrap,.lnb_on .adtarget_wrap,.lnb_on .mypixelsdk_wrap,.lnb_on .friendgroup_wrap,.lnb_on .similartarget_wrap,.lnb_on .customerfile_wrap,.lnb_on .messagedetail_wrap,.lnb_on .adviewdetail_wrap,.lnb_on .pixelsdkdetail_wrap,.lnb_on .audiencedetail_wrap,.lnb_on .mypixelsdk_wrap_asis,.lnb_on .accountmanage_wrap{width:1320px;min-width:1320px;max-width:1320px} } /* 컨텐츠 넓이 > 내정보,내 광고계정 만들기,내 광고계정 만들기 (lnb 없음,우측광고정보 없음) */ .myinfo_wrap,.mypixelsdk_wrap,.pixelsdk_set_wrap,.catalog_wrap{min-width:1180px;max-width:1380px;margin:0 auto} @media screen and (min-width:1441px){/*lnb열림*/ .lnb_on .myinfo_wrap,.lnb_on .mypixelsdk_wrap,.lnb_on .pixelsdk_set_wrap{width:1380px;min-width:1380px;max-width:1380px} } /* 컨텐츠 넓이 CSS */ /* 공통 :상세 타이틀 + 설명 리스트 (or .ad_managebox) */ .message_wrap .message_tit,.audience_wrap .dsp_tit,.mypixelsdk_wrap .dsp_tit,.myinfo_wrap .dsp_tit,.customerfile_wrap .dsp_tit,.adtarget_wrap .dsp_tit,.accountmanage_wrap .dsp_tit{padding-bottom:0} .message_wrap .message_tit + .ad_managebox,.audience_wrap .dsp_tit + .ad_managebox,.mypixelsdk_wrap .dsp_tit + .ad_managebox,.myinfo_wrap .dsp_tit + .ad_managebox{margin-top:0} .mypixelsdk_wrap .dsp_tit + .list_append{margin:-2px 0 20px;padding-top:15px;border-top:1px solid rgba(0,0,0,0.05)} .ad_managebox .tit_sub{display:block;margin:30px 0 15px;font-weight:700;font-size:14px;line-height:20px;color:#333} .ad_managebox .tbl_g3 + .tit_sub{margin-top:40px} .ad_managebox .tit_sub + .tbl_g3{margin-top:0} /* 디자인스크롤 */ .fake_scroll{overflow:auto;position:relative} .list_relate .fake_scroll{-ms-overflow-style:none} /* 사용하는 곳 확인 후 추가 */ .user_info .opt_layer .fake_scroll{-ms-overflow-style:none} .scroll{position:absolute;right:1px;top:0;z-index:10;width:4px;margin:1px 0;border-radius:8px;background-color:rgba(0,0,0,0.2)} .cont_snb{scrollbar-width:5px} #kakaoWrap .cont_snb::-webkit-scrollbar{width:5px;height:5px} #kakaoWrap .cont_snb::-webkit-scrollbar-button{width:5px;height:5px;background:transparent} #kakaoWrap,.nav_wrap .list_nav,.newnoti_layer .list_newnoti,.layer_wrap{scrollbar-width:8px;scrollbar-color:#d9d9d9;/*파폭*/ scrollbar-face-color:#d9d9d9;scrollbar-track-color:#fff;scrollbar-arrow-color:#d9d9d9;scrollbar-highlight-color:#e0e0e0;scrollbar-3dlight-color:none;scrollbar-shadow-color:#d9d9d9;scrollbar-darkshadow-color:none} body ::-webkit-scrollbar{width:8px;height:8px} body ::-webkit-scrollbar-track{background-color:transparent} body ::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0.15);border-radius:10px} body ::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,0.15)} body ::-webkit-scrollbar-button{width:8px;height:8px;background:transparent} .layer_wrap ::-webkit-scrollbar{width:8px;height:8px} .layer_wrap ::-webkit-scrollbar-track{background-color:transparent} .layer_wrap ::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0.15);border-radius:10px} .layer_wrap ::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,0.15)} .layer_wrap ::-webkit-scrollbar-button{width:8px;height:8px;background:transparent} /* 광고그룹만들기 내 스크롤 */ .reform_box_admore{scrollbar-track-color:#fcfcfc} .reform_subbox_radiocheck{scrollbar-track-color:#f5f5f5} /* 사이드 메뉴 */ .aside_adgroup{position:absolute;left:50%;top:260px;width:240px;margin-left:250px} /* 공통 */ .fc_affirm{color:#37c333} /* 긍정 */ .fc_emph{color:#326edc} /* 강조 */ .fc_emph2{color:#111} /* 강조2 */ .fc_warn{color:#F51045} /* 경고 */ .fc_warn2{color:#F55353} /* 경고2 */ .fc_empty{color:#326edc} /* 링크,선택 */ .fw_bold{font-weight:700} /* 폰트굵게 */ .fw_bold2{font-weight:500} /* 폰트굵게2 */ .fs_line{text-decoration:underline} /* 폰트밑줄 */ .txt_error{font-size:12px;color:#F51045} /* 에러시 문구 */ .limit_line{display:inline-block;width:auto;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:top} /* 말줄임시 */ .line_clamp{display:block;display:-webkit-box;overflow:hidden;max-height:34px;-webkit-box-orient:vertical;-webkit-line-clamp:2} /* 2줄이상 말줄임시 */ .single_wrap{float:left;margin-left:10px} /* 버튼여러개 정렬시 공통 박스 */ .single_wrap_r{float:left;margin-right:10px} .f_left{float:left} .f_left .single_wrap:first-child{margin-left:0} .f_right{float:right} .align_c{text-align:center} .align_r{text-align:right} .align_l{text-align:left} .bg_emph{background-color:#f1f6ff} .ico_on{overflow:hidden;float:left;width:10px;height:10px;font-size:0;line-height:0;text-indent:-9999px} .ico_on:before{float:left;width:10px;height:10px;border-radius:20px;background-color:#326EDC;content:''} .ico_off{overflow:hidden;float:left;width:10px;height:10px;font-size:0;line-height:0;text-indent:-9999px} .ico_off:before{float:left;width:10px;height:10px;border-radius:20px;background-color:#ccc;content:''} /*.ico_off:before,.ico_off:after{float:left;width:3px;height:10px;background-color:#b3b3b3;content:''}*/ .ico_off:after{margin-left:3px} .ico_on.on_b,.ico_on.on_b:before{background-color:#326edc} .ico_on.on_p,.ico_on.on_p:before{background-color:#9579fe} .ico_recom{display:inline-block;width:32px;height:18px;background-position:-220px -100px} /* 추천 */ .ico_master{display:inline-block;width:38px;height:16px;border-radius:2px;font-weight:bold;font-size:10px;line-height:16px;color:#fff;text-align:center;background:#F89900;box-sizing:border-box} /* 마스터 */ .ico_screening{display:inline-block;width:43px;height:18px;background-position:-260px -80px} /* 심사중 */ .ico_fail{display:inline-block;width:14px;height:14px;margin:4px 0 0 4px;background-position:-715px -130px} /* 업데이트실패,지연 */ .ico_success{display:inline-block;width:14px;height:14px;margin:4px 0 0 5px;background-position:-870px -180px} /* 성공 */ .ico_set{display:inline-block;width:43px;height:18px;margin:6px 0 0 6px;background-position:-400px -310px} /* 설정됨 */ .ico_beta{display:inline-block;width:22px;height:9px;background-position:-400px -400px} /* beta */ .ico_info{display:inline-block;width:14px;height:14px;margin-right:5px;background-position:-480px -140px} /* 안내사항 느낌표 */ .ico_info2{display:inline-block;width:14px;height:14px;margin-right:5px;background-position:-865px -210px} /* 안내사항 느낌표 (파란색) */ .ico_info3{display:inline-block;width:18px;height:18px;margin-top:1px;margin-right:10px;background-position:-625px -685px} /* 안내사항 느낌표2 (파란색) */ .ico_info4{display:inline-block;width:12px;height:12px;margin-top:1px;margin-right:10px;background-position:-655px -495px} /* 안내사항 느낌표3 (파란색) */ .link_g .ico_comm.ico_info3{width:18px;height:18px} .ico_and{display:inline-block;width:10px;height:10px;margin:7px 3px 0 4px;background-position:-830px -225px;vertical-align:top} /* X 아이콘 (기본 :14px,#555*/ .ico_mobile{display:inline-block;height:20px;padding:0 6px;font-weight:700;font-size:8px;line-height:20px;color:#fff;background-color:#2D477E;border-radius:12px;vertical-align:top} /* 모바일로 노출되는 뱃지 */ /*공통 - 안내 박스*/ .box_info{position:relative;min-height:40px;margin-top:32px;padding:10px 10px 0 33px;line-height:20px;border-radius:4px;color:#555;background:#FFF2F2;box-sizing:border-box} .box_info .ico_info{position:absolute;top:14px;left:10px;background-position:-715px -130px} /*공통 - 안내 박스2*/ .box_info2{position:relative;min-height:41px;padding:12px 10px 0 15px;border:1px solid rgba(0,0,0,0.05);border-radius:2px;font-size:12px;line-height:14px;color:#333;background:#F1F6FF;box-sizing:border-box} .box_info2 .ico_info4{margin-right:6px} /*공통 - 안내 박스3*/ .box_info3{position:relative;min-height:41px;padding:10px 10px 0 10px;line-height:19px;border-radius:2px;font-size:13px;color:#555;background:#F0F6FF;box-sizing:border-box} .box_info3 .ico_info4{margin:4px 2px 0 0}/** 2023 디자인 가이드 변경 시작 **/ /* comm */ #kakaoLogo{float:left;width:131px;height:14px;background-position:0 0;background-size:100% auto;text-decoration:none} /* 2021 개편버전 */ #kakaoLogo,#kakaoServiceLogo{background:url(/7d9db6e41d2e513db40d0052342cbf89.png) no-repeat;background-size:131px 14px} /* 2021 개편버전으로 수정 */ .ico_gnb{display:inline-block;overflow:hidden;font-size:0;line-height:0;background:url(/bafac7cdbb716a239900220ddb8a97c8.png) no-repeat;background-size:300px 300px;text-indent:-9999px;vertical-align:top} /* 2021-GNB전용 */ /* scroll */ .cont_snb .list_snb{scrollbar-width:5px} .layer_account .fake_scroll{-ms-overflow-style:none} #kakaoWrap .cont_snb .list_snb::-webkit-scrollbar{width:5px;height:5px} #kakaoWrap .cont_snb .list_snb::-webkit-scrollbar-button{width:5px;height:5px;background:transparent} #kakaoWrap .list_relate ::-webkit-scrollbar,#kakaoWrap .layer_account ::-webkit-scrollbar{width:6px;height:6px} #kakaoWrap .list_relate ::-webkit-scrollbar-track,#kakaoWrap .layer_account ::-webkit-scrollbar-track{background-color:transparent} #kakaoWrap .list_relate ::-webkit-scrollbar-thumb,#kakaoWrap .layer_account ::-webkit-scrollbar-thumb{background-color:#eee;border-radius:10px} #kakaoWrap .list_relate ::-webkit-scrollbar-thumb:hover,#kakaoWrap .layer_account ::-webkit-scrollbar-thumb:hover{background-color:#919191} #kakaoWrap .list_relate ::-webkit-scrollbar-button,#kakaoWrap .layer_account ::-webkit-scrollbar-button{width:6px;height:6px;background:transparent} /* header */ #kakaoHead{position:fixed;left:0;top:0;z-index:1100;width:100%;min-width:1080px;height:60px;background-color:#19234B} #kakaoHead h1{float:left;position:relative;z-index:0;padding:23px 24px 0 24px;font-weight:400;font-size:14px} /* gnb */ .gnb_comm{float:left;padding-left:21px;height:60px} .gnb_comm .list_gnb{height:60px} .list_gnb li{float:left;position:relative} .list_gnb .link_gnb{display:block;height:100%;padding:0 16px;line-height:60px;font-size:15px;color:rgba(255,255,255,0.85)} .list_gnb .link_gnb:hover{color:white;text-decoration:none} .list_gnb .link_gnb .ico_gnb{width:16px;height:16px;margin:23px 0 0 8px;background-position:-20px 0} .list_gnb .on .link_gnb{color:white} .list_gnb .in_service.on .link_gnb{color:#326EDC;font-weight:700} .list_gnb .open .link_gnb .ico_gnb{background-position:-40px 0} .sub_gnb{display:none;position:absolute;left:16px;top:50px;padding:10px 0;background-color:#fff;box-shadow:0 0 8px 2px rgba(0,0,0,0.15);border-radius:4px;z-index:10} .list_gnb .open .sub_gnb{display:block} .inner_gnbsub{display:table-cell;position:relative} .inner_gnbsub + .inner_gnbsub{padding-left:10px} .list_gnb li:nth-child(3) .sub_gnb{padding:26px 10px 20px} .list_gnb li:nth-child(3) .sub_gnb .list_gnbsub li{float:none;width:156px} .sub_gnb .inner_gnbsub .list_gnbsub{padding-top:29px} .sub_gnb .tit_sub{display:block;position:absolute;top:0;margin:0 0 11px 16px;font-size:12px;line-height:18px;font-weight:normal;color:#919191;cursor:default} .list_gnbsub li{float:none} .list_gnbsub li .link_sub{display:block;min-height:36px;padding:0 17px 0 16px;line-height:35px;color:#191919;text-decoration:none;white-space:nowrap} .list_gnbsub .link_sub:hover{background:#F4F9FF} .list_gnbsub .link_sub.on{color:#326edc;background:#F4F9FF;font-weight:700} .list_gnbsub .link_sub.disabled{color:#757B93;pointer-events:none} .list_gnbsub .link_sub .txt_sub{display:block;margin-top:-9px;padding-bottom:10px;font-size:11px;line-height:16px} .list_gnbsub .ico_outlink{width:10px;height:10px;margin:13px 0 0 4px;background-position:-80px 0} /* 사용자메뉴 */ .gnb_relate{float:right;padding-right:17px} .list_relate{height:60px} .list_relate li{float:left;position:relative} .list_relate .link_gnb{display:block;overflow:hidden;position:relative;height:60px;padding:0 13px;font-size:13px;line-height:60px;color:rgba(255,255,255,0.85)} .list_relate .link_gnb:hover{color:white;text-decoration:none} .list_relate .on .link_gnb{color:white} .list_relate .ico_new{width:16px;height:16px;margin:22px 0 0 4px;background-position:-60px 0} /* 공지사항 레이어 */ .list_relate .layer_service{display:none;overflow:hidden;position:absolute;right:13px;top:50px;z-index:30;width:350px;min-height:460px;max-height:510px;border-radius:4px;box-shadow:0 0 8px 2px rgba(3,9,35,0.15);background-color:#fff} .list_relate .on .layer_service{display:block} .layer_service .layer_head{height:49px;padding:0 16px;border-bottom:1px solid #eee;font-weight:700} .layer_service .tit_service{font-size:14px;line-height:50px;font-weight:700;letter-spacing:-1px;color:#191919} .layer_service .fake_scroll{overflow-y:auto;height:410px;width:100%} .layer_service .list_noti{overflow:hidden} .layer_service .no_data{position:relative;height:410px} .list_relate .no_data .error_g{display:flex;justify-content:center;align-items:center;width:100%;height:100%} .list_relate .no_data .ico_loading{display:inline-block;width:30px;height:30px;margin:0 auto;border:2px solid #666;border-top:2px solid #fff;border-radius:30px;font-size:0;line-height:0;text-indent:-9999px;vertical-align:top;box-sizing:border-box;animation:loading 1s linear infinite} .list_relate .btn_error{font-size:13px;line-height:32px;color:#919191} .list_relate .btn_error .ico_errordata{width:32px;height:32px;margin-right:10px;background-position:0 -130px} .list_relate .fake_scroll .no_data{height:74px} @keyframes loading{100%{transform:rotate(360deg)} } .list_noti li{float:none} .list_noti li:last-child{border-bottom:none} .list_noti .link_noti{display:block;padding:12px 16px 12px 16px;font-size:13px;line-height:19px;color:#191919;text-decoration:none;letter-spacing:-0.03em} .list_noti li:hover .link_noti{background:#F4F9FF} .list_noti .link_noti .fc_emph{display:inline-block;padding-right:3px;font-weight:700;vertical-align:top} .list_noti .txt_noti{padding-right:3px;font-weight:700} .list_noti .noti_on .txt_noti{color:#326EDC} .list_noti .txt_cate{font-weight:700} .list_noti .desc_noti{overflow:hidden;display:block;max-height:38px} .list_noti .txt_date{display:inline-block;font-size:11px;line-height:16px;padding-top:2px;color:#666} .list_noti .desc_noti .ico_new{display:inline-block;width:16px;height:16px;border-radius:16px;font-size:10px;line-height:16px;text-align:center;vertical-align:top;color:#fff} .layer_service .ico_gnb{margin:2px 0 0 5px} .layer_service .link_allview{display:block;height:50px;padding:0 16px;font-weight:400;font-size:13px;line-height:50px;background-color:#FAFAFA;color:#191919;text-decoration:none} .layer_service .link_allview:hover{font-weight:500} .layer_service .txt_nodata{padding-top:171px;font-size:13px;line-height:19px;color:#757B93;text-align:center} /* 마이메뉴 */ .menu_my .link_gnb{overflow:hidden;max-width:174px;min-width:72px;padding:0 27px 0 18px;font-size:12px;text-overflow:ellipsis;white-space:nowrap} .menu_my .on .link_gnb{opacity:1} .menu_my .ico_fold{position:absolute;top:25px;right:13px;width:10px;height:11px;margin:0;background-position:-10px 0} .menu_my.on .ico_fold{background-position:0 0} .list_relate .layer_mymenu{display:none;overflow:hidden;position:absolute;right:14px;top:50px;z-index:30;background-color:#fff;border-radius:4px;box-shadow:0 0 8px 2px rgba(3,9,35,0.15);white-space:nowrap} .list_relate .on .layer_mymenu{display:block} .layer_mymenu .list_service{padding:10px 0 8px;border-top:1px solid #eee} .layer_mymenu .list_service:first-child{border-top:0 none} .layer_mymenu .list_service + .list_service{padding:8px 0 10px} .layer_mymenu .list_service li{float:none} .layer_mymenu .list_service li:hover .link_sub{background:#F4F9FF} .layer_mymenu .list_service li.on .link_sub{color:#326EDC;background:#F4F9FF;font-weight:500} .layer_mymenu .list_service .link_sub{display:block;padding:0 16px;font-size:14px;line-height:35px;color:#191919;text-decoration:none} .layer_mymenu .list_service .link_sub .txt_sub{position:relative} .layer_mymenu .list_service .txt_detail{margin-left:6px;font-size:10px;letter-spacing:-0.06em} .layer_mymenu .list_service .txt_category{float:left;width:64px;font-size:12px;color:#949494} .layer_mymenu .list_service.gnbsub_etc .link_sub{line-height:31px} .menu_my .layer_mymenu .list_service .on .txt_sub:after{display:block} /* LNB */ #mFeature{position:fixed;left:0;top:60px;bottom:0;z-index:1100;background-color:#fff;transition:width 0.2s ease} .feature_wrap{position:relative;overflow:hidden;height:100%;width:60px;padding-bottom:68px;box-sizing:border-box} .feature_wrap:after{content:'';position:absolute;right:0;top:0;bottom:0;width:1px;background-color:#ddd} .feature_wrap .cont_info{display:block;height:41px;border-bottom:1px solid #ddd;transition:height 0.2s ease} /* 상단 타이틀 */ .account_thumb{display:block;width:60px;height:41px;text-align:center;border-bottom:0 none} .account_thumb .ico_gnb{width:26px;height:27px;margin:7px 0 9px;background-position:-100px 0} .account_thumb .tit_service{display:none;height:41px;border-bottom:1px solid #ddd;text-align:center;font-weight:500} .account_thumb .tit_service .link_service{font-size:14px;font-weight:700;line-height:41px;color:#191919} /* 사용자 정보 */ .account_info{display:none;width:200px} .account_info .user_info{position:relative;padding:25px 0;margin:0 16px} .account_info .user_info .tit_account{display:block;position:relative;width:125px;max-height:40px;padding:0 24px 0 22px;margin:0 auto;font-size:12px;line-height:18px;color:#191919;text-align:center;cursor:pointer;font-weight:700} .account_info .user_info .tit_account .ico_arrow{position:absolute;top:50%;right:1px;width:16px;height:16px;margin-top:-8px;background-position:-130px 0} .cont_info .on .tit_account .ico_arrow{background-position:-150px 0} .account_info .ad_info{padding:16px 0;margin:0 16px;border-top:1px solid #eee} .account_info .ad_info .item_info{font-size:12px;line-height:18px} .account_info .ad_info .item_info:after{content:'';overflow:hidden;display:block;clear:both} .account_info .item_info + .item_info{margin-top:6px} .account_info .item_info .tit_item{float:left;color:#666;font-weight:400} .account_info .item_info .txt_item{position:relative;float:right;color:#191919} .account_info .item_info .switch_check{margin-top:4px} .account_info .item_info .txt_state{color:#191919} .account_info .item_info .ico_on{width:7px;height:7px;margin:6px 3px 0 0} .account_info .item_info .ico_on:before{width:7px;height:7px} .account_info .item_info .ico_off{width:7px;height:7px;margin:6px 3px 0 0} .account_info .item_info .ico_off:before{width:7px;height:7px} .account_info .item_info .link_tooltip{text-decoration:underline} .account_info .item_info .info_tooltip{display:none;position:fixed;top:auto;left:56px;z-index:1;min-width:159px;margin-top:16px} .cont_info.over .info_tooltip{display:block} .account_info .item_info .inner_tooltip{position:relative} .account_info .item_info .info_tooltip .ico_infoarrow{position:absolute;top:-20px;left:15px;width:40px;height:40px;margin-left:-20px;background:url(/1d2b97cb53213f75a2f573b4393d34a8.png) no-repeat;background-size:40px 40px;z-index:-1} .account_info .item_info .info_tooltip .ico_infoarrow2{position:absolute;top:-20px;left:15px;width:40px;height:40px;margin-left:-20px;background:url(/364374f2232745a528d4e90e4cd326d6.png) no-repeat;background-size:40px 40px;z-index:1} .info_tooltip.tooltip_c .ico_infoarrow,.info_tooltip.tooltip_c .ico_infoarrow2{left:50%;margin-left:-20px} .account_info .item_info .info_tooltip .desc_tooltip{padding:12px;background-color:#fff;box-shadow:0 0 8px 2px rgba(3,9,35,0.15);border-radius:4px;z-index:10;color:#222;letter-spacing:-0.03em} /* 서브메뉴 */ .cont_snb{overflow:hidden;box-sizing:border-box} .cont_snb .ico_gnb{position:absolute;top:50%;left:18px;margin-top:-12px;width:24px;height:24px} .cont_snb .ico_snb1{background-position:0 -70px} .cont_snb .ico_snb2{background-position:-30px -70px} .cont_snb .ico_snb3{background-position:-60px -70px} .cont_snb .ico_snb4{background-position:-90px -70px} .cont_snb .ico_snb5{background-position:-120px -70px} .cont_snb .ico_snb6{background-position:-150px -70px} .cont_snb li.on .ico_snb1{background-position:0 -100px} .cont_snb li.on .ico_snb2{background-position:-30px -100px} .cont_snb li.on .ico_snb3{background-position:-60px -100px} .cont_snb li.on .ico_snb4{background-position:-90px -100px} .cont_snb li.on .ico_snb5{background-position:-120px -100px} .cont_snb li.on .ico_snb6{background-position:-150px -100px} .cont_snb .ico_arrow{display:none;left:170px;width:16px;height:16px;margin-top:-8px;background-position:-130px 0} .cont_snb li.open .ico_arrow{background-position:-150px 0} .cont_snb .list_snb{overflow-x:hidden;text-indent:-9999px} .cont_snb .list_snb li{position:relative;width:200px} .cont_snb .list_snb li .link_snb{display:block;position:relative;overflow:hidden;min-height:52px;font-size:14px;line-height:20px;color:#191919;box-sizing:border-box} .cont_snb .list_snb li .link_snb:hover{background-color:#F4F9FF;text-decoration:none} .cont_snb .list_snb .link_snb .txt_nav{overflow:hidden;display:block;display:-webkit-box;max-height:42px;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical} .cont_snb .list_snb li.on .link_snb{font-weight:700;color:#326EDC;background-color:#F4F9FF} .sub_snb{overflow:hidden;height:0;display:none} .sub_snb .link_sub{display:block;min-height:36px;padding:8px 20px 8px 50px;line-height:19px;font-size:13px;color:#191919;box-sizing:border-box} .sub_snb .link_sub:hover{background-color:#F4F9FF;text-decoration:none} .sub_snb .link_sub .txt_subnav{overflow:hidden;display:block;display:-webkit-box;max-height:38px;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical} .sub_snb li.on .link_sub{background-color:#F4F9FF;font-weight:700;color:#326EDC} .fold_btn{position:fixed;left:0;bottom:0;width:59px;height:59px;background-color:#fff;border-top:1px solid #ddd;z-index:100} .btn_opcl{float:right;width:59px;height:60px;text-align:right;outline:0 none} .btn_opcl .ico_gnb{width:28px;height:28px;margin-right:16px;background-position:-30px -20px} /* 오버시 */ .lnb_over #mFeature{box-shadow:0 0 8px 3px rgba(3,9,35,0.15)} .lnb_over .feature_wrap{width:200px;padding-bottom:0;transition:width 0.2s ease} .lnb_over .feature_wrap .cont_info{height:auto} .lnb_over .feature_wrap .account_thumb .ico_gnb{display:none} .lnb_over .feature_wrap .account_thumb{width:200px} .lnb_over .cont_info .tit_service{display:block} .lnb_over .account_info{display:block} .lnb_over .feature_wrap .cont_snb .list_snb{text-indent:0} .lnb_over .feature_wrap .cont_snb .list_snb li{width:200px} .lnb_over .feature_wrap .cont_snb .list_snb li .link_snb{padding:16px 40px 16px 50px} .lnb_over .feature_wrap .cont_snb .ico_arrow{display:block} .lnb_over .feature_wrap .cont_snb li.open .sub_snb{display:block;height:auto} .lnb_over .feature_wrap .cont_snb .list_snb .on.open .link_snb{background-color:#fff} .lnb_over .feature_wrap ~ .fold_btn{display:none} .lnb_over .feature_wrap ~ .fold_btn .btn_opcl{display:none} /* 고정시 */ .lnb_on #mArticle{padding-left:30px} .lnb_on #mArticle.type_dashboard{padding-left:15px} .lnb_on .feature_wrap{width:200px} .lnb_on .feature_wrap .cont_info{height:auto} .lnb_on .feature_wrap .account_thumb .ico_gnb{display:none} .lnb_on .feature_wrap .account_thumb{width:200px} .lnb_on .cont_info .tit_service{display:block} .lnb_on .account_info{display:block} .lnb_on .feature_wrap .cont_snb .list_snb{text-indent:0} .lnb_on .feature_wrap .cont_snb .list_snb li{width:200px} .lnb_on .feature_wrap .cont_snb .list_snb li .link_snb{padding:16px 40px 16px 50px} .lnb_on .feature_wrap .cont_snb .ico_arrow{display:block} .lnb_on .feature_wrap .cont_snb li.open .sub_snb{display:block;height:auto} .lnb_on .feature_wrap .cont_snb .list_snb .on.open .link_snb{background-color:#fff} .lnb_on .feature_wrap ~ .fold_btn{width:199px} .lnb_on .btn_opcl{display:block} .lnb_on .btn_opcl .ico_gnb{background-position:0 -20px} /* 광고계정선택상자 */ .layer_account{display:none;overflow:hidden;position:fixed;left:16px;top:auto;width:382px;margin-top:5px;border-radius:4px;background-color:#fff;box-shadow:0 0 8px 2px rgba(3,9,35,0.15);z-index:9999} .cont_info .on .layer_account{display:block} .layer_account .fake_scroll{overflow-y:auto;overflow-x:hidden;height:315px;margin-top:10px;box-sizing:border-box} /* 디자인 스크롤 여백 */ .layer_account .search_account{padding:10px 16px 0} .search_account .box_inptxt{padding-right:64px;border-radius:0} .search_account .box_inptxt:hover,.search_account .box_inptxt.on{border-color:#326EDC} .search_account .box_inptxt .lab_txt{font-size:14px;color:#919191} .search_account .box_inptxt .inp_txt{color:#191919} .search_account .search_inp .btn_search{position:absolute;top:0;left:auto;right:0;padding:9px 11px 9px 5px;outline:0 none} .search_account .search_inp .ico_search{display:block;position:static;width:16px;height:16px;margin:0 auto;background-position:-20px -50px} .search_account .search_inp .btn_del{/*display:none;*/ position:absolute;top:0;right:32px;width:26px;height:34px} .search_account .search_inp .btn_del .ico_del{width:16px;height:16px;margin-top:1px;background-position:-625px -665px} .search_account .search_inp.on .ico_search{background-position:-20px -50px} .account_info .list_account{width:100%} .account_info .link_option{position:relative;display:block;padding:12px 50px 13px 16px;font-weight:400;font-size:13px;color:#191919;line-height:19px;text-decoration:none;letter-spacing:-0.03em} .account_info li:hover .link_option{background-color:#F4F9FF} .account_info li.on .link_option{background-color:#F4F9FF} .account_info li.on .link_option .txt_option{font-weight:700;color:#326EDC} .account_info li.on .link_option .txt_num{font-weight:400} .account_info .ico_on{width:8px;height:8px;margin:6px 6px 0 0} .account_info .ico_on:before{width:8px;height:8px} .account_info .ico_off{width:8px;height:8px;margin:6px 6px 0 0} .account_info .ico_off:before{width:8px;height:8px} .account_info .opt_state{position:absolute;top:14px;left:320px;font-size:0} .account_info .ico_badge{display:block;min-width:40px;max-width:49px;height:16px;padding:0 6px;font-size:10px;line-height:15px;color:#fff;font-weight:500;border-radius:8px;text-align:center;letter-spacing:0;box-sizing:border-box} .account_info .ico_master{background-color:#326EDC} .account_info .txt_num{display:inline-block;padding:2px 0 0 4px;font-size:12px;line-height:16px;color:#919191;vertical-align:top} .account_info .opt_tool{overflow:hidden;padding:16px 16px 15px 16px;background-color:#FAFAFA} .account_info .link_all{display:inline-block;font-weight:400;font-size:13px;line-height:19px;color:#191919;letter-spacing:-0.03em} .account_info .link_all:hover{font-weight:500;text-decoration:none} .account_info .link_create{float:right;font-size:13px;padding-top:1px;line-height:19px;color:#326EDC;letter-spacing:-0.03em} .account_info .link_create:hover{font-weight:500;text-decoration:none} .account_info .txt_nodata{padding-top:149px;font-size:13px;line-height:19px;color:#757B93;text-align:center} /* footer */ .kakao_foot{position:relative;z-index:1;min-width:1080px;height:60px;border-top:1px solid #ddd;padding:19px 60px 0 60px;margin-top:-60px;z-index:10;font-family:'Noto Sans KR',sans-serif;box-sizing:border-box;text-align:center} .kakao_foot:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''} .reform_guide_show .kakao_foot{padding:19px 280px 0 60px} .reform_guide_show.lnb_on .kakao_foot{padding:19px 340px 0 60px} .reform_guide_hide .kakao_foot{padding:19px 60px 0 60px} .kakao_foot .inner_footer{display:inline-block;overflow:hidden;margin:0 auto;vertical-align:top} /* width:470px;*/ .kakao_foot .link_copyright{float:left;font-size:12px;line-height:18px;font-family:'roboto',sans-serif;color:#191919} /* float:left;*/ .kakao_foot .link_copyright strong{font-weight:700} .kakao_foot .link_copyright:hover{text-decoration:underline} .kakao_foot .list_policy{float:left;margin-left:34px} /* float:left */ .kakao_foot .list_policy li{float:left} .kakao_foot .list_policy li:before{float:left;width:1px;height:14px;margin:3px 16px 0;background-color:#ddd;content:''} .kakao_foot .list_policy li:first-child:before{display:none} .kakao_foot .link_policy{display:inline-block;font-size:12px;line-height:17px;color:#191919;vertical-align:top} .kakao_foot .link_policy:hover{text-decoration:underline} .kakao_foot li:last-child .link_policy,.kakao_foot li:last-child .link_policy:hover{font-weight:700;opacity:1} .kakao_foot .btn_top{position:fixed;bottom:0;right:30px;width:32px;height:32px;background-color:rgba(0,0,0,0.4)} .kakao_foot .btn_top:hover{background-color:rgba(0,0,0,0.5)} .kakao_foot .btn_top .ico_top{width:14px;height:8px;margin:12px auto 0;background-position:-150px 0}/** 2023 디자인 가이드 변경 끝 **/ /* gnb,lnb,footer 공통 가이드 시작 */ /* lnb 사용자 정보 토글버튼 - 체크박스(스위치형) */ .account_info .ad_info .switch_check{display:inline-block;position:relative;width:31px;height:16px;vertical-align:top;text-align:center} .account_info .ad_info .switch_check .inp_check{position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1;opacity:0.01;filter:alpha(opacity=0)} .account_info .ad_info .switch_check .lab_check{display:block;position:relative;height:16px;border-radius:9px;background-color:#ccc;cursor:pointer} .account_info .ad_info .switch_check .ico_switch{overflow:hidden;position:absolute;left:1.5px;top:50%;width:13px;height:13px;margin:0;border-radius:16px;font-size:0;line-height:0;background-color:#fff;text-indent:-9999px;transform:translateY(-50%)} .account_info .ad_info .switch_check.on .lab_check{border-color:#326EDC;background-color:#326EDC} .account_info .ad_info .switch_check .inp_check:checked + .lab_check{border-color:#326EDC;background-color:#326EDC} .account_info .ad_info .switch_check.on .ico_switch{left:auto;right:1.5px} .account_info .ad_info .switch_check .inp_check:checked + .lab_check .ico_switch{left:auto;right:1.5px} .account_info .ad_info .switch_check.in_active .lab_check{opacity:0.4;filter:alpha(opacity=40);cursor:default;pointer-events:none} .account_info .ad_info .switch_check .inp_check:disabled + .lab_check{opacity:0.4;filter:alpha(opacity=40);cursor:default;pointer-events:none} .layer_account .ico_on{overflow:hidden;float:left;width:10px;height:10px;font-size:0;line-height:0;text-indent:-9999px} .layer_account .ico_on:before{float:left;width:10px;height:10px;border-radius:20px;background-color:#326EDC;content:''} .layer_account .ico_off{overflow:hidden;float:left;width:10px;height:10px;font-size:0;line-height:0;text-indent:-9999px} .layer_account .ico_off:before{float:left;width:10px;height:10px;border-radius:20px;background-color:#4c4c4c;content:''} /* gnb,lnb,footer 공통 가이드 끝 */ /* 2021-개편 GNB - 다른속성은 gnb_reform.css에 있음 */ #kakaoHead{min-width:1180px;box-shadow:0 1px 0 rgba(0,0,0,0.08)} .account_info .link_all{text-decoration:underline} /* 2023-12-19 gnb 개선 작업 시작 */ #kakaoHead h1{padding:23px 18px 0 24px} #mFeature{z-index:100} .gnb_comm{padding-left:0} .sub_gnb{min-width:164px} .list_gnb .link_gnb{padding:0 12px} .list_gnb .on .link_gnb{color:#326EDC;font-weight:700} .list_gnb li:nth-child(3) .sub_gnb{padding:10px 0} .list_gnb li:nth-child(3) .sub_gnb .list_gnbsub li{float:left;width:100%} .list_gnbsub li .link_sub{padding:0 16px} .menu_my .link_gnb .thumb_account{display:inline-block;position:relative;width:20px;height:20px;margin:20px 6px 0 0;font-weight:700;font-size:10px;line-height:20px;color:#fff;text-align:center;vertical-align:top} .menu_my .link_gnb .thumb_account:after{position:absolute;top:0;left:0;width:100%;height:100%;background:url(/868f253640307805626ae6f8ff247908.png) 0 0 no-repeat;background-size:100% 100%;z-index:1;content:''} .list_relate .layer_mymenu{min-width:220px} .menu_my .link_gnb{max-width:158px} .layer_mymenu .list_service{padding:10px 0} .layer_mymenu .list_service .link_sub{position:relative;padding:0 16px 0 58px} .layer_mymenu .list_service + .list_service{padding:10px 0} .list_relate .link_gnb{padding:0 8px} .list_relate .menu_my{margin-left:12px} .menu_my .link_gnb{padding:0 27px 0 0} .layer_mymenu .list_service .ico_comm{position:absolute;top:50%;left:24px;transform:translateY(-50%);width:18px;height:18px;background:url(/c6d09540b71685a15bd0668272ba22f9.png) no-repeat;background-size:900px 800px} .layer_mymenu .list_service .ico_myinfo{background-position:-105px -560px} .layer_mymenu .list_service .ico_myaccount{background-position:-125px -560px} .layer_mymenu .list_service .ico_guide{background-position:-145px -560px} .layer_mymenu .list_service .ico_logout{background-position:-165px -560px} .layer_mymenu .wrap_account{padding:18px 16px} .layer_mymenu .wrap_account .thumb_account{float:left;position:relative;width:34px;height:34px;margin-right:8px;text-align:center} .thumb_account .txt_account.account_type2{font-family:'Courier New',Courier,monospace,sans-serif} .layer_mymenu .wrap_account .thumb_account .txt_account{font-weight:700;font-size:12px;line-height:34px;color:#fff} .layer_mymenu .wrap_account .tit_account{display:block;overflow:hidden;max-width:146px;padding-top:1px;font-weight:700;font-size:14px;line-height:14px;color:#191919;white-space:nowrap;text-overflow:ellipsis} .layer_mymenu .wrap_account .desc_account{display:block;overflow:hidden;max-width:146px;padding-top:6px;font-size:12px;line-height:12px;font-family:'Roboto',sans-serif;color:#666;white-space:nowrap;text-overflow:ellipsis} .layer_mymenu .wrap_account .thumb_account:after{position:absolute;top:0;left:0;width:100%;height:100%;background:url(/0d90383e9c18b3e2193f56a1d25c132d.png) 0 0 no-repeat;background-size:100% 100%;z-index:1;content:''} .list_noti .link_noti .fc_emph{color:#745FFF} .list_relate .ico_arr{width:16px;height:16px;margin:23px 0 0 8px;background-position:-20px 0} .list_relate .open .ico_arr{background-position:-40px 0} .list_relate .open .sub_gnb{display:block} .list_relate .list_gnbsub li{float:none} .cont_snb .ico_snb7{background-position:-180px -70px} .cont_snb li.on .ico_snb7{background-position:-180px -100px} .cont_snb .ico_snb8{background-position:-210px -70px} .cont_snb li.on .ico_snb8{background-position:-210px -100px} .cont_snb .ico_snb9{background-position:-240px -70px} .cont_snb li.on .ico_snb9{background-position:-240px -100px} .cont_snb .ico_snb10{background-position:-270px -70px} .cont_snb li.on .ico_snb10{background-position:-270px -100px} .cont_snb .ico_outlink{left:auto;width:12px;height:12px;margin:-6px 0 0 5px;background-position:-80px -15px} .cont_snb li.on .ico_outlink{background-position:-80px -30px} .list_relate .link_gnb .txt_num{display:inline-block;width:auto;min-width:8px;height:16px;margin:22px 0 0 4px;padding:0 4px;border-radius:20px;font-weight:700;font-size:10px;line-height:16px;background:#326EDC;text-align:center} /* //2023-12-19 gnb 개선 작업 끝 */ .cont_snb{overflow-y:auto;overflow-x:hidden} .cont_snb .list_snb + .list_snb{margin-top:5px} .cont_snb .type_ban{padding-bottom:5px} .lnb_on .type_ban .link_snb,.lnb_over .type_ban .link_snb{margin:0 10px;border-radius:10px;background:#f5f5f5} .lnb_on .feature_wrap .cont_snb .type_ban li .link_snb,.lnb_over .feature_wrap .cont_snb .type_ban li .link_snb{padding:16px 8px 16px 40px} .lnb_on .cont_snb .type_ban .ico_gnb[class*="ico_snb"],.lnb_over .cont_snb .type_ban .ico_gnb[class*="ico_snb"]{left:8px} .cont_snb .type_ban li.on .link_snb{font-weight:400} .cont_snb .type_ban li + li{margin-top:5px} /* 공통 - 소재 미리보기 타입 */ /* 소재생성관련이미지 */ .material_default .thumb_img,.slide_default .item_slide,.list_importwrite .thumb_img .inner_thumb,.box_msg .file_msg,.material_spbox .thumb_img{background:#ebebeb url(/34a381c78256b556d1e6c932486e8eff.png) no-repeat 50% 50%} /*.material_chat .thumb_img{background:#ebebeb url(./assets/img/bg_noimg2.png) no-repeat 50% 50%}*/ .material_movie .thumb_img,.material_movie .thumb_img,.material_moviebnr .thumb_img,.material_moviebnr .thumb_img,.adview_mov .thumb_img{background:#777} .box_msg .file_vod{background-image:url(/9cc8415cdbd8a0ab58233e0f60f71059.png)} .material_default .thumb_profile{background:#ebebeb url(/c719b53abea216bc9663ae52d3d9d04e.png) no-repeat 0 0} .material_default .thumb_img .item_thumb{width:440px;height:757px;background-position:50% 50%;background-size:cover} .head_feed{overflow:hidden;height:56px;padding:18px 30px 0;line-height:52px} .head_feed .tit_feed{float:left;color:#111} .head_feed .btn_veiw{float:left;margin-left:10px;font-size:13px;color:#777;text-decoration:underline;letter-spacing:-0.06em} .head_feed .btn_veiw:first-child{margin-left:0} .head_feed .btn_review{float:right;margin:12px 0 0 10px;letter-spacing:-0.06em} .head_feed .control_feed + .btn_review{float:none} .head_feed .control_feed{float:right;margin-top:12px;line-height:31px} .control_feed .feed_paging{display:inline-block;padding-right:4px;font-size:12px;line-height:28px;vertical-align:top} .control_feed .feed_paging .num_current{color:#326edc} .control_feed .couple_btn .btn_gm{width:26px;height:26px;background:#fff} .control_feed .couple_btn .ico_comm{width:6px;height:10px;margin:8px auto 0} .control_feed .couple_btn .ico_prev{background-position:-790px -195px} .control_feed .couple_btn .ico_next{background-position:-830px -195px} .control_feed .couple_btn span.btn_gm{cursor:default;pointer-events:none} .control_feed .couple_btn span .ico_prev{background-position:-790px -185px} .control_feed .couple_btn span .ico_next{background-position:-830px -185px} /* 배너슬라이드 페이징 */ .slide_default .paging_comm{height:10px;text-align:center} .slide_default .paging_comm .inner_paging{display:inline-block;vertical-align:top} .slide_default .paging_comm .num_page{float:left;width:8px;height:8px;margin:0 3px;border:1px solid #555;border-radius:10px;font-size:0;line-height:0;text-indent:-9999px;background-color:#fff} .slide_default .paging_comm em.num_page{background-color:#555} /* 소재타입 :기본 */ .material_default{width:440px;padding:19px 0 0;margin:0 auto;font-size:14px;line-height:20px;border:1px solid #e5e5e5;background-color:#fff;box-sizing:border-box} .material_default .profile_info{position:relative;margin:0 19px} .material_default .thumb_profile{overflow:hidden;position:absolute;left:0;top:50%;background-color:#ebebeb} .material_default .thumb_profile:after{position:absolute;left:0;top:0;width:100%;height:100%;border:1px solid rgba(0,0,0,0.05);border-radius:39%;content:'';-webkit-box-sizing:border-box;box-sizing:border-box} .material_default .thumb_profile .img_profile{width:100%;height:100%;border-radius:39%} .material_default .info_profile{display:table;overflow:hidden;width:100%;height:100%;table-layout:fixed} .material_default .info_profile .inner_info{display:table-cell;vertical-align:middle} .material_default .info_profile .tit_profile{display:block;overflow:hidden;color:#333;font-size:14px;line-height:20px;font-weight:500;text-overflow:ellipsis;white-space:nowrap} .material_default .info_profile .txt_profile{display:block;overflow:hidden;margin-top:-1px;font-size:12px;font-weight:400;line-height:18px;color:#999;text-overflow:ellipsis;white-space:nowrap} .material_default .tit_induce{display:block;font-weight:400;font-size:14px;line-height:20px;color:#333;word-break:break-all} .material_default .tit_induce2{display:table;width:100%;height:42px;box-sizing:border-box;font-size:14px;line-height:20px;font-weight:400;color:#333;word-break:break-all} .material_default .tit_induce2 .inner_tit{display:table-cell;padding-top:4px;vertical-align:middle} .material_default .txt_induce{color:#333;word-break:break-all} .material_default .wrap_btn{display:flex;justify-content:center;overflow:hidden;height:46px;padding:6px 10px 25px 15px;line-height:45px;text-align:center} .material_default .btn_induce1{display:inline-block;font-weight:500;font-size:15px;color:#ee674c} .material_default .btn_induce1 .ico_arrow{width:8px;height:13px;margin:16px 0 0 8px;background-position:-260px -160px} .material_default .btn_induce2{display:block;width:114px;height:42px;border:1px solid #ddd;border-radius:2px;line-height:39px;font-size:14px;color:#333;background-color:#f0f0f0;text-align:center;box-sizing:border-box} .material_default .btn_induce1.no_text,.material_default .btn_induce2.no_text{color:#777} .material_default .btn_induce1.no_text .ico_arrow{background-position:-890px -140px} .material_default .btn_induce3{display:inline-block;height:30px;padding:0 7px;border:1px solid #0089FF;border-radius:2px;line-height:27px;font-size:14px;color:#0089FF;background-color:#fff;box-sizing:border-box;vertical-align:top} .material_default .btn_induce3 .ico_arrow{display:inline-block;width:6px;height:10px;margin:9px 0 0 5px;background-position:-630px -505px;vertical-align:top} .material_default .btn_induce4{display:inline-block;overflow:hidden;font-size:0;line-height:0;text-indent:-9999px} .material_default .btn_induce4 .ico_arrow{display:block;width:9px;height:16px;margin:14px;background-position:-640px -505px} .material_default .btn_induce5{display:inline-block;overflow:hidden;font-size:0;line-height:0;text-indent:-9999px} .material_default .btn_induce5 .ico_arrow{display:block;width:37px;height:37px;background-position:-350px -55px} .material_default .btn_induce6{display:inline-block;overflow:hidden;font-size:0;line-height:0;text-indent:-9999px} .material_default .btn_induce6 .ico_arrow{display:block;width:36px;height:36px;background-position:-350px -95px} .material_default .profile_info2{overflow:hidden;margin-top:-5px} .material_default .profile_info2 .tit_profile{display:block;overflow:hidden;color:#333;font-size:14px;line-height:20px;font-weight:500;text-overflow:ellipsis;white-space:nowrap} .material_default .profile_info2 .txt_profile{float:right;font-size:17px;line-height:26px;color:#ccc} .material_default .profile_info2 .txt_profilead{margin-left:35px;margin-top:6px;width:16px;height:10px;font-size:0;color:rgba(0,0,0,0);background:url(/3fd346ba01cfd241fb08319bd37ef2e0.png) no-repeat 0 0;background-size:15px auto} .material_default .info_profile .tit_profile.no_text{color:#777} .material_default .profile_info2 .tit_profile.no_text{color:#777} .material_default .tit_induce.no_text{color:#777} .material_default .txt_induce.no_text{color:#777} .material_default .tit_induce2.no_text{color:#777} .material_default .img_thumb{display:block} .material_default .thumb_img{display:block;overflow:hidden;position:relative;width:100%} /* 소재타입 :슬라이드 */ .slide_default{position:relative;margin:0 auto;width:448px;height:448px} /* width값,height값을 바꿔주면 됩니다. */ .slide_default .slide_list{overflow:hidden;height:100%} .slide_default .list_slide{position:relative;left:0;top:0;height:100%} .slide_default .list_slide:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''} .slide_default .list_slide .item_slide{float:left;height:100%} .slide_default .btn_page{position:absolute;width:72px;height:72px;top:50%;margin-top:-36px} .slide_default .btn_prev{left:-72px} .slide_default .btn_next{right:-72px} .slide_default .btn_page .ico_comm{display:block;width:17px;height:32px} .slide_default .btn_prev .ico_comm{margin:20px 30px 20px 25px} .slide_default .btn_next .ico_comm{margin:20px 25px 20px 30px} .slide_default .ico_prev{background-position:-310px 0} .slide_default .ico_next{background-position:-330px 0} .slide_default .btn_page:hover .ico_prev{background-position:-310px -40px} .slide_default .btn_page:hover .ico_next{background-position:-330px -40px} .slide_default span.btn_page{cursor:default;pointer-events:none} .slide_default span.btn_page .ico_prev,.slide_default span.btn_page:hover .ico_prev{background-position:-310px -80px} .slide_default span.btn_page .ico_next,.slide_default span.btn_page:hover .ico_next{background-position:-330px -80px} /* 소재타입 :Native 이미지1 */ .material_img1{margin-bottom:27px} .material_img1 .profile_info{height:48px;padding-left:60px;margin:0 19px 9px} .material_img1 .thumb_profile{width:48px;height:48px;margin-top:-24px;border-radius:18px;background-position:-70px 0} .material_img1 .thumb_img{overflow:hidden;height:224px;margin:14px auto 0} .material_img1 .txt_induce{margin:0 18px 0 19px} .material_img1 .thumb_img .img_thumb{width:100%;height:100%} /* 소재타입 :Native 이미지2 */ .material_img2 .profile_info{height:48px;margin:0 19px 9px;padding-left:63px} .material_img2 .thumb_profile{width:48px;height:48px;margin-top:-24px;border-radius:18px;background-position:-70px 0} .material_img2 .thumb_img{overflow:hidden;width:400px;height:200px;margin:15px auto 0} .material_img2 .thumb_img .img_thumb{width:100%;height:100%} .material_img2 .box_induce{position:relative;min-height:54px;margin:18px 0 0;padding:0 140px 10px 19px;line-height:24px} .material_img2 .box_induce .tit_induce{padding:0} .material_img2 .box_induce .txt_induce{margin:0} .material_img2 .box_induce .btn_induce2{position:absolute;top:2px;right:19px;width:112px;height:40px;line-height:38px} /*.material_img2 .box_induce .btn_induce2.no_text{color:#ccc}*/ .material_img2 .txt_induce{margin:20px 18px 0 19px} /* 소재타입 :Native 이미지3 */ .material_img3{padding-top:23px} .material_img3 .profile_info{height:48px;margin:-4px 19px -7px;padding-left:68px} .material_img3 .thumb_profile{width:48px;height:48px;margin-top:-27px;border-radius:18px} .material_img3 .profile_info2{margin:-4px 19px -7px} .material_img3 .thumb_img{overflow:hidden;width:400px;height:200px;margin:22px auto 0} .material_img3 .thumb_img .img_thumb{width:100%;height:100%} .material_img3 .box_induce{position:relative;min-height:44px;margin:18px 0 0;padding:0 135px 19px 20px} .material_img3 .box_induce .btn_induce2{position:absolute;top:2px;right:19px;width:114px} /*.material_img3 .box_induce .btn_induce2.no_text{color:#ccc}*/ /* 소재타입 :Native 이미지4 */ .material_img4{padding:0} .material_img4 .thumb_img{overflow:hidden;width:440px;height:220px;margin:0 auto} .material_img4 .thumb_img .img_thumb{width:440px;height:220px} /* 소재타입 :Native 이미지1_new */ .material_img5 .thumb_img{overflow:hidden;width:400px;max-height:200px;height:200px;margin:0 auto} .material_img5 .thumb_img .img_thumb{width:100%;height:100%} .material_img5 .profile_info{height:48px;padding-left:63px;margin:20px 16px 9px 19px} .material_img5 .thumb_profile{width:48px;height:48px;margin-top:-24px;background-position:-70px 0;border-radius:18px} .material_img5 .txt_induce{margin:0 18px 0 19px} .material_img5 .box_induce{position:relative;margin:20px 0 0;padding:0 19px 19px} .material_img5 .box_induce .btn_induce2{width:100%;max-width:400px;height:42px;line-height:41px;box-sizing:border-box} .material_img5 .box_induce .btn_induce2 .btn_induce2.no_text{color:#ccc} /* 소재타입 :Native 이미지5 */ .material_img6{padding-top:0} /* 소재타입 :Native 썸네일타입1 */ .material_thumb1{width:440px;padding:19px 19px} .material_thumb1 .thumb_img{width:400px;height:200px} .material_thumb1 .img_thumb{width:100%;height:100%} .material_thumb1 .tit_induce{margin-top:20px} .material_thumb1 .txt_induce{padding-top:14px;line-height:20px} .material_thumb1 .profile_info{height:48px;margin:20px 0 0 0;padding-left:63px} .material_thumb1 .thumb_profile{width:48px;height:48px;margin-top:-24px;border-radius:18px;background-position:-70px 0} .material_thumb1 .info_profile .tit_profile{margin-top:1px} .material_thumb1 .btn_induce2{width:400px;margin:20px auto 0} /* 슬라이드 3 */ .material_imgslide{position:relative;padding:19px 19px} .material_imgslide .thumb_img:after{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(0,0,0,0.02);content:''} .material_imgslide .img_thumb{height:100%;margin-left:50%;transform:translateX(-50%)} .material_imgslide .txt_induce{padding-top:14px;line-height:20px} .material_imgslide .profile_info{height:48px;margin:0 0 20px;padding-left:63px} .material_imgslide .thumb_profile{width:48px;height:48px;margin-top:-24px;border-radius:18px;background-position:-70px 0} .material_imgslide .info_profile .tit_profile{overflow:hidden;font-weight:700;text-overflow:ellipsis;white-space:nowrap} .material_imgslide .ad_mark{position:absolute;top:97px;right:29px;z-index:1;width:29px;height:18px;font-size:0;color:rgba(0,0,0,0);background:url(/23ed39ae7f21c36156be9fc3fb3b2fc9.png) no-repeat 0 0;background-size:29px auto} .material_imgslide .btn_induce{display:block;height:42px;border:1px solid #ddd;font-weight:500;font-size:14px;line-height:39px;color:#333;background:#f0f0f0;text-align:center;box-sizing:border-box} .material_imgslide .btn_induce.no_text{color:#777} .material_imgslide .slide_material,.material_imgslide .tit_induce + .btn_induce,.material_imgslide .thumb_img + .btn_induce{margin-top:20px} .material_imgslide .slide_material.img_slide{margin-left:-19px;margin-right:-19px} .material_imgslide .slide_material .inner_slide{height:214px} .slide_material.img_slide .inner_slide{overflow-x:auto;padding:0 19px;box-sizing:border-box} .slide_material > .item_slide .thumb_img{overflow:hidden;width:70px;height:70px;border-radius:4px;background:#ebebeb url(https://t1.daumcdn.net/biz/ui/kakaodsp-2021/bg_noimg11.png) no-repeat 50% 50%;background-size:22px 15px} .slide_material > .item_slide{display:flex;align-items:center;padding:14px 14px 15px;border:1px solid #E5E5E5;border-bottom:0} .slide_material > .item_slide .tit_induce{display:block;display:-webkit-box;overflow:hidden;max-height:40px;padding:0 0 0 20px;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal} .slide_material > .item_slide .box_induce{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;flex:1} .slide_material > .item_slide .txt_price{display:inline-block;overflow:hidden;padding:4px 0 0 20px;font-size:0;vertical-align:top} .slide_material .box_induce .price_sale{font-weight:700;font-size:14px;line-height:20px;color:#777} .slide_material .box_induce .price_sale.no_text{color:#777;text-decoration:none} .slide_material > .item_slide .box_induce .price_sale{float:left;margin-right:4px} .slide_material .box_induce .price_induce{display:block;overflow:hidden;font-weight:700;font-size:14px;line-height:20px;color:#999;white-space:nowrap;text-overflow:ellipsis;text-decoration:line-through} .slide_material > .item_slide .box_induce .price_induce{float:right} .slide_material .box_induce .price_induce.no_text{text-decoration:none} .slide_material > .item_slide .box_induce .txt_price .price_induce:only-child{color:#777;text-decoration:none} .material_imgslide > .thumb_img{background:#ebebeb url(https://t1.daumcdn.net/biz/ui/kakaodsp-2021/bg_noimg10.png) no-repeat 50% 50%;background-size:52px 35px} .material_imgslide.img_type1 > .thumb_img{width:400px;height:400px} .material_imgslide.img_type2 > .thumb_img{width:400px;height:500px} .material_imgslide > .tit_induce{overflow:hidden;padding:20px 0 0;white-space:nowrap;text-overflow:ellipsis} .material_imgslide + .material_imgslide{margin-top:20px} .slide_material .item_slide .thumb_img:after{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(0,0,0,0.08);border-radius:4px;content:''} .slide_material{overflow:hidden;position:relative} .slide_material .inner_slide{overflow:hidden;margin-bottom:3px} .slide_material .inner_slide::-webkit-scrollbar{width:6px;height:6px} .slide_material .inner_slide::-webkit-scrollbar-track{background-color:transparent} .slide_material .inner_slide::-webkit-scrollbar-thumb{width:6px;height:6px;border-radius:10px;background:#ddd} .slide_material .inner_slide::-webkit-scrollbar-button{width:6px;height:6px;background:transparent} .slide_material .list_slide{overflow:hidden;margin:0 -5px} .slide_material .list_slide li{float:left;padding:0 5px} .slide_material .list_slide .item_slide{width:145px;height:197px} .slide_material .list_slide .item_slide .thumb_img{width:145px;height:145px;border-radius:4px;background:#ebebeb url(https://t1.daumcdn.net/biz/ui/kakaodsp-2021/bg_noimg11.png) no-repeat 50% 50%;background-size:36px 24px} .slide_material .list_slide .item_slide .thumb_img:after{border-radius:4px} .slide_material .list_slide .tit_induce{display:-webkit-box;height:40px;overflow:hidden;margin-top:8px;font-size:14px;line-height:20px;text-overflow:ellipsis;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal} .slide_material .list_slide .tit_induce.tit_onerow{height:20px;-webkit-line-clamp:1} .slide_material .list_slide .item_slide .txt_price{padding-top:8px} .slide_material .list_slide .item_slide .tit_induce + .txt_price{padding-top:0} /*.slide_material .list_slide .item_slide .tit_induce + .txt_price .price_sale{font-weight:700} .slide_material .list_slide .item_slide .price_discount{display:inline-block;margin-right:4px;font-weight:700;color:#333;vertical-align:top} .slide_material .list_slide .item_slide .price_sale{display:block;color:#333} .slide_material .list_slide .item_slide .price_sale.no_text{font-weight:700;color:#777} .slide_material .list_slide .item_slide .price_induce{font-weight:700;color:#999}*/ /* w_8_2_color_asset 브랜치 (충돌해결)*/ .slide_material .list_slide .item_slide .tit_induce + .txt_price .price_sale{font-weight:700} .slide_material .list_slide .item_slide .price_discount{display:inline-block;margin-right:4px;font-weight:700;color:#333;vertical-align:top} /* .slide_material .list_slide .item_slide .price_discount{display:block} */ .slide_material .list_slide .item_slide .price_sale{display:block;color:#333} .slide_material .list_slide .item_slide .price_sale.no_text{color:#777} .slide_material .list_slide .item_slide .price_induce{font-weight:700;color:#999} .material_shortform .slide_material + .wrap_btn .btn_adview{margin-right:0;border-radius:0 0 4px 4px} .material_shortform .slide_material.img_slide + .wrap_btn .btn_adview{border-radius:10px} .material_shortform .slide_material .item_slide .tit_induce.no_text{color:#fff} .material_shortform + .material_shortform{margin-top:20px} .material_shortform .slide_material .box_induce .price_sale{color:var(--white000s)} .material_shortform .slide_material .box_induce .price_induce{color:rgba(255,255,255,0.5)} /* 소재타입 :Native 썸네일타입2 */ .material_thumb2{overflow:hidden;display:table;padding:19px} .material_thumb2 .thumb_img{display:table-cell;width:120px;height:60px;background-size:40px 26px;vertical-align:middle} .material_thumb2 .img_thumb{width:100%;height:100%} .material_thumb2 .thumb_profile{width:25px;height:25px;margin-top:-11px;background-position:-170px 0} .material_thumb2 .box_induce{overflow:hidden;display:table-cell;height:60px;vertical-align:middle} .material_thumb2 .tit_induce{display:block;overflow:hidden;margin-top:0;padding-left:10px;font-size:14px;line-height:18px;font-weight:500} .material_thumb2 .info_profile .tit_profile{margin-top:4px;padding-left:10px;font-weight:400} .material_thumb2 .btn_induce2{position:absolute;right:0;top:0;width:104px;height:33px;line-height:30px} .material_thumb2 .profile_info{margin-left:0} /* 소재타입 :Native 썸네일타입3 */ .material_thumb3{height:100px;padding:20px 0} .material_thumb3 .profile_info{height:100%;padding:0 120px 0 70px} .material_thumb3 .thumb_profile{width:60px;height:60px;margin-top:-30px;border-radius:22.5px} .material_thumb3 .tit_induce{display:block;overflow:hidden;padding:0;margin-top:4px;color:#555;text-overflow:ellipsis;white-space:nowrap} .material_thumb3 .info_profile .tit_profile{margin-top:1px} .material_thumb3 .btn_induce2{position:absolute;right:0;top:50%;width:114px;margin-top:-21px} /* 소재타입 :Native 썸네일타입4 */ .material_thumb4{padding:19px} .material_thumb4 .thumb_img{width:400px;height:200px} .material_thumb4 .thumb_img .img_thumb{width:100%;height:100%} .material_thumb4 .tit_induce{margin-top:20px} /* 소재타입 :Native 썸네일타입5 */ .material_thumb5{height:440px;height:440px;padding:0} .material_thumb5 .material_box{position:relative;width:250px;height:250px;margin:94px auto} .material_thumb5 .thumb_img{width:250px;height:125px;margin:0 auto} .material_thumb5 .thumb_img:after{position:absolute;top:0;bottom:0;left:0;right:0;border:1px solid rgba(0,0,0,0.02);content:''} .material_thumb5 .thumb_img .img_thumb{width:100%;height:100%} .material_thumb5 .box_induce{width:250px;height:125px;padding:16px 16px;border:1px solid #e5e5e5;box-sizing:border-box} .material_thumb5 .tit_induce,.material_thumb5 .txt_induce{display:block;display:-webkit-box;overflow:hidden;max-height:40px;font-size:14px;line-height:18px;color:#333;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical} .material_thumb5 .tit_induce{font-weight:500} .material_thumb5 .txt_induce{padding-top:7px;font-weight:400} .material_thumb5 .ad_mark{position:absolute;top:4px;right:4px;z-index:1;width:25px;height:16px;font-size:0;color:rgba(0,0,0,0);background:url(/f291ce3bb2dd022885aeb262b0ccfd40.png) no-repeat 0 0;background-size:25px auto} /* 소재타입 :Native 썸네일타입6 */ .material_thumb6{position:relative;width:440px;height:220px;padding:0;border:none} .material_thumb6 .thumb_img{width:440px;height:220px;margin:0 auto} .material_thumb6 .thumb_img:before{position:absolute;top:0;bottom:0;left:0;right:0;border:1px solid rgba(0,0,0,0.02);content:''} .material_thumb6 .thumb_img:after{position:absolute;bottom:0;left:0;right:0;height:150px;background:-moz-linear-gradient(top,rgba(0,0,0,0) 40%,rgba(0,0,0,0.42) 100%);background:-webkit-linear-gradient(top,rgba(0,0,0,0) 40%,rgba(0,0,0,0.42) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 40%,rgba(0,0,0,0.42) 100%);content:''} .material_thumb6 .thumb_img .img_thumb{width:100%;height:100%} .material_thumb6 .box_induce{position:absolute;bottom:14px;left:15px;right:15px;height:auto;z-index:1} .material_thumb6 .box_induce .btn_induce2{float:right;width:auto;height:34px;padding:0 11px;border:1px solid rgba(255,255,255,0.4);line-height:30px;color:#fff;background:rgba(0,0,0,0.1)} .material_thumb6 .box_induce .tit_induce2{float:left;display:block;max-width:290px;height:34px;color:#fff} .material_thumb6 .box_induce .tit_induce2 .inner_tit{overflow:hidden;display:block;padding-top:2px;line-height:32px;text-overflow:ellipsis;white-space:nowrap;word-break:normal} .material_thumb6 .box_induce .tit_induce2.no_text{color:#fff} .material_thumb6 .ad_mark{position:absolute;top:6px;right:5px;z-index:1;width:29px;height:18px;font-size:0;color:rgba(0,0,0,0);background:url(/23ed39ae7f21c36156be9fc3fb3b2fc9.png) no-repeat 0 0;background-size:29px auto} /* 소재타입 :Native 정사각형 썸네일 타입1 */ .material_square1{position:relative;overflow:hidden;display:table;height:220px;padding:37px 17px 37px 27px} .material_square1 .thumb_img{display:table-cell;width:146px;height:146px;vertical-align:middle} .material_square1 .img_thumb{width:100%;height:100%} .material_square1 .box_induce{overflow:hidden;display:table-cell;height:60px;padding-left:20px;vertical-align:middle} .material_square1 .tit_induce{display:block;display:-webkit-box;overflow:hidden;max-height:40px;font-size:14px;font-weight:500;line-height:18px;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical} .material_square1 .txt_induce{overflow:hidden;width:220px;margin-top:7px;font-weight:400;text-overflow:ellipsis;white-space:nowrap} .material_square1 .btn_induce2{width:118px;height:42px;margin:15px 0 2px;line-height:39px} .material_square1 .ad_mark{position:absolute;top:6px;right:5px;z-index:1;width:29px;height:18px;font-size:0;color:rgba(0,0,0,0);background:url(/23ed39ae7f21c36156be9fc3fb3b2fc9.png) no-repeat 0 0;background-size:29px auto} /* 소재타입 :Native 정사각형 썸네일 타입2 */ .material_square2{width:440px;height:440px;padding-top:0} .material_square2 .material_box{position:relative;width:250px;height:250px;margin:94px auto 0} .material_square2 .thumb_img{width:250px;height:250px;margin:0 auto} .material_square2 .thumb_img:before{position:absolute;top:0;bottom:0;left:0;right:0;border:1px solid rgba(0,0,0,0.02);content:''} .material_square2 .thumb_img:after{position:absolute;bottom:0;left:0;right:0;height:200px;background:-moz-linear-gradient(top,rgba(0,0,0,0) 30%,rgba(0,0,0,0.65) 100%);background:-webkit-linear-gradient(top,rgba(0,0,0,0) 30%,rgba(0,0,0,0.65) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 30%,rgba(0,0,0,0.65) 100%);content:''} .material_square2 .thumb_img .img_thumb{width:100%;height:100%} .material_square2 .box_induce{position:absolute;bottom:16px;left:16px;right:16px;z-index:1} .material_square2 .tit_induce{display:block;display:-webkit-box;overflow:hidden;width:215px;max-height:40px;font-size:14px;font-weight:500;line-height:18px;color:#fff;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical} .material_square2 .txt_induce{overflow:hidden;display:block;padding-top:7px;font-weight:400;color:#fff;text-overflow:ellipsis;white-space:nowrap} .material_square2 .ad_mark{position:absolute;top:4px;right:4px;z-index:1;width:25px;height:16px;font-size:0;color:rgba(0,0,0,0);background:url(/f291ce3bb2dd022885aeb262b0ccfd40.png) no-repeat 0 0;background-size:25px auto} .material_square2 .tit_induce.no_text,.material_square2 .txt_induce.no_text{color:#fff} /* 소재타입 :Native 전면 공통 */ .material_nativefront1,.material_nativefront2{position:relative;width:297px;height:411px;padding:0} .material_nativefront1{line-height:25px} .material_nativefront1 .thumb_img,.material_nativefront2 .thumb_img{position:relative;width:100%;height:100%;background-color:#ebebeb} .material_nativefront1 .thumb_detail,.material_nativefront2 .thumb_detail{position:absolute;left:0;right:0;bottom:0;color:#fff} .material_nativefront1 .img_thumb,.material_nativefront2 .img_thumb{width:100%;height:100%} .material_nativefront1 .txt_induce{padding:0;line-height:26px;font-size:19px;color:#fff} .material_nativefront2 .txt_induce{padding:0;line-height:26px;font-size:17px;color:#fff} /* 소재타입 :Native 전면1 */ .material_nativefront1 .thumb_img{background-position:50% 106px} .material_nativefront1 .thumb_img:after{position:absolute;left:0;right:0;top:0;bottom:0;content:''} .material_nativefront1 .thumb_img:after{background:-moz-linear-gradient(top,rgba(0,0,0,0) 30%,rgba(0,0,0,0.1) 60%,rgba(0,0,0,0.25) 80%,rgba(0,0,0,0.5) 100%);background:-webkit-linear-gradient(top,rgba(0,0,0,0) 30%,rgba(0,0,0,0.1) 60%,rgba(0,0,0,0.25) 80%,rgba(0,0,0,0.5) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 30%,rgba(0,0,0,0.1) 60%,rgba(0,0,0,0.25) 80%,rgba(0,0,0,0.5) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000',endColorstr='#80000000',GradientType=0 )} .material_nativefront1 .thumb_detail{padding:0 15px} .material_nativefront1 .profile_info{height:27px;padding-left:35px;margin-bottom:11px} .material_nativefront1 .thumb_profile{width:27px;height:27px;margin-top:-14px;background-position:-170px -30px;border-radius:39%} .material_nativefront1 .thumb_profile:after{display:none} .material_nativefront1 .info_profile .tit_profile{margin-top:-3px;line-height:27px;font-size:17px;color:#fff} .material_nativefront1 .wrap_btn{height:49px;padding:0;line-height:1.5;text-align:left} .material_nativefront1 .btn_induce1{padding-top:13px;font-size:17px;font-weight:400;color:#ffde00;vertical-align:top} .material_nativefront1 .btn_induce1 .ico_arrow{width:9px;height:14px;margin:7px 0 0 5px;background-position:-250px -160px} /* 소재타입 :Native 전면2 */ .material_nativefront2 .thumb_img{background-position:50% 120px} .material_nativefront2 .tit_profile{display:block;overflow:hidden;padding-top:2px;font-weight:400;font-size:15px;color:#b2b2b2;white-space:nowrap;text-overflow:ellipsis} .material_nativefront2 .thumb_detail{padding:11px 15px;background-color:rgba(0,0,0,0.45)} /* 소재타입 :Native 슬라이드1,2 */ .material_slide1 .profile_info,.material_slide2 .profile_info{height:48px;margin-bottom:11px;padding-left:63px} .material_slide1 .thumb_profile,.material_slide2 .thumb_profile{width:48px;height:48px;margin-top:-27px;border-radius:18px} .material_slide1 .list_slide .item_slide,.material_slide2 .list_slide .item_slide{position:relative;width:280px;margin-left:14px;border:1px solid #ddd;-webkit-box-sizing:border-box;box-sizing:border-box} .material_slide1 .list_slide .item_slide:first-child,.material_slide2 .list_slide .item_slide:first-child{margin-left:0} .material_slide1 .list_slide .img_thumb,.material_slide2 .list_slide .img_thumb{width:100%;height:278px} .material_slide1 .list_slide .box_induce,.material_slide2 .list_slide .box_induce{background-color:#fff} .material_slide1 .list_slide .box_induce{padding-bottom:60px} .material_slide1 .list_slide .inner_box,.material_slide2 .list_slide .inner_box{padding:20px;font-size:19px;line-height:27px} .material_slide1 .tit_induce,.material_slide2 .tit_induce{font-size:14px;line-height:20px;font-weight:400} .material_slide1 .txt_induce,.material_slide2 .txt_induce{padding:19px 19px 0;font-size:14px;line-height:20px} .material_slide1 .box_induce .tit_induce,.material_slide2 .box_induce .tit_induce{font-weight:500} .material_slide1 .box_induce .txt_induce,.material_slide2 .box_induce .txt_induce{padding:5px 0 0} .material_slide1 .btn_page,.material_slide2 .btn_page{margin-top:0} .material_slide1 .slide_default{width:400px;height:auto;margin-top:14px} .material_slide1 .btn_page{top:242px} .material_slide1 .btn_induce2{position:absolute;left:20px;bottom:20px;width:238px;height:40px;line-height:39px} .material_slide2 .slide_default{width:400px;height:360px;margin-top:17px} .material_slide2 .btn_page{top:106px} .material_slide2 .profile_info{padding-right:142px} .material_slide2 .btn_induce2{position:absolute;right:0;top:50%;margin-top:-20px} /* 소재타입 :게시글 */ .material_board{width:430px;margin-bottom:43px} .material_board .profile_info{height:48px;margin:0 19px 9px;padding-left:60px} .material_board .thumb_profile{width:48px;height:48px;margin-top:-24px;border-radius:39%;background-position:-70px 0} .material_board .txt_induce{margin:0 19px} .material_board .txt_induce .link_more{color:#777} .material_board .slide_default{width:390px;height:390px;margin-top:14px} .material_board .item_slide .img_thumb{width:100%;height:100%} .material_board .info_append{overflow:hidden;height:39px;margin:8px 19px 0;font-size:14px} .material_board .info_append dt{float:left;color:#777} .material_board .info_append dd{float:left;padding:0 10px 0 5px;color:#111} .material_board .slide_default + .info_append{margin-top:5px} /* 소재타입 :배너 */ /*.material_bnr{margin:0 25px 27px;text-align:center}*/ .material_bnr{margin:0 30px 30px;text-align:center} /*소재미리보기 관련 - 6월로 미뤄짐*/ .material_bnr.noneurl_bnr{margin-bottom:0} .material_bnr .slide_default{margin-bottom:93px} .material_bnr .txt_cut{display:block;width:100%;margin-top:14px;font-weight:500;color:#777} .material_bnr .slide_default .txt_cut{position:absolute;left:0;bottom:-36px;margin-top:0} .material_bnr .slide_default .paging_comm{position:absolute;left:0;bottom:-63px;width:100%} .material_bnr .bnr_wrap{position:relative} .material_bnr .bnr_wrap .thumb_bnr{display:block;background-size:280px 47px;background-repeat:no-repeat} .material_bnr .bnr_wrap .img_thumb{max-width:640px} .material_bnr .ico_friend{position:absolute;right:6px;bottom:20px;width:128px;height:50px;background-position:0 -250px} .material_bnr .ico_friend2{position:absolute;right:6px;bottom:9px;width:128px;height:50px;background-position:0 -250px} .material_bnr .bnr_chat{background-color:#f3f3f3;border-radius:3px} /* 소재타입 :전면형 */ .material_front{text-align:center} .material_front .front_wrap{display:inline-block;position:relative;vertical-align:top} /* 소재타입 :동영상 */ .material_movie{margin-bottom:27px} .material_movie .profile_info{height:48px;margin:0 19px 9px;padding-left:63px} .material_movie .profile_info2{margin:0 19px 1px} .material_movie .thumb_profile{width:48px;height:48px;margin-top:-24px;border-radius:18px;background-position:-70px 0} .material_movie .thumb_img{width:400px;height:225px;margin:15px auto 0} .material_movie .thumb_img .img_thumb{width:100%} .material_movie .thumb_img_type2{width:auto;height:241px} .material_movie .img_thumb{width:100%} .material_movie .box_induce{position:relative;min-height:42px;margin:20px 0 0;padding-right:135px} .material_movie .box_induce .btn_induce2{position:absolute;right:0;top:0;width:114px} .material_movie .txt_induce{margin:20px 18px 0 19px} .material_movie .box_induce{margin-top:18px;padding:0 135px 21px 20px} .material_movie .box_induce .txt_induce{margin:0} .material_movie .box_induce .btn_induce2{top:2px;right:19px} /*재생아이콘*/ /* 2021-09-13 추가 시작 */ .material_movie .thumb_img .ico_control{opacity:0;position:absolute;left:50%;top:50%;width:48px;height:48px;margin:-24px 0 0 -24px;background-position:-585px -705px} .adview_mov .thumb_img .ico_control,.adview_full .thumb_img .ico_control{opacity:0;width:48px;height:48px;background-position:-585px -705px} .material_movie.showPlay .thumb_img .ico_control,.adview_mov .showPlay .ico_control,.adview_full .showPlay .ico_control{opacity:1} /* showPause,showReplay,showReplay 클래스규칙 변경 */ .material_movie.showPause .ico_control,.adview_mov .showPause .ico_control,.adview_full .showPause .ico_control{opacity:1;background-position:-635px -705px} .material_movie.showReplay .ico_control,.adview_mov .showReplay .ico_control,.adview_full .showReplay .ico_control{opacity:1;background-position:-685px -705px;z-index:1} .material_movie.showReplay .thumb_img:after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5)} .material_kakaotv .ico_play{position:absolute;left:50%;top:50%;width:36px;height:42px;margin:-21px 0 0 -19px;background:url(/533b5681d594e892d1d0d5d45c47599c.png) no-repeat 0 0} /* 2021-09-08 추가 */ .progress_control{opacity:0;position:absolute;left:0;bottom:0;right:0;height:3px;background-color:rgba(0,0,0,0.2);transition:opacity .3s;z-index:10} .showSeek .progress_control{opacity:1} /* showSeek 규칙 추가 */ .progress_control .progress_play{position:relative;height:3px;background-color:#4DBEFA} .sound_control{position:absolute;top:0;right:0;padding:10px;z-index:1} .sound_control .btn_sound{width:32px;height:32px} .sound_control .btn_sound .ico_comm{width:32px;height:32px;margin:0 auto;background-position:-735px -705px} .sound_control.sound_on .ico_comm{background-position:-770px -705px} /* // 2021-09-13 추가 끝 */ /* 소재타입 :동영상배너 (ad 마크있음) */ .material_moviebnr{position:relative;width:440px;padding:0;border:none} .material_moviebnr .ad_mark{position:absolute;top:10px;left:10px;z-index:1;width:30px;height:20px;color:rgba(255,255,255,0);font-size:0;background:url(/f24aadca1302838b4a121bd2e02bef23.png) no-repeat 0 0;background-size:30px 20px} .material_moviebnr .box_induce{position:absolute;left:0;bottom:0;right:0;z-index:2;padding:9px 10px 12px 11px;background-color:transparent;transition:opacity .4s} .material_moviebnr .box_induce.bg_induce{background:rgba(0,0,0,0.6)} .material_moviebnr .tit_induce{overflow:hidden;padding:3px 0 0;font-weight:500;font-size:14px;line-height:27px;color:#fff;white-space:nowrap;text-overflow:ellipsis} .material_moviebnr .tit_induce.no_text{color:#fff} .material_moviebnr .btn_induce{float:right;height:35px;min-width:76px;padding:0 8px;margin-left:5px;border:1px solid #fff;border-radius:2px;font-size:14px;line-height:32px;text-align:center;background-color:rgba(0,0,0,0.3);color:#fff;letter-spacing:-1px;box-sizing:border-box} .material_moviebnr .btn_induce .ico_arrow{width:6px;height:9px;margin:12px 0 0 3px;background-position:-805px -705px} .material_moviebnr .btn_induce svg.ico_arrow{fill:currentColor;margin-left:3px} .material_moviebnr .thumb_img{position:relative;height:248px} .material_moviebnr .thumb_img:before{position:absolute;left:0;z-index:1;width:100%;height:72px;content:''} .material_moviebnr .thumb_img:before{bottom:0;background:-moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 100%);background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000',endColorstr='#4d000000',GradientType=0 )} .material_moviebnr .thumb_img .ico_control{opacity:0;position:absolute;left:50%;top:50%;width:48px;height:48px;margin:-24px 0 0 -24px;background-position:-585px -705px} .material_moviebnr.showPlay .ico_control{opacity:1} .material_moviebnr.showPause .ico_control{opacity:1;background-position:-635px -705px} .material_moviebnr.showReplay .ico_control{opacity:1;background-position:-685px -705px;z-index:1} .material_moviebnr.showReplay .thumb_img:after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5)} .material_moviebnr.showHighlight .box_induce{background-color:rgba(0,0,0,0.7)} /* 소재타입 :카카오TV */ .material_kakaotv{position:relative;width:440px;height:248px;padding:0;border:0 none;box-sizing:border-box} .material_kakaotv .inner_movie{position:relative;height:100%;background-color:rgba(0,0,0,0.35)} .material_kakaotv .info_movie{position:absolute;left:0;right:0;bottom:0;padding:18px} .material_kakaotv .txt_ad{overflow:hidden;height:33px;font-size:13px;line-height:33px;color:#fff;font-weight:400} .material_kakaotv .ico_ad{display:inline-block;width:14px;height:14px;margin:10px 5px 0 0;background-position:-650px -340px} .material_kakaotv .btn_movie{float:right;height:33px;padding:0 10px;margin-left:6px;border-radius:2px;font-size:13px;line-height:33px;background-color:rgba(50,51,55,0.5);color:#fff;text-decoration:none} .material_kakaotv .btn_movie .txt_g{color:#4DBEFA} .material_kakaotv .btn_movie .ico_more{display:inline-block;width:11px;height:11px;margin:11px 0 0 6px;background-position:-315px -755px;vertical-align:top} .adview_mov .thumb_img{background:rgba(0,0,0,0.34) 50% 50%} .material_kakaotv + .txt_warn{margin-top:20px}/** 캐러셀 **/ .material_default .wrap_slide{overflow:hidden} .material_default .wrap_slide .item_slide{position:relative;float:left} .material_default .num_page{position:absolute;top:10px;right:12px;height:27px;width:42px;border-radius:26px;font-size:12px;line-height:24px;color:#fff;background-color:rgba(0,0,0,0.6);text-align:center;z-index:10} .inner_preview span.link_prev .ico_comm,.inner_preview span.link_next .ico_comm,.inner_preview .link_prev.in_active .ico_comm,.inner_preview .link_next.in_active .ico_comm,.material_default span.link_prev .ico_comm,.material_default span.link_next .ico_comm,.material_default .link_prev.in_active .ico_comm,.material_default .link_next.in_active .ico_comm{opacity:0.4} .inner_preview .link_prev.in_active,.inner_preview .link_next.in_active,.material_default .link_prev.in_active,.material_default .link_next.in_active{pointer-events:none} .inner_preview .link_prev,.inner_preview .link_next,.material_default .link_prev,.material_default .link_next{position:absolute;top:0;left:50%} .inner_preview .link_prev,.material_default .link_prev{margin-left:-265px;width:45px;height:100%} .inner_preview .link_next,.material_default .link_next{margin-left:220px;width:45px;height:100%} .inner_preview .link_prev .ico_comm,.inner_preview .link_next .ico_comm,.material_default .link_next .ico_comm,.material_default .link_prev .ico_comm{position:absolute;top:50%;width:13px;height:23px;transform:translateY(-50%)} .inner_preview a.link_prev:hover .ico_comm,.material_default a.link_prev:hover .ico_comm{background-position:-580px -525px} .inner_preview a.link_next:hover .ico_comm,.material_default a.link_next:hover .ico_comm{background-position:-595px -525px} .inner_preview .link_prev .ico_comm,.material_default .link_prev .ico_comm,.inner_preview .link_prev.in_active:hover .ico_comm,.material_default .link_prev.in_active:hover .ico_comm{right:15px;background-position:-640px -525px} .inner_preview .link_next .ico_comm,.material_default .link_next .ico_comm,.inner_preview .link_next.in_active:hover .ico_comm,.material_default .link_next.in_active:hover .ico_comm{left:15px;background-position:-655px -525px} .inner_preview .box_message .link_next{margin-left:204px} .inner_preview .box_message .link_prev{margin-left:-251px}/** 쇼핑박스 **/ .material_spbox{width:440px;height:440px;padding-top:0} .material_spbox .thumb_img{width:200px;height:242px;margin:74px auto 0} .material_spbox .thumb_img:after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid #000;opacity:0.02} .material_spbox .thumb_img .img_thumb{min-width:100%} .material_spbox .txt_induce{padding-top:14px;font-size:14px;line-height:20px;color:#777;text-align:center} /* 채널친구추가 (디스플레이X전환) */ .material_channel{width:440px;height:440px;padding-top:50px} .material_channel .profile_info,.material_channel .profile_info .thumb_profile{width:100px;height:100px} .material_channel .profile_info .img_thumb{width:100%} .material_channel .profile_info{margin:39px auto 0} .material_channel .profile_info .thumb_profile{top:0;border-radius:39px;background-position:-200px 0} .material_channel .material_box{width:270px;height:340px;margin:0 auto;border:1px solid #E5E5E5;box-sizing:border-box} .material_channel .box_induce{padding:0 25px} .material_channel .tit_induce{overflow:hidden;display:block;width:110px;margin:0 auto;padding-top:19px;font-size:14px;line-height:18px;font-weight:500;color:#333;text-align:center;text-overflow:ellipsis;white-space:nowrap} .material_channel .txt_induce{overflow:hidden;display:block;display:-webkit-box;width:115px;height:40px;padding-top:10px;margin:0 auto;font-size:14px;line-height:20px;color:#333;text-align:center;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical} .material_channel .btn_induce{display:block;width:114px;height:42px;margin:37px auto;border-radius:2px;line-height:41px;font-size:14px;color:#333;background-color:#EAEAEA;text-align:center;box-sizing:border-box} .material_channel .btn_induce.no_text{color:#777}/** 카탈로그1 **/ .material_catalog{position:relative;padding:0} .material_catalog + .material_catalog{margin-top:30px} .material_catalog .profile_info{height:48px;padding:20px 0 10px 62px} .material_catalog .info_profile .tit_profile{font-weight:700} .material_catalog .thumb_profile{width:48px;height:48px;margin-top:-20px;border-radius:18px;background-position:-70px 0} .material_catalog .ad_mark{position:absolute;top:36px;right:19px;z-index:1;width:25px;height:16px;font-size:0;color:rgba(0,0,0,0);background:url(/f291ce3bb2dd022885aeb262b0ccfd40.png) no-repeat 0 0;background-size:25px auto} .material_catalog .item_catalog{overflow:hidden;display:block;width:145px;border-radius:2px;box-sizing:border-box} .material_catalog .slide_material .inner_slide{padding:0 19px 16px} .material_catalog .area_scroll{overflow:hidden;margin:0 -19px} .material_catalog .list_catalog3{float:left;padding:0 20px} .material_catalog .list_catalog3 li{float:left} .material_catalog .list_catalog3 li + li{padding-left:10px} .material_catalog .list_catalog3 .thumb_img{width:145px;height:145px;border:1px solid rgba(0,0,0,0.02);border-radius:4px;background:#ebebeb url(https://t1.daumcdn.net/biz/ui/kakaodsp-2021/bg_noimg10.png) no-repeat 50% 50%;background-size:36px 24px;box-sizing:border-box} .material_catalog .thumb_img .img_thumb{width:100%;height:100%} .material_catalog .list_catalog3 .box_induce{position:relative;width:100%;height:50px;padding:8px 0 0;line-height:24px;color:#333;box-sizing:border-box} .material_catalog .box_induce .tit_induce{display:block;display:-webkit-box;overflow:hidden;max-height:40px;font-size:14px;font-weight:400;line-height:20px;color:#333;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical} .material_catalog .box_induce .tit_induce.tit_onerow{max-height:20px;-webkit-line-clamp:1} .material_catalog .box_induce .price_induce{font-size:14px;line-height:20px;font-weight:700} .material_catalog .box_induce .btn_induce3{margin:15px 0 1px} .material_catalog .box_induce .tit_induce.no_text,.material_catalog .box_induce .price_induce.no_text{color:#777} .material_catalog .btn_induce{display:block;height:43px;padding:10px 18px;border-top:1px solid #E5E5E5;font-weight:500;color:#333;box-sizing:border-box} .material_catalog .btn_induce.no_text{color:#777;background:#f0f0f0} .material_catalog .btn_induce .ico_arrow{float:right;width:9px;height:14px;margin-top:4px} .material_catalog .btn_induce .ico_arrow path{stroke:#555} .material_catalog .btn_induce.btn_type2{color:var(--white000s)} .material_catalog .btn_induce.btn_type2 .ico_arrow path{stroke:var(--white000s)} .material_catalog .slide_material .list_slide .item_slide .price_sale{font-weight:400} .material_catalog .slide_material .list_slide .item_slide .price_induce{font-weight:700;color:#999} /*4:3*/ .material_catalog .catalog_type2 .thumb_img{width:152px;height:114px}/** 카탈로그2 **/ .material_catalog2{position:relative;padding:18px 19px 19px} .material_catalog2 + .material_catalog2{margin-top:30px} .material_catalog2 .profile_info{height:30px;margin:0 19px 11px 0;padding-left:40px} .material_catalog2 .info_profile .tit_profile{font-weight:400} .material_catalog2 .thumb_profile{width:30px;height:30px;margin-top:-14px;border-radius:11px;background-position:0 -70px} .material_catalog2 .ad_mark{position:absolute;top:25px;right:19px;z-index:1;width:29px;height:18px;font-size:0;color:rgba(0,0,0,0);background:url(/23ed39ae7f21c36156be9fc3fb3b2fc9.png) no-repeat 0 0;background-size:29px auto} .material_catalog2 .item_catalog{overflow:hidden;display:flex;align-items:center;border:1px solid #e5e5e5;border-radius:2px;box-sizing:border-box} .material_catalog2 .thumb_img{width:193px;height:193px;border-radius:2px 0 0 2px} .material_catalog2 .thumb_img .img_thumb{width:100%;height:100%} .material_catalog2 .box_induce{position:relative;width:205px;padding:0 15px;line-height:24px;color:#333;box-sizing:border-box} .material_catalog2 .box_induce .tit_induce{display:block;display:-webkit-box;overflow:hidden;max-height:40px;font-size:14px;font-weight:400;line-height:20px;color:#333;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical} .material_catalog2 .box_induce .price_induce{padding-top:5px;font-size:14px;line-height:20px;font-weight:700} .material_catalog2 .box_induce .btn_induce3{margin:15px 0 1px} .material_catalog2 .box_induce .tit_induce.no_text,.material_catalog2 .box_induce .price_induce.no_text{color:#777} .material_catalog2 .box_induce .txt_price{display:block} .material_catalog2 .box_induce .price_sale{padding-top:5px;font-weight:700;font-size:14px;line-height:20px;color:#999;text-decoration:line-through} .material_catalog2 .box_induce .price_discount{padding-right:2px;font-weight:700;font-size:14px;line-height:20px;color:#333} .material_catalog2 .list_catalog2 .txt_price{display:inline-block;overflow:hidden;font-size:0;vertical-align:top} .material_catalog2 .list_catalog2 .price_induce{float:left} .material_catalog2 .list_catalog2 .price_sale{float:right;margin-left:4px} .material_catalog2 .list_slide .item_catalog{display:block;width:145px;border:none} .material_catalog2 .list_slide .thumb_img{position:relative;width:145px;height:145px;border-radius:4px;box-sizing:border-box} .material_catalog2 .list_slide .thumb_img:after{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(0,0,0,0.02);border-radius:4px;content:''} .material_catalog2 .list_slide .box_induce{width:100%;height:50px;padding:10px 0 0} .material_catalog2 .list_slide .price_induce,.material_catalog2 .list_slide .price_sale{padding-top:0} .material_catalog2 .list_slide .tit_induce{margin-top:0;white-space:normal} .material_catalog2 .list_slide .tit_induce.tit_onerow{max-height:20px;-webkit-line-clamp:1} .material_catalog2 .slide_material{margin:0 -19px -20px} .material_catalog2 .slide_material .inner_slide{padding:0 20px 20px;margin-bottom:0} .material_catalog2.type_slide .profile_info{height:48px;margin-bottom:10px;padding-left:62px} .material_catalog2.type_slide .info_profile .tit_profile{font-weight:700} .material_catalog2.type_slide .thumb_profile{height:48px;width:48px;margin-top:-24px;border-radius:18px;background-position:-70px 0} .material_catalog2.type_slide .box_induce .price_induce:only-child{color:inherit;text-decoration:none} /* 카탈로그3 */ .material_catalog3{position:relative;background:#F5F5F5} .material_default + .material_catalog3,.material_catalog3 + .material_default{margin-top:30px} .material_catalog3 .profile_info{height:30px;margin:0 19px 10px 19px;padding-left:40px} .material_catalog3 .info_profile .tit_profile{font-weight:400} .material_catalog3 .thumb_profile{width:30px;height:30px;margin-top:-14px;border-radius:11px;background-position:0 -70px} .material_catalog3 .ad_mark{position:absolute;top:25px;right:19px;z-index:1;width:29px;height:18px;font-size:0;color:rgba(0,0,0,0);background:url(/23ed39ae7f21c36156be9fc3fb3b2fc9.png) no-repeat 0 0;background-size:29px auto} .material_catalog3 .thumb_img{width:300px;height:300px;margin:0 auto;border:1px solid #E5E5E5;border-radius:4px;box-sizing:border-box} .material_catalog3 .thumb_img .img_thumb{width:100%;height:100%} .material_catalog3 .box_induce{position:relative;margin:20px 19px 19px} .material_catalog3 .box_induce .price_induce{float:left;font-weight:700;font-size:14px;line-height:20px;color:#777} .material_catalog3 .box_induce .tit_induce{display:-webkit-box;overflow:hidden;max-height:40px;width:322px;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical} .material_catalog3 .tit_induce.tit_onerow{width:100%;max-height:20px;-webkit-line-clamp:1} .material_catalog3 .txt_price{display:inline-block;overflow:hidden;font-size:0;vertical-align:top} .material_catalog3 .box_induce .price_sale{float:right;margin-left:4px;font-weight:700;font-size:14px;line-height:20px;color:#999;text-decoration:line-through} .material_catalog3 .box_induce .txt_induce{display:block;overflow:hidden;font-size:14px;line-height:20px;color:#666;white-space:nowrap;text-overflow:ellipsis} .material_catalog3 .btn_induce5{position:absolute;top:50%;right:0;transform:translateY(-50%)} /* 카탈로그4 */ .material_catalog4{position:relative;padding-top:0;background:#F5F5F5} .material_default + .material_catalog4,.material_catalog4 + .material_default{margin-top:30px} .material_catalog4 .ad_mark{position:absolute;top:4px;right:4px;z-index:1;width:20px;height:12px;font-size:0;color:rgba(0,0,0,0);background:url(/129eef55e627e1720e145f1c0469d4d9.png) no-repeat 0 0;background-size:20px auto} .material_catalog4 .thumb_img{float:left;width:80px;height:80px;margin:-1px 0 -1px -1px} .material_catalog4 .box_induce{position:relative;height:58px;padding:10px 72px 10px 100px} .material_catalog4 .item_catalog{overflow:hidden} .material_catalog4 .list_catalog4:after{display:block;clear:both;content:''} .material_catalog4 .list_catalog4 li{float:left;width:50%} .material_catalog4 .list_catalog4 .item_catalog{overflow:hidden;display:flex;align-items:center;padding:10px 10px 10px 0;box-sizing:border-box} .material_catalog4 .list_catalog4 li:first-child .item_catalog{padding-left:10px} .material_catalog4 .list_catalog4 .thumb_img{width:60px;height:60px;margin:0;border:1px solid #C9C9C9;border-radius:2px;box-sizing:border-box} .material_catalog4 .list_catalog4 .thumb_img.no_img{border-color:#E5E5E5} .material_catalog4 .thumb_img .img_thumb{width:100%;height:100%} .material_catalog4 .list_catalog4 .box_induce{width:142px;padding:0 0 0 10px;line-height:24px;color:#333;box-sizing:border-box} .material_catalog4 .box_induce .tit_induce{display:block;display:-webkit-box;overflow:hidden;max-height:40px;font-weight:700;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical} .material_catalog4 .box_induce .tit_induce.tit_onerow{max-height:20px;-webkit-line-clamp:1} .material_catalog4 .list_catalog4 .tit_induce{width:126px} .material_catalog4 .box_induce .txt_price{display:inline-block;font-size:0;padding-top:2px;vertical-align:top} .material_catalog4 .box_induce .price_induce{float:left;font-weight:700;font-size:10px;line-height:16px;color:#333} .material_catalog4 .box_induce .price_sale{float:right;margin-left:4px;font-weight:700;font-size:10px;line-height:16px;color:#999;text-decoration:line-through} .material_catalog4 .list_catalog4 .box_induce .price_sale{overflow:hidden;width:63px;text-overflow:ellipsis;white-space:nowrap} .material_catalog4 .box_induce .txt_induce{display:block;overflow:hidden;font-size:12px;line-height:18px;color:#666;white-space:nowrap;text-overflow:ellipsis} .material_catalog4 .box_induce .txt_induce + .txt_price{padding-top:4px} .material_catalog4 .box_induce .price_induce.no_text{color:#777} .material_catalog4 .btn_induce6{position:absolute;top:50%;right:20px;transform:translateY(-50%)} .material_catalog4 .profile_info{height:16px;margin:4px 0 0} .material_catalog4 .box_induce .txt_induce + .profile_info{margin-top:6px} .material_catalog4 .info_profile .tit_profile{font-weight:400;font-size:12px;line-height:16px;color:#666} .material_catalog4 .thumb_profile{width:16px;height:16px;margin-top:-8px;border-radius:8px;background-position:0 -70px} /*이미지2개*/ .material_catalog2 .list_catalog2 .thumb_img{width:94px;height:94px} .material_catalog2 .list_catalog2 li + li{margin-top:7px} .material_catalog2 .list_catalog2 .box_induce{width:306px} .material_catalog2 .list_catalog2 .btn_induce4{position:absolute;top:50%;right:0;margin-top:-22px} .material_catalog2 .list_catalog2 .tit_induce{width:247px} /*이미지3개*/ .material_catalog2 .area_scroll{overflow:hidden;margin:0 -19px} .material_catalog2 .list_catalog3{float:left;padding:0 19px} .material_catalog2 .list_catalog3 li{float:left} .material_catalog2 .list_catalog3 li + li{padding-left:11px} .material_catalog2 .list_catalog3 .item_catalog{display:block;width:145px;border:none} .material_catalog2 .list_catalog3 .thumb_img{width:145px;height:145px;border:1px solid #E5E5E5;border-radius:4px;box-sizing:border-box} .material_catalog2 .list_catalog3 .box_induce{width:100%;height:50px;padding:10px 0 0} .material_catalog2 .list_catalog3 .price_induce,.material_catalog2 .list_catalog3 .price_sale{padding-top:0} .material_catalog2 .list_catalog3 .tit_induce.tit_onerow{max-height:20px;-webkit-line-clamp:1} /* 애드뷰 콤팩트 타입 *//** 이미지 **/ .adview_compact{position:relative;padding-top:0;margin:0 29px;border:1px solid #e5e5e5;border-radius:14px 14px 0 0;background-color:#fff} .adview_compact .adview_head{position:relative;height:50px;padding:0 48px 0 47px;border-radius:14px 14px 0 0} .adview_compact .tit_adview{display:block;overflow:hidden;padding-top:4px;font-weight:500;font-size:14px;line-height:43px;text-align:center;color:#777;white-space:nowrap} .adview_compact .thumb_img{width:440px;height:246px} .adview_compact .thumb_img:before,.adview_compact.adview_mov .thumb_img:before{content:'';position:absolute;top:0;left:0;z-index:1;width:100%;height:1px;background-color:rgba(0,0,0,0.08)} .adview_compact .thumb_img:after{content:'';position:absolute;bottom:0;left:0;z-index:1;width:100%;height:1px;background-color:rgba(0,0,0,0.08)} .adview_compact .txt_adview{height:44px;padding:19px 19px 6px;font-size:14px;line-height:17px;color:#777;letter-spacing:-1px;text-align:left} /*.adview_mov .txt_adview{padding:14px 17px 6px} .adview_mov .desc_info{padding:16px 17px 6px}*/ .adview_compact .desc_info{display:block;padding:13px 15px 4px 17px;font-size:12px;line-height:15px;color:#999;text-align:left} .material_default .link_share{position:absolute;right:5px;top:0;z-index:2;width:60px;height:44px;color:#111} .material_default .ico_share{width:35px;height:35px;margin:9px auto 0;background-position:-670px -670px} .material_default .link_close{position:absolute;left:11px;top:4px;z-index:2;width:30px;height:44px} .material_default .ico_close{width:14px;height:14px;margin:15px auto 0;background-position:-725px -515px} .material_default .tit_adview.no_text{font-weight:500;color:#777} .material_default .txt_adview.no_text{color:#777} .material_default .btn_adview .ico_comm{display:inline-block;vertical-align:top} .material_default .btn_adview .ico_oneclick{margin:15px 7px 0 0;width:16px;height:16px;background-position:-680px -780px} .material_default .btn_adview .ico_gift{margin:13px 7px 0 0;width:16px;height:20px;background-position:-680px -755px} .material_default .icon_hide .thumb_img{background:none} .material_default.material_img1 .wrap_btn{padding-bottom:6px} .material_default .wrap_btn .btn_adview{box-sizing:border-box;float:left;padding:3px 3px 0 0;min-width:196px;width:100%;height:52px;margin-right:10px;border-radius:4px;font-size:14px;line-height:45px;color:#000;background-color:#FFE500} .material_default .wrap_btn .btn_adview.no_text{color:#ccc} .adview_compact .wrap_btn{height:52px;padding:6px 6px 18px 17px} .adview_compact .wrap_btn .btn_adview.in_active{background-color:#f2f2f2} .adview_compact .link_close{top:3px} .adview_compact .ico_share{margin-top:8px} .adview_compact + .adview_compact,.layer_preview .adview_compact + .adview_compact{margin-top:20px} /* 영상 플레이어 영역 추가 */ .adview_full .util_player{position:absolute;top:0;right:0;left:0;bottom:0;max-height:693px} .adview_compact .util_player{position:absolute;top:0;right:0;left:0;bottom:0;height:100%} .adview_full .btn_play,.adview_compact .btn_play{position:absolute;margin:-24px 0 0 -24px;width:48px;height:48px;z-index:10;opacity:1;transition:opacity 0.3s} /*.btn_play .ico_player{width:40px;height:40px;background-position:0 0}*/ .adview_full .btn_play{top:50%;left:50%} .adview_compact .btn_play{top:50%;left:50%;margin-top:-26px} .material_default .showPlay .link_sound{opacity:1} .material_default .showPause .link_sound{opacity:1} .wrap_control{overflow:hidden;position:absolute;left:18px;bottom:22px;z-index:10} .wrap_control .link_sound{float:left;opacity:1;transition:opacity 1s} .wrap_control .link_sound .ico_sound{display:inline-block;width:35px;height:35px;background-position:-585px -755px} .wrap_control .link_sound.sound_off{opacity:0.45;transition:opacity 1s} .wrap_control .link_sound.sound_off .ico_sound{background-position:-625px -755px} .wrap_control .time_control{float:left} .wrap_control .time_control em{display:block;margin-left:8px;line-height:35px;font-size:14px;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,0.24)} .wrap_control .desc_info{display:block;position:static;padding:0;color:#fff}/** 동영상 **/ .adview_mov{width:440px} .adview_mov .thumb_img{width:438px;height:246px;background:#777} .adview_mov .thumb_img .bg_mov{position:absolute;left:0;right:0;bottom:0;top:auto;height:72px;background:-moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 100%);background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000',endColorstr='#4d000000',GradientType=0 )} .adview_mov .sound_control{width:35px;height:35px} .adview_full.adview_mov .desc_info{padding:0} .adview_compact.adview_mov .wrap_btn .btn_adview{min-width:196px} .adview_compact .wrap_control{left:14px;bottom:12px} /* 애드뷰 풀뷰 타입 *//** 이미지 **/ .adview_full,.adview_full .inner_full,.adview_full .thumb_img,.adview_full .thumb_img .item_thumb{width:440px;height:757px} .adview_full{overflow:hidden;position:relative;padding-top:0;border:0 none;background-color:transparent} .adview_full .inner_full{overflow:hidden;position:relative;border-radius:6px 6px 0 0;background-color:#ebebeb} /*.adview_full .inner_full:before{content:'';position:absolute;top:0;left:0;right:0;z-index:1;height:90px;background:-moz-linear-gradient(top,rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 100%);background:-webkit-linear-gradient(top,rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 100%)} .adview_full .inner_full:after{content:'';position:absolute;bottom:0;left:0;right:0;z-index:1;height:293px;background:-moz-linear-gradient(bottom,rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 100%);background:-webkit-linear-gradient(bottom,rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 100%);background:linear-gradient(to top,rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 100%)}*/ .adview_full .inner_full .bg_top{position:absolute;top:0;left:0;right:0;z-index:1;height:90px;background:-moz-linear-gradient(top,rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 100%);background:-webkit-linear-gradient(top,rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 100%)} .adview_full .inner_full .bg_bottom{position:absolute;bottom:0;left:0;right:0;z-index:1;height:293px;background:-moz-linear-gradient(bottom,rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 100%);background:-webkit-linear-gradient(bottom,rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 100%);background:linear-gradient(to top,rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 100%)} .adview_full .inner_full .bg_after{position:absolute;bottom:0;left:0;right:0;z-index:1;height:250px;background:-moz-linear-gradient(bottom,rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 100%);background:-webkit-linear-gradient(bottom,rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 100%);background:linear-gradient(to top,rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 100%)} .adview_full .thumb_img{overflow:hidden;background-size:40px 26px;background-position:50% 50%} .adview_full .wrap_btn{position:absolute;bottom:0;left:0;right:0;z-index:15;padding-left:19px} .adview_full .wrap_btn .btn_adview.in_active{background-color:#fff} .adview_full .desc_info{position:absolute;right:19px;bottom:95px;z-index:2;font-size:12px;line-height:15px;color:#fff;line-height:20px} .adview_full .link_close{top:6px;left:4px;width:48px;height:48px} .adview_full .ico_close{width:14px;height:14px;margin-top:17px;background-position:-725px -500px} .adview_full .link_share{width:50px;height:48px;top:3px;right:4px} f .adview_full .icon_hide .thumb_img{background:none} .adview_full.adview_mov .thumb_img{background-size:48px 48px;background-position:50% 50%} .item_slide.adview_mov .thumb_img{background-size:33px 45px} .vod_wrap .thumb_img{background-size:33px 45px;background-position:50% 50%} .adview_full .ad_wrap .thumb_img{background-size:81px 42px;background-position:50% 150px} .adview_full .thumb_img .item_thumb{background-position:50% 50%;background-size:cover} .adview_full .wrap_control{bottom:86px}/** 동영상 **/ .adview_full.adview_mov .ico_play{top:280px} .adview_compact .wrap_control{left:14px;bottom:12px}/** 스킨타입 **/ .adview_full .vod_wrap .ico_play{top:110px} .adview_full .vod_wrap .thumb_img{position:relative;height:207px} .adview_full .vod_wrap .thumb_img:after{content:'';position:absolute;bottom:0;left:0;right:0;z-index:1;height:54px;background:-moz-linear-gradient(bottom,rgba(0,0,0,0.08) 0%,rgba(0,0,0,0) 100%);background:-webkit-linear-gradient(bottom,rgba(0,0,0,0.08) 0%,rgba(0,0,0,0) 100%);background:linear-gradient(to top,rgba(0,0,0,0.08) 0%,rgba(0,0,0,0) 100%)} .adview_full .ad_wrap .thumb_img{height:437px;border-radius:0} /* 더 알아보기 애니메이션 */ @-webkit-keyframes bounce{0%{-webkit-transform:translateY(-20px); transform:translateY(-20px)} 50%{-webkit-transform:translateY(-20px); transform:translateY(0)} to{-webkit-transform:translateY(-20px); transform:translateY(-20px)} } @-moz-keyframes bounce{0%{-webkit-transform:translateY(-20px); transform:translateY(-20px)} 50%{-webkit-transform:translateY(-20px); transform:translateY(0)} to{-webkit-transform:translateY(-20px); transform:translateY(-20px)} } @-o-keyframes bounce{0%{-webkit-transform:translateY(-20px); transform:translateY(-20px)} 50%{-webkit-transform:translateY(-20px); transform:translateY(0)} to{-webkit-transform:translateY(-20px); transform:translateY(-20px)} } @keyframes bounce{0%{-webkit-transform:translateY(-20px); transform:translateY(-20px)} 50%{-webkit-transform:translateY(-20px); transform:translateY(0)} to{-webkit-transform:translateY(-20px); transform:translateY(-20px)} }/** 스크롤형 **/ .adview_full .thumb_img .item_thumb{position:relative} .adview_full .thumb_img .item_thumb.mov_type1{height:808px} /* 720x1560 */ .adview_full .thumb_img .item_thumb.mov_type2{height:663px} /* 720x1280 */ .adview_full .thumb_img .item_thumb.mov_type3{height:210px} /* 1280x720 */ .adview_full .thumb_img .item_thumb.mov_type4{height:373px} /* 720x720 */ .adview_full .thumb_img .ico_arr{position:absolute;bottom:113px;left:217px;z-index:10;width:25px;height:15px;margin-left:-12px;background-position:-275px -775px;-webkit-animation:bounce 1s cubic-bezier(0.37,0.01,0.55,0.99) infinite;animation:bounce 1s cubic-bezier(0.37,0.01,0.55,0.99) infinite} .adview_full .thumb_img .bar_scroll{position:absolute;top:3px;right:3px;width:4px;border-radius:4px;background-color:rgba(0,0,0,0.2)} .adview_full .inner_full.bg_hide:after{display:none} .adview_scroll .wrap_control{bottom:22px}/** 이미지형 **/ .adview_full .thumb_img .ico_img{position:absolute;top:50%;left:50%;transform:translateX(-50%);width:40px;height:22px;background-position:-700px -645px} .adview_full + .adview_full{margin-top:20px} /* 레이어 - 소재자세히보기 */ .wrap_material .inner_wrap{width:640px;padding:0 30px 30px} .landing_url{position:relative;min-height:23px} .head_feed .txt_warn{padding-top:12px;line-height:20px;font-size:14px} .head_feed .txt_warn.fc_warn{color:#F64949} .landing_url .btn_url{position:relative;margin-right:6px;background:#fff;border-color:#ccc} .landing_url .btn_url:hover{background:#f5f5f5} .landing_url .btn_url .inner_g{padding:7px 26px 8px 15px} .landing_url .btn_url .ico_arrow{position:absolute;right:9px;top:50%;width:0;height:0;margin-top:-2px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #888;vertical-align:middle} .landing_url .tbl_layer{display:none} .landing_url .link_url{color:#326edc} .open_url .btn_url .ico_arrow{border-bottom:5px solid #888;border-top:0 none} .open_url .tbl_layer{display:table} /* 소재 미리보기 - 기본 스타일 (2019 개편 전 스타일) */ /*광고계정 만들기*/ .ad_managebox + .ad_managebox{margin-top:20px} .accountcreat_wrap .ad_managebox .tit_sub{margin-bottom:0} .accountcreat_wrap .ad_managebox .tbl_g3{margin-top:16px} .accountcreat_wrap .ad_managebox .tbl_g3 td .inner_tbl{padding:15px 20px;line-height:19px} .accountcreat_wrap .audience_detail{padding-left:24px;padding-right:24px} .accountcreat_wrap .audience_detail .item_card{float:left;width:800px} .accountcreat_wrap .item_card .box_inptxt{float:left;width:331px} .accountcreat_wrap .item_card .inp_wd1 .inp_txt,.accountcreat_wrap .item_card .inp_wd2 .inp_txt{text-align:center} .accountcreat_wrap .item_card .txt_inptxt{float:left;width:27px;line-height:36px;text-align:center} .accountcreat_wrap .item_card .box_inptxt + .btn_gm{float:left;margin-left:10px} .accountcreat_wrap .item_card .box_checkinp{float:left;margin:8px 0 0 30px} .accountcreat_wrap .item_card .lab_check{font-size:13px} .accountcreat_wrap .item_card .txt_error{clear:both;padding-top:10px;font-size:12px} .accountcreat_wrap .item_card .txt_error .fc_gray{color:#999} .accountcreat_wrap .item_card .desc_g{font-size:14px;color:#333} .accountcreat_wrap .item_card .box_accountcheck{margin-top:-8px} .accountcreat_wrap .item_card .txt_error + .box_accountcheck{margin-top:10px} .accountcreat_wrap .item_card .btn_gm + .box_accountcheck{margin-top:12px} .accountcreat_wrap .item_card .box_accountcheck .box_checkinp{margin-left:0} .accountcreat_wrap .item_card .box_account{clear:both;overflow:hidden;width:634px;padding-top:10px} .accountcreat_wrap .box_account .list_account li + li{padding-top:1px} .accountcreat_wrap .box_account .list_account + .desc_account{padding:10px 0 5px;font-size:13px;line-height:22px} .accountcreat_wrap .audience_detail .tbl_g3 th .inner_tbl{height:76px;line-height:76px} .accountcreat_wrap .audience_detail .tbl_g3 td .inner_tbl{line-height:19px;padding:19px 20px} .accountcreat_wrap .wrap_accountguide{padding-top:20px;margin-bottom:-42px} .accountcreat_wrap .wrap_accountguide.on{margin-bottom:0} .accountcreat_wrap .wrap_accountguide .link_guide{position:relative;padding-left:16px;font-size:13px;line-height:20px;font-weight:500;color:#333;text-decoration:none} .accountcreat_wrap .wrap_accountguide .link_guide .ico_arrow{position:absolute;left:0;top:50%;width:0;height:0;margin-top:-3px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #333;vertical-align:middle} .accountcreat_wrap .wrap_accountguide.on .link_guide .ico_arrow{border-bottom:6px solid #333;border-top:0 none} .accountcreat_wrap .desc_subtxt{font-size:13px;line-height:20px;color:#777} .accountcreat_wrap .wrap_accountguide .desc_subtxt .fc_emph{font-weight:700} .accountcreat_wrap .area_accountguide .desc_guide{padding-bottom:20px;font-size:13px;line-height:22px;color:#777} .accountcreat_wrap .box_inptxt{float:left;width:331px} .accountcreat_wrap .txt_inptxt{float:left;width:27px;line-height:36px;text-align:center} .accountcreat_wrap .box_inptxt.inp_wd1{width:70px} .accountcreat_wrap .box_inptxt.inp_wd2{width:72px} .accountcreat_wrap .item_card .box_radioinp{float:left;margin-right:30px} .accountcreat_wrap .box_inptxt + .btn_gm{float:left;margin-left:10px} .accountcreat_wrap .box_checkinp{float:left;margin:8px 0 0 20px} .accountcreat_wrap .ad_managebox .tbl_g3 td .inner_tbl:after{display:block;clear:both;content:""} .accountcreat_wrap .txt_error{clear:both;padding-top:10px;font-size:12px;line-height:20px} .accountcreat_wrap .btn_gm + .txt_error{margin:0} .accountcreat_wrap .txt_error + .box_accountcheck{overflow:hidden;margin-top:12px} .accountcreat_wrap .box_accountcheck .box_checkinp{margin-left:0} .accountcreat_wrap .box_accountcheck .lab_check{font-weight:700;color:#333} .accountcreat_wrap .inp_wd1 .inp_txt,.accountcreat_wrap .inp_wd2 .inp_txt{text-align:center} .accountcreat_wrap .box_inptxt.inp_wd1 .lab_txt{left:50%;transform:translateX(-50%)} .accountcreat_wrap .ad_managebox .tbl_g3 .box_account{margin:-2px 0} .accountcreat_wrap .box_accountcheck + .box_account{padding-top:10px} .accountcreat_wrap .box_account .list_account li{line-height:22px} .accountcreat_wrap .box_account .desc_account{font-size:12px;line-height:20px;color:#777} .accountcreat_wrap .ad_managebox .tbl_g3 .gm_line{margin-top:5px} .accountcreat_wrap .wrap_accountguide .tbl_g2 .link_help{margin-right:-4px} .os_mac .box_inptxt{padding-top:6px;padding-bottom:8px} .accountcreat_wrap .list_append .fc_warn{font-weight:700} /*광고계정 만들기 > 광고그룹 생성 완료*/ .accountend_wrap .audience_detail:first-child{border-top:none} .accountend_wrap .audience_detail .desc_subtxt{display:inline-block;padding-left:6px;font-size:12px;color:#999} .accountend_wrap .page_btn .f_left{text-align:left} .accountend_wrap .desc_accountend2{font-size:12px;color:#777;line-height:20px;font-weight:500} .accountend_wrap .info_accountend{width:600px} .info_accountend .tit_info{display:block;padding-top:20px;font-size:12px;color:#999;line-height:20px;font-weight:500} .info_accountend .list_info{padding-top:1px} .info_accountend .list_info li{position:relative;padding-left:7px;font-size:12px;color:#999;line-height:20px} .info_accountend .list_info li + li{margin-top:12px} .info_accountend .list_info li:after{position:absolute;top:9px;left:0;width:3px;height:3px;border-radius:3px;background:#999;content:''} /* 광고계정 관리 */ .accountmanage_wrap .tab_g5{margin-top:21px} .card_summaryinfo{position:relative;width:33.3%;color:#111;box-sizing:border-box} .card_summaryinfo .inner_summaryinfo{height:261px;margin:0 4px 8px;padding:0 29px 23px;background-color:#fff;border:1px solid #ddd;box-sizing:border-box} .card_summaryinfo .tit_card{display:block;padding-top:29px;font-size:13px;color:#333} .card_summaryinfo .tit_card .sub_title{position:relative;font-weight:700;color:#333;padding-left:7px;margin-left:7px} .card_summaryinfo .tit_card .sub_title:before{position:absolute;left:0;top:4px;width:1px;height:11px;background-color:#ccc;content:''} .card_summaryinfo .ico_clear{display:inline-block;width:31px;height:16px;margin-left:11px;background-position:-700px -610px} .card_summaryinfo .txt_info{overflow:hidden;position:relative;display:block;height:55px;margin:8px 0 0;font-weight:700;font-size:25px;line-height:37px;color:#333;letter-spacing:-1px;white-space:nowrap;text-overflow:ellipsis} .card_summaryinfo .subtxt_info{position:absolute;bottom:0;left:0;font-size:14px;line-height:20px;color:#111;font-weight:700;letter-spacing:0} .card_summaryinfo .desc_info{padding-top:18px;line-height:25px;color:#555} .card_summaryinfo .box_info{position:relative;height:40px;margin-top:32px;padding:10px 10px 0 33px;line-height:20px;border-radius:4px;color:#555;background:#FFF2F2;box-sizing:border-box} .card_summaryinfo .desc_info + .box_info{margin-top:9px} .card_summaryinfo .box_info .ico_info{position:absolute;top:14px;left:10px;background-position:-715px -130px} .card_summaryinfo .ico_master{margin-top:8px;margin-left:3px;vertical-align:top} .card_summaryinfo .enter_card{overflow:hidden;position:absolute;right:19px;top:14px} .card_summaryinfo .enter_card .btn_gs{float:left;margin-left:10px} .card_summaryinfo table.define_adinfo,.card_summaryinfo .define_adinfo_type3{width:100%;margin-top:7px} .card_summaryinfo .define_adinfo td .inner_g{display:inline-block;position:relative;max-width:100%;vertical-align:top} .card_summaryinfo .define_adinfo td .txt_g{display:block} .card_summaryinfo .define_adinfo td .txt_limit{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .card_summaryinfo .define_adinfo td .txt_adinfo,.card_summaryinfo .define_adinfo td .ico_master{position:absolute;top:0;right:0} .card_summaryinfo .define_adinfo td .ico_master + .txt_adinfo{right:50px} .card_summaryinfo .define_adinfo td .txt_adinfo + .txt_limit{padding-right:27px} .card_summaryinfo .define_adinfo td .ico_master + .txt_limit{padding-right:50px} .card_summaryinfo .define_adinfo td .ico_master + .txt_adinfo + .txt_limit{padding-right:75px} .card_summaryinfo .define_adinfo td .txt_depositor{float:right} .card_summaryinfo .limit_info .txt_limit{display:block;overflow:hidden;float:left;max-width:50%;text-overflow:ellipsis;white-space:nowrap} .card_summaryinfo .detail_adinfo{margin-top:25px;line-height:20px} .card_summaryinfo .detail_adinfo dt{color:#777} .card_summaryinfo .detail_adinfo dd{color:#111} .card_summaryinfo .detail_adinfo .txt_bar{display:inline-block;width:1px;height:14px;margin:3px 6px 0 5px;background-color:#ccc;vertical-align:top} .card_summaryinfo .detail_adinfo .ico_master{margin-top:2px} .card_summaryinfo .card_head + .detail_adinfo{margin-top:26px} .card_summaryinfo .reform_area_loading{height:210px} .card_summaryinfo .thumb_refresh{display:table;width:100%;height:168px} .card_summaryinfo .thumb_refresh .inner_thumb{display:table-cell;height:100%;vertical-align:middle;text-align:center} .card_summaryinfo .thumb_refresh .txt_refresh{padding:45px 0 15px;color:#555;line-height:20px} .card_summaryinfo .btn_del{position:absolute;right:6px;top:6px;padding:5px} .card_summaryinfo .btn_del .ico_del{width:10px;height:10px;background-position:-330px -140px} .card_summaryinfo .btn_del:hover .ico_del{background-position:-330px -160px} .card_summaryinfo.clear .txt_info{color:#999} .card_summaryinfo.clear .define_adinfo{opacity:0.4;filter:alpha(opacity=40)} .card_summaryinfo.clear .define_adinfo th,.card_summaryinfo.clear .define_adinfo td{color:#555} .account_present{overflow:hidden;margin-top:20px} .account_present .inner_present{margin:0 -4px 0 -4px} .account_present .inner_present:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''} .account_present .card_summaryinfo{float:left} .account_present .card_summaryinfo.lst{width:33.4%} .info_accountmanage{position:relative;margin-top:20px;padding:19px 29px;border:1px solid #ddd;background:#F7FBFF} .info_accountmanage .tit_g{display:block;font-size:13px;font-weight:700;color:#333;line-height:24px} .info_accountmanage .desc_g{font-size:13px;color:#555;line-height:24px} .info_accountmanage .btn_gm{overflow:hidden;position:absolute;top:25px;right:29px;border:0;color:#fff;background:#2D477E} .info_accountmanage .btn_gm:hover .inner_g{background:rgba(0,0,0,0.03)} .info_accountmanage .btn_gm .ico_manage{float:right;width:12px;height:12px;margin:5px 0 0 6px;background-position:-725px -680px} /* 마스터권한 이동 요청 레이어 */ .layer_wrap .basic_layer.masterauth_layer .layer_body{padding:22px 30px 28px} .layer_wrap .masterauth_layer .tit_master{display:block;font-size:18px;color:#111;text-align:center} .layer_wrap .masterauth_layer .list_master{padding:0 3px;margin-top:20px} .layer_wrap .masterauth_layer .list_master li{position:relative;padding-left:7px;line-height:24px} .layer_wrap .masterauth_layer .list_master li:before{position:absolute;left:0;top:12px;width:2px;height:2px;background-color:#555;content:''} .layer_wrap .masterauth_layer .list_master .txt_emph{color:#f04a4e} .layer_wrap .masterauth_layer .agree_master{border:1px solid #e5e5e5;margin:26px 0 3px;text-align:center} .layer_wrap .masterauth_layer .agree_master .tit_agreemaster{display:block;height:46px;border-bottom:1px solid #e5e5e5;font-weight:400;line-height:43px;background-color:#f5f5f5} .layer_wrap .masterauth_layer .agree_master .desc_agreemaster{display:inline-block;overflow:hidden;vertical-align:top} .layer_wrap .masterauth_layer .agree_master .box_radioinp{float:left;height:46px;margin-left:30px;line-height:46px} .layer_wrap .masterauth_layer .agree_master .box_radioinp:first-child{margin-left:0} /* 영업권 이관 수락 */ .layer_wrap .accept_layer .inner_basic_layer{width:640px;border-radius:0} .layer_wrap .accept_layer .layer_head{height:76px;padding:0 30px;border:0} .layer_wrap .accept_layer .tit_layer{padding-top:10px;border-bottom:1px solid #4c4c4c;font-size:18px;line-height:65px;color:#000} .layer_wrap .accept_layer .layer_body{padding:20px 30px} .layer_wrap .accept_layer .txt_copy{font-size:14px;line-height:22px;color:#000} .layer_wrap .accept_layer .fld_accdel{margin-top:20px;padding-top:20px;border-top:1px solid #ddd} .layer_wrap .accept_layer .btn_gm{height:40px;border-radius:0} .layer_wrap .accept_layer .gm_bl:hover{border-color:#2D63C6;background:#2D63C6} .layer_wrap .accept_layer .lab_check{font-weight:700;font-size:14px;line-height:20px;color:#222} .layer_wrap .accept_layer .box_checkinp .ico_check{width:18px;background-position:-150px -20px} .layer_wrap .accept_layer .box_checkinp.on .ico_check,.layer_wrap .accept_layer .box_checkinp .inp_check:checked + .lab_check .ico_check{background-position:-170px -20px} .layer_wrap .accept_layer .btn_close{top:0;right:0;padding:17px} .layer_wrap .accept_layer .ico_close{background-position:-95px -35px} .managebox_tit + .tbladtarget_wrap,.managebox_tit + .tbladtarget_wrap .tbl_adtarget{border-radius:0 0 4px 4px} .managebox_tit:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''} .managebox_tit .txt_sub{float:left;height:34px;font-size:12px;line-height:36px;color:#999999} .managebox_tit .f_left .single_wrap:first-child{margin-left:0} .managebox_tit .f_left .single_wrap .btn_gm{margin-left:6px} .managebox_tit .f_left .single_wrap .btn_gm:first-child{margin-left:0} .managebox_tit > .opt_select{max-width:100%;min-width:200px} /* 2024-05-20 수정 */ .managebox_tit .opt_select .link_selected{min-width:185px} .managebox_tit .link_g{margin:7px -2px 0 1px} .managebox_tit .link_help{margin:-3px 0 0 2px} .managebox_tit .link_help2{margin:-3px 0 0 5px} .managebox_tit .link_help3{margin:-3px 0 0 -3px} .managebox_tit .link_help4{margin:9px -7px 0px -3px} .managebox_tit .subtit_box{display:inline-block;height:36px;line-height:34px;color:#111} .managebox_tit .subtit_box2{display:inline-block;height:36px;font-size:13px;line-height:34px;color:#777} .managebox_tit .desc_box{display:inline-block;height:36px;font-size:13px;line-height:34px;color:#777} .managebox_tit .txt_num{color:#326edc} .managebox_tit .link_dataguide,.managebox_tit .link_box,.ad_managebox .tab_right .link_box{display:inline-block;padding-top:6px;color:#555;vertical-align:top;text-decoration:underline} /*테이블 상단 타이틀 영역 우측 텍스트버튼*/ .managebox_tit .link_box2{display:inline-block;padding-top:7px;color:#333;vertical-align:top} .managebox_tit .member_refuse{margin-top:7px} .tbladtarget_wrap .ico_fail{margin-top:5px} .ad_managebox{border:1px solid #ddd;background-color:#fff} .ad_managebox .hide_head th{overflow:hidden;height:0;border:0 none;line-height:0;text-indent:-9999px} .ad_managebox .tblg2_wrap{margin-bottom:-1px} .ad_managebox .tblg2_wrap tr:hover td{background:rgba(0,0,0,0.03)} .ad_managebox .tblg2_wrap tr:hover td.nodata_info{background:#fff} .ad_managebox .tblg2_wrap .tbl_g2{background:none} .layer_wrap .layer_audiencedetail .tbl_g2 thead th:first-child .inner_tbl,.layer_wrap .layer_audiencedetail .tbl_g2 tbody td:first-child .inner_tbl{padding-left:20px} /* 레이아웃 공통 스타일이 필요할 경우 공통화 예정 */ .ad_managebox .tbl_g2 thead th.align_c:first-child .inner_tbl,.ad_managebox .tbl_g2 tbody td.align_c:first-child .inner_tbl{padding-left:0} .ad_managebox .tbl_g2 thead th.align_c .check_inp,.ad_managebox .tbl_g2 tbody td.align_c .check_inp{margin-top:-6px} .ad_managebox .tbl_g2 .link_txt{text-decoration:none} .ad_managebox .tbl_g2 .f_right + .link_txt{display:block;padding-right:70px} .ad_managebox .tbl_g3{border-width:1px 0 1px;border-style:solid;border-top-color:#ddd;border-bottom-color:#ddd;margin-bottom:-1px;border-radius:0 0 4px 4px} .ad_managebox .managebox_memo{padding:20px;border-top:1px solid #ddd;background-color:#f5f5f5} .ad_managebox .managebox_memo:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''} .ad_managebox .managebox_memo .box_inptxt{float:left} .ad_managebox .managebox_memo .btn_gm{float:left;margin-left:10px;background:#fff} .ad_managebox .managebox_memo .btn_gm:hover{background:rgba(0,0,0,0.08)} .ad_managebox .managebox_memo .txt_error{float:left;height:36px;margin-left:9px;line-height:34px} .ad_managebox .managebox_memo + .tblg2_wrap{border-top-color:#ddd} .accountcreat_wrap .ad_managebox .tblg2_wrap + .paging_wrap,.myinfo_wrap .ad_managebox .tblg2_wrap + .paging_wrap{margin:31px 0 30px} .ad_managebox .desc_append{line-height:25px;margin:24px 20px 25px} .ad_managebox .desc_append .ico_star{display:inline-block;width:16px;height:16px;margin:5px 2px 0 0;background-position:-270px -120px;vertical-align:top} .ad_managebox .list_append li{position:relative;margin-top:18px;padding-left:10px} .ad_managebox .list_append li:first-child{margin-top:0} .ad_managebox .list_append li:before{position:absolute;left:0;top:12px;width:2px;height:2px;font-size:0;background:#555;vertical-align:top;content:''} .ad_managebox .paging_wrap + .desc_append{margin-top:43px} .myinfo_wrap .ad_managebox .tab_right{position:absolute;top:11px;right:19px} .myinfo_wrap .ad_managebox .tab_right .link_txt,.ad_managebox .managebox_tit .f_right .link_txt{display:inline-block;padding:3px 10px 0 0;font-size:13px;color:#333;line-height:32px;text-decoration:underline} .myinfo_wrap .ad_managebox .tbl_g2 tbody td:last-child .inner_tbl{padding-right:0} .myinfo_wrap .ad_managebox .tbl_g2 thead th:last-child .inner_tbl{padding-right:11px} .tbl_g{width:100%;border-collapse:collapse;background-color:#fff} .tbl_g + .tbl_g{margin-top:-1px;border-top:1px solid #ddd} .tbl_g th,.tbl_g td{border-width:0 1px 1px 0;border-style:solid;font-size:13px;color:#333} .tbl_g th{height:55px;white-space:nowrap;border-right-color:#ebebeb;border-bottom-color:#ebebeb;border-top:1px solid #ddd;color:#555;font-weight:500;background-color:#f5f5f5;text-align:left} .tbl_g thead th{border-top:0 none} .tbl_g thead th:hover{background:#ededed} .tbl_g tbody tr:first-child th{border-top:0 none} .tbl_g td{height:47px;border-color:#ebebeb;border-bottom-color:#ebebeb} .tbl_g .td_empty{background-color:#f5f5f5} .tbl_g tbody tr:last-child td{border-bottom-color:#ddd} .tbl_g th:last-child,.tbl_g td:last-child{border-right:0 none} .tbl_g tbody tr.over td{background-color:rgba(0,0,0,0.03)} .tbl_g tbody .thumb_link .link_txt:hover,.tbl_g .modify_budget .link_budget:hover{text-decoration:none} .tbl_g tbody tr.on td{background-color:#f1f6ff} .tbl_g tbody tr.over .thumb_link .link_more{opacity:1;filter:alpha(opacity=100)} .tbl_g .inner_tbl{position:relative;padding:6px 10px 7px} .tbl_g .sortable .inner_tbl{padding-right:30px} .tbl_g .sortable .hide_shim{margin-right:-30px} .tbl_g .sortable .btn_menu{position:absolute;right:3px;top:5px;width:20px;height:20px} .tbl_g .sortable .ico_menu{display:inline-block;width:0;height:0;margin-top:8px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #555;vertical-align:top} .tbl_g .sortable.open_menu .ico_menu{border-top:0 none;border-bottom:5px solid #555} .tbl_g .sortable.sort_on{background-color:#f1f6ff} .tbl_g .align_c{text-align:center} .tbl_g .align_r{text-align:right} .tbl_g .align_l{text-align:left} .tbl_g .link_help{margin-top:0;vertical-align:top} .tbl_g .tr_summary td{font-weight:500} .tbl_g .tr_nodata td{border-bottom:0 none} .tbl_g .tr_nodata .desc_nodata{height:171px;padding-top:93px;font-size:14px;line-height:28px;color:#777;text-align:center} .tbl_g .tr_loading td{height:527px;vertical-align:top} .tbl_g .tr_loading .loading_wrap{padding-top:100px} .tbl_g .tr_refresh td{height:527px;border-bottom:0 none;vertical-align:top} .tbl_g .tr_refresh .refresh_wrap{padding-top:95px} .tbl_g .tr_refresh .refresh_wrap .btn_gm{border-color:#ddd} .tbl_g .th_select{width:36px} .tbl_g .th_select:hover{background:#f5f5f5} .tbl_g .link_txt{color:#326edc;text-decoration:none} .tbl_g .thumb_link{display:block;position:relative;padding-right:30px} .tbl_g .thumb_link:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''} .tbl_g .thumb_link .link_txt{float:left;max-width:331px;line-height:17px} .tbl_g .thumb_link .link_txt:hover{text-decoration:underline} .tbl_g .thumb_link .link_more{position:absolute;right:-2px;top:50%;margin-top:-10px;opacity:0;filter:alpha(opacity=0)} .tbl_g .thumb_link .link_more .menu_layer{display:none} .tbl_g .thumb_link .link_more .ico_more{background-position:-885px -180px} .tbl_g .thumb_link .link_more:hover .ico_more{background-position:-885px -195px} .tbl_g .thumb_link .link_more .ico_more{margin:2px auto 2px} .tbl_g .thumb_link .link_more.on .menu_layer{display:block} .tbl_g .td_thumb .inner_tbl{padding-left:70px} .tbl_g .td_thumb .img_thumb{width:60px;height:47px} .tbl_g .td_thumb .link_thumb{position:absolute;left:0;top:50%;width:60px;height:47px;margin-top:-23.5px;text-decoration:none} .tbl_g .td_thumb .link_thumb .inner_thumb{display:block;width:100%;height:100%;background-repeat:no-repeat;background-size:contain;background-position:50% 50%} .tbl_g .td_thumb .link_thumb .reform_no_img{display:table-cell;width:60px;height:47px;font-size:11px;line-height:14px;color:rgba(119,119,119,0.3);background:#f5f5f5;text-align:center;vertical-align:middle} .tbl_g .td_thumb .link_thumb.thumb_mov:before{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#000;opacity:0.15;filter:alpha(opacity=15);content:''} .tbl_g .td_thumb .link_thumb .ico_mov{position:absolute;right:4px;bottom:10px;width:16px;height:16px;background-position:-880px -120px} .tbl_g .td_thumb .link_thumb .thumb_over{display:none;position:absolute;left:0;top:50%;z-index:1;width:60px;height:47px;margin-top:-23.5px;background:rgba(0,0,0,0.18)} .tbl_g .td_thumb .link_thumb .thumb_over .ico_comm{position:absolute;left:20px;top:13px;z-index:10;width:20px;height:20px;background-position:-880px -40px} .tbl_g .td_thumb .link_thumb:hover .thumb_over{display:block} .tbl_g .td_thumb span.link_thumb:hover .thumb_over{display:none} .tbl_g .switch_check{vertical-align:middle} .tbl_g .ad_state{display:block;position:relative;line-height:17px} .tbl_g .ad_state.ico_state{padding-left:20px} .tbl_g .ad_state.btn_state{padding-right:45px} .tbl_g .ad_state .ico_on,.tbl_g .ad_state .ico_off{position:absolute;top:50%;left:0;width:10px;margin-top:-5px;padding-right:10px} .tbl_g .ad_state .ico_off:before{float:left} .tbl_g .ad_state .ico_off:after{float:left} .tbl_g .ad_state .btn_gs{position:absolute;top:50%;right:5px;height:19px;margin-top:-11px} .tbl_g .ad_state .btn_gs .inner_g{width:30px;padding-left:0;padding-right:2px;line-height:13px;font-size:11px;text-indent:0} .tbl_g .wrap_btn{display:inline-block;vertical-align:top} .tbl_g .wrap_btn:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''} .tbl_g .wrap_btn .btn_gs{float:left;margin-left:5px} .tbl_g .wrap_btn .btn_gs:first-child{margin-left:0} /* 테이블 행 비활성화시 */ .tbl_g .tr_inactive td,.tbl_g .tr_inactive .link_txt{color:rgba(17,17,17,0.4);background:#FAFAFA} .tbl_g .tr_inactive .td_thumb .img_thumb{opacity:0.4;filter:alpha(opacity=40)} .tbl_g .tr_inactive .modify_budget{cursor:default;pointer-events:none} .tbl_g .tr_inactive .modify_budget .link_budget{color:rgba(17,17,17,0.4)} .tbl_g .tr_inactive .onoff_select .ico_on,.tbl_g .tr_inactive .onoff_select .ico_off{opacity:0.4;filter:alpha(opacity=40)} .tbl_g .tr_inactive .onoff_select,.tbl_g .tr_inactive .onoff_select .link_selected{cursor:default;pointer-events:none} .tbl_g .tr_inactive .onoff_select .link_selected:hover{border-color:transparent} .tbl_g .tr_inactive .onoff_select .link_selected:hover:after{display:none} .tbl_g .tr_inactive .check_inp,.tbl_g .tr_inactive .check_inp .inp_check{cursor:default;pointer-events:none} .tbl_g .tr_inactive .check_inp .ico_check{background-position:-835px -50px} .tbl_g .tr_inactive .box_inptxt{background-color:#e6e6e6;border-color:#ccc;border-left-color:#a3a3a3;border-top-color:#a3a3a3;cursor:default;pointer-events:none} .tbl_g .tr_inactive .box_inptxt .inp_txt{color:#777} .tbl_g .tr_inactive .ico_on,.tbl_g .tr_inactive .ico_off{opacity:0.4} .tbl_g .td_inactive,.tbl_g .td_inactive .link_txt{color:#ccc} .tbl_g .td_inactive.td_thumb .img_thumb{opacity:0.4;filter:alpha(opacity=40)} .tbl_g .td_inactive .modify_budget{cursor:default;pointer-events:none} .tbl_g .td_inactive .modify_budget .link_budget{color:rgba(17,17,17,0.4)} .tbl_g .td_inactive .onoff_select .ico_on,.tbl_g .td_inactive .onoff_select .ico_off{opacity:0.4;filter:alpha(opacity=40)} .tbl_g .td_inactive .onoff_select,.tbl_g .td_inactive .onoff_select .link_selected{cursor:default;pointer-events:none} .tbl_g .td_inactive .onoff_select .link_selected:hover{border-color:transparent} .tbl_g .td_inactive .onoff_select .link_selected:hover:after{display:none} .tbl_g .td_inactive .check_inp,.tbl_g .td_inactive .check_inp .inp_check{cursor:default;pointer-events:none} .tbl_g .td_inactive .check_inp .ico_check{background-position:-835px -50px} .tbl_g .td_inactive .box_inptxt{background-color:#e6e6e6;border-color:#ccc;border-left-color:#a3a3a3;border-top-color:#a3a3a3;cursor:default;pointer-events:none} .tbl_g .td_inactive .box_inptxt .inp_txt{color:#777} .tbl_g .td_inactive .ico_on,.tbl_g .td_inactive .ico_off{opacity:0.4} /* 공통 - 테이블2 */ .tbl_g2 .align_c .inner_tbl{padding-left:0;padding-right:0;text-align:center} .tbl_g2 .txt_info{margin-top:-4px;color:#999} .tbl_g2 .sortable{cursor:pointer} .tbl_g2 .sortable .inner_tbl{padding-right:30px} .tbl_g2 .sortable .ico_sort{position:absolute;right:10px;top:50%;width:0;height:0;margin-top:-2px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #b3b3b3;vertical-align:middle} .tbl_g2 .sortable:hover .ico_sort{border-bottom:0 none;border-top:5px solid #555} .tbl_g2 .sortable.sort_down .ico_sort{border-bottom:0 none;border-top:5px solid #b3b3b3} .tbl_g2 .sortable.sort_up .ico_sort{border-top:0 none;border-bottom:5px solid #b3b3b3} .tbl_g2 .sortable.sort_down:hover .ico_sort,.tbl_g2 .sortable.sort_on.sort_down .ico_sort,.tbl_g2 .sortable.sort_over.sort_down .ico_sort{border-bottom:0 none;border-top:5px solid #555} .tbl_g2 .sortable.sort_up:hover .ico_sort,.tbl_g2 .sortable.sort_on.sort_up .ico_sort,.tbl_g2 .sortable.sort_over.sort_up .ico_sort{border-top:0 none;border-bottom:5px solid #555} .tbl_g2 .sortable.sort_on{background-color:#f1f6ff} .tbl_g2 .th_select{width:36px} .tbl_g2 tbody tr.over td{background-color:#f5f5f5} .tbl_g2 tbody tr.on td{background-color:#f1f6ff} .tbl_g2 .tr_inactive td{color:rgba(17,17,17,0.4)} .tbl_g2 .tr_inactive .check_inp,.tbl_g2 .tr_inactive .check_inp .inp_check{cursor:default;pointer-events:none} .tbl_g2 .tr_inactive .check_inp .ico_check{background-position:-835px -50px} .tbl_g2 .show_del{padding-right:196px} .tbl_g2 .show_del .btn_del{position:absolute;right:0;top:50%;width:50px;height:40px;margin-top:-20px} .tbl_g2 .show_del .ico_del{width:10px;height:10px;margin:0 auto;background-position:0 -50px} .tbl_g2 .show_del .btn_del:hover .ico_del{background-position:-180px -100px} .tbl_g2 .nodata_info{height:250px;color:#777;text-align:center;vertical-align:middle} .tbl_g2 .onoff_select{margin:-2px 0 -3px;vertical-align:top} .tbl_g2 .onoff_select .link_selected{margin:0 0 0 12px} .tbl_g2 .onoff_select .opt_list{left:12px} .tbl_g2 th .link_g{margin:2px 0 0 2px;vertical-align:top} .tbl_g2 .tr_inactive .check_star .ico_check{background-position:-250px -120px} .tbl_g2 .tr_inactive .link_txt{color:rgba(17,17,17,0.4)} .tbl_g2 .ico_depth,.itemtbl_wrap .ico_depth{display:inline-block;width:8px;height:7px;margin:7px 4px 0 5px;background-position:-730px -555px;vertical-align:top} .tbl_g2 .tr_inactive .ico_depth{background-position:-200px -80px;opacity:0.4;filter:alpha(opacity=40)} .tbl_g2 .link_txt .ico_depth{background-position:-200px -90px} .tbl_g2 .ad_state .ico_on{margin:6px 10px 0 0} .tbl_g2 .ad_state .ico_off{padding-left:1px;margin:6px 10px 0 0} .itemtbl_wrap .link_txt .ico_depth{background-position:-200px -90px} .itemtbl_wrap .ad_state .ico_on{margin:6px 10px 0 0} .itemtbl_wrap .ad_state .ico_off{padding-left:1px;margin:6px 10px 0 0} .itemtbl_wrap .link_txt:hover{text-decoration:none} .itemtbl_wrap .tbl_itemchoice .inner_tbl .check_inp{margin-bottom:3px} .tbl_g2 .btn_account + .limit_line{display:block} /* 광고계정 관리 */ .accountmanage_wrap .ad_managebox > .managebox_tit{margin:0 -29px;padding:12px 29px;border-bottom:1px solid #ddd} .accountmanage_wrap .ico_master{text-indent:0} .accountmanage_wrap .define_adinfo th{width:80px} .accountmanage_wrap .ad_managebox > .managebox_tit + .tblg2_wrap{margin:0 -29px -30px;border-top:0} .accountmanage_wrap .ad_managebox > .managebox_tit + .tblg2_wrap + .paging_wrap{margin-top:55px} .accountmanage_wrap .ad_managebox > .managebox_tit + .tbl_g3{width:calc(100% + 58px);margin:0 -29px -30px;border-top:0;border-bottom:0} .accountmanage_wrap .ad_managebox .tbl_g3 th .inner_tbl{height:auto;line-height:inherit} .accountmanage_wrap .ad_managebox .desc_append{margin:54px 20px 0 0} .accountmanage_wrap .ad_managebox > .managebox_top + .managebox_tit + .tblg2_wrap + .paging_wrap{margin-top:25px} .accountmanage_wrap .ad_managebox > .managebox_top + .managebox_tit{margin:0;padding:12px 0} .accountmanage_wrap .ad_managebox > .managebox_top + .managebox_tit .tit_box{float:left;height:36px;margin-right:20px;font-weight:500;font-size:14px;line-height:35px;color:#333} .accountmanage_wrap .ad_managebox > .managebox_top + .managebox_tit + .tblg2_wrap{margin:0 0 -1px} .accountmanage_wrap .managebox_tit .member_refuse{margin-top:6px} .accountcreat_wrap .ad_managebox{padding:0} .accountcreat_wrap .ad_managebox .managebox_tit{height:36px;padding:11px 19px 12px} .accountcreat_wrap .managebox_tit .tit_box{height:34px;margin-right:20px;font-weight:700;font-size:16px;line-height:36px;letter-spacing:0;color:#111} /* 계정현황:개인 */ .accountpresent_person .card_summaryinfo{width:25%;box-sizing:border-box;padding:0} .accountpresent_person .card_summaryinfo .inner_summaryinfo{height:351px} .accountpresent_person .card_summaryinfo .card_head{min-height:115px;padding:0 29px;margin:0 -29px;background-color:#f5f5f5} .accountpresent_person .card_summaryinfo .tit_card{padding-top:26px} .accountpresent_person .card_summaryinfo .detail_adinfo{padding:0} .accountpresent_person .card_summaryinfo .txt_info{margin-bottom:0;line-height:48px} .accountpresent_person .card_summaryinfo .thumb_loading{height:235px} .accountpresent_person .card_summaryinfo .thumb_refresh{height:235px} .accountpresent_person .card_summaryinfo .thumb_refresh .txt_refresh{padding-top:0;margin:0 -20px} /* 광고계정 만들기 */ .accountcreat_wrap .ad_managebox .tit_sub{float:left;width:195px;margin:0;line-height:20px} .accountcreat_wrap .area_subtit{overflow:hidden;padding-top:5px;margin-bottom:-5px} .accountcreat_wrap .box_inptxt.inp_wd1 .lab_txt,.accountcreat_wrap .box_inptxt.inp_wd2 .lab_txt{left:15px;right:15px;transform:translateX(0);margin-top:-9px;text-align:center} .accountcreat_wrap .item_card .box_inptxt.inp_wd1{width:42px} .accountcreat_wrap .item_card .box_inptxt.inp_wd2{width:72px} .os_mac .opt_select2 .link_selected{letter-spacing:0} .accountcreat_wrap .ad_managebox .tbl_g3{margin-top:30px} .accountcreat_wrap .area_accountguide{margin-top:15px;padding:19px 20px 0;border:1px solid #ddd;background:#fff} /* 초대받은 광고계정 */ .ad_msgbox{padding:30px;border:1px solid #ccc;background-color:#fff} .box_infomsg{line-height:45px;background-color:#f5f5f5} .box_infomsg:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''} .box_infomsg .info_msg{overflow:hidden;float:left;height:47px;padding:0 20px 0 19px;color:#111;text-overflow:ellipsis;white-space:nowrap} .box_infomsg .append_msg{float:left;height:47px;padding:0 20px 0 19px;color:#777} .box_infomsg .wrap_btn{float:right;height:26px;margin:11px 20px 0 0} .box_infomsg .wrap_btn:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''} .box_infomsg .wrap_btn .btn_gs{float:left;margin-left:10px} .box_infomsg .wrap_btn .btn_gs:first-child{margin-left:0} .ad_msgbox .box_infomsg + .box_infomsg{margin-top:10px} .ad_msgbox .area_txtmore{margin:14px 0 -3px;text-align:center} .ad_msgbox .link_txtmore{font-size:13px;color:#777;text-decoration:underline} .logininvited_wrap .box_infomsg .info_msg{width:280px} .logininvited_wrap .tooltip_layer .desc_tooltip .inner_desc .desc_title{display:block;overflow:hidden;width:240px;text-overflow:ellipsis;white-space:nowrap} .tit_dsp2{text-align:center;padding-top:70px;margin-bottom:50px} .tit_dsp2 .txt_subject{margin-top:18px} /* 내 광고계정 MFA 적용 후 삭제 예정 */ /* 비즈 PC 공통 디자인 적용을 위한 임시 css (추후 삭제 예정) */ /* 공통 - 아이콘링크 */ .link_g{display:inline-block;width:20px;height:20px;text-decoration:none;text-align:center;vertical-align:middle} .link_g .ico_comm{width:14px;height:14px;margin:4px auto 2px} .link_g .ico_more{background-position:-480px 0} .link_g:hover .ico_more{background-position:-480px -20px} .link_g .ico_modify{background-position:-480px -60px} .link_g:hover .ico_modify{background-position:-480px -80px} .link_g .ico_help{width:12px;height:12px;background-position:-865px -30px;opacity:0.25} th .link_g .ico_help{margin-top:4px} .link_g:hover .ico_help{background-position:-865px -30px;opacity:1} .link_g .ico_help2{width:14px;height:14px;margin:4px auto;background-position:-865px -30px;opacity:0.25} .link_g:hover .ico_help2{background-position:-865px -30px;opacity:1} .link_g .ico_info{background-position:-885px -210px} .btn_gw .link_help,.btn_bl .link_help{margin-top:-1px} .btn_bl .link_help .ico_help{background-position:-570px -365px;opacity:1} .btn_bl .link_help:hover .ico_help{background-position:-570px -380px} /* 공통 - 버튼 */ a.btn_gb,a.btn_gm,a.btn_gs{text-decoration:none} .btn_gb,.btn_gm,.btn_gs{border:1px solid transparent;border-radius:2px;font-weight:700;color:#555;background:none;text-align:center} .btn_gb:hover,.btn_gm:hover,.btn_gs:hover{background:rgba(0,0,0,0.08)} .btn_gb.in_active,.btn_gm.in_active,.btn_gs.in_active{border-color:#ddd;color:#ccc;background:#f4f4f4;cursor:default;pointer-events:none} /* 버튼_대 */ .btn_gb{display:inline-block;height:40px;vertical-align:top} .btn_gb .inner_g{display:block;padding:10px 19px 10px;font-size:13px;line-height:20px} button.btn_gb{height:42px} /* 버튼_중 */ .btn_gm{display:inline-block;height:34px;vertical-align:top} .btn_gm .inner_g{display:block;padding:7px 15px 8px;font-size:12px;line-height:19px} .btn_gm .icon_g{overflow:hidden;min-width:34px;height:34px;padding:0} button.btn_gm{height:36px} td .wrap_btn .btn_gm,td .single_wrap .btn_gm,.cell_detail .single_wrap .btn_gm,.box_inptxt + .btn_gm,.opt_select + .btn_gm,.box_search .btn_gb{border-color:#ddd} /* 테이블 내 버튼,input 뒤 버튼 */ td .wrap_btn .btn_gm.gm_bl,td .single_wrap .btn_gm.gm_bl,.cell_detail .single_wrap .btn_gm.gm_bl,.box_inptxt + .btn_gm.gm_bl,.opt_select + .btn_gm.gm_bl,.box_search .btn_gb.gb_bl{border-color:rgba(0,0,0,0.07)} /* 버튼_소 */ .btn_gs{display:inline-block;height:28px;border-color:#ddd;background:#fff;vertical-align:top} .btn_gs .inner_g{display:block;padding:2px 9px 3px;font-size:11px;line-height:23px} .btn_gs .icon_g{overflow:hidden;min-width:28px;height:28px;padding:0} button.btn_gs{height:30px} /* 강조2 */ .gb_line{border-color:rgba(0,0,0,0.08);background:#f4f4f4} .dsp_tit .gm_line,.layer_foot .gm_line{border-color:rgba(0,0,0,0.08);background:#f4f4f4} .gm_line{border-color:#ddd;background:#fff} .gb_line:hover,.gm_line:hover{border-color:rgba(0,0,0,0.08);background:rgba(0,0,0,0.08)} .gb_line.in_active{background-color:#f4f4f4} .gm_line.in_active{background-color:#f4f4f4} /* 강조 */ .gb_bl,.gm_bl,.gs_bl{color:#fff;border-color:rgba(0,0,0,0.07);background-color:#326edc} .gb_bl:hover,.gm_bl:hover,.gs_bl:hover{border-color:rgba(0,0,0,0.07);color:#fff;background-color:#1F57BE} .gb_bl.in_active,.gm_bl.in_active,.gs_bl.in_active{color:#fff;border-color:#ccc;background-color:#ccc} /* 어두운배경 버튼 */ .gm_bk{color:#fff;border-color:rgba(255,255,255,0.8);background:none} .gm_bk:hover{border-color:white} .gm_bk.in_active:hover{border-color:rgba(255,255,255,0.8)} .gs_bk{color:#fff;border-color:rgba(255,255,255,0.8);background:none} .gs_bk:hover{border-color:#fff} /* 버튼(대) - 아이콘 */ .btn_gb .ico_add{width:12px;height:12px;margin:4px 7px 0 0;background-position:0 -30px} /* 버튼(중) - 아이콘 */ .btn_gm .ico_add{width:10px;height:10px;margin:5px 7px 0 0;background-position:-50px -120px} .btn_gm.gm_bl .ico_add{background-position:-20px -30px} .btn_gm.in_active .ico_add{opacity:0.3;background-position:-50px -120px} .btn_gm.gm_bl.in_active .ico_add{opacity:1;background-position:-20px -30px} .btn_gm .ico_download{width:14px;height:18px;margin:8px auto;background-position:-40px -30px} .btn_gm .ico_download2{display:inline-block;width:14px;height:18px;margin:2px 7px 0 0;background-position:-40px -30px} .btn_gm .ico_download3{width:10px;height:14px;background-position:-60px -30px} .btn_gm .ico_modify{width:16px;height:16px;margin:9px auto;background-position:-60px 0} .btn_gm .ico_del{width:14px;height:18px;margin:8px auto;background-position:-400px -180px} .btn_gm .ico_copy{width:16px;height:16px;margin:9px auto;background-position:-420px -180px} .btn_gm .ico_more{width:4px;height:16px;margin:9px auto;background-position:-90px 0} .btn_gm .ico_on{margin:4px 4px 0 0} .btn_gm .ico_off{margin:4px 4px 0 0} .btn_gm .ico_doc{width:15px;height:18px;margin:8px auto;background-position:-40px 0} .btn_gm .ico_refresh{width:14px;height:12px;margin:5px 6px 0 0;background-position:-150px -160px} .btn_gm .ico_prev{width:6px;height:10px;margin:12px auto 0;background-position:-270px -20px} .btn_gm .ico_next{width:6px;height:10px;margin:12px auto 0;background-position:-280px -20px} span.btn_gm{cursor:default;pointer-events:none} span.btn_gm .ico_prev{background-position:-270px 0} span.btn_gm .ico_next{background-position:-280px 0} /*삭제버튼 + 숫자*/ .group_btnnum{float:left;position:relative} .group_btnnum .num_btn{position:absolute;top:-12px;right:-24px;width:50px;height:16px;text-align:center} .group_btnnum .num_btn .inner_g{display:inline-block;min-width:16px;height:16px;padding:0 5px;border-radius:16px;font-size:10px;line-height:15px;font-weight:700;color:#326EDC;background:#fff;box-shadow:0 0 2px rgba(0,0,0,0.4);box-sizing:border-box;text-align:center} /*라운딩 버튼 */ .btn_gm.gm_round{border-radius:16px;border-color:rgba(0,0,0,0.08);background:#f4f4f4} /* 버튼(소) - 아이콘 */ .btn_gs .ico_download{width:10px;height:14px;margin:7px auto;background-position:-60px -30px} .btn_gs .ico_modify,.btn_gs:hover .ico_modify{width:13px;height:13px;margin:8px auto 7px;background-position:-885px -225px} .btn_gs .ico_add{width:10px;height:10px;margin:7px 8px 0 0;background-position:-50px -120px} /* 버튼(min-width:114사이즈) - 중앙정렬 */ .btn_gw{display:inline-block;position:relative;vertical-align:top;height:34px;min-width:112px;text-align:center;border:1px solid #ddd;border-radius:2px;font-weight:700;color:#555;background-color:#fff} button.btn_gw{min-width:114px;height:36px} .btn_gw .inner_g{display:block;padding:7px 15px 8px;font-size:12px;line-height:19px} .btn_gw .inp_file{overflow:hidden;position:absolute;left:0;top:0;width:100%;height:36px;text-indent:-9999px;font-size:99px;opacity:0.01;filter:alpha(opacity=0);cursor:pointer} .btn_gw .lab_file{display:block;font-size:12px} .btn_gw .ico_add{width:10px;height:10px;margin:5px 7px 0 0;background-position:-50px -120px} .btn_gw:hover{border-color:rgba(0,0,0,0.08);background:rgba(0,0,0,0.08)} a.btn_gw:hover{text-decoration:none} .btn_gw.in_active{color:#ccc;background:#f4f4f4;cursor:default;pointer-events:none} .btn_gw.in_active .ico_add{opacity:0.3} .btn_gw .reform_area_loading{min-height:20px} .btn_gw.btn_bl{background-color:#326EDC;border-color:rgba(0,0,0,0.08);color:#fff} .btn_gw.btn_bl .ico_add{background-position:-20px -30px} .btn_gw.btn_bl:hover{background-color:#1F57BE} .btn_gw.btn_bl.in_active{border-color:#ccc;background-color:#ccc} .btn_gw.btn_bl.in_active .ico_add{opacity:1} .btn_gw + .btn_gw{margin-left:7px} .reform_regist_btn{padding:2px 0 1px} .reform_regist_btn:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''} .reform_regist_btn .btn_gw{float:left} .reform_regist_btn .btn_gw + .btn_gw{margin-left:8px} .reform_regist_btn .btn_gm + .btn_gm{margin-left:7px} .reform_regist_btn .btn_gw .inner_g{padding:7px 16px 8px} .reform_regist_btn + .reform_regist_img,.reform_regist_btn + .reform_regist_vod,.reform_sub_imgbnr .reform_regist_btn + .reform_link_imgbnr,.reform_regist_btn + .reform_regist_btn{margin-top:10px} .reform_regist_btn.btn_slim{margin-right:-1px} /*만들기 > 박스내 버튼3개일때 간격 조절 ('이미지만들기' 버튼 외)*/ .reform_regist_btn.btn_slim .btn_gw{min-width:50px} .reform_regist_btn.btn_slim .btn_gw .inner_g{padding-left:11px;padding-right:11px} .reform_regist_btn.btn_slim .btn_bl .inner_g{padding-left:10px;padding-right:10px} /* 커플버튼(2개이상) */ .couple_btn{display:inline-block;vertical-align:top} .couple_btn:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''} .couple_btn .btn_gm,.couple_btn .btn_gs,.couple_btn .layer_btn{float:left;border-radius:0;margin-left:-1px;border-color:rgba(0,0,0,0.08)} .couple_btn .btn_gm:first-child,.couple_btn .btn_gs:first-child,.couple_btn .layer_btn:first-child{margin-left:0;border-radius:2px 0 0 2px;border-left-color:rgba(0,0,0,0.08)} .couple_btn .btn_gm:last-child,.couple_btn .btn_gs:last-child,.couple_btn .layer_btn:last-child{border-radius:0 2px 2px 0;border-right-color:rgba(0,0,0,0.08)} .couple_btn.onoff_btn .btn_gm{min-width:57px} /* 토글버튼 - 라디오(기본형) */ .toggle_radio{display:inline-block;vertical-align:top} .toggle_radio:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''} .toggle_radio .radio_g{float:left;position:relative;width:36px;height:36px;margin-left:-1px} .toggle_radio .inp_radio{position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1;opacity:0.01;filter:alpha(opacity=0)} .toggle_radio .lab_radio{display:block;position:relative;height:34px;border-width:1px;border-style:solid;border-color:#ddd;background:#fff;cursor:pointer} .toggle_radio .radio_g + .radio_g .lab_radio{border-left-color:#d9d9d9} .toggle_radio .radio_g:first-child{margin:0} .toggle_radio .radio_g:first-child .lab_radio{border-radius:2px 0 0 2px} .toggle_radio .radio_g:last-child .lab_radio{border-radius:0 2px 2px 0} .toggle_radio .radio_g:hover .lab_radio{background-position:0 -220px} .toggle_radio .radio_g.on .lab_radio{z-index:1;border-color:#999;background-position:0 -300px} .toggle_radio .inp_radio:checked + .lab_radio{z-index:1;border-color:#999;background-position:0 -300px} .toggle_radio .ico_comm{display:block;width:16px;height:16px;margin:9px auto} .toggle_radio .ico_layout1{background-position:-80px -30px} .toggle_radio .ico_layout2{background-position:-100px -30px} .toggle_radio .ico_layout3{background-position:-120px -30px} .toggle_radio .radio_g.on .ico_layout1{background-position:-80px -50px} .toggle_radio .radio_g.on .ico_layout2{background-position:-100px -50px} .toggle_radio .radio_g.on .ico_layout3{background-position:-120px -50px} .toggle_radio .inp_radio:checked + .lab_radio .ico_layout1{background-position:-80px -50px} .toggle_radio .inp_radio:checked + .lab_radio .ico_layout2{background-position:-100px -50px} .toggle_radio .inp_radio:checked + .lab_radio .ico_layout3{background-position:-120px -50px} .toggle_radio2{display:inline-block;vertical-align:top} .toggle_radio2:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''} .toggle_radio2 .radio_g{float:left;position:relative;width:46px;height:28px;margin-left:-1px} .toggle_radio2 .radio_g + .radio_g .lab_radio{border-left-color:#d9d9d9} .toggle_radio2 .radio_g:first-child{margin:0} .toggle_radio2 .radio_g:first-child .lab_radio{border-radius:2px 0 0 2px} .toggle_radio2 .radio_g:last-child .lab_radio{border-radius:0 2px 2px 0} .toggle_radio2 .inp_radio{position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1;opacity:0.01;filter:alpha(opacity=0)} .toggle_radio2 .lab_radio{display:block;position:relative;height:26px;border-width:1px;border-style:solid;border-color:#d9d9d9;font-size:12px;line-height:26px;color:#555;background:#eee;text-align:center;cursor:pointer} .toggle_radio2 .radio_g.on .lab_radio,.toggle_radio2 .inp_radio:checked + .lab_radio{z-index:1;color:#333;background:#fff;font-weight:500} /* 토글버튼 - 체크박스(스위치형) */ .table_dashboard .switch_check{display:inline-block;position:relative;width:32px;height:10px;vertical-align:top;text-align:center} .table_dashboard .switch_check .inp_check{position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1;opacity:0.01;filter:alpha(opacity=0)} .table_dashboard .switch_check .lab_check{display:block;position:relative;height:10px;border-radius:5px;background-color:#ccc;cursor:pointer} .table_dashboard .switch_check .ico_switch{overflow:hidden;position:absolute;left:0;top:50%;width:16px;height:16px;margin-top:-8px;border-radius:16px;font-size:0;line-height:0;background-color:#fafafa;box-shadow:0 0 2px rgba(0,0,0,0.35);text-indent:-9999px} .table_dashboard .switch_check.on .lab_check{border-color:#00BEE1;background-color:#00BEE1} .table_dashboard .switch_check .inp_check:checked + .lab_check{border-color:#00BEE1;background-color:#00BEE1} .table_dashboard .switch_check.on .ico_switch{left:auto;right:0} .table_dashboard .switch_check .inp_check:checked + .lab_check .ico_switch{left:auto;right:0} .table_dashboard .switch_check.in_active .lab_check{opacity:0.4;filter:alpha(opacity=40);cursor:default;pointer-events:none} .table_dashboard .switch_check .inp_check:disabled + .lab_check{opacity:0.4;filter:alpha(opacity=40);cursor:default;pointer-events:none} .table_dashboard .switch_check .lab_check:before{display:none} /* 체크박스(선택형) */ .filter_check{overflow:hidden} .filter_check .choice_item{float:left;margin-left:-1px} .filter_check .choice_item:first-child{margin:0} .filter_check .choice_item:first-child .lab_choice{border-radius:2px 0 0 2px} .filter_check .choice_item:last-child .lab_choice{border-radius:0 2px 2px 0} .filter_check.in_active .choice_item .lab_choice{color:#ccc;border-color:#ccc;background:#F5F5F5;cursor:default;pointer-events:none} .filter_check.in_active .choice_item:hover .lab_choice{background-position:0 -180px} .filter_check.in_active .inp_choice:disabled + .lab_choice,.filter_check.in_active .choice_item.on .lab_choice{color:#ccc;border-color:#ccc;background:#F5F5F5;cursor:default;pointer-events:none} .choice_item{display:inline-block;position:relative;vertical-align:top} .choice_item .inp_choice{position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1;opacity:0.01;filter:alpha(opacity=0)} .choice_item .lab_choice{display:block;position:relative;height:34px;padding:0 13px;border-width:1px;border-style:solid;border-color:#ddd;font-size:13px;line-height:33px;color:#333;background-position:0 -180px;text-align:center;cursor:pointer} .area_choice .choice_item:first-child .lab_choice{border-radius:2px 0 0 2px} .area_choice .choice_item:last-child .lab_choice{border-radius:0 2px 2px 0} .choice_item + .choice_item .lab_choice{border-left-color:#d9d9d9} .choice_item.on .lab_choice,.choice_item .inp_choice:checked + .lab_choice{z-index:1;border-color:#326edc;background:#ECF3FF;font-weight:500;color:#326edc} .choice_item.in_active .lab_choice{cursor:default;pointer-events:none} .choice_item.in_active .inp_choice:disabled + .lab_choice,.choice_item.in_active .lab_choice{color:#ccc;border-color:#ccc;background:#F5F5F5;cursor:default;pointer-events:none} .choice_item.in_active:hover .lab_choice{background-position:0 -180px} .choice_item2{display:block;position:relative} .choice_item2 .inp_choice{position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1;opacity:0.01;filter:alpha(opacity=0)} .choice_item2 .lab_choice{display:block;padding-right:14px;font-size:14px;color:#111;cursor:pointer} .choice_item2 .lab_choice .link_txt{display:block;overflow:hidden;white-space:nowrap;letter-spacing:-0.06em} .choice_item2 .lab_choice .ico_check{display:none;position:absolute;right:0;top:50%;width:14px;height:10px;margin-top:-5px;background-position:-40px -500px} .choice_item2.on .lab_choice .ico_check{display:block} .choice_item2 .inp_choice:checked + .lab_choice .ico_check{display:block} /* 체크박스(버튼형) */ .toggle_check{display:inline-block;vertical-align:top} .toggle_check:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''} .toggle_check .check_g{float:left;position:relative;min-width:66px;height:25px;margin-left:-1px} .toggle_check .inp_check{position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1;opacity:0.01;filter:alpha(opacity=0)} .toggle_check .lab_check{display:block;position:relative;height:24px;padding:0 12px;border-width:1px;border-style:solid;border-color:#d9d9d9;font-weight:400;font-size:11px;line-height:23px;color:#555;background:#eee;text-align:center;cursor:pointer} .toggle_check .check_g + .check_g .lab_check{border-left-color:#d9d9d9} .toggle_check .check_g:first-child{margin:0} .toggle_check .check_g:first-child .lab_check{border-radius:2px 0 0 2px} .toggle_check .check_g:last-child .lab_check{border-radius:0 2px 2px 0} .toggle_check .check_g:hover .lab_check{background-position:0 -370px} .toggle_check .check_g.on .lab_check,.toggle_check .inp_check:checked + .lab_check{z-index:1;color:#333;background:#fff;font-weight:500} .toggle_check .ico_on{width:7px;height:7px;margin:8px 6px 0 0;border-radius:4px} /* 라디오버튼(선택형) */ .filter_radio:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''} .filter_radio .box_radioinp{float:left;margin-left:30px} .filter_radio .box_radioinp:first-child{margin-left:0} .filter_radio .box_radioinp .lab_radio{color:#111} /* 달력버튼 */ .btn_gm.gm_calendar,.btn_gm.gm_calendar:hover{position:relative;border:none;background:none} .btn_gm.gm_calendar .link_calendar{position:relative;display:inline-block;min-width:156px;height:36px;padding:0 33px 0 10px;border-radius:2px;border:1px solid #ddd;font-size:13px;line-height:33px;font-weight:400;color:#333;background:#fff;text-decoration:none;text-align:left;box-sizing:border-box;letter-spacing:0} .btn_gm.gm_calendar .link_calendar:hover{border:1px solid #333;background:#fff} .btn_gm.gm_calendar .link_calendar + .link_calendar{margin-left:21px} .btn_gm.gm_calendar .link_calendar + .link_calendar:before{position:absolute;top:0;left:-16px;width:18px;line-height:36px;color:#222;vertical-align:top;content:'~'} .btn_gm.gm_calendar .link_calendar .ico_calendar{position:absolute;top:10px;right:10px;width:12px;height:14px;background-position:-865px -90px;transform:none} .btn_gm.gm_calendar .link_calendar.on{border-color:#333} .btn_gm.gm_calendar .link_calendar.in_active{border-color:#ccc;color:#ccc;background:#f5f5f5} .btn_gm.gm_calendar .link_calendar.in_active .ico_calendar{opacity:0.25} .btn_gm.gm_calendar + .txt_bar{display:inline-block;width:18px;line-height:32px;text-align:center} /* 공통 - 날짜선택(달력) 레이어 */ .btn_gm.gm_calendar .calendar_layer{display:none;position:absolute;left:0;top:46px;z-index:30;border-collapse:separate} .btn_gm.gm_calendar .calendar_layer_right{left:auto;right:0} .btn_gm.gm_calendar.open .calendar_layer{display:block} .btn_gm.gm_calendar .calendar_layer .layer_head{display:none} .btn_gm.gm_calendar .calendar_layer .layer_body{position:relative} .btn_gm.gm_calendar .calendar_layer .layer_body:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''} .btn_gm.gm_calendar .calendar_layer .inner_calendar_layer{width:542px;border-radius:2px;border:0;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,0.25)} .btn_gm.gm_calendar .calendar_layer .list_period{float:left;width:145px;padding:16px 0} .btn_gm.gm_calendar .calendar_layer .list_period li{display:block;padding-left:20px;margin-top:6px;text-align:left} .btn_gm.gm_calendar .calendar_layer .list_period li:first-child{margin-top:0} .btn_gm.gm_calendar .calendar_layer .link_period{display:block;height:32px;border-radius:2px;line-height:31px;font-weight:400;font-size:14px;color:#4c4c4c;text-decoration:none} .btn_gm.gm_calendar .calendar_layer .item_help .link_period{display:inline-block;vertical-align:top} .btn_gm.gm_calendar .calendar_layer .item_help .link_help{margin-top:2px} .btn_gm.gm_calendar .calendar_layer .list_period li:hover{background:rgba(0,0,0,0.03)} .btn_gm.gm_calendar .calendar_layer .list_period li:hover .link_period{color:#333} .btn_gm.gm_calendar .calendar_layer .on{background:#F6FAFF} .btn_gm.gm_calendar .calendar_layer .on .link_period{color:#326edc} .btn_gm.gm_calendar .calendar_layer .date_calendar{position:relative;padding:0 24px 69px} .btn_gm.gm_calendar .calendar_layer .datecalendar_wrap{display:table;width:100%;height:100%} .btn_gm.gm_calendar .calendar_layer .inner_datecalendar{display:table-cell;vertical-align:middle} .btn_gm.gm_calendar .calendar_layer .box_datecalendar{position:relative;padding:62px 0 30px} .btn_gm.gm_calendar .calendar_layer .box_datecalendar:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''} .btn_gm.gm_calendar .calendar_layer .setinfo_calendar{position:absolute;left:0;top:0;width:100%;height:61px;border-bottom:1px solid #f2f2f2;font-weight:500;font-size:15px;line-height:61px;color:#999;text-align:center} .btn_gm.gm_calendar .calendar_layer .setinfo_calendar .txt_setdate{color:#191919} .btn_gm.gm_calendar .calendar_layer .list_period + .date_calendar .btn_move{top:86px} .btn_gm.gm_calendar .calendar_layer .btn_move{position:absolute;top:86px;width:35px;height:30px} .btn_gm.gm_calendar .calendar_layer .btn_move .ico_arr{width:10px;height:16px;margin:0 auto} .btn_gm.gm_calendar .calendar_layer .btn_prev{left:16px} .btn_gm.gm_calendar .calendar_layer .btn_prev .ico_arr{background-position:-875px -60px} .btn_gm.gm_calendar .calendar_layer .btn_next{right:18px} .btn_gm.gm_calendar .calendar_layer .btn_next .ico_arr{background-position:-885px -60px} .btn_gm.gm_calendar .calendar_layer .btn_move.in_active .ico_arr{opacity:0.4;filter:alpha(opacity=40)} .btn_gm.gm_calendar .calendar_layer .date_calendar .btn_wrap{position:absolute;bottom:0;left:0;right:0;padding:16px 24px;border-top:1px solid rgba(0,0,0,0.08)} .btn_gm.gm_calendar .calendar_layer .date_calendar:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''} .btn_gm.gm_calendar .calendar_layer .area_calendar{float:right;position:relative;width:239px;margin:25px -4px 0 0} .btn_gm.gm_calendar .calendar_layer .area_calendar:first-of-type{float:left;margin-left:-3px} .btn_gm.single_calendar .calendar_layer .btn_move{top:24px} .btn_gm.single_calendar .calendar_layer .box_datecalendar{padding-top:2px} .btn_gm.single_calendar .calendar_layer .inner_calendar_layer{width:auto} /* 달력1개인 경우 */ .btn_gm.gm_calendar .calendar_layer .tit_date{display:block;padding-top:2px;padding-bottom:28px;min-height:22px;font-weight:500;font-size:14px;color:#333;text-align:center} .btn_gm.gm_calendar .calendar_layer .tbl_calendar{border:0 none;border-collapse:collapse;text-align:center} .btn_gm.gm_calendar .calendar_layer .tbl_calendar th{height:28px;line-height:28px;font-weight:400;font-size:12px;color:#4c4c4c;width:36px} .btn_gm.gm_calendar .calendar_layer .tbl_calendar th,.calendar_layer .tbl_calendar td{border:0 none;background:transparent;text-align:center} .btn_gm.gm_calendar .calendar_layer .tbl_calendar td:first-child .link_day{color:#E85E37} .btn_gm.gm_calendar .calendar_layer .tbl_calendar td:last-child .link_day{color:#326EDC} .btn_gm.gm_calendar .calendar_layer .tbl_calendar td:first-child .link_day:before,.btn_gm.gm_calendar .calendar_layer .tbl_calendar td.fst .link_day:before{position:absolute;top:0;left:0;width:14px;height:28px;background:#fff;content:''} .btn_gm.gm_calendar .calendar_layer .tbl_calendar td:last-child .link_day:before,.btn_gm.gm_calendar .calendar_layer .tbl_calendar td.lst .link_day:before{position:absolute;top:0;right:0;width:14px;height:28px;background:#fff;content:''} .btn_gm.gm_calendar .calendar_layer .tbl_calendar .link_day{position:relative;display:inline-block;width:100%;height:28px;margin-top:8px;font-size:14px;line-height:27px;font-weight:400;color:#191919;text-decoration:none;vertical-align:top} .btn_gm.gm_calendar .calendar_layer .tbl_calendar .inner_link_day{position:absolute;left:50%;top:0;z-index:2;width:28px;height:28px;margin-left:-14px;border-radius:14px} .btn_gm.gm_calendar .calendar_layer .tbl_calendar .inner_link_day:hover{background-color:rgba(0,0,0,0.05)} .btn_gm.gm_calendar .calendar_layer .tbl_calendar .today .inner_link_day{border-radius:14px;color:#fff;background-color:#37c333} .btn_gm.gm_calendar .calendar_layer .tbl_calendar .today .inner_link_day:hover{background-color:#03bc13} .btn_gm.gm_calendar .calendar_layer .tbl_calendar .selected .link_day,.btn_gm.gm_calendar .calendar_layer .tbl_calendar .selected .inner_link_day{background-color:#F6FAFF} .btn_gm.gm_calendar .calendar_layer .tbl_calendar .selected .inner_link_day:hover{background:#e5e9ef} .btn_gm.gm_calendar .calendar_layer .tbl_calendar .selected .link_day{color:#191919;background-color:#F6FAFF} .btn_gm.gm_calendar .calendar_layer .tbl_calendar .selected .link_day:hover{border-radius:0} .btn_gm.gm_calendar .calendar_layer .tbl_calendar .selected_only .link_day{background-color:#fff;color:#fff} .btn_gm.gm_calendar .calendar_layer .tbl_calendar .selected_start .link_day,.btn_gm.gm_calendar .calendar_layer .tbl_calendar .selected_end .link_day{position:relative;color:#fff} .btn_gm.gm_calendar .calendar_layer .tbl_calendar .selected_start .link_day:hover,.btn_gm.gm_calendar .calendar_layer .tbl_calendar .selected_end .link_day:hover{background-color:transparent} .btn_gm.gm_calendar .calendar_layer .tbl_calendar .selected.selected_start .link_day,.btn_gm.gm_calendar .calendar_layer .tbl_calendar .selected.selected_end .link_day{background-color:#f1f6fc} .btn_gm.gm_calendar .calendar_layer .tbl_calendar .selected_only .link_day .inner_link_day,.btn_gm.gm_calendar .calendar_layer .tbl_calendar .selected_start .inner_link_day,.btn_gm.gm_calendar .calendar_layer .tbl_calendar .selected_end .inner_link_day{color:#fff;background:#326edc} .btn_gm.gm_calendar .calendar_layer .tbl_calendar .selected_only .link_day:hover .inner_link_day,.btn_gm.gm_calendar .calendar_layer .tbl_calendar .selected_start .link_day:hover .inner_link_day,.btn_gm.gm_calendar .calendar_layer .tbl_calendar .selected_end .link_day:hover .inner_link_day{background:#2c62d6} .btn_gm.gm_calendar .calendar_layer .tbl_calendar .selected_start .link_day:after,.btn_gm.gm_calendar .calendar_layer .tbl_calendar .selected_end .link_day:after{position:absolute;top:0;z-index:1;width:14px;height:28px;background:#fff;content:''} .btn_gm.gm_calendar .calendar_layer .tbl_calendar .selected_start .link_day:after{left:0} .btn_gm.gm_calendar .calendar_layer .tbl_calendar .selected_end .link_day:after{right:0} .btn_gm.gm_calendar .calendar_layer .tbl_calendar .period .link_day,.btn_gm.gm_calendar .calendar_layer .tbl_calendar .period .inner_link_day,.btn_gm.gm_calendar .calendar_layer .tbl_calendar .period_start .inner_link_day,.btn_gm.gm_calendar .calendar_layer .tbl_calendar .period_end .inner_link_day{background-color:#f7f7f7} .btn_gm.gm_calendar .calendar_layer .tbl_calendar .period_only .link_day .inner_link_day:hover,.btn_gm.gm_calendar .calendar_layer .tbl_calendar .period .inner_link_day:hover{background-color:#eaeaea} .btn_gm.gm_calendar .calendar_layer .tbl_calendar .period .link_day{color:#333;background-color:#f7f7f7} .btn_gm.gm_calendar .calendar_layer .tbl_calendar .period_only .link_day{background-color:#fff} .btn_gm.gm_calendar .calendar_layer .tbl_calendar .period_only .link_day .inner_link_day{background-color:#f7f7f7} .btn_gm.gm_calendar .calendar_layer .tbl_calendar .period_start .link_day,.btn_gm.gm_calendar .calendar_layer .tbl_calendar .period_end .link_day{position:relative} .btn_gm.gm_calendar .calendar_layer .tbl_calendar .period_start .link_day:hover,.btn_gm.gm_calendar .calendar_layer .tbl_calendar .period_end .link_day:hover{background-color:#f7f7f7} .btn_gm.gm_calendar .calendar_layer .tbl_calendar .period_start .link_day:after,.btn_gm.gm_calendar .calendar_layer .tbl_calendar .period_end .link_day:after{position:absolute;top:0;z-index:1;width:14px;height:28px;background:#fff;content:''} .btn_gm.gm_calendar .calendar_layer .tbl_calendar .period_start .link_day:after{left:0} .btn_gm.gm_calendar .calendar_layer .tbl_calendar .period_end .link_day:after{right:0} .btn_gm.gm_calendar .calendar_layer .layer_foot{padding:12px 0;border-top:1px solid #e6e6e6;background-color:#f5f5f5;text-align:center} .btn_gm.gm_calendar .calendar_layer .btn_wrap{display:inline-block;height:36px;vertical-align:top} .btn_gm.gm_calendar .calendar_layer .btn_wrap .btn_gm{float:right;height:34px;margin-left:8px;border-color:transparent} .btn_gm.gm_calendar .calendar_layer .btn_wrap .gm_bl{border-color:rgba(0,0,0,0.07)} .btn_gm.gm_calendar .calendar_layer .btn_wrap button.btn_gm{height:36px} .btn_gm.gm_calendar .calendar_layer .btn_wrap .btn_gm .inner_g{padding:7px 15px 8px;font-size:12px;line-height:19px} .os_mac .btn_gm.gm_calendar .calendar_layer .btn_wrap .btn_gm .inner_g{padding:7px 15px 8px} .btn_gm.gm_calendar .calendar_layer .area_calendar.in_active{opacity:0.4;filter:alpha(opacity=40);cursor:default;pointer-events:none} .btn_gm.gm_calendar .calendar_layer .in_active span.link_day{opacity:0.4;filter:alpha(opacity=50);cursor:default;pointer-events:none} .btn_gm.gm_calendar .calendar_layer .in_active span.link_day:hover{background:none} .btn_gm.gm_calendar .calendar_layer .in_active a.link_day{color:#999} .btn_gm.gm_calendar .calendar_layer .in_active a.link_day .inner_link_day:hover{background:#F2F2F2} .btn_gm.gm_calendar .calendar_layer .inner_calendar_freeset{width:688px} .btn_gm.gm_calendar .calendar_layer .inner_calendar_freeset .layer_body{min-height:445px;padding:0;background:url(data:image/gif;base64,R0lGODlhkgAEAIAAAO3t7fr6+iH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDAgNzkuMTYwNDUxLCAyMDE3LzA1LzA2LTAxOjA4OjIxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjkwM0ZDNkY3MDhDMTFFQUI4MjVFOTJCOEMxQ0IwN0MiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjkwM0ZDNzA3MDhDMTFFQUI4MjVFOTJCOEMxQ0IwN0MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCOTAzRkM2RDcwOEMxMUVBQjgyNUU5MkI4QzFDQjA3QyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCOTAzRkM2RTcwOEMxMUVBQjgyNUU5MkI4QzFDQjA3QyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAAAAAAALAAAAACSAAQAAAIajI+py+0Po5y0gYqz3ryn64XiSEpgiabqBhQAOw==) repeat-y 0 0} .btn_gm.gm_calendar .calendar_layer .inner_calendar_freeset .date_calendar{position:absolute;left:146px;top:0;bottom:0;right:0} .btn_gm.gm_calendar .calendar_layer .today.in_active .link_day{opacity:0.5} /*6주인 달 있을때*/ .btn_gm.gm_calendar .calendar_layer .inner_calendar_freeset.calendar_week6 .layer_body{height:480px} /* 광고그룹생성 - 날짜선택(달력) 레이어 */ .btn_gm.gm_calendar .calendar_layer .inner_calendar_layer2{width:584px;border:0 none;border-radius:0;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.3);box-shadow:0 0 8px rgba(0,0,0,0.3)} .btn_gm.gm_calendar .calendar_layer .inner_calendar_layer2 .date_calendar{padding:14px 0 20px} .btn_gm.gm_calendar .calendar_layer .area_calendar .btn_move{top:-4px} .btn_gm.gm_calendar .calendar_layer .area_calendar .btn_prev{left:0} .btn_gm.gm_calendar .calendar_layer .area_calendar .btn_next{right:0} /* 광고그룹생성 - 요일선택 레이어 */ .btn_gm.gm_calendar .calendar_layer .inner_calendar_layer3{width:566px;border:0 none;border-radius:0;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.3);box-shadow:0 0 8px rgba(0,0,0,0.3)} .btn_gm.gm_calendar .calendar_layer .date_detailtool{padding-bottom:20px} .btn_gm.gm_calendar .calendar_layer .detailtool_wrap{padding-top:10px} .btn_gm.gm_calendar .calendar_layer .detailtool_wrap dt{float:left;width:120px;height:36px;padding-left:20px;line-height:33px;color:#555;text-align:left} .btn_gm.gm_calendar .calendar_layer .detailtool_wrap dd{min-height:36px;margin-left:140px} .btn_gm.gm_calendar .calendar_layer .detailtool_wrap .list_day{overflow:hidden} .btn_gm.gm_calendar .calendar_layer .detailtool_wrap .list_day li{float:left;margin-left:20px} .btn_gm.gm_calendar .calendar_layer .detailtool_wrap .list_day li:first-child{margin-left:0} .btn_gm.gm_calendar .calendar_layer .detailtool_wrap .list_day .box_checkinp{height:36px;line-height:33px} .btn_gm.gm_calendar .calendar_layer .detailtool_wrap .opt_select{float:left} .btn_gm.gm_calendar .calendar_layer .detailtool_wrap{text-align:left} .btn_gm.gm_calendar .calendar_layer .detailtool_wrap .txt_bar{float:left;width:20px;height:36px;line-height:33px;text-align:center} .btn_gm.gm_calendar .calendar_layer .detailtool_wrap .txt_notice{float:none;clear:both;padding:11px 20px 0 0;margin-bottom:-4px;font-size:13px;color:#777} .btn_gm.gm_calendar .calendar_layer .detailtool_wrap .txt_error{margin:9px 0 -6px} /*기존 셀렉트 박스*/ /* 드롭다운 - 셀렉트박스 */ .opt_select{display:inline-block;position:relative;min-width:198px;max-width:440px;border:1px solid #ddd;border-radius:2px;font-weight:400;font-size:13px;color:#333;background:#fff;vertical-align:top} .opt_select.in_error{border-color:#f51045} .opt_select:hover{border-color:#555} .opt_select:hover,.opt_select.over{background-position:0 -220px} .opt_select .link_selected{display:block;overflow:hidden;min-height:34px;padding:7px 30px 8px 15px;border-radius:2px;line-height:19px;color:#333;background:#fff;text-align:left;text-decoration:none;white-space:nowrap;text-overflow:ellipsis;letter-spacing:-1px;box-sizing:border-box} .opt_select .link_selected .ico_and{margin-top:5px} .opt_select .link_selected .fc_warn{padding-right:5px} .opt_select.in_active .link_selected .fc_warn{color:#E06D88} .opt_select > .ico_arr{position:absolute;right:10px;top:50%;width:0;height:0;margin-top:-3px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #555;vertical-align:middle} .opt_select .ico_on{margin:5px 7px 0 0} .opt_select .opt_list{display:none;position:absolute;left:-1px;right:-1px;top:45px;z-index:20;min-width:100%;border-radius:4px;background:#fff;box-shadow:0 2px 10px 0 rgba(0,0,0,0.25)} .opt_select.opt_top .opt_list{top:auto;bottom:34px} .opt_select.opt_right .opt_list{left:auto;right:-1px} .opt_list .reform_subtit_opt .fc_emph{margin-left:4px;font-weight:700} /* 임시 스타일 :select box 컴포넌트화 완료시 삭제*/ /* select box 스크롤 삭제 */ .opt_select .list_opt{overflow-x:hidden;overflow-y:auto;max-height:400px;margin:0;padding:10px 0;box-sizing:border-box} /* 디자인 스크롤 여백 */ .opt_select .tit_layer + .wrap_list .list_opt{max-height:349px} .opt_select .list_opt li{position:relative} .card_graph .opt_select .list_opt li:after{position:absolute;right:-10px;top:0;width:10px;height:100%;content:""} .card_graph .opt_select:last-child .list_opt li:after{left:-10px;right:0} .opt_select .info_opt{position:absolute;top:0;bottom:0;left:155px;right:0;padding:16px;border-left:1px solid rgba(128,67,67,0.05)} .opt_select .info_opt .desc_opt{font-size:13px;line-height:22px;color:#555} .opt_select .info_opt + .list_opt{width:156px} .opt_select .info_opt + .list_opt .link_option{height:36px;line-height:34px} .opt_select .tit_optrow + .list_opt{border-top:0 none} .opt_select .tit_option{display:block;overflow:hidden;height:32px;padding:6px 15px 0;line-height:29px;color:#777;font-size:13px;font-weight:400;text-align:left;white-space:nowrap;text-overflow:ellipsis;text-decoration:none} .opt_select .link_option{display:block;overflow:hidden;height:31px;padding:0 16px;line-height:29px;color:#333;text-align:left;white-space:nowrap;text-overflow:ellipsis;text-decoration:none} .opt_select .user_opt:hover .link_option{background:none} .opt_select .link_option .ico_and{margin-top:9px} .opt_select .tit_option + .list_opt{padding-bottom:8px} .opt_select .list_opt + .tit_option{padding-top:0;margin-top:-2px} .opt_select .link_option .ico_mobile{margin:7px 0 0 5px} .opt_select .user_opt .link_option{padding-right:62px} .opt_select .user_opt .btn_del{position:absolute;right:12px;top:50%;margin-top:-10px;padding:3px} .opt_select .user_opt .ico_del{width:13px;height:13px;background-position:-770px -135px;opacity:0.2} .opt_select .user_opt .btn_del:hover .ico_del{background-position:-770px -135px;opacity:0.5} .opt_select .user_opt .btn_edit{position:absolute;right:32px;top:50%;margin-top:-10px;padding:3px} .opt_select .user_opt .ico_edit{width:15px;height:15px;background-position:-885px -180px} .opt_select .user_opt .btn_edit:hover{background:none} .opt_select .user_opt .btn_edit:hover .ico_edit{background-position:-885px -195px} .opt_select .user_opt:hover{background-color:rgba(0,0,0,0.03)} .opt_select .user_opt:hover .link_option{color:#333} .opt_select .box_checkinp{display:block;height:31px;line-height:30px} .opt_select .box_checkinp .lab_check{overflow:hidden;padding:0 26px 0 41px;color:#333;white-space:nowrap;text-overflow:ellipsis} .opt_select .box_checkinp .inp_check{left:15px} .opt_select .box_checkinp .ico_check{left:15px} .opt_select .box_checkinp .lab_check:hover{background-color:rgba(0,0,0,0.03)} .opt_select .sub_listopt{padding:0;border-top:0 none} .opt_select .sub_listopt .link_option{padding:0 27px} .opt_select .detail_listopt .link_option .ico_comm{float:left;width:6px;height:6px;margin:11px 4px 0 0;background-position:-410px -330px} .opt_select li:hover{background:rgba(0,0,0,0.03)} .opt_select li.on > .link_option,.opt_select .user_opt.on > .link_option,.opt_select li.on > .link_option:hover,.opt_select .user_opt.on > .link_option:hover,.set_head .opt_select .user_opt.on:hover{color:#326edc;background:#F7FBFF} .opt_select li.on > .link_option .tit_menu,.opt_select li.on > .link_option .desc_menu{color:#326edc} .opt_select .on > .box_checkinp .ico_check{background-position:-855px -50px} .opt_select .on > .box_checkinp .lab_check,.opt_select .box_checkinp .inp_check:checked + .lab_check{color:#326edc} .opt_select.opt_open{border-color:#555} .opt_select.opt_open .opt_list,.opt_select.opt_open .optlist_data,.opt_select.opt_open .optlist_row,.reform_opt_select.opt_open .opt_list{display:block} .opt_select.opt_open .layer_choice2{display:inline-block} .opt_select.in_active{color:#999;background:#f5f5f5;cursor:default;pointer-events:none} .opt_select.in_active:hover,.opt_select.in_active.over,.opt_select.in_active.opt_open{border-color:#ddd} .opt_select.in_active .link_selected{background:#f5f5f5} .opt_select.in_active.opt_open .opt_list{display:none} .opt_select.in_active.opt_open .ico_arr{border-top:5px solid #999;border-bottom:0 none} .opt_select.in_active .link_selected{color:#999;cursor:default;outline:0 none} .opt_select.in_active > .ico_arr,.opt_select.in_active:hover > .ico_arr,.opt_select.in_active.over > .ico_arr,.opt_select.in_active.opt_open > .ico_arr{border-top-color:#999} .opt_select li.in_active .link_option,.opt_select li.in_active .link_menu{background:none;color:#ccc} .opt_select li.in_active .link_option:hover,.opt_select li.in_active .link_menu:hover{background-color:#fff} .opt_select li.in_active .link_option .ico_comm,.opt_select li.in_active .link_menu .ico_comm{display:inline-block;position:relative;width:14px;height:14px;margin:1px 0 0 6px;background-position:-715px -130px;vertical-align:top} .opt_select .list_opt2{padding:0;border-top:1px solid #ebebeb} .opt_select .list_opt2:first-child{border-top:0 none} .opt_select .list_opt2 .box_checkinp .lab_check{padding-right:0} .opt_select .link_rowset{display:block;overflow:hidden;height:40px;line-height:38px;border-top:1px solid #e6e6e6;background-color:#f5f5f5;text-align:center;color:#555} .opt_level{width:170px} .opt_select .list_opt .btn_colset{height:28px;margin:4px 0 4px 15px} .opt_select .list_opt .btn_colset .inner_g{padding:5px 15px 5px} .opt_select .reform_opt_list.opt_scroll{max-height:none} /* select box 스크롤 삭제 */ .opt_select .tit_layer + .reform_img_opt .list_opt,.opt_select .layer_choice2 .tit_layer + .wrap_list .list_menu{max-height:349px} .opt_select .reform_subtit_opt{display:block;overflow:hidden;padding:16px;border-bottom:1px solid #ddd;font-weight:700;font-size:12px;line-height:18px;color:#333} .opt_select .tit_layer .fc_emph{font-weight:700} .opt_select .reform_opt_img img{width:100%;height:100%} .opt_select .reform_opt_imglink{position:relative} .opt_select .link_selected .reform_opt_img{overflow:hidden;display:inline-block;width:24px;height:24px;margin:0 7px -3px 0;border-radius:12px;vertical-align:top} .opt_select .link_selected.reform_link_default{color:#333} .opt_select .reform_opt_img,.layer_choice2 .reform_opt_img{overflow:hidden;position:absolute;top:50%;left:16px;z-index:10;width:40px;height:40px;background:url(/c6d09540b71685a15bd0668272ba22f9.png) no-repeat;background-size:900px 800px;background-position:-805px -740px;transform:translateY(-50%)} .opt_select .reform_opt_imglink.link_selected{padding-left:46px} .opt_select .reform_opt_img + .link_option{height:60px;padding-left:72px;line-height:60px;letter-spacing:0} .opt_select .tooltip_basic.ly_tooltip{display:none;min-width:200px} .opt_select.opt_open .tooltip_basic{display:block} .opt_select.reform_select_img .link_selected{padding-top:5px;padding-bottom:5px;line-height:21px} .opt_select .opt_list .link_load{position:absolute;top:14px;right:15px;font-weight:400;font-size:12px;color:#326EDC} .tit_layer .btn_refresh{position:absolute;right:0;top:0} .tit_layer .btn_refresh .ico_comm{display:block;width:12px;height:12px;margin:19px 16px;background-position:-685px -525px;opacity:0.8} .tit_layer .btn_refresh:hover .ico_comm{opacity:1} .layer_choice2 .wrap_preview .btn_close,.layer_choice2 .area_preview .btn_close{position:absolute;top:0;right:0;width:48px;height:48px} .layer_choice2 .wrap_preview .btn_close .ico_comm,.layer_choice2 .area_preview .btn_close .ico_comm{width:14px;height:14px;margin:16px 0 0 16px;background-position:-725px -780px} .layer_choice2 .area_preview .btn_close:hover .ico_comm{background-position:-805px -785px} .reform_material_item .layer_choice2 .desc_menu .ico_bar{display:inline-block;width:1px;height:12px;margin:4px 9px 0;background-color:#ccc;vertical-align:top} .reform_group_card .opt_select{width:438px;max-width:440px} .reform_group_card .opt_select.opt_time{width:96px;max-width:96px} .reform_group_card .opt_select.opt_time .opt_list{min-width:96px} .reform_group_card .opt_select.opt_limit{width:143px} .reform_group_card .opt_select.opt_limit li{margin:0} .reform_material_item .opt_select + .opt_select,.reform_material_item .opt_select + .box_inptxt,.reform_material_item .opt_select + .box_textarea,.reform_material_item .opt_select + .box_textarea2,.reform_material_item .box_inptxt + .opt_select,.reform_material_item .box_textarea2 + .opt_select,.reform_material_item .box_textarea + .opt_select{margin-top:10px} .reform_material_item .opt_select + .reform_group_item{margin-top:10px} .regist_catalogtool .list_upload .opt_group_row .opt_select{float:left;min-width:96px;width:96px} .reform_material_item .opt_select + .reform_group_inptxt{padding-top:10px} .item_frequency .opt_select{display:inline-block;max-width:80px;min-width:80px;margin-left:28px;margin-top:6px;vertical-align:top} .reform_material_item .reform_list_term .opt_select{float:left;width:96px} .opt_select + .box_urltool{margin-top:10px;padding-top:20px} .material_layer .group_option .opt_select{width:188px;max-width:188px} .material_layer .group_option .reform_search_complete + .opt_select{width:138px;max-width:138px;min-width:138px} .bnrimg_insert .opt_select{min-width:100%;margin:9px 0 10px} .createmessage_wrap .reform_select_img{min-width:360px;max-width:360px} .reform_material_item .opt_select{display:block;max-width:100%} .reform_material_item .reform_regist_btn .btn_gw + .select_type2{max-width:200px;margin-left:10px} .reform_material_item .opt_select + .group_checkinp{margin-top:10px} .reform_material_item .layer_opt .area_preview .inner_preview .message_view{min-height:710px;margin:0 auto} .ad_managebox .tbl_top .opt_select{float:right;max-width:226px;width:226px;margin-top:-9px} /* select+input */ .box_pixelsearch{position:relative;float:left;border:1px solid #ddd;border-radius:2px} .box_pixelsearch.over{border-color:#555} .box_pixelsearch.over .opt_select{border-top-color:#555;border-bottom-color:#555;border-left-color:#555} .box_pixelsearch.on{border-color:#326edc} .box_pixelsearch.on .opt_select{border-top-color:#326edc;border-bottom-color:#326edc;border-left-color:#326edc} .box_pixelsearch .opt_select{position:relative;float:left;min-width:85px;width:85px;margin:-1px 0 -1px -1px;box-sizing:initial} .box_pixelsearch .link_selected:before{position:absolute;top:0;bottom:0;right:-1px;width:1px;background:#fff;content:''} .box_pixelsearch .opt_select.over .link_selected:before,.box_pixelsearch .opt_select.opt_open .link_selected:before,.box_pixelsearch .opt_select:hover .link_selected:before{display:none} .box_pixelsearch .box_inptxt.in_active .lab_txt{display:block} .box_pixelsearch .opt_select.over .opt_select,.box_pixelsearch .opt_select.on .opt_select{border-right:0} .box_pixelsearch .opt_select .link_selected{min-width:74px} .box_pixelsearch .opt_select .link_selected:after{position:absolute;top:9px;bottom:9px;right:0;width:1px;background:#ddd;content:''} .box_pixelsearch .opt_select.opt_open .link_selected:after,.box_pixelsearch .opt_select:hover .link_selected:after{display:none} .box_pixelsearch .opt_select:hover,.box_pixelsearch .opt_select.opt_open,.box_pixelsearch .opt_select.over{z-index:1;border-radius:2px;border-right-color:#555} .box_pixelsearch .search_inp2{position:relative;float:left;width:178px;padding-left:12px;margin-left:-1px;border-left-color:#fff} .box_pixelsearch .box_inptxt .lab_txt{left:16px} .box_pixelsearch .search_inp2,.box_pixelsearch .search_inp2:hover,.box_pixelsearch .search_inp2.over,.box_pixelsearch .search_inp2.opt_open,.box_pixelsearch .search_inp2.on{border:none} .box_pixelsearch .search_inp2 .inner_inp:after{position:absolute;top:9px;bottom:9px;left:-1px;width:1px;background:#ddd;content:''} .box_pixelsearch .search_inp2:hover .inner_inp:after,.box_pixelsearch .search_inp2.opt_open .inner_inp:after,.box_pixelsearch .search_inp2.on .inner_inp:after{display:none} .box_pixelsearch .opt_select > .ico_arr{right:16px} .box_pixelsearch .opt_select .link_selected{padding:7px 34px 8px 15px} /*2022 개편 셀렉트 박스*/ .opt_select2{display:inline-block;position:relative;min-width:198px;max-width:480px;border:1px solid #ddd;border-radius:2px;font-weight:400;font-size:13px;color:#333;background:#fff;vertical-align:top;box-sizing:border-box} .opt_select2.in_error{border-color:#f51045} .opt_select2:hover{border-color:#555} .opt_select2:hover,.opt_select2.over{background-position:0 -220px} .opt_select2 .wrap_list{overflow:hidden} .opt_select2 .link_selected{display:block;overflow:hidden;min-height:34px;padding:7px 29px 8px 15px;border-radius:2px;line-height:19px;color:#333;background:#fff;text-align:left;text-decoration:none;white-space:nowrap;text-overflow:ellipsis;letter-spacing:-1px;box-sizing:border-box} .opt_select2 .link_selected .fc_warn{padding-right:5px} .opt_select2.in_active{color:#999;background:#f5f5f5;cursor:default;pointer-events:none} .opt_select2.in_active:hover,.opt_select2.in_active.over,.opt_select2.in_active.opt_open{border-color:#ddd} .opt_select2.in_active .link_selected{background:#f5f5f5} .opt_select2.in_active.opt_open .opt_list{display:none} .opt_select2.in_active.opt_open .ico_arr{border-top:5px solid #999;border-bottom:0 none} .opt_select2.in_active .link_selected{color:#999;cursor:default;outline:0 none} .opt_select2.in_active > .ico_arr,.opt_select2.in_active:hover > .ico_arr,.opt_select2.in_active.over > .ico_arr,.opt_select2.in_active.opt_open > .ico_arr{border-top-color:#999} .opt_select2.in_active .link_selected .fc_warn{color:#E06D88} .opt_select2 > .ico_arr{position:absolute;right:10px;top:50%;width:0;height:0;margin-top:-3px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #555;vertical-align:middle} .opt_select2 .layer_opt{display:none;position:absolute;left:-1px;right:-1px;top:45px;z-index:20;min-width:100%;border-radius:4px;background:#fff;box-shadow:0 2px 10px 0 rgba(0,0,0,0.25);z-index:30} .opt_select2 .layer_opt .tit_layer{display:block;overflow:hidden;padding:16px;border-bottom:1px solid #ddd;font-weight:700;font-size:12px;line-height:18px;color:#333} .opt_select2 .layer_opt .tit_layer .fc_emph{font-weight:700} .opt_select2 .list_option li{position:relative;width:100%;box-sizing:border-box} .opt_select2 .layer_opt .tit_layer .btn_refresh{position:absolute;right:0;top:0} .opt_select2 .layer_opt .tit_layer .btn_refresh .ico_comm{display:block;width:12px;height:12px;margin:19px 16px;background-position:-685px -525px;opacity:0.8} .opt_select2 .layer_opt .tit_layer .btn_refresh:hover .ico_comm{opacity:1} .opt_select2.opt_open{border-color:#555} .opt_select2.opt_open .layer_opt{display:inline-block} .opt_select2 .list_option{overflow-x:hidden;overflow-y:auto;max-height:400px;margin:0;padding:10px 0;box-sizing:border-box} .opt_select2 .layer_opt .tit_layer + .wrap_list .list_option{max-height:349px} .opt_select2 .list_option .link_option{display:block;overflow:hidden;padding:0 16px;font-size:13px;line-height:31px;color:#333;text-align:left;white-space:nowrap;text-overflow:ellipsis;text-decoration:none} .opt_select2 .list_option .link_option:hover{text-decoration:none} .opt_select2 .list_option .tit_option{display:block;overflow:hidden;padding-top:10px;font-weight:400;font-size:13px;line-height:19px;color:#333;text-align:left;white-space:nowrap;text-overflow:ellipsis;text-decoration:none} .opt_select2 .layer_opt .tit_layer .link_help{height:18px;vertical-align:top} .opt_select2 li.in_active .link_option .ico_comm,.opt_select2 li.in_active .link_menu .ico_comm{display:inline-block;width:14px;height:14px;margin:2px 0 0 6px;background-position:-715px -130px;vertical-align:top} .opt_select2 .desc_cell{float:right;margin-right:16px;padding-left:4px;line-height:31px;font-size:12px;color:#333} .opt_select2 .list_option li:hover{background:rgba(0,0,0,0.03)} .opt_select2 .list_option .on,.opt_select2 .list_option .on:hover{background:#F7FBFF} .opt_select2 .list_option .on .tit_option,.opt_select2 .list_option .on .desc_option,.opt_select2 .list_option .on .subtit_option,.opt_select2 .list_option .on .tit_brand,.opt_select2 .list_option .on > .link_option,.opt_select2 .on .desc_cell{color:#326EDC} .opt_select2 .list_option .in_active,.opt_select2 .list_option .in_active:hover{background:#fff} .opt_select2 .list_option .in_active .tit_option,.opt_select2 .list_option .in_active .desc_option,.opt_select2 .list_option .in_active .link_option,.opt_select2 .list_option .in_active .desc_cell{color:#ccc} .opt_select2.opt_rows .list_option,.opt_select2.opt_img .list_option,.opt_select2.opt_preview .list_option,.opt_select2.opt_catalog .list_option{padding:6px 0} .opt_select2 .layer_opt .desc_option{display:block;overflow:hidden;padding:3px 0 10px;font-size:12px;line-height:18px;color:#999;white-space:nowrap;text-overflow:ellipsis;text-decoration:none} .opt_select2.opt_catalog .link_option{display:flex;flex-direction:column;justify-content:center;align-content:flex-start;min-height:60px;color:#333;box-sizing:border-box} .opt_select2 .layer_opt .desc_option .ico_bar{display:inline-block;width:1px;height:12px;margin:4px 9px 0;background-color:#ccc;vertical-align:top} .opt_select2 .box_nodata{display:table;width:100%;height:auto;padding:16px;box-sizing:border-box} .opt_select2 .fail_wrap{display:table;width:100%;height:auto;padding:16px;font-size:13px;line-height:19px;color:#333;text-align:center;box-sizing:border-box} .opt_select2 .box_nodata .opt_nodata{border:0;font-size:13px;line-height:19px;color:#333;text-align:center} .opt_select2 .box_nodata .opt_nodata .link_txt{color:#326EDC} .opt_select2 .wrap_list .reform_area_loading{padding:31px 0} .opt_select2 .area_preview .desc_board{width:498px;margin-top:16px;text-align:center} .opt_select2 .wrap_list .link_fail{display:block;color:#326EDC} .opt_select2 .box_checkinp{display:block;height:31px;line-height:30px} .opt_select2 .box_checkinp .lab_check{overflow:hidden;padding:0 16px 0 41px;color:#333;white-space:nowrap;text-overflow:ellipsis} .opt_select2 .box_checkinp .inp_check{left:15px} .opt_select2 .box_checkinp .ico_check{left:15px} .opt_select2 .box_checkinp .lab_check:hover{background-color:rgba(0,0,0,0.03)} .reform_group_card .opt_select2{width:480px;max-width:480px} .reform_group_card .opt_select2.opt_time{width:98px;max-width:98px} .reform_group_card .opt_select2.opt_limit{width:145px;min-width:145px} .reform_group_card .opt_select2.opt_time2{width:195px;min-width:195px} .reform_group_card .opt_select2.opt_wd1{width:440px;min-width:440px} .opt_select2 .tit_brand{display:block;padding-top:10px;font-size:13px;line-height:19px;color:#777} .paging_wrap .opt_select2{width:106px;min-width:106px} /* 안내문구 추가 타입 */ .opt_select2 .opt_guide{overflow-y:auto;float:right;width:50%;max-height:400px;padding:15px 16px;font-size:13px;color:#333;line-height:20px;box-sizing:border-box} .opt_select2 .opt_guide:after{position:absolute;top:0;left:50%;bottom:0;width:1px;background:#ddd;content:""} .opt_select2 .layer_opt .tit_layer + .opt_guide:after{top:50px} .opt_select2 .opt_guide .tit_guide{display:block;font-weight:700;font-size:12px;line-height:18px;color:#333} .opt_select2 .opt_guide .cont_guide{margin-bottom:16px;padding-top:2px} .opt_select2 .opt_guide .list_guide li{position:relative;padding-left:7px;font-size:13px;line-height:20px;color:#777} .opt_select2 .opt_guide .list_guide li:before{position:absolute;top:0;left:0;font-size:13px;line-height:20px;color:#777;content:"-"} /* 이미지형 */ .opt_select2 .img_option{overflow:hidden;position:absolute;top:50%;left:16px;z-index:10;width:40px;height:40px;background:url(/c6d09540b71685a15bd0668272ba22f9.png) no-repeat;background-size:900px 800px;background-position:-805px -740px;transform:translateY(-50%)} .opt_select2 .layer_opt .img_option img{width:100%;height:100%} .opt_select2 .layer_opt .img_option + .link_option{padding-left:72px} .opt_select2.opt_img .link_option{line-height:60px} .opt_select2 .wrap_btn{padding:16px} .opt_select2 .wrap_btn .btn_more{height:30px;width:100%;border:1px solid #ddd;border-radius:2px;font-weight:700;font-size:11px;line-height:28px;color:#555} /* 미리보기형 */ .opt_select2 .list_option li > .btn_gs{float:right;margin:15px 16px 0 0} .opt_select2 .area_preview{display:inline-block;position:absolute;top:0;left:100%;margin:0 0 0 10px;padding-bottom:40px;border-radius:4px;background:#fff;box-shadow:0 2px 10px 0 rgba(0,0,0,0.25);box-sizing:border-box} .opt_select2 .area_preview .tit_preview{display:block;overflow:hidden;padding:16px;font-weight:700;font-size:12px;line-height:18px;color:#333} .opt_select2 .area_preview .inner_preview{min-width:268px;padding:0 16px;font-size:14px;line-height:20px;color:#777;vertical-align:middle} .opt_select2.opt_preview .desc_cell,.opt_select2.opt_rows .desc_cell{margin-top:15px} .opt_select2 .desc_cell .btn_gs{margin-left:16px} .opt_select2 .desc_cell .ico_comm{display:inline-block;width:12px;height:12px;margin:10px 6px 0 0;background-position:-700px -555px;vertical-align:top} .opt_select2 .on .desc_cell .ico_comm{background-position:-685px -555px} .opt_select2 .in_active .desc_cell .ico_comm{background-position:-725px -570px} .opt_select2 .area_preview .desc_view{width:268px;height:310px;font-size:13px;line-height:20px;color:#333} .opt_select2 .area_preview .btn_close{position:absolute;top:0;right:0;width:48px;height:48px} .opt_select2 .area_preview .btn_close .ico_comm{width:14px;height:14px;margin:16px 0 0 16px;background-position:-725px -780px} .opt_select2 .area_preview .btn_close:hover .ico_comm{background-position:-805px -785px} .opt_select2 .area_preview .list_view li{display:block;position:relative;padding-left:7px;font-weight:400;font-size:13px;line-height:20px;color:#777} .opt_select2 .area_preview .tit_view{display:block;padding:2px 0 3px;font-size:13px;font-weight:500;color:#333} .opt_select2 .area_preview .cont_view + .tit_view,.opt_select2 .opt_guide .cont_guide + .tit_guide{padding-top:16px} .opt_select2 .area_preview .list_view li:after{position:absolute;top:9px;left:0;width:3px;height:3px;border-radius:3px;background:#999;content:''} .opt_select2 .area_preview .adview_full{margin:0 29px} .opt_select2 .area_preview .device_view{margin:0 84px} .opt_select2 .area_preview .inner_preview .material_talkskin{overflow:hidden;position:relative;width:440px;margin:0 29px;padding-top:0;background:#eee} /* 카탈로그형 */ .opt_select2.opt_catalog .area_preview{padding-bottom:0} .opt_select2.opt_catalog .area_preview .inner_preview{padding:0} .opt_select2.opt_catalog .area_preview .tit_preview{padding:16px;border-bottom:1px solid #ddd} .opt_select2.opt_catalog .area_preview .wrap_list{width:440px} .opt_select2.opt_catalog .area_preview .list_option{max-height:297px} .opt_select2.opt_catalog .area_preview .tit_option{display:-webkit-box;white-space:normal;max-height:40px;padding-top:0;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical} .opt_select2.opt_catalog .area_preview .preview_foot{padding:6px 16px 16px;text-align:right} /*소재 등록하기*/ .reform_material_item .opt_select2 + .opt_select2,.reform_material_item .opt_select + .opt_select2,.reform_material_item .opt_select2 + .opt_select,.reform_material_item .opt_select2 + .box_inptxt,.reform_material_item .opt_select2 + .box_textarea,.reform_material_item .opt_select2 + .box_textarea2,.reform_material_item .box_inptxt + .opt_select2,.reform_material_item .box_textarea2 + .opt_select2,.reform_material_item .box_textarea + .opt_select2,.reform_material_item .txt_error + .opt_select2{margin-top:10px} .reform_material_item .opt_select2 + .reform_group_item{margin-top:10px} .regist_catalogtool .list_upload .opt_group_row .opt_select2{float:left;min-width:98px;width:98px} .reform_material_item .opt_select2 + .reform_group_inptxt{padding-top:10px} .reform_material_item .item_frequency .opt_select2{display:inline-block;width:82px;min-width:82px;margin-left:28px;margin-top:6px;vertical-align:top} .reform_material_item .reform_list_term .opt_select2{float:left;width:98px;min-width:98px} .opt_select2 + .box_urltool{margin-top:10px;padding-top:20px} .reform_txt_info + .opt_select2{margin-top:10px} .material_layer .group_info .group_option .opt_select2{width:312px;min-width:312px} .material_layer .group_info .reform_search_complete + .opt_select2{width:140px;max-width:140px;min-width:140px} .bnrimg_insert .opt_select2{min-width:100%;margin:9px 0 10px} /* 메세지형 */ .opt_select2.opt_message .device_view{height:510px;padding:0;margin:0 99px;border:none} .opt_select2.opt_message .device_view:after,.opt_select2.opt_message .device_view:before{display:none} .reform_material_item .layer_opt .area_preview .inner_preview .message_view{min-height:710px;margin:0 59px} /* 참여형 이벤트 */ .opt_select2 .link_option .subtit_option{display:block;padding-top:10px;font-size:12px;line-height:18px;color:#999} .opt_select2 .link_option .subtit_option + .tit_option,.opt_select2 .tit_brand + .tit_option{padding-top:0} /*셀렉트 + 버튼*/ .select_type2.opt_select2{border-color:rgba(0,0,0,0.15)} .select_type2.opt_select2 .list_opt{padding:12px 0 10px} .select_type2.opt_select2 .list_opt li + li{margin-top:1px} .select_type2.opt_select2 .link_selected{padding-right:25px;font-size:12px;font-weight:700} .select_type2.opt_select2 .ico_add{width:10px;height:10px;margin:5px 7px 0 0;background-position:-50px -120px} .select_type2.opt_select2.in_active .ico_add,.select_type2 li.in_active > .link_option .ico_add{opacity:0.3} .select_type2.opt_select2 .link_option{padding:0 15px;font-size:12px;white-space:normal} .select_type2.opt_select2 .link_option .ico_add{margin-top:11px} .select_type2 .list_option .on > .link_option,.select_type2 .user_opt.on > .link_option{color:#555} .opt_select2.select_type2 .list_option .on,.opt_select2.select_type2 .list_option .on:hover{background:none} .reform_material_item .reform_regist_btn .opt_select2.select_type2{float:left;min-width:114px;max-width:114px} .type_person.opt_select2{border-color:rgba(0,0,0,0.15)} .type_person.opt_select2 .list_opt{padding:12px 0 10px} .type_person.opt_select2 .list_opt li + li{margin-top:1px} .type_person.opt_select2 .link_selected{padding-right:25px;font-size:12px;font-weight:700} .type_person.opt_select2 .ico_add{width:10px;height:10px;margin:5px 7px 0 0;background-position:-50px -120px} .type_person.opt_select2.in_active .ico_add,.type_person li.in_active > .link_option .ico_add{opacity:0.3} .type_person.opt_select2 .link_option{padding:0 15px;font-size:12px;white-space:normal} .type_person.opt_select2 .link_option .ico_add{margin-top:11px} .type_person .list_option .on > .link_option,.type_person .user_opt.on > .link_option{color:#555} .type_person.opt_select2 .list_option .on,.type_person.opt_select2 .list_option .on:hover{background:none} .reform_material_item .reform_regist_btn .opt_select2.select_type2{float:left;min-width:114px;max-width:114px} .reform_regist_btn .opt_select2.select_type2 .layer_opt{min-width:123px} .reform_regist_btn .opt_select2.select_type2 .guide_open{padding-right:219px} .reform_regist_btn .opt_select2.select_type2 .opt_guide{position:absolute;right:0;top:0;width:219px;height:100%;border-left:1px solid #ddd} .reform_regist_btn .opt_select2.select_type2 .opt_guide:after{display:none} .reform_regist_btn .opt_select2.select_type2 .wrap_list{width:123px} /* 매세지 만들기 */ .createmessage_wrap .ad_managebox .opt_select2{min-width:362px;max-width:362px} .createmessage_wrap .opt_select2,.regist_catalogtool .upload_sub .opt_select2,.reform_wrap .item_intro .reform_group_item .opt_select2,.adviewcreate_wrap .opt_select2,.reform_wrap_material .opt_select2{width:100%;min-width:100%} .reform_wrap .item_intro .reform_group_item .opt_select2{width:100%;min-width:100%} .reform_material_item .reform_regist_btn .btn_gw + .opt_select2.select_type2{max-width:155px;margin-left:10px} .reform_material_item .opt_select2 + .group_checkinp{margin-top:10px} /* 애드뷰 */ .ad_managebox .tbl_top .opt_select2{float:right;max-width:226px;width:226px;margin-top:-9px} .opt_select2 .link_option .ico_and{margin-top:10px} /* 상세보기 */ .opt_select2 .area_preview.preview_detail{padding-bottom:0} .opt_select2 .area_preview.preview_detail .inner_preview{overflow-y:auto;overflow-x:hidden;width:268px;max-height:340px;min-height:350px} .opt_select2 .area_preview.preview_detail .desc_view,.opt_select2 .area_preview.preview_detail .cont_view{margin-bottom:16px} /* select+input */ .box_pixelsearch{position:relative;float:left;border:1px solid #ddd;border-radius:2px} .box_pixelsearch.over{border-color:#555} .box_pixelsearch.over .opt_select2{border-top-color:#555;border-bottom-color:#555;border-left-color:#555} .box_pixelsearch.on{border-color:#326edc} .box_pixelsearch.on .opt_select2{border-top-color:#326edc;border-bottom-color:#326edc;border-left-color:#326edc} .box_pixelsearch .opt_select2{position:relative;float:left;min-width:85px;width:85px;margin:-1px 0 -1px -1px;box-sizing:initial} .box_pixelsearch .link_selected:before{position:absolute;top:0;bottom:0;right:-1px;width:1px;background:#fff;content:''} .box_pixelsearch .opt_select2.over .link_selected:before,.box_pixelsearch .opt_select2.opt_open .link_selected:before,.box_pixelsearch .opt_select2:hover .link_selected:before{display:none} .box_pixelsearch .box_inptxt.in_active .lab_txt{display:block} .box_pixelsearch .opt_select2.over .opt_select,.box_pixelsearch .opt_select2.on .opt_select{border-right:0} .box_pixelsearch .opt_select .link_selected{min-width:74px} .box_pixelsearch .opt_select2 .link_selected:after{position:absolute;top:9px;bottom:9px;right:0;width:1px;background:#ddd;content:''} .box_pixelsearch .opt_select2.opt_open .link_selected:after,.box_pixelsearch .opt_select2:hover .link_selected:after{display:none} .box_pixelsearch .opt_select2:hover,.box_pixelsearch .opt_select2.opt_open,.box_pixelsearch .opt_select2.over{z-index:1;border-radius:2px;border-right-color:#555} .box_pixelsearch .search_inp2{position:relative;float:left;width:178px;padding-left:12px;margin-left:-1px;border-left-color:#fff} .box_pixelsearch .box_inptxt .lab_txt{left:16px} .box_pixelsearch .search_inp2,.box_pixelsearch .search_inp2:hover,.box_pixelsearch .search_inp2.over,.box_pixelsearch .search_inp2.opt_open,.box_pixelsearch .search_inp2.on{border:none} .box_pixelsearch .search_inp2 .inner_inp:after{position:absolute;top:9px;bottom:9px;left:-1px;width:1px;background:#ddd;content:''} .box_pixelsearch .search_inp2:hover .inner_inp:after,.box_pixelsearch .search_inp2.opt_open .inner_inp:after,.box_pixelsearch .search_inp2.on .inner_inp:after{display:none} /* 리스트 + 리스트 */ .opt_select2.opt_cols.opt_open .layer_opt{display:table;table-layout:fixed} .opt_select2.opt_cols .layer_opt .wrap_list{display:table-cell;position:relative;min-width:150px} .opt_select2 .layer_opt .wrap_list + .wrap_list:before{position:absolute;left:0;top:0;width:1px;height:100%;background-color:#ebebeb;z-index:1;content:''} .opt_select2 .layer_opt .tit_list{display:block;overflow:hidden;height:29px;padding:10px 16px 0;line-height:29px;color:#777;font-size:13px;font-weight:400;text-align:left;white-space:nowrap;text-overflow:ellipsis;text-decoration:none} .opt_select2 .layer_opt .tit_list + .list_option{padding:0 0 10px} .opt_select2 .layer_opt .list_option + .tit_list2{padding-top:0} /* 필터형 */ .opt_select2 .tit_list2{display:block;overflow:hidden;height:29px;padding:10px 16px 0;line-height:29px;font-weight:700;font-size:12px;line-height:29px;color:#111;white-space:nowrap;text-overflow:ellipsis;text-decoration:none} .opt_select2 .tit_list2 .btn_day{position:relative;float:right;padding-right:14px;font-weight:400;line-height:29px;font-size:12px;color:#326EDC} .opt_select2 .tit_list2 .btn_day:hover{text-decoration:none} .opt_select2 .tit_list2 .ico_menu{position:absolute;right:1px;top:50%;width:0;height:0;margin-top:-2px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #326EDC;vertical-align:middle} .opt_select2 .tit_list2 .on .ico_menu{border-top:none;border-bottom:5px solid #326EDC} .opt_select2 .tit_list2 .btn_fold{position:relative;display:block;width:100%;line-height:29px;color:#111;font-size:13px;text-align:left} .opt_select2 .tit_list2 .btn_fold:hover{text-decoration:none} .opt_select2 .tit_list2 .btn_fold .ico_comm{position:absolute;top:50%;right:0;width:10px;height:5px;margin-top:-1px;background-position:-825px -235px} .opt_select2 .tit_list2 .btn_fold.on .ico_comm{background-position:-840px -235px} .opt_select2 .tooltip_basic.ly_tooltip{display:none;min-width:248px} .opt_select2.opt_open .tooltip_basic{display:block} .opt_select2.reform_select_img .link_selected{padding-top:5px;padding-bottom:5px;line-height:21px} .opt_select2 .opt_list .link_load{position:absolute;top:14px;right:15px;font-weight:400;font-size:12px;color:#326EDC} /* 서브 depth */ .opt_select2 .sub_listopt{padding:0} .opt_select2 .sub_listopt .link_option{padding:0 27px} .gm_calendar + .box_checkinp{margin:7px 0 0 16px} .gm_calendar + .box_checkinp .lab_check{font-weight:400;color:#555} /*셀렉트 + 버튼*/ .select_type2.opt_select{border-color:rgba(0,0,0,0.15)} .select_type2.opt_select .list_opt{padding:12px 0 10px} .select_type2.opt_select .list_opt li + li{margin-top:1px} .select_type2.opt_select .link_selected{padding-right:25px;font-size:12px;font-weight:700} .select_type2.opt_select .ico_add{width:10px;height:10px;margin:5px 7px 0 0;background-position:-50px -120px} .select_type2.opt_select.in_active .ico_add,.select_type2 li.in_active > .link_option .ico_add,.type_person li.in_active > .link_option .ico_add{opacity:0.3} .select_type2.opt_select .inp_file,.type_person.opt_select .inp_file{overflow:hidden;position:absolute;left:0;top:0;width:100%;height:34px;text-indent:-9999px;font-size:99px;opacity:0.01;filter:alpha(opacity=0);cursor:pointer} .select_type2 .opt_list{top:43px;border:0 none;border-radius:10px;box-shadow:0px 0px 20px rgba(0,0,0,0.2)} .select_type2 li.on > .link_option,.type_person li.on > .link_option,.select_type2 .user_opt.on > .link_option{color:#555;background-color:rgba(0,0,0,0.03)} .select_type2 li.in_active > .link_option,.type_person li.in_active > .link_option{color:#ccc} .select_type2 .link_option,.opt_select2.type_person .link_option{height:34px;font-weight:700;font-size:12px} .select_type2.opt_select .link_option .ico_add,.type_person.opt_select .link_option .ico_add{margin:10px 7px 0 0} .select_type2.opt_select > .ico_arr,.type_person.opt_select > .ico_arr{right:11px;margin-top:-2px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #999} .select_type2.opt_open,.select_type2.over,.type_person.opt_open,.type_person.over{border-color:rgba(0,0,0,0.15)} .select_type2.opt_open .link_selected,.select_type2.over .link_selected,.type_person.opt_open .link_selected,.type_person.over .link_selected{background:rgba(0,0,0,0.08)} .select_type2.in_active > .ico_arr,.type_person.in_active > .ico_arr{border-top:5px solid #ccc} .select_type2.over > .ico_arr,.type_person.over > .ico_arr{border-top:5px solid #555} .select_type2.opt_select.opt_open > .ico_arr,.type_person.opt_select.opt_open > .ico_arr{border-top:0 none;border-bottom:5px solid #555} /*셀렉트박스 _ 우측 아이콘,서브텍스트 있음*/ .basic_layer.pixelget_layer .opt_select .layer_choice2{width:100%;max-width:inherit} .basic_layer.pixelget_layer .opt_select .layer_choice2 .link_menu{max-width:340px} .basic_layer.pixelget_layer .dashcopy_wrap .opt_select .link_option{height:60px;padding-top:11px;box-sizing:border-box} .reform_opt_list .reform_opt_info{position:absolute;top:50%;right:16px;margin-top:-9px;font-size:12px;line-height:18px;color:#333} .reform_opt_list .reform_opt_info .ico_comm{display:inline-block;width:12px;height:12px;margin:-3px 5px 0 0;background-position:-700px -555px;vertical-align:middle} .reform_opt_list .link_option .tit_menu{display:block;font-size:13px;line-height:19px;font-weight:400;color:#333} .reform_opt_list .link_option .desc_menu{display:block;padding-top:3px;font-size:12px;line-height:18px;color:#999} .reform_opt_list .in_active .link_option .desc_menu,.reform_opt_list .in_active .link_option .tit_menu,.reform_opt_list .in_active .reform_opt_info{color:#ccc} .reform_opt_list .in_active .reform_opt_info .ico_comm{opacity:0.5} .reform_opt_list .reform_opt_info + .link_option{padding-right:112px} .reform_opt_list .reform_opt_info + .link_option .tit_menu,.reform_opt_list .reform_opt_info + .link_option .desc_menu{overflow:hidden;max-width:330px;text-overflow:ellipsis;white-space:nowrap} /* 셀렉트박스_작은사이즈 */ .opt_select.opt_small{min-width:auto;max-width:none;min-height:25px;font-size:11px;background-position:0 -340px} .opt_select.opt_small:hover,.opt_select.opt_small.over{background-position:0 -370px} .opt_select.opt_small .link_selected{min-height:18px;padding:2px 26px 3px 9px;line-height:18px} .opt_select.opt_small .ico_arr{margin-top:-2px;border-left-width:3px;border-right-width:3px;border-top-width:4px} .opt_select.opt_small .opt_list{top:23px} .opt_select.opt_small .link_option{height:21px;padding:0 9px;line-height:21px} .opt_select.opt_small.opt_open{background-position:0 -500px} .opt_select.opt_small.opt_open .ico_arr{border-bottom-width:4px} /* 행갯수 셀렉트 */ .opt_row{width:104px;min-width:0;max-width:none;background:#fff} .opt_row .opt_list{min-width:104px;max-width:none} .opt_row .link_selected{padding-right:26px} .opt_row:hover,.opt_row.over,.opt_row.opt_open{background-color:#f5f5f5} /* 행갯수 셀렉트 */ .opt_time{width:104px;min-width:0;max-width:none;background:#fff} .opt_time .opt_list{min-width:104px;max-width:none} .opt_time .link_selected{padding-right:26px} /* 필터 셀렉트 */ .opt_filter{min-width:98px} .opt_filter .opt_list{left:auto;right:-1px;max-width:none;padding:0} .opt_filter .list_opt .list_opt .box_checkinp .inp_check,.opt_filter .list_opt .list_opt .box_checkinp .ico_check{left:38px} .opt_filter .list_opt .list_opt{border-top:0 none} .opt_filter .list_opt .list_opt .box_checkinp .lab_check{padding-left:62px} /* 열기본지표 옵션레이어 타입2 */ .optlist_row{display:none;width:313px;position:absolute;left:-1px;top:45px;z-index:20;border-radius:4px;background-color:#fff;box-shadow:0 2px 10px 0 rgba(0,0,0,0.25)} .optlist_row .optrow_wrap{position:relative} .optlist_row .optrow_wrap:before{position:absolute;left:50%;top:0;width:1px;height:100%;background-color:#ebebeb;z-index:1;content:''} .optlist_row .optrow_wrap:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''} .optlist_row .optrow_cell{float:left;width:50%;height:100%} .optlist_row .optrow_cell:first-child{border-left:0 none} .optlist_row .optrow_cell .tit_optrow{display:block;height:32px;padding:6px 5px 0 15px;line-height:32px;font-size:13px;font-weight:400;color:#777} .optlist_row .list_opt{clear:both;border-color:#e6e6e6} .optlist_row .box_checkinp .lab_check{letter-spacing:-0.03em} .opt_right .optlist_row{left:auto;right:-1px} /* 변경이력용 달력 한개짜리 */ .opt_right .calendar_layer{left:auto;right:-1px} /* 커플셀렉트 2개이상일때 */ .couple_select{display:inline-block;vertical-align:top} .couple_select:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''} .couple_select .opt_select{float:left;min-width:122px;max-width:none;margin-left:-1px;border-radius:0} .couple_select .opt_select:first-child{border-radius:2px 0 0 2px} .couple_select .opt_select:last-child{border-radius:0 2px 2px 0} .couple_select .opt_select.opt_open + .opt_select{border-left-color:#000} .couple_select .opt_select:hover + .opt_select{border-left-color:#000} .couple_select .opt_list{width:122px;min-width:0;max-width:none} /* 공통 input-radio */ .radio_inp{display:inline-block;position:relative;width:18px;height:18px;vertical-align:middle} .radio_inp .inp_radio{position:absolute;left:0;top:0;z-index:-1;width:18px;height:18px;opacity:0.01;filter:alpha(opacity=0)} .radio_inp .ico_radio{position:absolute;left:0;top:0;width:18px;height:18px;background-position:-715px -50px} .radio_inp:hover .ico_radio,.radio_inp.over .ico_radio{background-position:-735px -50px} .radio_inp.on .ico_radio,.radio_inp .inp_radio:checked + .ico_radio{background-position:-775px -50px} .radio_inp.in_active,.radio_inp.in_active .inp_radio{cursor:default;pointer-events:none} .radio_inp.in_active .ico_radio{background-position:-755px -50px} .radio_inp.on.in_active .ico_radio,.radio_inp.in_active .inp_radio:checked + .ico_radio{background-position:-475px -140px} .box_radioinp{display:inline-block;position:relative;vertical-align:top} .box_radioinp .inp_radio{position:absolute;left:0;top:50%;z-index:-1;width:18px;height:18px;margin-top:-8px;opacity:0.01;filter:alpha(opacity=0)} .box_radioinp .ico_radio{position:absolute;left:0;top:50%;width:18px;height:18px;margin-top:-8px;background-position:-715px -50px} .box_radioinp .lab_radio{display:block;height:100%;padding-left:28px;color:#555;cursor:pointer} .box_radioinp:hover .ico_radio,.box_radioinp.over .ico_radio{background-position:-735px -50px} .box_radioinp .inp_radio:checked + .lab_radio .ico_radio,.box_radioinp.on .lab_radio .ico_radio{background-position:-775px -50px} .box_radioinp.in_active,.box_radioinp.in_active .inp_radio{cursor:default;pointer-events:none} .basic_layer.bnrimg_layer .box_radioinp.in_active .lab_radio{color:#999} /*공통인지 확인되지 않아서 배너만들기에만 우선 적용함*/ .box_radioinp.in_active .link_help{pointer-events:auto} .box_radioinp.in_active .ico_radio{background-position:-755px -50px} .box_radioinp.in_active .inp_radio:checked + .lab_radio .ico_radio{background-position:-755px -50px} .box_radioinp.on.in_active,.box_radioinp.on.in_active .inp_radio{cursor:default;pointer-events:none} .box_radioinp.on.in_active .ico_radio,.box_radioinp.in_active .inp_radio:checked + .lab_radio .ico_radio{background-position:-475px -140px} /* 공통 input-checkbox */ .check_inp{display:inline-block;position:relative;width:18px;height:18px;vertical-align:middle} .check_inp .inp_check{position:absolute;left:0;top:50%;z-index:-1;width:18px;height:18px;margin-top:-8px;opacity:0.01;filter:alpha(opacity=0)} .check_inp .ico_check{position:absolute;left:0;top:50%;width:18px;height:18px;margin-top:-8px;background-position:-795px -50px} .check_inp:hover .ico_check,.check_inp.over .ico_check{background-position:-815px -50px} .check_inp.on .ico_check,.check_inp .inp_check:checked + .ico_check{background-position:-855px -50px} .check_inp.in_active,.check_inp.in_active .inp_check{cursor:default;pointer-events:none} .check_inp.in_active .ico_check{background-position:-835px -50px} .check_inp.in_active.on .ico_check,.check_inp.in_active .inp_check:checked + .ico_check{background-position:-695px -50px} .check_inp.on_check .ico_check,.check_inp.on_check:hover .ico_check,.check_inp.on_check .inp_check:checked + .ico_check{background-position:-845px -30px} .box_checkinp.on_check .ico_check,.box_checkinp.on_check:hover .ico_check,.box_checkinp.on_check .inp_check:checked + .lab_check .ico_check{background-position:-845px -30px} /* 체크박스 - 기본사이즈 */ .box_checkinp{display:inline-block;position:relative} .box_checkinp .inp_check{position:absolute;left:0;top:50%;z-index:-1;width:18px;height:18px;margin-top:-9px;opacity:0.01;filter:alpha(opacity=0)} .box_checkinp .ico_check{position:absolute;left:0;top:50%;width:19px;height:18px;margin-top:-9px;background-position:-795px -50px} .box_checkinp .lab_check{display:block;height:100%;padding-left:26px;color:#555;cursor:pointer} .box_checkinp:hover .ico_check,.box_checkinp.over .ico_check{background-position:-815px -50px} .box_checkinp.on .ico_check,.box_checkinp .inp_check:checked + .lab_check .ico_check{background-position:-855px -50px} .box_checkinp.in_active,.box_checkinp.in_active .inp_check{cursor:default;pointer-events:none} .basic_layer.bnrimg_layer .box_checkinp.in_active .lab_check{color:#999} /*공통인지 확인되지 않아서 배너만들기에만 우선 적용함*/ .box_checkinp.in_active .ico_check{background-position:-835px -50px} .box_checkinp.in_active.on .ico_check,.box_checkinp.in_active .inp_check:checked + .lab_check .ico_check{background-position:-695px -50px} /* 큰사이즈 체크박스 */ /* 체크박스 - 큰사이즈 */ .big_checkinp{display:inline-block;position:relative} .big_checkinp .inp_check{position:absolute;left:0;top:50%;z-index:-1;width:24px;height:24px;margin-top:-12px;opacity:0.01;filter:alpha(opacity=0)} .big_checkinp .ico_check{position:absolute;left:0;top:50%;width:24px;height:24px;margin-top:-12px;background-position:-200px -290px} .big_checkinp .lab_check{display:block;height:100%;padding-left:44px;font-size:16px;color:#111;cursor:pointer} .big_checkinp:hover .ico_check,.big_checkinp.over .ico_check{background-position:-230px -290px} .big_checkinp.on .ico_check{background-position:-260px -290px} .big_checkinp .inp_check:checked + .lab_check .ico_check{background-position:-260px -290px} /* 공통 input-text */ .box_inptxt{display:block;position:relative;height:20px;padding:7px 11px 7px 15px;border-radius:2px;border:1px solid #ddd;color:#333;background-color:#fff} .box_inptxt .inner_inp{display:block;overflow:hidden;height:100%} .box_inptxt::placeholder,.box_inptxt .inp_txt::placeholder,.box_inptxt .inp_txt::-webkit-input-placeholder,.box_inptxt .inp_txt:-ms-input-placeholder{color:#999} .box_inptxt .lab_txt{position:absolute;left:15px;top:50%;margin-top:-11px;font-size:13px;line-height:20px;color:#999;cursor:text} .box_inptxt .inp_txt{display:block;width:100%;height:100%;border:0 none;padding:0;font-size:13px;line-height:20px;background-color:transparent;color:#333;outline:0 none} .box_inptxt .fc_inptxt{font-size:13px;line-height:20px;color:#333}/**개발시 사용되는 inp_txt 대체 영역*/ .box_inptxt .num_byte{float:right;margin-top:0;margin-right:-1px;padding-left:40px;font-weight:400;font-size:13px;line-height:20px;color:#333;text-align:right} .box_inptxt.box_inptxt_won{padding-right:26px}/** 원 텍스트가 들어갈경우 */ .box_inptxt .txt_won{position:absolute;right:9px;top:0;line-height:30px} .box_inptxt:hover,.box_inptxt.over{border-color:#333} .box_inptxt.on{border-color:#326edc;color:#333} .box_inptxt.in_active{background-color:#f5f5f5;cursor:default;pointer-events:none} .box_inptxt.in_active.over,.box_inptxt.in_active:hover{border-color:#ccc} .box_inptxt.in_active .inp_txt,.box_inptxt.in_active .fc_inptxt{color:#ccc} .box_inptxt.in_active .inner_inp .fc_warn{color:#E06D88} .box_inptxt.in_active .inp_txt[disabled]{color:#ccc;background-color:#f5f5f5} .box_inptxt.in_active .txt_won{color:#ccc} .box_inptxt.in_active .num_byte{color:#ccc} .box_inptxt.in_error{border-color:#F51045} .box_inptxt.on .lab_txt,.box_inptxt.on_inp .lab_txt,.box_inptxt.in_active .lab_txt,.box_inptxt.in_error .lab_txt{display:none} .box_inptxt.help_inp{padding-right:43px} .box_inptxt.help_inp .link_g{vertical-align:top} .box_inptxt.help_inp .help_wrap{position:absolute;right:14px;top:50%;z-index:1;margin-top:-10px} .box_inptxt.help_inp .help_wrap.on .link_g .ico_help2{background-position:-30px -140px} /*오른쪽 정렬*/ .box_inptxt.align_r{padding-left:11px;padding-right:15px} .box_inptxt.align_r .inp_txt{text-align:right} /*input 내 검색 내역*/ .box_inptxt .btn_history{float:right;position:relative;height:30px;padding:0 5px 0 11px;margin:-5px -5px 0 11px} .box_textarea2 .btn_history{position:absolute;top:1px;right:4px;height:30px;padding:0 5px 0 11px} .box_textarea2 .btn_history + .num_byte{right:45px} .box_textarea2 .btn_history + .num_byte + .lab_txt,.reform_wrap .reform_material_item .btn_history + .num_byte + .lab_txt{right:80px} .box_inptxt .btn_history:after,.box_textarea2 .btn_history:after{position:absolute;top:9px;left:0;width:1px;height:14px;background:#ddd;content:''} .box_inptxt .btn_history .ico_comm,.box_textarea2 .btn_history .ico_comm{width:14px;height:14px;margin:9px auto 0;background-position:-650px -450px} .box_inptxt.history_on .btn_history .ico_comm,.box_textarea2.history_on .btn_history .ico_comm,.box_inptxt .btn_history:hover .ico_comm,.box_textarea2 .btn_history:hover .ico_comm{background-position:-650px -465px} .box_inptxt .layer_inphistory,.box_textarea .layer_inphistory,.box_textarea2 .layer_inphistory{display:none;position:absolute;top:45px;left:-1px;right:-1px;z-index:20;min-height:119px;border-radius:2px;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,0.2)} /* 2022-04-13 수정 */ .reform_wrap .reform_material_item .box_textarea2 .layer_inphistory{top:85px} .history_on .layer_inphistory{display:block} .layer_inphistory .tit_history{display:block;padding:15px 15px 0;font-size:12px;font-weight:700;line-height:20px;color:#333} .layer_inphistory .tit_history .link_help{margin-top:-1px;margin-left:2px} .layer_inphistory .list_history{padding:8px 0 10px} .layer_inphistory .list_history li{position:relative} .layer_inphistory .list_history .link_history{overflow:hidden;display:block;height:31px;padding:0 15px;line-height:30px;font-size:13px;color:#333;text-overflow:ellipsis;white-space:nowrap} .layer_inphistory .list_history .link_history:hover{background:rgba(0,0,0,0.03);text-decoration:none} .layer_inphistory .list_history .on .link_history{color:#326EDC;background:#F1F6FC} .layer_inphistory .list_history .ico_pc,.layer_inphistory .list_history .ico_mo{display:inline-block;width:25px;height:17px;margin:7px 7px 0 0;vertical-align:top} .layer_inphistory .list_history .ico_pc{background-position:-620px -470px} .layer_inphistory .list_history .ico_mo{background-position:-620px -450px} .layer_inphistory .box_nodata{font-size:13px;color:#777;line-height:47px;text-align:center} .layer_inphistory .box_nodata .reform_area_loading{margin-top:15px} .layer_inphistory .box_nodata .reform_area_loading .ico_loading{width:8px;height:8px;margin-left:2px;margin-right:3px} .layer_inphistory .btn_close{position:absolute;top:10px;right:5px;padding:10px} .layer_inphistory .btn_close .ico_comm{width:10px;height:10px;background-position:-835px -215px;opacity:0.5} .layer_inphistory .btn_close:hover .ico_comm{opacity:1} .layer_inphistory .tooltip_history{position:absolute;top:27px;right:-268px;width:300px;padding:12px 16px;border-radius:4px;font-size:12px;line-height:18px;color:#555;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,0.2);box-sizing:border-box} .layer_inphistory .tooltip_history .link_txt{color:#555;word-break:break-word} /*input 내 추가하기 */ .box_inptxt .btn_plus{float:right;position:relative;height:30px;padding:0 5px 0 11px;margin:-5px -5px 0 11px} .box_textarea2 .btn_plus{position:absolute;top:1px;right:4px;height:30px;padding:0 5px 0 11px} .box_textarea2.tf_num{text-align:right} .box_textarea2 .btn_plus + .num_byte{right:45px} .box_textarea2.tf_num2 .lab_txt,.reform_wrap .reform_material_item .box_textarea2.tf_num2 .lab_txt{right:80px} .box_textarea2.tf_num2 .tf_area,.reform_material_item .box_textarea2.tf_num2 .tf_area{padding-right:80px} .box_textarea2.tf_num3 .num_byte + .num_byte{right:85px;padding-right:10px} .box_textarea2.tf_num3 .lab_txt,.reform_wrap .reform_material_item .box_textarea2.tf_num3 .lab_txt{right:118px;text-align:right} .box_textarea2.tf_num3 .tf_area,.reform_material_item .box_textarea2.tf_num3 .tf_area{padding-right:118px} .box_inptxt .btn_plus:after,.box_textarea2 .btn_plus:after{position:absolute;top:9px;left:0;width:1px;height:14px;background:#ddd;content:''} .box_inptxt .btn_plus .ico_comm,.box_textarea2 .btn_plus .ico_comm{width:14px;height:14px;margin:9px auto 0;background-position:-885px -740px} .box_inptxt .btn_plus:hover .ico_comm,.box_textarea2 .btn_plus:hover .ico_comm{background-position:-885px -755px} .box_textarea2 .btn_plus + .num_byte + .num_byte{right:85px;padding-right:10px} .box_textarea2 .btn_plus + .num_byte + .num_byte:after{position:absolute;top:6px;right:0;width:1px;height:14px;background:#ddd;content:''} /* 금액 */ .reform_inp_num .inp_txt{text-align:right} .reform_inp_num .num_byte{padding-left:10px} .item_material .reform_inp_num .lab_txt{left:auto;right:32px} /* 검색 input-text */ .search_inp .ico_search{display:none;position:absolute;left:9px;top:50%;width:17px;height:17px;margin-top:-9px;background-position:-170px 0} .search_inp.on .ico_search{background-position:-190px 0} .search_inp .btn_del{display:none} .search_inp.on .btn_del,.search_inp.on_inp .btn_del{display:block} .search_inp2,.reform_search_complete .search_inp2{padding-right:68px} /*삭제버튼 없을때 45px / 있을때 68px*/ .search_inp2 .btn_search{position:absolute;right:0;top:0;width:25px;height:34px} .search_inp2 .ico_search{width:16px;height:16px;margin:1px 47px 0 0;background-position:-685px -505px} .search_inp2.in_active .ico_search{background-position:-705px -505px} .search_inp2 .btn_del{display:none;position:absolute;right:30px;top:0;width:25px;height:34px} .search_inp2 .ico_del{width:14px;height:14px;margin:10px auto;background-position:-690px -445px} .search_inp2.on .btn_del,.search_inp2.on_inp .btn_del{display:block} .search_inp2 .btn_del2{position:absolute;right:0;top:0;width:32px;height:34px} .search_inp2 .btn_del2 .ico_del{width:12px;height:12px;margin:11px auto;background-position:-720px -345px;opacity:0.55} .search_inp2 .btn_del2:hover .ico_del{opacity:1} /* 검색 input-text - 버튼이 붙은 type */ .box_search{position:relative;padding-right:69px} .box_search .box_inptxt{padding:9px 16px 13px} .box_search .box_inptxt .btn_del{display:none;position:absolute;right:0;top:0;width:40px;height:42px} .box_search .box_inptxt .ico_del{width:10px;height:10px;margin:16px auto 0;background-position:0 -50px} .box_search .btn_gb{position:absolute;right:0;top:0;width:59px;height:44px} .box_search .btn_gb .inner_g{padding-right:0;padding-left:0} .box_search .txt_error{display:none;padding-top:5px;margin-bottom:-2px} .box_search.error .box_inptxt{border-color:#f64949} .box_search.error .txt_error{display:block} .box_search .box_inptxt.on{padding-right:40px} /* 검색 input-text 작은타입 */ .box_search2{position:relative;padding-right:66px} .box_search2 .box_inptxt{width:198px} .box_search2 .btn_gm{position:absolute;right:0;top:0;width:56px} .box_search2 .btn_gm .inner_g{padding-right:0;padding-left:0} /* 검색 input-text 넓은타입 */ .box_search3{position:relative;padding-right:66px} .box_search3 .box_inptxt{width:232px} .box_search3 .btn_gm{position:absolute;right:0;top:0;width:56px} .box_search3 .btn_gm .inner_g{padding-right:0;padding-left:0} /* 공통 - group_inp */ .group_inp:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''} .group_inp .box_inptxt{float:left} .group_inp .box_radioinp{float:left;height:16px;margin-left:29px;line-height:13px} .group_inp .box_radioinp:first-child{margin-left:0} .group_inp .lab_radio{padding-left:23px} .verifi_inp .txt_noti{float:left;height:36px;margin-left:10px;font-size:13px;line-height:31px;color:#777;letter-spacing:-0.05em} .verifi_inp .txt_noti.fc_warn{color:#f64949} .group_radioinp{padding:10px 0} .group_inp.hyphen_inp .box_num2{width:19px} /*구버전 사업자 등록번호 .group_inp.hyphe > box_num2 / 최신버전 account_reform/account_creat.html*/ .group_inp.hyphen_inp .box_num3{width:25px} .group_inp.hyphen_inp .box_num4{width:33px} .group_inp.hyphen_inp .box_num5{width:40px} .group_inp.hyphen_inp .box_num6{width:84px} .group_inp.hyphen_inp .txt_hyphen,.group_inp.hyphen_inp .txt_inptxt{float:left;height:36px;padding:0 9px;line-height:32px;font-size:18px;color:#111} .group_inp.upload_inp{display:inline-block;position:relative;vertical-align:top} .group_inp.upload_inp .inp_file{overflow:hidden;position:absolute;left:0;top:0;width:440px;height:36px;margin-top:2px;text-indent:-9999px;font-size:99px;opacity:0.01;filter:alpha(opacity=0);cursor:pointer} .group_inp.upload_inp .lab_file{float:left;margin-left:9px;cursor:pointer} .group_inp.email_inp .txt_email{float:left;width:32px;height:36px;line-height:36px;text-align:center} .group_inp.email_inp .box_inptxt{width:154px} .group_inp.email_inp .opt_select{min-width:184px;max-width:inherit} .group_inp.email_inp .opt_select .opt_list{min-width:184px;max-width:inherit} .group_inp.multiopt_inp{padding-left:14px} .group_inp.multiopt_inp .opt_select{float:left;width:50%;max-width:inherit;margin-left:10px} .group_inp.multiopt_inp .opt_select:first-child{margin-left:-14px} .group_inp.multiopt_inp .opt_select .opt_list{width:100%;max-width:inherit} .group_inp.verifi_inp .box_inptxt{width:168px} .group_inp.username_inp .box_inptxt{width:287px} .group_inp + .verifi_inp{margin-top:14px} /* textarea 공통요소 */ .box_textarea{position:relative;width:100%;height:55px;padding-right:3px;border:1px solid transparent;border-color:#ddd;border-radius:2px;font-size:13px;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#fff} /* 디자인 스크롤 여백 */ .box_textarea:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''} .box_textarea:hover{border-color:#555} .box_textarea .tf_area{display:block;overflow-x:hidden;width:100%;height:100%;padding:7px 15px 7px;border:0 none;outline:none;resize:none;line-height:18px;color:#333;background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box} .box_textarea.in_active .tf_area,.box_textarea2.in_active .tf_area{color:#ccc} .box_textarea.in_active .num_byte,.box_textarea2.in_active .num_byte{color:#ccc} .box_textarea .lab_txt{position:absolute;left:15px;right:15px;top:6px;color:#999;cursor:text} .box_textarea .num_byte{position:absolute;right:20px;top:6px;font-size:13px;font-weight:400;line-height:23px;color:#333;text-align:right} /* right:10px;*/ .box_textarea.on{border-color:#326edc} .box_textarea.in_active{background-color:#f5f5f5;border-color:#ddd;cursor:default} .box_textarea.in_error{border-color:#f51045} .box_textarea.on .lab_txt,.box_textarea.in_active .lab_txt,.box_textarea.in_error .lab_txt{display:none} .box_textarea.textarea_l{height:117px} .box_textarea .num_byte + .tf_area{padding-right:58px} .box_textarea.textarea_l2{height:263px} /* 스크롤없는타입 */ .box_textarea2{position:relative;height:90px;border:1px solid transparent;border-color:#ddd;border-radius:2px;font-size:13px;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#fff} .box_textarea2:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''} .box_textarea2:hover{border-color:#555} .box_textarea2 .tf_area{display:block;overflow:hidden;width:100%;height:100%;padding:9px 55px 5px 15px;border:0 none;font-size:13px;line-height:22px;color:#333;background:transparent;outline:none;resize:none;-webkit-box-sizing:border-box;box-sizing:border-box} .box_textarea2 .lab_txt{position:absolute;left:15px;top:7px;right:55px;color:#999;cursor:text} .box_textarea2 .num_byte{position:absolute;right:10px;top:5px;font-size:13px;font-weight:400;line-height:23px;color:#333;text-align:right} .box_textarea2.textarea_s{height:60px} .box_textarea2.textarea_s .tf_area{padding:5px 55px 5px 15px} .box_textarea2.textarea_s .num_byte{top:7px} .box_textarea2.textarea_m{height:70px} .box_textarea2.on{border-color:#326edc} .box_textarea2.in_active{background-color:#f5f5f5;border-color:#ddd;cursor:default;pointer-events:none} .box_textarea2.in_error{border-color:#f51045} .box_textarea2.on .lab_txt,.box_textarea2.in_active .lab_txt,.box_textarea2.in_error .lab_txt{display:none} /* 공통 - 페이징 */ .paging_wrap{height:36px;text-align:center} .paging_wrap .inner_paging{display:inline-block;height:36px} .paging_wrap .num_paging{float:left;width:30px;height:30px;margin-left:5px;font-size:13px;line-height:30px;text-align:center;color:#777;background-color:#fff;text-decoration:none} .paging_wrap a.num_paging:hover,.paging_wrap em.num_paging:hover{background:rgba(0,0,0,0.03)} .paging_wrap .num_paging.num_skip:hover{background:#fff} .paging_wrap em.num_paging{position:relative;z-index:1;font-weight:500;color:#326edc;cursor:default} .paging_wrap .num_prev{margin-right:10px} .paging_wrap .num_next{margin-left:15px} .paging_wrap .ico_comm{height:10px;margin:10px auto 0} .paging_wrap .ico_prevs{width:12px;background-position:-685px -540px} .paging_wrap .ico_prev{width:6px;background-position:-700px -540px} .paging_wrap .ico_nexts{width:12px;background-position:-720px -540px} .paging_wrap .ico_next{width:6px;background-position:-710px -540px} .paging_wrap span.num_paging .ico_comm{opacity:0.3;filter:alpha(opacity=30)} .paging_wrap .inner_paging .opt_row{margin:-3px 0 0 20px} /* 공통 - 페이징 작은사이즈 */ .paging_wrap.paging_s{height:26px} .paging_wrap.paging_s .inner_paging{height:26px} .paging_wrap.paging_s .num_paging{width:27px;height:26px;margin:0;border:0 none;line-height:26px} .paging_wrap.paging_s a.num_paging:hover{background:none;text-decoration:underline} .paging_wrap.paging_s .btn_paging{float:left;width:24px;height:24px;margin:0 10px;border:1px solid #ccc;border-radius:2px;background-color:#fff} .paging_wrap.paging_s span.btn_paging .ico_comm{opacity:0.4;filter:alpha(opacity=40)} .paging_wrap.paging_s .ico_prev{margin:7px 10px 0 8px} .paging_wrap.paging_s .ico_next{margin:7px 8px 0 10px} /* 공통 - Tab */ .tab_g{height:41px;border-bottom:1px solid #EBEBEB} .tab_g:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''} .tab_g li{float:left;padding:0 15px;font-size:0} .tab_g li:first-child{padding-left:0} .tab_g li{float:left;position:relative;padding:0 15px;font-size:0} .tab_g .link_tab{display:inline-block;position:relative;height:41px;font-size:14px;line-height:43px;color:#777;font-weight:500;text-decoration:none;text-align:center;vertical-align:top} .tab_g .link_tab:hover{color:#111} .tab_g span.link_tab,.tab_g span.link_tab:hover{opacity:0.4;filter:alpha(opacity=40);color:#111;pointer-events:none;cursor:default} .tab_g .on .link_tab{color:#333} .tab_g .on .link_tab:after{position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#000;content:''} .tab_g li:first-child{padding-left:0} .tab_g .link_help{width:18px;margin-top:12px} .tab_g .link_help .ico_help{margin:4px 0 2px 6px} /* 공통 - Layer Tab */ .basic_layer .tab_g{height:56px;border-bottom:1px solid #ddd;border-radius:4px 4px 0 0;background-color:#fafafa} .basic_layer .tab_g li{float:left;position:relative;margin:-1px 0 -1px -1px;padding:0} .basic_layer .tab_g .link_tab{display:block;height:56px;padding:0 30px;border:1px solid transparent;border-radius:4px 4px 0 0;font-size:14px;line-height:53px;letter-spacing:-1px;text-decoration:none;color:#555;text-align:center} .basic_layer .tab_g .link_tab:hover{color:#111} .basic_layer .tab_g span.link_tab,.basic_layer .tab_g span.link_tab:hover{opacity:0.4;filter:alpha(opacity=40);color:#111;pointer-events:none;cursor:default} .basic_layer .tab_g .on .link_tab{position:relative;z-index:1;border-color:#ddd;border-bottom-color:#fff;font-weight:700;color:#111;background-color:#fff} .basic_layer .tab_g li.help_tab .link_tab{padding:0 57px 0 30px} .basic_layer .tab_g li.help_tab:hover .link_tab{color:#111} .basic_layer .tab_g li.help_tab .link_g{position:absolute;right:29px;top:18px;z-index:10} /*상세 > 박스 내 탭*/ .ad_managebox .tab_g{padding-top:19px;background:#fff} .ad_managebox .tab_g .link_tab .fc_emph{font-weight:700;color:#777} .ad_managebox .tab_g .on .link_tab .fc_emph{color:#326EDC} .ad_managebox .tab_right{position:absolute;top:86px;right:29px} .ad_managebox .tab_right .link_txt,.ad_managebox .managebox_tit .f_right .link_txt{display:inline-block;padding:3px 10px 0 0;font-size:13px;color:#333;line-height:32px;text-decoration:underline} .tab_g2{overflow:hidden;background-color:#f5f5f5} .tab_g2 li{float:left;width:50%} .tab_g2 .link_tab{display:block;height:56px;border:1px solid transparent;border-top:0 none;border-bottom-color:#ccc;margin-left:-1px;font-size:18px;line-height:53px;letter-spacing:-1px;text-decoration:none;color:#555;text-align:center} .tab_g2 .link_tab:hover{color:#111} .tab_g2 li:last-child .link_tab{margin-right:-1px} .tab_g2 .on .link_tab{border-color:#ccc;border-bottom-color:#fff;font-weight:500;color:#111;background-color:#fff} .tab_g3{overflow:hidden;background-color:#fafafa} .tab_g3 li{float:left;width:50%} .tab_g3 .link_tab{display:block;height:42px;border:1px solid #ccc;border-right:0 none;line-height:41px;text-decoration:none;color:#777;text-align:center;letter-spacing:-0.05em} .tab_g3 li:first-child .link_tab{border-left:1px solid #ccc} .tab_g3 li:last-child .link_tab{border-right:1px solid #ccc} .tab_g3 .on .link_tab{border-color:#326edc;font-weight:500;color:#fff;background-color:#326edc} .tab_g3 .on + li .link_tab{border-left:0 none} .tab_g3 li:first-child.on .link_tab{border-left:1px solid #326edc} .tab_g3 li:last-child.on .link_tab{border-right:1px solid #326edc} .tab_g3 li .link_tab:hover{color:#111;background-color:#f5f5f5} .tab_g3 .on .link_tab:hover{color:#fff;background-color:#326edc} .tab_g3 .link_tab .num_tab{margin-left:2px} .tab_g5{overflow:hidden;height:43px;border:1px solid #ddd;background-color:#fff} .tab_g5 li{float:left;margin:-1px 0} .tab_g5 li:first-child{margin-left:-1px} .tab_g5 .link_tab{display:block;height:44px;padding:0 30px 0 29px;font-weight:500;line-height:44px;font-size:13px;text-decoration:none;color:#333;text-align:center} .tab_g5 .link_tab:hover{color:#111} .tab_g5 .on .link_tab{position:relative;z-index:1;background-color:#326edc;font-weight:500;color:#fff} .tab_g8{height:40px;background-color:#f5f5f5} .tab_g8 li{float:left} .tab_g8 .link_tab{display:block;min-width:100px;height:40px;padding:0 20px;line-height:42px;text-decoration:none;color:#777;text-align:center} .tab_g8 .link_tab:hover{color:#111} .tab_g8 .on .link_tab{position:relative;z-index:1;font-weight:bold;color:#111;background-color:#fff;border-radius:5px 5px 0 0} /* 공통 - 툴팁 */ .tooltip_basic{z-index:1100;white-space:normal} .tooltip_basic:after,.tooltip_basic:before{display:none !important} .tooltip_basic .txt_tooltip{display:block;font-size:12px;color:#555;line-height:18px;text-align:left;word-break:break-all} .tooltip_basic .txt_tooltip .link_txt{color:#326edc;text-decoration:underline} .tooltip_basic .tit_tooltip + .txt_tooltip{margin-top:3px} .tooltip_basic .txt_tooltip + .txt_tooltip{margin-top:5px} .tooltip_basic .txt_tooltip + .thumb_tipimg{margin-top:10px} .tooltip_basic .thumb_tipimg + .txt_tooltip{margin-top:10px} .tooltip_basic .thumb_tipimg{margin:5px 0 2px;text-align:center} .tooltip_basic .thumb_tipimg .img_tipimg{vertical-align:top} .tooltip_basic .tit_tooltip{display:block;text-align:left;font-weight:700;color:#333} .tooltip_basic .tit_tooltip2{display:block;margin-bottom:6px;text-align:left;font-weight:700;color:#333} .tooltip_basic .txt_tooltip2{display:block;text-align:left;color:#555} .tooltip_basic .tit_tooltip + .txt_tooltip2{padding-top:4px} .tooltip_basic .txt_tooltip2{padding-top:3px} .tooltip_basic .txt_tooltip2 + .tit_tooltip{margin-top:9px} .tooltip_basic .desc_tooltip{line-height:27px} .tooltip_basic .desc_tooltip dt{float:left;width:61px;font-weight:700;color:#111} .tooltip_basic .desc_tooltip dd{overflow:hidden;color:#555} .tooltip_basic.ly_tooltip{overflow-y:auto;max-width:460px;max-height:410px;padding:12px 16px;border-radius:4px;font-weight:400;font-size:12px;line-height:18px;background-color:#fff !important;color:#555 !important;text-align:left;box-shadow:0 2px 10px rgba(0,0,0,0.25)} .tooltip_basic.ly_tooltip .ico_arrtip{display:none;position:absolute;right:auto;top:auto;left:11px;bottom:-6px;width:13px;height:6px;border:0 none;background-position:-140px -20px} .tooltip_basic.ly_tooltip_type2{max-width:472px} .tooltip_basic.ly_tooltip2{max-width:252px;padding:10px 16px;/*border:1px solid #0099e6;*/ border-radius:4px;font-size:12px;line-height:20px;background-color:#f0faff !important;color:#555 !important;box-shadow:0 2px 10px rgba(0,0,0,0.25)} .tooltip_basic.ly_tooltip2 .ico_arrtip{display:none;position:absolute;left:11px;bottom:-6px;width:13px;height:6px;background-position:-290px -120px} .tooltip_basic.ly_tooltip3{max-width:300px;padding:1px 5px 2px;margin:0 !important;border:1px solid #888;border-radius:2px;font-size:12px;line-height:18px;color:#000 !important;background-color:#fff !important} .tooltip_basic.ly_tooltip4{max-width:305px} .tooltip_basic.ly_tooltip .list_tooltip{padding-top:7px} .tooltip_basic.ly_tooltip .list_tooltip.list_pd0{padding-top:0} .tooltip_basic.ly_tooltip .list_tooltip .ico_dot{display:inline-block;width:2px;height:2px;margin:8px 4px 0 0;background-color:#878787;vertical-align:top} .tooltip_basic .list_tooltip.list_audience .ico_dot{position:absolute;top:2px;left:0} .tooltip_basic .list_tooltip.list_audience .ico_dot + .limit_line{padding-left:6px} .tooltip_basic .list_tooltip.list_audience .limit_line{display:block;overflow:hidden;text-overflow:ellipsis;/*white-space:nowrap*/ white-space:normal} /*확인필요*/ .tooltip_basic.ly_tooltip .list_tooltip.list_audience{padding-top:4px} .tooltip_basic.ly_tooltip .list_tooltip.list_audience li{position:relative;padding-top:2px} .tooltip_basic .list_tooltip.list_audience + .tit_tooltip{padding-top:10px} .tooltip_basic .list_audience .subtit_audience{display:block;position:relative;padding-left:6px;line-height:18px;font-weight:700;font-size:12px;color:#555} .tooltip_basic .list_audience .subtit_audience .ico_dot{position:absolute;top:0;left:0;width:3px;height:3px;border-radius:3px;background:#555} .tooltip_basic .list_audience .desc_audience{display:inline-block;max-width:100%;padding-left:6px;font-size:12px;line-height:18px;color:#555;vertical-align:top} .tooltip_basic .list_audience .desc_audience .f_right{padding-left:2px} .tooltip_basic .list_audience li + li{margin-top:8px} /* 파일업로드버튼 */ .box_inpfile{display:inline-block;position:relative;vertical-align:top} .box_inpfile .inp_file{overflow:hidden;position:absolute;left:0;top:0;z-index:-1;width:100%;height:100%;text-indent:-9999px;font-size:99px;opacity:0.01;filter:alpha(opacity=0);cursor:pointer} .box_inpfile .lab_file{cursor:pointer} .sortable .desc_sort{position:absolute;top:50%;right:32px;margin-top:-12px;font-weight:400;font-size:11px;color:#777;line-height:20px;text-decoration:none} .sortable.sort_on .desc_sort{color:#555} .sortable .menu_layer{left:auto;top:25px;right:-65px} .sortable .menu_layer .link_menu{position:relative} .sortable .ico_sort{position:absolute;top:11px;right:10px;width:7px;height:10px;background-position:-810px -205px;opacity:0.2;cursor:pointer} .sortable .ico_sort:hover{opacity:0.6} .sortable .desc_sort .ico_sort{display:inline-block;position:static;margin:5px 0 0 3px;vertical-align:top} .sortable.sort_on .ico_sort{opacity:0.6} .sortable .menu_layer .ico_sort{top:10px;opacity:0.5} .sortable .menu_layer .link_menu:hover .ico_sort{display:block} .sortable .menu_layer .link_menu.on{color:#326edc;background:none} .sortable .menu_layer .link_menu:hover,.sortable .menu_layer .link_menu.on:hover{background:rgba(0,0,0,0.03)} .sortable .menu_layer .link_menu.on .ico_sort{display:block} .sortable .ico_sort.sort_up{background-position:-810px -205px} .sortable .ico_sort.sort_down{background-position:-820px -205px} /* 공통 - 로딩 */ .reform_area_loading{position:relative;display:table;width:100%;height:100%;line-height:8px;text-align:center;vertical-align:middle} .reform_area_loading .group_loading{display:table-cell;width:100%;height:100%;text-align:center;vertical-align:middle} .reform_area_loading .ico_loading{display:inline-block;width:8px;height:8px;margin:2px;border-radius:100%;background-color:#326edc} .reform_area_loading .loading_size2{line-height:2px} .reform_area_loading .loading_size3{line-height:12px} .reform_area_loading .loading_size2 .ico_loading{width:4px;height:4px;margin:0} /* 작은 로딩 (버튼,작은공간 사용) */ .reform_area_loading .loading_size3 .ico_loading{width:12px;height:12px;margin:1px} /* 큰 로딩 (전체 로딩시) */ .reform_area_loading .ani_loading{animation:0.6s ease-in-out 0.07s infinite normal both running animation-10yals0} .reform_area_loading .ani_loading2{animation:0.6s ease-in-out 0.14s infinite normal both running animation-10yals0} .reform_area_loading .ani_loading3{animation:0.6s ease-in-out 0.21s infinite normal both running animation-10yals0} .reform_area_loading .group_loading .txt_loading{padding-top:25px;line-height:22px;font-size:14px;color:#555} .reform_area_loading .group_loading .subtxt_loading{padding-top:0;line-height:22px;font-size:12px;color:#777} /* 공통 - 레이어 */ .layer_on{overflow:hidden} .layer_on #kakaoWrap{z-index:1} .layer_dimmed{z-index:990 !important} /* 레이어를 딤드아래로 내리고 싶을경우 사용하는 클래스 필요없는경우엔 꼭 빠지게 해주세요 */ .dimmed_layer{position:fixed;left:0;top:0;z-index:998;width:100%;height:100%;background-color:#000;opacity:0.4;filter:alpha(opacity=40)} .dimmed_layer2{position:fixed;left:0;right:0;top:60px;z-index:1000;width:100%;height:100%;background-color:#fff;opacity:0.5;filter:alpha(opacity=50)} /*전체로딩*/ .lnb_on .dimmed_layer2,.lnb_on + .dimmed_layer2{left:0} .dimmed_layer3{position:fixed;left:0;top:0;z-index:998;width:100%;height:100%;background-color:#000;opacity:0.85;filter:alpha(opacity=85)} .dimmed_layer4{position:fixed;left:0;top:0;z-index:998;width:100%;height:100%;background-color:#1e1e1e} .dimmed_layer5{position:fixed;left:0;top:0;z-index:999;width:100%;height:100%;background-color:#000;opacity:0.4;filter:alpha(opacity=40)} /* 레이어를 레이어 위에 올리고 싶을때 사용하는 클래스 */ .layer_wrap{overflow-x:auto;position:fixed;left:0;top:0;right:0;bottom:0;z-index:999} /* tooltip layer */ .tooltip_layer{z-index:99999999} .tooltip_layer .inner_tooltip_layer{position:relative;width:240px;padding:14px 24px 18px 96px;border-radius:2px;background-color:#39a4e4;background-color:rgba(57,164,228,0.9)} /* 정보 */ .tooltip_layer .inner_tooltip_layer1{background-color:#5cc555;background-color:rgba(92,197,85,0.9)} /* 긍정 */ .tooltip_layer .inner_tooltip_layer2{background-color:#f05a5e;background-color:rgba(240,90,94,0.9)} /* 부정 */ .tooltip_layer .tit_tooltip{position:absolute;left:24px;top:50%;width:48px;height:48px;margin-top:-24px} .tooltip_layer .ico_info{width:40px;height:40px;margin:4px auto 0;background-position:-80px -70px} .tooltip_layer .ico_good{width:35px;height:27px;margin:11px auto 0;background-position:-130px -70px} .tooltip_layer .ico_bad{width:28px;height:28px;margin:10px auto 0;background-position:-170px -70px} .tooltip_layer .desc_tooltip{display:table;min-height:48px} .tooltip_layer .desc_tooltip .inner_desc{display:table-cell;font-weight:500;line-height:22px;color:#fff;vertical-align:middle} .tooltip_layer .btn_close{position:absolute;right:0;top:0;width:10px;height:10px;padding:10px} .tooltip_layer .ico_close{width:10px;height:10px;background-position:0 -90px} /* 안내메시지 */ .guide_msg{position:relative;padding:11px 46px 14px 66px;margin-bottom:20px;border:1px solid #326edc;border-radius:2px;background-color:#fff} .guide_msg .desc_msg{min-height:23px;font-weight:500;line-height:22px;color:#555} .guide_msg .tit_msg{position:absolute;left:0;top:0;width:50px;height:100%;background-color:#326edc} .guide_msg .ico_msg{position:absolute;left:50%;top:50%;width:18px;height:18px;margin:-9px 0 0 -9px;background-position:-210px 0} .guide_msg .link_close{position:absolute;right:13px;top:14px;width:16px;height:16px;padding:2px} .guide_msg .ico_close{width:16px;height:16px;background-position:-120px -120px} .guide_msg .link_size{color:#326edc} .guide_msg.msg_good{border-color:#37c333} .guide_msg.msg_good .tit_msg{background-color:#37c333} .guide_msg.msg_good .ico_msg{background-position:-230px 0} .guide_msg.msg_bad{border-color:#f64949} .guide_msg.msg_bad .tit_msg{background-color:#f64949} .guide_msg.msg_bad .ico_msg{background-position:-250px 0} #mArticle .guidemsg_wrap{margin:0 -30px} .guide_msg2{position:relative;height:50px;text-align:center;line-height:49px;color:#fff;background-color:#f99900} .guide_msg2 + .guide_msg2{margin-top:1px} .guide_msg2 .desc_msg{display:inline-block;height:100%;margin-right:12px;font-weight:500;vertical-align:top} .guide_msg2 .gs_bk{margin:9px 0 0 8px} .guide_msg2 .link_close{position:absolute;right:0;top:0;padding:20px} .guide_msg2 .link_close .ico_close{width:10px;height:10px;background-position:-200px -100px} .guide_msg3{position:fixed;left:0;top:0;right:0;z-index:102;height:44px;text-align:center;line-height:42px;color:#fff;background-color:rgba(240,89,94,0.9)} .guide_msg3 .desc_msg{overflow:hidden;padding:0 50px;height:100%;font-weight:500;white-space:nowrap;text-overflow:ellipsis} .guide_msg3 .link_close{position:absolute;right:3px;top:0;padding:17px} .guide_msg3 .link_close .ico_close{width:10px;height:10px;background-position:-200px -100px} /* 레이어용 공통 테이블 */ .wrap_tbl .inner_wrap{padding:25px 25px 30px} .wrap_tbl.wrap_scroll{overflow-x:hidden;overflow-y:auto;max-height:619px} .wrap_tbl.wrap_scroll .inner_wrap{padding-right:0} .wrap_tbl .tit_details{display:block;margin:24px 0 6px;color:#111;font-weight:500} .wrap_tbl .tit_details.fst{margin-top:0} .wrap_tbl .tit_details .link_help .ico_help{margin-top:2px} .wrap_tbl .tit_top{display:block;margin:-1px 0 27px;font-size:16px;line-height:24px} .wrap_tbl .txt_top{position:relative;margin-top:-1px;margin-bottom:27px;line-height:22px} .wrap_tbl .txt_top.txt_correct{padding-right:110px} .wrap_tbl .txt_correct button.btn_gs{position:absolute;right:0;top:-3px} .wrap_tbl .tit_top + .tit_details{margin-top:-5px} .wrap_tbl .txt_top + .tit_details{margin-top:-5px} .wrap_tbl .txt_top + .list_notice{margin-top:-17px;padding-bottom:27px} .wrap_tbl .txt_top + .list_notice li{padding-top:0} .wrap_tbl .txt_top + .list_notice li:before{top:11px} .tbl_layer{width:100%;margin-top:5px;border:1px solid #ddd;border-left:0 none;border-right:0 none;border-top:0 none;border-collapse:collapse;text-align:left;table-layout:fixed} .tbl_layer th{padding:15px 0 15px 19px;border-top:1px solid #e6e6e6;line-height:22px;font-size:13px;font-weight:700;color:#555;background-color:#f5f5f5;text-align:left;vertical-align:middle} .tbl_layer tr:first-child th,.tbl_layer tr:first-child td{border-top-color:#ddd} .tbl_layer th .link_help{margin:1px 0 0 2px;vertical-align:top} .tbl_layer .th_cate{border-right:1px solid #eee;font-weight:500;color:#111;background-color:#f5f5f5} .tbl_layer td{line-height:22px;border-top:1px solid #eee;border-right:1px solid #eee;color:#333} .tbl_layer td:last-child{border-right:none} .tbl_layer .inner_cell{padding:14px 20px;word-wrap:break-word;word-break:break-all} .tbl_layer .inner_cell:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''} .tbl_layer .inner_cell .tit_url{float:left;padding-right:5px;line-height:19px} .tbl_layer .inner_cell .link_url{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .tbl_layer .txt_append{margin:4px 0 -3px;color:#777} .tbl_layer .txt_append.fc_affirm{color:#37c333} .tbl_layer .txt_append.fc_warn{color:#f64949} .tbl_layer .txt_error{margin:8px 0 -3px;line-height:16px} .tbl_layer .tr_box th{padding-top:26px} .tbl_layer .tr_box .inner_cell{min-height:36px;padding-top:20px;padding-bottom:20px} .tbl_layer .tr_box2 th{vertical-align:middle} .tbl_layer .tr_box2 td .inner_cell{padding-top:20px;padding-bottom:20px} .tbl_layer .box_checkinp,.tbl_layer .box_radioinp{height:22px;line-height:20px;vertical-align:top} .tbl_layer .box_checkinp .lab_check,.tbl_layer .box_radioinp .lab_radio{font-size:13px;color:#333} .tbl_layer .wrap_selinp{margin:-3px 0} .tbl_layer .wrap_selinp:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''} .tbl_layer .wrap_selinp .box_checkinp,.tbl_layer .wrap_selinp .box_radioinp{float:left;margin-left:20px} .tbl_layer .wrap_selinp.ml_10 .box_radioinp{margin-left:10px} .tbl_layer .wrap_selinp .box_checkinp:first-child,.tbl_layer .wrap_selinp .box_radioinp:first-child{margin-left:0} /* basic layer */ .layer_wrap .basic_layer{position:relative;width:auto;margin:60px auto;padding:0;background:transparent} .layer_wrap .basic_layer .inner_basic_layer{position:relative;width:550px;margin:0 auto;border-radius:4px;background-color:#fff} .layer_wrap .basic_layer .inner_basic_layer1{width:650px} .layer_wrap .basic_layer .inner_basic_layer2{width:750px} .layer_wrap .basic_layer .inner_basic_layer3{width:510px} /* 우편번호 찾기 */ /* 소재 기간 설정 */ .layer_wrap .basic_layer .inner_basic_layer4{width:820px} .layer_wrap .basic_layer .inner_basic_layer5{width:800px} .layer_wrap .basic_layer .inner_basic_layer6{width:700px} .layer_wrap .basic_layer .inner_adview_layer{width:650px} /* 애드뷰 미리보기 */ .layer_wrap .basic_layer .layer_head{overflow:hidden;height:60px;padding:0 61px 0 30px;margin:0;border-bottom:1px solid #ddd} .layer_wrap .basic_layer .layer_body{overflow:inherit;margin-top:0;padding:0} .layer_wrap .basic_layer .layer_foot{padding:0 30px 30px;text-align:right} .layer_wrap .basic_layer .btn_group{display:inline-block;font-size:0;vertical-align:top} .layer_wrap .basic_layer .btn_group .btn_gm{display:inline-block;margin-left:10px;vertical-align:top} .layer_wrap .basic_layer .btn_group .btn_gm:first-child{margin-left:0} .layer_wrap .basic_layer .btn_close{position:absolute;top:12px;right:15px;width:16px;height:16px;padding:10px} .layer_wrap .basic_layer .btn_close .ico_close{width:16px;height:16px;background-position:-715px -260px} .layer_wrap .basic_layer .layer_head .tit_layer{display:block;font-weight:700;font-size:16px;line-height:56px;color:#111} .layer_wrap .basic_layer .subtit_layer{display:block;margin:25px 0 7px;color:#111} .layer_wrap .basic_layer .txt_layer{padding:22px 30px 25px;font-size:16px;line-height:28px;letter-spacing:-1px} .layer_wrap .basic_layer .txt_layer2{padding:23px 30px 26px;font-size:14px;line-height:24px} .layer_wrap .basic_layer .txt_layer2 .link_txt{text-decoration:underline;color:#555} .layer_wrap .basic_layer .layer_subtit{height:36px;margin:30px 0 10px;line-height:34px} .layer_wrap .basic_layer .layer_subtit:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''} .layer_wrap .basic_layer .layer_subtit .subtit_layer{float:left;margin-top:0;margin-bottom:0;height:100%} .layer_wrap .basic_layer .paging_wrap{margin-top:20px} .layer_wrap .basic_layer .modify_cause{overflow:hidden;position:relative;width:100%;border-bottom:1px solid #e5e5e5;background-color:#fff} .layer_wrap .basic_layer .modify_cause .inner_cause{padding:14px 25px 17px;font-weight:500;line-height:22px;color:#f64949} .layer_wrap .basic_layer .modify_cause .link_view{margin-left:8px;font-weight:400;text-decoration:underline;color:#777} .layer_wrap .basic_layer .list_guide li{position:relative;padding-left:12px;margin-top:6px;line-height:24px} .layer_wrap .basic_layer .list_guide li:before{position:absolute;left:0;top:12px;width:2px;height:2px;background-color:#555;content:''} .layer_wrap .basic_layer .list_guide li:first-child{margin:0} .layer_wrap .basic_layer .list_guide .link_txt{color:#326edc;text-decoration:underline} .layer_wrap .basic_layer .desc_agreeindivi{padding:13px 0 0 0;margin-bottom:-3px} .layer_wrap .basic_layer .txt_guidemsg{display:block;margin:16px 0 -4px;font-size:13px;color:#777} .layer_wrap .basic_layer .txt_guidemsg .txt_name{color:#111} .layer_wrap .basic_layer .list_guide2{margin-top:20px} .layer_wrap .basic_layer .list_guide2 li{position:relative;padding-left:12px;font-size:13px;line-height:24px;color:#777} .layer_wrap .basic_layer .list_guide2 li:before{position:absolute;left:0;top:12px;width:2px;height:2px;background-color:#777;content:''} .layer_wrap .basic_layer .list_guide2 .link_txt{color:#326edc;text-decoration:underline} /* basic layer2 */ .basic_layer2{position:absolute;left:50%;top:50%;z-index:999} .basic_layer2 .inner_basic_layer{position:relative;width:350px;padding:0 25px 25px;margin:0 auto;border-radius:4px;text-align:center;background-color:#fff} .basic_layer2 .tit_layer{display:block;padding-top:37px;font-weight:700;font-size:16px;line-height:24px;letter-spacing:-1px;color:#111} .basic_layer2 .txt_layer{padding-top:21px;font-size:14px;line-height:24px;color:#555} .basic_layer2 .txt_layer + .tbl_layer{margin-top:25px} .basic_layer2 .btn_group{display:block;padding-top:26px;text-align:right} .basic_layer2 .btn_group .btn_gm{margin-left:10px} .basic_layer2 .btn_group .btn_gm:first-child{margin-left:0} .basic_layer2 .btn_close{position:absolute;top:0;right:0;width:12px;height:12px;padding:12px} .basic_layer2 .ico_close{width:12px;height:12px;background-position:-880px -140px} .basic_layer2 .tbl_layer{margin-top:27px} .basic_layer2 .tbl_layer + .btn_group{padding-top:30px} .basic_layer2 .txt_error{margin:8px 0 -2px;line-height:16px} .basic_layer2 .link_txt{color:#326edc} /*layer 보고서공유*/ .layer_reportshare .inner_basic_layer{width:380px;padding:0 35px 35px} .layer_reportshare .txt_layer{padding-top:18px;line-height:22px} .layer_reportshare .box_download{position:relative;margin-top:15px;padding:16px 20px;border-radius:2px;background-color:#F5F5F5} .layer_reportshare .box_download .desc_download{padding-right:70px;line-height:21px;font-size:14px;color:#555;text-align:left} .layer_reportshare .box_download .btn_gm{position:absolute;top:50%;right:16px;margin-top:-18px} @media only screen and (max-height:750px){/*layer 이미지 업로드 실패*/ .layer_wrap .basic_layer2.imgupload_layer .inner_basic_layer .imgupload_wrap{max-height:250px} } /* layer 내 회색박스(스크롤 있음) */ .adbox_scroll{padding:3px;margin-top:25px;border:1px solid #f5f5f5;background-color:#f5f5f5;text-align:left} .inner_adbox_scroll{overflow-x:hidden;overflow-y:auto;max-height:437px;padding:1px 18px 21px;line-height:24px} .adbox_scroll .tit_adbox{display:block;margin-top:19px;color:#f64949} .adbox_scroll .tit_adbox + .txt_{margin-top:4px} .adbox_scroll .link_wrap{margin-top:15px;text-align:left} .adbox_scroll .link_adbox{font-size:13px;text-decoration:underline;color:#777} /* basic layer3 (하단버튼 없음 / 좌측정렬 / 타이틀 텍스트 14px / 대시보드에서 사용) */ .basic_layer3{position:absolute;left:50%;top:50%;z-index:99} .basic_layer3 .inner_basic_layer{position:relative;width:260px;padding:13px 20px;border-radius:4px;text-align:left;background-color:#fff;box-shadow:1px 1px 6px rgba(0,0,0,0.16)} .basic_layer3 .tit_layer{display:block;font-weight:500;font-size:14px;line-height:26px;letter-spacing:-1px;color:#333} .basic_layer3 .tit_loading{float:left;width:20px;padding:8px 16px 0 0} .basic_layer3 .txt_layer{padding-top:21px;font-size:14px;line-height:24px;color:#555} .basic_layer3 .txt_layer + .tbl_layer{margin-top:25px} .basic_layer3 .btn_close{position:absolute;top:8px;right:8px;width:12px;height:12px;padding:12px} .basic_layer3 .ico_close{width:12px;height:12px;background-position:-880px -140px} .basic_layer3 .tbl_layer{margin-top:6px;margin-bottom:4px;border:none} .basic_layer3 .tbl_layer th{padding:0;border:none;font-size:13px;font-weight:500;color:#333;background:none} .basic_layer3 .tbl_layer th .ico_comm{margin-right:6px;margin-left:0} .basic_layer3 .tbl_layer td{padding:0;border:none;font-size:13px;color:#555} .basic_layer3 .txt_error{margin:8px 0 -2px;line-height:16px} .basic_layer3 .link_help{text-decoration:underline} /* basic layer4 (하단버튼 있음 / 좌측정렬 / 타이틀 텍스트 12px / 대시보드에서 사용) */ .basic_layer4{position:absolute;left:50%;top:50%;z-index:999} .basic_layer4 .inner_basic_layer{position:relative;width:218px;padding:0 16px 16px;margin:0 auto;border-radius:4px;text-align:left;background-color:#fff} .basic_layer4.layer_inptype .inner_basic_layer{width:268px} .basic_layer4 .tit_layer{display:block;padding-top:16px;font-weight:700;font-size:12px;line-height:18px;color:#111} .basic_layer4 .con_layer{padding-top:12px} .basic_layer4 .btn_group{display:block;padding-top:15px;text-align:right} .basic_layer4 .btn_group .btn_gm{margin-left:10px} .basic_layer4 .btn_group .btn_gm:first-child{margin-left:0} .basic_layer4.layer_boardsearch .inner_basic_layer{box-shadow:0 2px 10px rgba(0,0,0,0.25)} /* layer_choice2 */ .layer_choice2{display:none;position:absolute;left:-1px;right:-1px;top:45px;z-index:20;max-width:440px;width:100%;border-radius:4px;background:#fff;box-shadow:0 2px 10px 0 rgba(0,0,0,0.25)} .layer_choice2 .tit_layer{display:block;overflow:hidden;padding:20px 20px 0;font-weight:500;font-size:12px;line-height:12px;color:#111} .layer_choice2 .tit_layer .fc_empty{font-weight:700} .layer_choice2 .tit_layer .txt_num{color:#326edc} .layer_choice2 .wrap_list{padding-bottom:12px} .layer_choice2 .list_menu{overflow-x:hidden;overflow-y:auto;max-height:269px;padding:8px 0} .layer_choice2 .list_menu li{position:relative;width:100%;box-sizing:border-box} .layer_choice2 .link_menu .txt_menu{float:left;overflow:hidden;color:#326edc;text-overflow:ellipsis;white-space:nowrap} .layer_choice2 .link_menu .txt_append{float:right} .layer_choice2 .tit_layer .link_help{height:18px;vertical-align:top} .layer_choice2 .tit_layer + .box_choice .opt_guide{max-height:349px} .layer_choice2 .list_menu .desc_cell{margin-top:0;padding-right:0} .layer_choice2 .list_menu .link_menu{display:inline-flex;overflow:hidden;height:100%;padding:10px 16px;font-size:12px;line-height:20px;color:#555;text-decoration:none;white-space:nowrap} /*.layer_choice2 .list_menu .link_menu:hover{background-color:#f5f5f5}*/ .opt_list .list_menu .link_menu{display:block;overflow:hidden;height:100%;padding:10px 16px;line-height:31px;color:#555;text-decoration:none} .opt_list .tit_layer{display:block;overflow:hidden;padding:16px;border-bottom:1px solid #ddd;font-weight:700;font-size:12px;line-height:18px;color:#333} /* 공통 - 테이블 */ .hide_caption{overflow:hidden;width:1px;font-size:1px;line-height:0;text-indent:-9999px} .hide_shim{display:block;height:0;margin:0 -10px} .tbl_g .ico_and,.tbl_g2 .ico_and,.tbl_g3 .ico_and{width:9px;height:9px;margin-top:6px;background-position:-835px -215px} .tbl_g th .ico_and,.tbl_g2 th .ico_and,.tbl_g3 th .ico_and{background-position:-825px -215px} .tbl_g3 th .ico_help{margin-top:5px} .set_table{border:1px solid #ddd;background-color:#fff} .set_table .set_head{height:36px;padding:12px 19px} .set_table .set_head .btn_gm,.managebox_tit .btn_gm{border-color:#ddd} .managebox_tit .f_right{padding-left:40px} .managebox_tit .f_right .single_wrap:first-child{margin-left:0} .managebox_tit .btn_gm.gm_bl .ico_add{display:inline-block} .tblg2_wrap td .desc_subtxt{display:block;color:#777} .set_table .set_head .btn_gm.gm_bl{border-color:rgba(0,0,0,0.07)} .set_table .set_head .btn_gm.gm_bl.in_active{border-color:#ccc} .managebox_tit .btn_gm.gm_bl{border-color:rgba(0,0,0,0.07)} .managebox_tit .btn_gm .ico_del{width:12px;height:14px;margin-top:10px;background-position:-690px -340px} .managebox_tit .btn_gm.in_active .ico_del{background-position:-705px -340px} .set_table .set_head .opt_select{min-width:148px} .set_table .set_head .opt_select2{min-width:150px} .set_table .set_head .opt_select.opt_filter{min-width:98px} .set_table .set_head .opt_select.opt_filter .tit_optrow{display:block;height:32px;padding:6px 5px 0 15px;line-height:32px;font-size:13px;font-weight:400;color:#777} .set_head .opt_filter .optlist_row{width:auto;height:auto} .set_head .opt_filter .optlist_row .optrow_cell{width:auto} .set_head .opt_filter .optlist_row .optrow_cell + .optrow_cell{width:auto} .set_head .opt_filter .tit_optrow + .list_opt{padding-top:0} .set_head .opt_filter .optlist_row .optrow_wrap:before{display:none} .set_head .opt_filter .optlist_row .optrow_cell .box_checkinp .lab_check{padding-right:16px} .set_table .tit_set{float:left;font-size:15px;line-height:40px;color:#111} .set_table .set_foot{padding:30px 0} .set_table .table_wrap{border-left:0 none;border-right:0 none} .set_table .tbl_subject{float:left;height:36px;font-weight:500;font-size:18px;line-height:36px;letter-spacing:-1px;color:#111} .set_table .btn_gm.gm_calendar{position:absolute;right:19px;top:10px} .set_table .btn_download{display:block;position:relative;width:36px;height:36px} .set_table .btn_download .img_loading{position:absolute;left:50%;top:50%;margin:-8px 0 0 -8px} .table_wrap{position:relative;border:1px solid #ddd;border-bottom:0 none} .table_wrap .inner_table{overflow-y:hidden;overflow-x:auto} .report_wrap .set_head .opt_select.opt_limit,.report_wrap .set_head .opt_select2.opt_limit{max-width:173px} .tbl_g{width:100%;border-collapse:collapse;background-color:#fff} .tbl_g + .tbl_g{margin-top:-1px;border-top:1px solid #ddd} .tbl_g th,.tbl_g td{border-width:0 1px 1px 0;border-style:solid;font-size:13px;color:#333} .tbl_g th{height:55px;white-space:nowrap;border-right-color:#ebebeb;border-bottom-color:#ebebeb;border-top:1px solid #ddd;color:#555;font-weight:500;background-color:#f5f5f5;text-align:left} .tbl_g thead th{border-top:0 none} .tbl_g thead th:hover{background:#ededed} .tbl_g tbody tr:first-child th{border-top:0 none} .tbl_g td{height:47px;border-color:#ebebeb;border-bottom-color:#ebebeb} .tbl_g .td_empty{background-color:#f5f5f5} .tbl_g tbody tr:last-child td{border-bottom-color:#ddd} .tbl_g th:last-child,.tbl_g td:last-child{border-right:0 none} .tbl_g tbody tr.over td{background-color:rgba(0,0,0,0.03)} .tbl_g tbody .thumb_link .link_txt:hover{text-decoration:none} .tbl_g tbody tr.on td{background-color:#f1f6ff} .tbl_g tbody tr.over .thumb_link .link_more{opacity:1;filter:alpha(opacity=100)} .tbl_g .inner_tbl{position:relative;padding:6px 10px 7px} .tbl_g .sortable .inner_tbl{padding-right:30px} .tbl_g .sortable .hide_shim{margin-right:-30px} .tbl_g .sortable .btn_menu{position:absolute;right:3px;top:5px;width:20px;height:20px} .tbl_g .sortable .ico_menu{display:inline-block;width:0;height:0;margin-top:8px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #555;vertical-align:top} .tbl_g .sortable.open_menu .ico_menu{border-top:0 none;border-bottom:5px solid #555} .tbl_g .sortable.sort_on{background-color:#f1f6ff} .tbl_g .align_c{text-align:center} .tbl_g .align_r{text-align:right} .tbl_g .align_l{text-align:left} .tbl_g .link_help{margin-top:0;vertical-align:top} .tbl_g .tr_nodata td{border-bottom:0 none} .tbl_g .tr_nodata .desc_nodata{height:171px;padding-top:93px;font-size:14px;line-height:28px;color:#777;text-align:center} .tbl_g .tr_loading td{height:527px;vertical-align:top} .tbl_g .tr_loading .loading_wrap{padding-top:100px} .tbl_g .tr_refresh td{height:527px;border-bottom:0 none;vertical-align:top} .tbl_g .tr_refresh .refresh_wrap{padding-top:95px} .tbl_g .tr_refresh .refresh_wrap .btn_gm{border-color:#ddd} .tbl_g .th_select{width:36px} .tbl_g .th_select:hover{background:#f5f5f5} .tbl_g .link_txt{color:#326edc;text-decoration:none} .tbl_g .thumb_link{display:block;position:relative;padding-right:30px} .tbl_g .thumb_link:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''} .tbl_g .thumb_link .link_txt{float:left;max-width:331px;line-height:17px} .tbl_g .thumb_link .link_txt:hover{text-decoration:underline} .tbl_g .thumb_link .link_more{position:absolute;right:-2px;top:50%;margin-top:-10px;opacity:0;filter:alpha(opacity=0)} .tbl_g .thumb_link .link_more .menu_layer{display:none} .tbl_g .thumb_link .link_more .ico_more{background-position:-885px -180px} .tbl_g .thumb_link .link_more:hover .ico_more{background-position:-885px -195px} .tbl_g .thumb_link .link_more .ico_more{margin:2px auto 2px} .tbl_g .thumb_link .link_more.on .menu_layer{display:block} .tbl_g .td_thumb .inner_tbl{padding-left:70px} .tbl_g .td_thumb .img_thumb{width:60px;height:47px} .tbl_g .td_thumb .link_thumb{position:absolute;left:0;top:50%;width:60px;height:47px;margin-top:-23.5px;text-decoration:none} .tbl_g .td_thumb .link_thumb .inner_thumb{display:block;width:100%;height:100%;background-repeat:no-repeat;background-size:contain;background-position:50% 50%} .tbl_g .td_thumb .link_thumb .reform_no_img{display:table-cell;width:60px;height:47px;font-size:11px;line-height:14px;color:rgba(119,119,119,0.3);background:#f5f5f5;text-align:center;vertical-align:middle} .tbl_g .td_thumb .link_thumb.thumb_mov:before{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#000;opacity:0.15;filter:alpha(opacity=15);content:''} .tbl_g .td_thumb .link_thumb .ico_mov{position:absolute;right:4px;bottom:10px;width:16px;height:16px;background-position:-880px -120px} .tbl_g .td_thumb .link_thumb .thumb_over{display:none;position:absolute;left:0;top:50%;z-index:1;width:60px;height:47px;margin-top:-23.5px;background:rgba(0,0,0,0.18)} .tbl_g .td_thumb .link_thumb .thumb_over .ico_comm{position:absolute;left:20px;top:13px;z-index:10;width:20px;height:20px;background-position:-880px -40px} .tbl_g .td_thumb .link_thumb:hover .thumb_over{display:block} .tbl_g .td_thumb span.link_thumb:hover .thumb_over{display:none} .tbl_g .switch_check{vertical-align:middle} .tbl_g .ad_state{display:block;position:relative;line-height:17px} .tbl_g .ad_state.ico_state{padding-left:20px} .tbl_g .ad_state.btn_state{padding-right:45px} .tbl_g .ad_state .ico_on,.tbl_g .ad_state .ico_off{position:absolute;top:50%;left:0;width:10px;margin-top:-5px;padding-right:10px} .tbl_g .ad_state .ico_off:before{float:left} .tbl_g .ad_state .ico_off:after{float:left} .tbl_g .ad_state .btn_gs{position:absolute;top:50%;right:5px;height:19px;margin-top:-11px} .tbl_g .ad_state .btn_gs .inner_g{width:30px;padding-left:0;padding-right:2px;line-height:13px;font-size:11px;text-indent:0} .tbl_g .wrap_btn{display:inline-block;vertical-align:top} .tbl_g .wrap_btn:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''} .tbl_g .wrap_btn .btn_gs{float:left;margin-left:5px} .tbl_g .wrap_btn .btn_gs:first-child{margin-left:0} /* 테이블 행 비활성화시 */ .tbl_g .tr_inactive td,.tbl_g .tr_inactive .link_txt{color:rgba(17,17,17,0.4);background:#FAFAFA} .tbl_g .tr_inactive .td_thumb .img_thumb{opacity:0.4;filter:alpha(opacity=40)} .tbl_g .tr_inactive .check_inp,.tbl_g .tr_inactive .check_inp .inp_check{cursor:default;pointer-events:none} .tbl_g .tr_inactive .check_inp .ico_check{background-position:-835px -50px} .tbl_g .tr_inactive .box_inptxt{background-color:#e6e6e6;border-color:#ccc;border-left-color:#a3a3a3;border-top-color:#a3a3a3;cursor:default;pointer-events:none} .tbl_g .tr_inactive .box_inptxt .inp_txt{color:#777} .tbl_g .tr_inactive .ico_on,.tbl_g .tr_inactive .ico_off{opacity:0.4} .tbl_g .td_inactive,.tbl_g .td_inactive .link_txt{color:#ccc} .tbl_g .td_inactive.td_thumb .img_thumb{opacity:0.4;filter:alpha(opacity=40)} .tbl_g .td_inactive .check_inp,.tbl_g .td_inactive .check_inp .inp_check{cursor:default;pointer-events:none} .tbl_g .td_inactive .check_inp .ico_check{background-position:-835px -50px} .tbl_g .td_inactive .box_inptxt{background-color:#e6e6e6;border-color:#ccc;border-left-color:#a3a3a3;border-top-color:#a3a3a3;cursor:default;pointer-events:none} .tbl_g .td_inactive .box_inptxt .inp_txt{color:#777} .tbl_g .td_inactive .ico_on,.tbl_g .td_inactive .ico_off{opacity:0.4} /* 공통 - 테이블2 */ .tblg2_wrap{border-width:1px 0 1px;border-style:solid;border-top-color:#ddd;border-bottom-color:#ddd} .tblg2_wrap .loading_wrap{display:table;width:100%} .tblg2_wrap .loading_wrap .img_loading{display:table-cell;margin:0 auto} .tbl_g2{table-layout:fixed;width:100%;border-collapse:collapse;background-color:#fff;border:0 none} .tbl_g2 th{height:50px;border-width:0 0 1px 1px;border-style:solid;border-left-color:#ebebeb;border-bottom-color:#ebebeb;background-color:#fbfbfb;text-align:left;font-size:13px;font-weight:700;color:#555;letter-spacing:-0.8px} .tbl_g2 th:first-child{border-left:0 none} .tbl_g2 td{min-height:46px;border-width:1px 0 0 1px;border-style:solid;border-color:#ebebeb;font-size:13px;color:#333;word-break:break-all;vertical-align:middle} .tbl_g2 tr:first-child td{border-top:0 none} .tbl_g2 tr td:first-child{border-left:0 none} .tbl_g2 tr td.line_l{border-left:1px solid #eee} .ad_managebox .tbl_g2 tr td.line_l:first-child .inner_tbl{padding-left:12px} .tbl_g2 th.align_c,.tbl_g2 td.align_c{text-align:center} .tbl_g2 th.align_c .inner_tbl{padding-left:0;padding-right:0;text-align:center} .tbl_g2 th.align_r,.tbl_g2 td.align_r{text-align:right} .tbl_g2 th.align_l,.tbl_g2 td.align_l{text-align:left} .tbl_g2 .tr_important td{background-color:#f1f6fd} .tbl_g2 .inner_tbl{position:relative;padding:13px 12px;line-height:20px} .tbl_g2 .tr_important td .inner_tbl{font-weight:700} .tbl_g2 .align_c .inner_tbl{padding-left:0;padding-right:0;text-align:center} .tbl_g2 .txt_info{margin-top:-4px;color:#999} .tbl_g2 .sortable{cursor:pointer} .tbl_g2 .sortable .inner_tbl{padding-right:30px} .tbl_g2 .sortable .ico_sort{position:absolute;right:10px;top:50%;width:0;height:0;margin-top:-2px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #b3b3b3;background:transparent;vertical-align:middle} .tbl_g2 .sortable:hover .ico_sort{border-bottom:0 none;border-top:5px solid #555} .tbl_g2 .sortable.sort_down .ico_sort{border-bottom:0 none;border-top:5px solid #b3b3b3} .tbl_g2 .sortable.sort_up .ico_sort{border-top:0 none;border-bottom:5px solid #b3b3b3} .tbl_g2 .sortable.sort_down:hover .ico_sort,.tbl_g2 .sortable.sort_on.sort_down .ico_sort,.tbl_g2 .sortable.sort_over.sort_down .ico_sort{border-bottom:0 none;border-top:5px solid #555} .tbl_g2 .sortable.sort_up:hover .ico_sort,.tbl_g2 .sortable.sort_on.sort_up .ico_sort,.tbl_g2 .sortable.sort_over.sort_up .ico_sort{border-top:0 none;border-bottom:5px solid #555} .tbl_g2 .sortable.sort_on{background-color:#f1f6ff} .tbl_g2 .th_select{width:36px} .tbl_g2 tbody tr.over td{background-color:#f5f5f5} .tbl_g2 tbody tr.on td{background-color:#f1f6ff} .tbl_g2 .tr_inactive td{color:rgba(17,17,17,0.4)} .tbl_g2 .tr_inactive .check_inp,.tbl_g2 .tr_inactive .check_inp .inp_check{cursor:default;pointer-events:none} .tbl_g2 .tr_inactive .check_inp .ico_check{background-position:-835px -50px} .tbl_g2 .wrap_btn{display:inline-block;vertical-align:top} .tbl_g2 .wrap_btn:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''} .tbl_g2 .wrap_btn button,.tbl_g2 .wrap_btn a{float:left;margin-left:6px} .tbl_g2 .wrap_btn button:first-child,.tbl_g2 .wrap_btn a:first-child{margin-left:0} .tbl_g2 .wrap_btn.w_86 button{width:86px} .tbl_g2 .wrap_btn.after_item{margin-left:16px;padding:0} .tbl_g2 .btn_gs{margin:-5px 0} .tbl_g2 .nodata_info{height:140px;color:#777;text-align:center;vertical-align:middle} .tbl_g2 .nodata_info .inner_tbl{line-height:20px} .tbl_g2 .wrap_btn.w_90 button{width:90px} .tbl_g2 .link_txt,.tbl_g3 .link_txt,.itemtbl_wrap .link_txt{color:#326edc} .tbl_g2 th .link_g{margin:0 -6px 0 2px;vertical-align:top} .tbl_g2 .tr_inactive .link_txt{color:rgba(17,17,17,0.4)} .tbl_g2 .ico_depth,.itemtbl_wrap .ico_depth{display:inline-block;float:left;width:8px;height:7px;margin-top:7px;background-position:-730px -555px;vertical-align:top} .tbl_g2 .tr_inactive .ico_depth{background-position:-200px -80px;opacity:0.4;filter:alpha(opacity=40)} .tbl_g2 .link_txt .ico_depth{background-position:-200px -90px} .tbl_g2 .ad_state .ico_on,.tbl_g3 .ad_state .ico_on{margin:6px 8px 0 0} .tbl_g2 .ad_state .ico_off{margin:6px 8px 0 0} .itemtbl_wrap .link_txt .ico_depth{background-position:-200px -90px} .itemtbl_wrap .ad_state .ico_on{margin:6px 10px 0 0} .itemtbl_wrap .ad_state .ico_off{padding-left:1px;margin:6px 10px 0 0} .itemtbl_wrap .link_txt:hover{text-decoration:none} .itemtbl_wrap .tbl_itemchoice .inner_tbl .check_inp{margin-bottom:3px} .ad_state .txt_info{color:#777} .tbl_g2 .btn_account{float:right} .tbl_g2 .btn_account + .limit_line{display:block} .tbl_g2 .wrap_btn.btn_type2 .btn_gs{width:90px} .ad_state,.ad_state .fc_affirm{color:#333} .ad_state.fc_warn{color:#F51045} .tbl_g2 .txt_limit,.itemtbl_wrap .txt_limit{display:inline-block;display:-webkit-box;overflow:hidden;height:20px;max-width:100%;-webkit-line-clamp:1;-webkit-box-orient:vertical;vertical-align:top} .tbl_g2 .txt_limit2,.itemtbl_wrap .txt_limit2{display:inline-block;display:-webkit-box;overflow:hidden;max-height:40px;-webkit-line-clamp:2;-webkit-box-orient:vertical;vertical-align:top} .tbl_g2_type2 td{vertical-align:top} /* 테이블내 스몰버튼 컬러,보더 변경 */ .tbl_g .btn_gs,.tbl_g2 .btn_gs,.tbl_g3 .btn_gs{background:#fff;border-color:#ddd;letter-spacing:-1px} /* window용으로 letter-spacing:-2px 로 되어 있었음(210513 수정)*/ .tbl_g .btn_gs:hover,.tbl_g2 .btn_gs:hover,.tbl_g3 .btn_gs:hover{background:#f5f5f5} .tbl_g .in_active .btn_gs,.tbl_g2 .in_active .btn_gs,.tbl_g3 .in_active .btn_gs{opacity:0.4;outline:none;cursor:default} .tbl_g2 .wrap_btn .btn_gs.in_active{color:#999;background:#f5f5f5} /* 모듈 공통화 table */ .createmessage_wrap .ad_managebox{padding:0} .createmessage_wrap .ad_managebox .tbl_g3{margin-top:0} .messagedetail_wrap .messagebox_detail .message_info{width:100%;border-right:0} /* 픽셀&SDK 관리 */ .pixelsdk_wrap .ad_managebox + .ad_managebox{margin-top:34px} .managebox_tit .txt_noti{margin-left:10px;font-size:13px;line-height:36px;color:#777;vertical-align:top} .tbl_g2 .sub_time{display:block;font-size:12px;line-height:14px;color:#777} .tbl_g2 td .sub_time{padding-left:20px} .tbl_g2 .event_name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .tbl_g2 .tr_depthitem .event_name{position:relative;padding-left:15px} .tbl_g2 .tr_depthitem .event_name:before{position:absolute;left:0;top:4px;width:7px;height:7px;border-left:1px solid #b2b2b2;border-bottom:1px solid #b2b2b2;content:''} /* 공통 - 테이블3 */ .tbl_g3{width:100%;border-collapse:collapse;border:1px solid #ddd;table-layout:fixed} .tbl_g3 th{width:160px;border-top:1px solid #ebebeb;border-right:1px solid #ebebeb;line-height:22px;color:#555;font-size:13px;font-weight:700;text-align:left;background-color:#fbfbfb;vertical-align:top} .tbl_g3 tr:first-child th{border-top:0 none} .tbl_g3 td{border-top:1px solid #ebebeb;border-right:1px solid #ebebeb;line-height:22px;font-size:13px;color:#333;background-color:#fff;word-break:break-all} .tbl_g3 td:last-child{border-right:0} .tbl_g3 tr:first-child td{border-top:0 none} .tbl_g3 th .inner_tbl{height:70px;padding-left:20px;line-height:70px} .tbl_g3 td .inner_tbl{padding:23px 29px 26px 30px} .tbl_g3 .tr_box th .inner_tbl{height:96px;line-height:92px} .tbl_g3 .tr_box td .inner_tbl{padding-top:30px;padding-bottom:30px} .tbl_g3 .tr_box2 th{vertical-align:middle} .tbl_g3 .tr_box2 th .inner_tbl{height:auto;padding-top:24px;padding-bottom:27px;line-height:inherit} .tbl_g3 .tr_box2 td .inner_tbl{padding-top:30px;padding-bottom:30px} .tbl_g3 .tr_box3 td .inner_tbl{padding:22px 29px 25px 30px} .tbl_g3 .wrap_btn{display:inline-block;vertical-align:top} .tbl_g3 .wrap_btn:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''} .tbl_g3 .wrap_btn button,.tbl_g3 .wrap_btn a{float:left;margin-left:6px} .tbl_g3 .wrap_btn button:first-child,.tbl_g3 .wrap_btn a:first-child{margin-left:0} .tbl_g3 .wrap_btn.after_item{margin-left:8px;vertical-align:middle} /* 글자뒤에 버튼이 올 경우 */ .tbl_g3 .link_g{margin:1px 0 0 2px;vertical-align:top} .tbl_g3 .wrap_btn.after_item .link_g{margin-top:0} .tbl_g3 .link_help{margin:-6px 0 0 2px;vertical-align:middle} .tbl_g3 .box_large{width:410px} .tbl_g3 .opt_small{min-width:98px} .tbl_g3 .opt_small .opt_list{min-width:98px} .tbl_g3 .opt_medium{min-width:258px;max-width:inherit} .tbl_g3 .opt_medium .opt_list{min-width:258px;max-width:inherit} .tbl_g3 .group_inp .opt_medium{float:left;margin-left:10px} .tbl_g3 .group_inp .opt_medium:first-child{margin-left:0} .tbl_g3 .txt_append{margin:4px 0 -1px;font-size:13px;line-height:22px;color:#777} .tbl_g3 .txt_append:first-child{margin-top:0} .tbl_g3 .group_inp .txt_append{float:left;margin:0;line-height:34px} .tbl_g3 .group_inp .txt_noti{float:left;margin-left:14px;font-size:13px;line-height:34px;color:#777} .tbl_g3 .tr_box .txt_append{margin-bottom:-4px} .tbl_g3 .detail_append,.tbl_g3 .list_append{margin:4px 0 -1px;font-size:13px;line-height:22px;color:#777} .tbl_g3 .detail_append dd{margin-left:4px} .tbl_g3 .list_append li{margin:10px 0 0 15px;text-indent:-10px} .tbl_g3 .txt_append + .detail_append,.tbl_g3 .txt_append + .list_append{margin-top:14px} .tbl_g3 .tr_box .detail_append,.tbl_g3 .tr_box .list_append{margin-bottom:-4px} .tbl_g3 .limit_cell{width:600px} .tbl_g3 .limit_cell .box_inptxt{overflow:hidden} .tbl_g3 .wrap_selinp{line-height:18px} .tbl_g3 .wrap_selinp:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''} .tbl_g3 .wrap_selinp .box_checkinp{float:left;height:22px;margin-left:30px;font-size:13px} .tbl_g3 .wrap_selinp .box_checkinp:first-child{margin-left:0} .tbl_g3 .wrap_selinp .box_checkinp .lab_check{color:#333} .tbl_g3 .wrap_selinp .box_radioinp{float:left;height:22px;margin-left:30px} .tbl_g3 .wrap_selinp .box_radioinp:first-child{margin-left:0} .tbl_g3 .wrap_selinp .box_radioinp .lab_radio{color:#333} .tbl_g3 .wrap_selinp + .group_inp{margin-top:17px;margin-bottom:3px} .tbl_g3 .wrap_selinp + .limit_cell{margin-top:17px;margin-bottom:3px} .tbl_g3 .list_selinp li{margin-top:14px;line-height:18px} .tbl_g3 .list_selinp li:first-child{margin-top:0} .tbl_g3 .list_selinp .box_checkinp .lab_check{padding-left:28px;font-size:13px;color:#333} .tbl_g3 .list_selinp + .txt_error{margin-top:10px} .tbl_g3 .tr_box .wrap_selinp{margin-top:0} .tbl_g3 .tr_box2 .wrap_selinp{margin:-3px 0} .tbl_g3 .define_selinp{margin:2px 0 1px} .tbl_g3 .txt_append + .define_selinp{margin-top:14px} .tbl_g3 .txt_error{margin:4px 0 -4px} .tbl_g3 .list_dot li{position:relative;padding-left:10px} .tbl_g3 .list_dot li:before{position:absolute;left:0;top:9px;width:4px;height:4px;border-radius:4px;background-color:#333;content:''} .tbl_g3 .txt_bar{display:inline-block;width:1px;height:14px;margin:0 11px 0 12px;background-color:#ddd;vertical-align:middle} .tbl_g3.tbl_g3_type2{border-color:#ddd} .tbl_g3.tbl_g3_type2 th{width:119px} .tbl_g3.tbl_g3_type2 th .inner_tbl{height:53px;line-height:50px} .tbl_g3.tbl_g3_type2 td .inner_tbl{padding:14px 29px 17px 30px} .tbl_g3.tbl_g3_type2 .tr_box th .inner_tbl{height:76px;line-height:72px} .tbl_g3.tbl_g3_type2 .tr_box td .inner_tbl{padding-top:20px;padding-bottom:20px} .tbl_g3 td .inner_tbl .fc_gray{color:#999} .ad_managebox .tbl_g3 th{vertical-align:middle} .ad_managebox .tbl_g3 th .inner_tbl{height:46px;line-height:46px} .ad_managebox .tbl_g3 td .inner_tbl{padding:12px 20px} .ad_managebox .tbl_g3 td .inner_tbl form{margin:-7px 0} /* 일예산수정 레이어 */ .tooltip_budget{display:block;position:absolute;z-index:20;padding:20px 21px 16px 20px;border-radius:4px;background-color:#fff;box-shadow:0 2px 10px rgba(0,0,0,0.25);text-align:left} .tooltip_budget > .ico_arr{display:none;position:absolute;left:50%;bottom:-6px;width:13px;height:6px;margin-left:-6px;background-position:-140px -20px} .tooltip_budget .fld_budget{width:355px} .tooltip_budget .fld_budget.budget_card{width:242px} .tooltip_budget .budget_cheking{overflow:hidden} .tooltip_budget .budget_cheking .box_inptxt{float:left;width:172px} .tooltip_budget .budget_card .budget_cheking .box_inptxt{width:214px} .tooltip_budget .budget_cheking .box_btnnum{margin:0 -10px 0 10px} .tooltip_budget .box_top{height:39px} .tooltip_budget .box_top:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''} .tooltip_budget .box_checkinp{float:right;height:16px;vertical-align:top} .tooltip_budget .box_checkinp .lab_check{font-size:14px;line-height:13px} .tooltip_budget .btn_gm{margin-left:8px} .tooltip_budget .btn_gm .inner_g{width:48px;padding:7px 0 8px} .tooltip_budget .tit_budget{display:block;margin-bottom:10px;font-size:13px;color:#111} .tooltip_budget .txt_guide{margin:0;font-size:13px;color:#111} .tooltip_budget .txt_error{margin-top:10px} .tooltip_budget.bottom{left:auto;bottom:auto} .tooltip_budget.bottom .ico_arr{bottom:auto;top:-6px;background-position:-140px -30px} .tooltip_budget.on{display:block} .tooltip_budget .wrap_btn{display:block;padding:20px 0 4px;text-align:right} /* 테이블 스크롤시 */ .table_wrap.scroll_ing + .set_foot{padding-top:20px} /* 테이블 상단 스크롤 추가 */ .table_topscroll{overflow-x:auto;overflow-y:hidden;width:100%;height:20px;margin-top:-4px} .inner_scroll{overflow-x:scroll;overflow-y:hidden;height:20px} .os_mac .table_topscroll,.os_mac .table_topscroll .inner_scroll{height:12px} /* 공통 - 컨텐츠 */ .info_navigation{display:block;font-size:12px;color:#777} .info_navigation:before{overflow:hidden;font-size:0;line-height:0;text-indent:-9999px;content:'사이트맵'} .info_navigation .ico_arrow{width:5px;height:8px;margin:7px 11px 0 9px;background-position:-160px -60px} .info_navigation .link_navi{color:#777} .info_navigation .current_navi{color:#111} /* 현재페이지 */ .tit_subject{display:block;font-size:18px;line-height:27px;letter-spacing:-1px;color:#111} /* 메인타이틀 */ .txt_subject{font-size:18px;line-height:21px;color:#111;letter-spacing:-1px} /* 메인타이틀의 보조 텍스트 */ .subtit_subject{display:block;font-size:16px;line-height:27px;letter-spacing:-1px;color:#000} /* 서브타이틀 */ .subtit_subject .link_help{margin:-2px 0 0 9px} .subtit_subject .txt_category{display:inline-block;font-weight:400;font-size:14px} .subtit_subject .txt_category:before{display:inline-block;width:1px;height:16px;margin:6px 14px 0 0;background-color:#ccc;vertical-align:top;content:''} .subtit_subject .txt_category .link_help{margin-left:1px} .box_card{border:1px solid #ccc;background-color:#fff} /* 공통 - 타이틀 */ .dsp_tit{min-height:34px;padding-top:28px} .dsp_tit .tit_dsp:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''} .dsp_tit .info_step{float:right;padding-top:4px} .tit_dsp .sub_title{float:left;position:relative;padding-left:10px;margin-left:10px;font-weight:400;font-size:18px;line-height:27px;color:#111;letter-spacing:-1px} .tit_dsp .sub_title:before{position:absolute;left:0;top:5px;width:1px;height:19px;background-color:#ccc;content:''} .tit_dsp .sub_code{float:left;margin-left:10px;font-size:18px;line-height:27px;color:#777;font-weight:400;letter-spacing:0} .tit_dsp .btn_gm{margin-top:-2px;background:rgba(0,0,0,0)} .tit_dsp .btn_gm:hover{background:rgba(0,0,0,0.08)} .tit_dsp button.btn_gm{height:34px} .tit_dsp .btn_gm .inner_g{line-height:17px} .tit_dsp .btn_gm .ico_comm{display:inline-block;width:16px;height:16px;margin:1px 0 0 6px;background-position:-750px -130px;vertical-align:top} .tit_dsp .btn_gm .ico_download{width:10px;height:13px;margin:4px 8px 0 0;background-position:-715px -315px} .tit_dsp .btn_gm .icon_g .ico_download{margin:10px 0 0 0} .tit_dsp .btn_gm.gm_round{float:left;margin-left:10px;background:#f8f8f8} .tit_dsp .btn_gm.gm_round{height:32px;margin-top:-2px} .tit_dsp .btn_gm.gm_round .inner_g{line-height:17px} .dsp_tit .info_navigation + .tit_dsp{margin-top:5px} .dsp_tit .tit_subject{float:left} .dsp_tit .tit_dsp .f_right{margin-top:-2px} .dsp_tit .tit_subject .link_help{margin:-4px 0 0 7px} .dsp_tit .switch_check{float:left;margin:8px 0 0 10px} .dsp_tit .link_help5{margin-top:-3px} .dsp_tit .link_help5 + .single_wrap{margin-left:20px} .dsp_subtit:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''} .dsp_subtit .subtit_subject{float:left} .dsp_subtit .check_aim{float:left} .dsp_subtit .check_aim .box_checkinp{margin:1px 0 0 23px} .dsp_subtit .check_aim .link_help{margin-left:2px} .pixelsdkdetail_wrap .dsp_tit .f_right{position:relative} .pixelsdkdetail_wrap .dsp_tit .tit_dsp .btn_gm{height:36px} .pixelsdkdetail_wrap .dsp_tit .tit_dsp .btn_gm.gm_round{height:32px;margin-left:16px} .dsp_tit + .list_append{padding:8px 0 5px} /* 공통 - 페이지내 하단 가운데 정렬 버튼 */ .page_btn{margin-top:30px;text-align:right} .page_btn .inner_btn{display:inline-block;vertical-align:top} .page_btn .btn_gb,.page_btn .btn_gm{float:left;margin:0 5px} .page_btn .btn_gb:last-child,.page_btn .btn_gm:last-child{margin-right:0} /* 공통 - 대시보드 */ .layout_db_type1 .card_info{display:none} .set_head .opt_select .link_option:hover,.set_head .opt_select .box_checkinp .lab_check:hover,.set_head .opt_select .user_opt:hover{background-color:rgba(0,0,0,0.03)} .set_head .optlist_row .list_opt{padding-top:0} .set_head .optlist_row .list_opt + .list_opt{padding-top:9px} .set_head .optlist_row .list_opt li,.set_head .optlist_row .user_opt .link_option{min-height:26px;line-height:26px} .set_head .optlist_row .user_opt .link_option{padding-left:15px;line-height:32px} .set_head .optlist_row .user_opt:hover .link_option{background:none} .set_head .optlist_row .tit_option{height:31px;padding-top:6px;font-size:13px;color:#777;font-weight:400} /*열맞춤 설정 팝업*/ .body_row .box_itemrow .tit_row .btn_day{position:absolute;top:0;right:0;padding-right:30px;line-height:27px;font-weight:400;font-size:11px;color:#777} .body_row .box_itemrow .tit_row .btn_day:hover{text-decoration:none} .body_row .box_itemrow .tit_row .ico_menu{position:absolute;right:17px;top:50%;width:0;height:0;margin-top:-2px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #555;vertical-align:middle} .body_row .box_itemrow .tit_row .on .ico_menu{border-top:none;border-bottom:5px solid #555} /*대시보드*/ .optlist_row .tit_option .btn_day{position:relative;float:right;padding-right:14px;line-height:27px;font-size:11px;color:#777} .optlist_row .tit_option .btn_day:hover{text-decoration:none} .optlist_row .tit_option .ico_menu{position:absolute;right:1px;top:50%;width:0;height:0;margin-top:-2px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #555;vertical-align:middle} .optlist_row .tit_option .on .ico_menu{border-top:none;border-bottom:5px solid #555} .optlist_row .tit_option .btn_fold{position:relative;display:block;width:100%;line-height:29px;color:#777;font-size:13px;text-align:left} .optlist_row .tit_option .btn_fold:hover{text-decoration:none} .optlist_row .tit_option .btn_fold .ico_comm{position:absolute;top:50%;right:0;width:10px;height:5px;margin-top:-1px;background-position:-870px -170px;opacity:0.2} .optlist_row .tit_option .btn_fold.on .ico_comm{background-position:-880px -170px} /*맞춤보고서*/ .report_wrap .tit_option .btn_day{position:relative;float:right;padding-right:14px;line-height:27px;font-size:11px;color:#777} .report_wrap .tit_option .btn_day:hover{text-decoration:none} .report_wrap .tit_option .ico_menu{position:absolute;right:1px;top:50%;width:0;height:0;margin-top:-2px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #555;vertical-align:middle} .report_wrap .tit_option .on .ico_menu{border-top:none;border-bottom:5px solid #555} .report_wrap .tit_option .btn_fold{position:relative;display:block;width:100%;line-height:29px;color:#777;font-size:13px;text-align:left} .report_wrap .tit_option .btn_fold:hover{text-decoration:none} .report_wrap .tit_option .btn_fold .ico_comm{position:absolute;top:50%;right:0;width:10px;height:5px;margin-top:-1px;background-position:-870px -170px;opacity:0.2} .report_wrap .tit_option .btn_fold.on .ico_comm{background-position:-880px -170px} .report_wrap .tbl_g2 .sortable .ico_sort{position:static;width:7px;height:10px;margin-top:-2px;border:0 none;vertical-align:top} .report_wrap .tbl_g2 .sortable .inner_tbl{padding-right:10px} .report_wrap .tbl_g2 .sortable.sort_down:hover .ico_sort,.report_wrap .tbl_g2 .sortable.sort_on.sort_down .ico_sort,.report_wrap .tbl_g2 .sortable.sort_over.sort_down .ico_sort{border-top:0 none;background-position:-820px -205px} .report_wrap .tbl_g2 .thumb_link{display:block;position:relative;padding-right:82px} .report_wrap .tbl_g2 .thumb_link .btn_dash{display:none;position:absolute;right:0;top:50%;transform:translateY(-50%);line-height:14px} .report_wrap .thumb_link .link_download,.report_wrap .thumb_link .link_share,.report_wrap .thumb_link .link_edit{display:inline-block;position:relative;vertical-align:top} .report_wrap .thumb_link .link_download .ico_download{width:12px;height:14px;margin:3px auto;background-position:-670px -635px} .report_wrap .thumb_link .link_download:hover .ico_download{background-position:-670px -655px} .report_wrap .thumb_link .link_download.in_active .link_g{pointer-events:none} .report_wrap .thumb_link .link_download.in_active .ico_download{background-position:-650px -655px} .report_wrap .thumb_link .link_share .ico_share{width:14px;height:12px;background-position:-685px -635px} .report_wrap .thumb_link .link_share:hover .ico_share{background-position:-685px -655px} .report_wrap .thumb_link .link_edit .ico_edit{width:12px;height:12px;background-position:-770px -760px} .report_wrap .thumb_link .link_edit:hover .ico_edit{background-position:-755px -760px} .report_wrap .ad_managebox .tbl_g2 tr:hover .btn_dash,.report_wrap .ad_managebox .tbl_g2 tr.hover .btn_dash{display:block} .report_wrap .ad_managebox .tbl_g2 tr:hover .link_download,.report_wrap .ad_managebox .tbl_g2 tr:hover .link_share,.report_wrap .ad_managebox .tbl_g2 tr:hover .link_edit,.report_wrap .ad_managebox .tbl_g2 tr.hover .link_download,.report_wrap .ad_managebox .tbl_g2 tr.hover .link_share,.report_wrap .ad_managebox .tbl_g2 tr.hover .link_edit{display:inline-block} .report_wrap .thumb_link .link_edit .tooltip_info,.report_wrap .thumb_link .link_download .tooltip_info,.report_wrap .thumb_link .link_share .tooltip_info{display:none;min-width:54px;left:auto;right:0;top:21px;white-space:nowrap} .report_wrap .thumb_link .link_edit:hover .link_g + .tooltip_info,.report_wrap .thumb_link .link_download:hover .link_g + .tooltip_info,.report_wrap .thumb_link .link_share:hover .link_g + .tooltip_info{display:block} .report_wrap .thumb_link .link_edit.in_active:hover .link_g + .tooltip_info,.report_wrap .thumb_link .link_download.in_active:hover .link_g + .tooltip_info,.report_wrap .thumb_link .link_share.in_active:hover .link_g + .tooltip_info{display:none} .report_wrap .managebox_tit .opt_select{margin-left:20px} .report_wrap .managebox_tit .opt_select2{width:202px;margin-left:20px} .report_wrap .managebox_tit .link_box2{font-size:12px;line-height:22px} /*기간 팝업*/ .layer_day{position:fixed;top:0;left:0;z-index:1000;width:264px;padding:15px 20px;border-radius:4px;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,0.25);box-sizing:border-box} .layer_day .btn_group{display:block;padding-top:20px;margin-top:0;text-align:right} .layer_day .btn_group .btn_gm{float:none} .layer_day .btn_group .btn_gm + .btn_gm{margin-left:8px} .layer_day .btn_group .btn_gm:first-child{border:1px solid transparent} .layer_day .tit_day{font-size:14px;line-height:26px;color:#333;font-weight:500} .layer_day .txt_day{padding-top:4px;font-size:12px;line-height:20px;color:#777} .layer_day .list_day{padding-top:16px} .layer_day .list_day li{font-size:12px;line-height:20px;color:#777} .layer_day .box_day{height:60px;margin-top:14px;padding:20px 0 14px 20px;background:#F5F5F5;box-sizing:border-box} .layer_day .box_day .subtit_day{float:left;padding-right:11px;font-weight:500} .layer_day .box_day .box_radioinp{margin-left:10px} .layer_day .box_day .box_radioinp .lab_radio{padding-left:26px} .set_head .optlist_row .list_opt + .tit_option{padding-top:11px} .set_head .optlist_row .list_opt .box_checkinp .lab_check{padding-right:0} .set_head .optlist_row{width:405px} .set_head .optlist_row .optrow_cell{width:180px;padding-bottom:6px} .set_head .optlist_row .optrow_cell + .optrow_cell{width:224px;padding-bottom:59px} .set_head .optlist_row .optrow_cell + .optrow_cell .list_opt{max-height:inherit} /* 리뉴얼 전 임시 css */ .set_head .optlist_row .optrow_cell + .optrow_cell .link_option{height:32px} /* 리뉴얼 전 임시 css */ .set_head .optlist_row .optrow_wrap:before{left:180px} .optlist_row .scroll_listopt{overflow-y:auto;max-height:564px;margin-bottom:3px} .optlist_row .scroll_listopt .desc_nodata{position:absolute;top:50%;right:0;width:224px;margin-top:-30px;font-size:14px;line-height:20px;color:#aaa;text-align:center} .optlist_row .scroll_listopt + .btn_colset{position:absolute;bottom:15px;right:15px;width:191px;margin-left:16px} .set_table_materialtype .table_wrap{border-radius:4px;box-shadow:0 1px 4px rgba(0,0,0,0.08)} .set_table_materialtype .table_wrap .inner_table{border-radius:4px} .set_table_materialtype .btn_set .opt_right{min-width:148px} .set_table_materialtype .btn_set .opt_select .link_option:hover,.set_table_materialtype .btn_set .opt_select .box_checkinp .lab_check:hover,.set_table_materialtype .btn_set .opt_select .user_opt:hover{background-color:rgba(0,0,0,0.03)} .set_table_materialtype .btn_set .optlist_row{width:405px} .set_table_materialtype .btn_set .optlist_row .list_opt li,.set_table_materialtype .btn_set .optlist_row .user_opt .link_option{height:26px;line-height:26px} .set_table_materialtype .btn_set .optlist_row .user_opt:hover .link_option{background:none} .set_table_materialtype .btn_set .optlist_row .tit_option{font-size:13px;color:#777;font-weight:400} .set_table_materialtype .btn_set .optlist_row .list_opt + .tit_option{padding-top:11px} .set_table_materialtype .btn_set .optlist_row .optrow_cell{width:180px;padding-bottom:8px} .set_table_materialtype .btn_set .optlist_row .optrow_cell + .optrow_cell{width:225px;padding-bottom:59px} .set_table_materialtype .btn_set .optlist_row .optrow_wrap:before{left:180px} .set_table_materialtype .opt_select .sub_listopt .link_option{padding-left:15px} .set_table_materialtype .optrow_cell .tit_option .btn_day{display:none} /*소재대시보드 내 '7일' 버튼 숨김 (개발요청)*/ .dashboard_top{position:relative;margin-top:10px} .dashboard_top .box_card{height:328px;border:1px solid rgba(0,0,0,0.15);border-radius:4px;background-color:#fff;box-shadow:0 1px 4px rgba(0,0,0,0.08)} .dashboard_top .box_card .loading_wrap{padding-top:100px} .dashboard_top .card_info{float:left;position:relative;width:320px;margin-right:10px} .dashboard_top .card_info .tit_tabg{height:32px;padding:21px 0 0 24px;border-bottom:1px solid #e6e6e6;font-size:13px;color:#111} .dashboard_top .card_info .tab_cont{overflow-x:hidden;overflow-y:auto;height:271px;margin:3px 3px 3px 0} /* 디자인 스크롤 여백 */ .dashboard_top .card_info .material_preview{overflow:hidden} .dashboard_top .card_info .link_preview{position:absolute;right:25px;top:21px;font-size:13px;color:#555;text-decoration:underline} .dashboard_top .card_info .tooltip_budget{left:auto;bottom:auto;margin-left:0} .dashboard_top .card_info .tooltip_budget .ico_arr{left:11px;margin-left:0} .dashboard_top .box_setting{position:absolute;right:29px;top:15px} .dashboard_top .box_setting .opt_list{width:auto;min-width:100%} .dashboard_top .box_setting .txt_graphcheck{float:left;margin-right:10px;font-size:11px;line-height:25px;color:#555} .dashboard_top .box_setting .txt_graphcheck .ico_on{width:7px;height:7px;margin:9px 5px 0 0} .dashboard_top .card_graph{margin-left:330px} /* 대시보드 */ .dashboard_check .reform_box_calendar .calendar_layer{top:39px;left:auto;right:-36px} .dashboard_check .reform_box_calendar,.dashboard_check .reform_box_calendar .paging_wrap,.dashboard_check .reform_box_calendar .paging_wrap .inner_paging{height:28px} .dashboard_check .reform_box_calendar .txt_period{padding:4px 0 0 10px;font-size:11px;line-height:20px} .dashboard_check .reform_box_calendar .txt_period:before{top:7px;height:16px} .dashboard_check .reform_box_calendar .btn_gm.gm_calendar .link_calendar{height:30px;height:28px;padding-left:10px;padding-right:40px;line-height:27px;font-size:11px} .dashboard_check .reform_box_calendar .btn_gm.gm_calendar .ico_calendar{top:9px;width:9px;height:10px;background-position:-880px -155px} .dashboard_check .reform_box_calendar .paging_wrap .num_paging{width:20px;height:28px;border:none} .dashboard_check .reform_box_calendar .paging_wrap .ico_prev{width:5px;margin-top:10px;margin-left:10px;background-position:-890px -155px} .dashboard_check .reform_box_calendar .paging_wrap .ico_next{width:5px;margin-top:10px;margin-left:4px;background-position:-890px -165px} .info_adgroup + .info_adgroup{border-top:1px solid #ebebeb} .reform_list_infoad{width:282px;padding-bottom:17px} .reform_list_infoad:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''} .reform_list_infoad li{float:left;width:60px;margin-right:20px;padding-bottom:10px} .reform_list_infoad li .reform_desc_infoad{display:block;height:21px;line-height:20px;font-size:16px;font-weight:700;color:#333} .reform_list_infoad li .reform_tit_infoad{display:block;font-size:12px;font-weight:500} .reform_txt_infoad{position:relative;color:#333;font-size:13px;font-weight:700} .reform_txt_infoad .btn_gm{position:absolute;top:-22px;right:-2px;height:28px} .reform_txt_infoad button.btn_gm{height:30px} .reform_txt_infoad .btn_gm .inner_g{padding:5px 10px 6px;font-size:11px;line-height:17px} .reform_list_infoad + .tit_infoad{margin-top:-3px} .reform_list_infocost{display:block;padding:6px 20px} .reform_list_infocost li{position:relative;padding:17px 0 16px} .reform_list_infocost li + li{border-top:1px solid #ebebeb} .reform_list_infocost li .tit_cost{display:block;font-size:13px;font-weight:400;color:#999} .reform_list_infocost li .desc_num{display:block;height:21px;padding-top:4px;line-height:20px;font-size:16px;font-weight:700;color:#333} .reform_list_infocost li .desc_num .desc_won{display:inline-block;padding-left:2px;font-size:13px} .reform_list_infocost li .desc_info{padding-top:3px;font-size:11px;font-weight:500} .reform_list_infocost li .desc_info2{height:21px;padding-top:4px;font-size:14px;color:#777} .reform_list_infocost li .link_cost{position:absolute;top:12px;right:-6px;padding:6px} .reform_list_infocost li .link_cost .ico_comm{width:15px;height:15px;background-position:-880px -100px;opacity:0.3} .reform_list_infocost li .link_cost:hover .ico_comm{opacity:1} /* 그래프 툴팁 */ .graph_tooltip{padding-bottom:7px;border-radius:4px;background-color:#fff;box-shadow:2px 2px 10px rgba(0,0,0,0.25)} .graph_tooltip .tit_date{display:block;padding:4px 10px 5px;font-weight:500;font-size:10px;color:#333;text-align:center;border-bottom:1px solid rgba(0,0,0,0.05)} .graph_tooltip .detail_graphinfo{padding:7px 10px 0;font-weight:500;font-size:11px;line-height:17px;color:#111} .graph_tooltip .detail_graphinfo dt{display:inline-block} .graph_tooltip .detail_graphinfo dd{display:inline-block} .graph_tooltip .detail_graphinfo .ico_on{width:7px;height:7px;margin:7px 5px 0 0} .graph_tooltip .graph_info1{color:#326EDC} .graph_tooltip .graph_info2{color:#00B9DF} .card_graph .detail_today{float:left;width:250px;height:100%;border-right:1px solid #e6e6e6} .card_graph .detail_graph{height:100%} .card_graph .boxcard_tit{padding:15px 20px;border-bottom:1px solid transparent} .card_graph .boxcard_select{min-height:30px;padding:15px 20px 20px;border-bottom:1px solid transparent} .card_graph .opt_select{width:184px;min-width:184px;margin-right:10px} .card_graph .opt_select .link_selected{min-height:28px;padding:5px 10px;font-size:12px;line-height:17px;color:#333} .card_graph .opt_select .link_option{height:31px;line-height:31px;font-size:13px;color:#333} .card_graph .opt_select .link_option.on{color:#326edc;background:#f1f6fc} .card_graph .opt_select .list_opt2{padding:10px 0;border-top:none} .card_graph .opt_select .opt_list{min-width:160px;top:56px;z-index:30} .card_graph .opt_select .tit_option{height:31px;padding-top:0;line-height:31px;color:#999;font-size:13px;font-weight:400} .card_graph .opt_select .link_option:hover,.card_graph .opt_select .box_checkinp .lab_check:hover{background-color:rgba(0,0,0,0.03)} .card_graph .opt_select .ico_on{display:inline-block;float:inherit;width:10px;height:100%;margin:0;vertical-align:top} .card_graph .opt_select .ico_on:before{position:absolute;left:-1px;top:-1px;width:10px;height:calc(100% + 2px);border-radius:2px 0 0 2px;background:#4DC6DF} .card_graph .opt_select .ico_on.on_b:before{background:#326EDC} .card_graph .opt_select .sub_listopt{overflow:inherit;padding-bottom:0} .card_graph .opt_select .sub_listopt .link_option{padding-right:12px} .card_graph .boxcard_select .sub_boxcard{display:none;overflow-y:auto;position:absolute;top:-8px;left:186px;min-width:170px;max-height:400px;padding:8px 0;margin-left:10px;background:#fff;border-radius:4px;box-shadow:0 2px 10px 0 rgba(0,0,0,0.25)} .card_graph .opt_select .list_opt li.hover .sub_boxcard,.card_graph .boxcard_select .sub_listopt > li:hover .sub_boxcard{display:block} .card_graph .opt_select .list_opt > li.hover > .link_option,.card_graph .boxcard_select .sub_listopt > li:hover > .link_option{background-color:rgba(0,0,0,0.03)} .card_graph .boxcard_select .sub_boxcard .link_option{padding:0 16px} .card_graph .opt_select:last-child .sub_boxcard{left:auto;right:196px} .card_graph .tit_boxcard{float:left;padding-top:21px;font-size:13px;color:#111} .card_graph .detail_today .boxcard_tit{border-color:#e5e5e5} .card_graph .graph_wrap{overflow:hidden;position:relative;height:245px;padding:0 11px 0 10px} .card_graph .graph_wrap .refresh_wrap{padding-top:100px} .card_graph .graph_wrap .desc_nodata{padding-top:105px;font-size:12px;color:#777;text-align:center} .card_graph .opt_select .link_selected .fw_bold{display:block} .card_graph .opt_select .link_selected .ico_on + .fw_bold{padding-left:10px} .card_graph .opt_select .ico_arr{top:13px;margin-top:0} .card_graph .opt_select.opt_open .ico_arr{border-top:0;border-bottom:5px solid #555} .box_setting .graph_infotxt{float:left;margin:0 10px;font-size:12px;line-height:36px;color:#555} .box_setting .graph_infotxt .ico_on{margin:13px 8px 0 0} .dashboard_top .guide_msg{margin-top:-4px} .reform_area_tablink{position:absolute;top:8px;right:15px} .reform_area_tablink .link_info{float:left;padding:7px 5px;font-size:12px;color:#555;line-height:18px;text-decoration:underline} .dashboard_check{height:53px;border:1px solid rgba(0,0,0,0.15);border-radius:4px;background-color:#fff;box-shadow:0 1px 4px rgba(0,0,0,0.08)} .dashboard_check .switch_wrap{float:left;width:60px;height:100%;border-right:1px solid #e5e5e5;text-align:center} .dashboard_check .switch_wrap .switch_check{margin-top:21px} .dashboard_check .switch_wrap .group_loading{padding-bottom:2px} .dashboard_check .txt_state,.dashboard_check .txt_state2{float:left;padding:15px 10px 15px 20px;margin-right:4px;font-size:13px;line-height:21px;color:#555} .dashboard_check .ico_fail{margin:6px 0 0 5px} .dashboard_check .ico_off,.dashboard_check .ico_on{margin:7px 8px 0 0} .dashboard_check .btn_gm{border-color:#ddd} .dashboard_check .btn_gs{float:left;margin:15px 0 0 8px;border-color:#ddd;background:#fff} .dashboard_check .btn_gs:hover{background:#f5f5f5} .dashboard_check .txt_standard{float:right;position:relative;margin-left:-5px;padding:15px 20px 15px 15px;font-size:12px;color:#777;line-height:26px} .dashboard_check .txt_standard:after{position:absolute;top:22px;left:0;width:1px;height:12px;background:#ccc;content:''} .dashboard_check .txt_standard .ico_reset{display:inline-block;width:16px;height:16px;margin:5px 0 0 5px;background-position:-435px -375px;vertical-align:top} /* 대시보드 개편 디자인 */ .dashboard_check .f_left,.dashboard_check .f_right{margin-top:11px} .dashboard_check .f_right{padding-right:20px} .dashboard_check .btn_gm{height:28px} .dashboard_check button.btn_gm{height:30px} .dashboard_check .btn_gm .inner_g{padding:5px 10px 6px;font-size:11px;line-height:17px} .dashboard_check .toggle_radio .radio_g{width:30px;height:30px} .dashboard_check .toggle_radio .lab_radio{height:28px} .dashboard_check .toggle_radio .lab_radio,.dashboard_check .toggle_radio .radio_g + .radio_g .lab_radio,.dashboard_check .toggle_radio .radio_g.on .lab_radio{border-color:#ddd} .dashboard_check .toggle_radio .lab_radio:hover,.dashboard_check .toggle_radio .radio_g.on .lab_radio:hover{background:rgba(0,0,0,0.07)} .dashboard_check .toggle_radio .radio_g.on .ico_comm,.dashboard_check .toggle_radio .inp_radio:checked + .lab_radio .ico_comm{opacity:1} .dashboard_check .toggle_radio .ico_comm{width:14px;height:14px;margin:7px auto;opacity:0.4} .dashboard_check .toggle_radio .ico_layout1{background-position:-855px -185px} .dashboard_check .toggle_radio .ico_layout3{background-position:-885px -185px} .dashboard_check .toggle_radio .radio_g.on .ico_comm,.dashboard_check .toggle_radio .inp_radio:checked + .lab_radio .ico_comm{opacity:1} .toggle_layout .lab_choice{width:28px;height:28px;padding:0;border-color:#ddd;background:#fff} .toggle_layout .inp_choice{width:28px;min-width:30px;height:28px} .toggle_layout .lab_choice,.toggle_layout .on .lab_choice,.toggle_layout .inp_choice:checked + .lab_choice{border-color:#ddd;background:#fff} .toggle_layout .ico_comm{width:14px;height:14px;margin:7px auto} .toggle_layout .ico_layout{background-position:-840px -185px;opacity:1} .toggle_layout .lab_choice:hover,.toggle_layout .on .lab_choice:hover,.toggle_layout .inp_choice:checked + .lab_choice:hover{background:rgba(0,0,0,0.07)} .toggle_layout.on .inp_choice + .lab_choice .ico_layout,.toggle_layout .inp_choice:checked + .lab_choice .ico_layout{background-position:-855px -185px} .reform_box_calendar .calendar_layer{top:46px;left:auto;right:-55px} .reform_box_calendar .btn_gm.gm_calendar .calendar_layer{top:46px;left:auto;right:-55px} .reform_box_calendar{min-width:281px;height:34px;border:1px solid #ddd;border-radius:2px} .reform_box_calendar:hover,.reform_box_calendar.on{border-color:#000} .reform_box_calendar .txt_period{position:relative;float:left;min-width:55px;padding:6px 10px 6px 9px} .reform_box_calendar .txt_period:before{position:absolute;top:7px;right:0;width:1px;height:20px;background:#ddd;content:''} .reform_box_calendar .btn_gm.gm_calendar{float:left} .reform_box_calendar .btn_gm.gm_calendar .link_calendar{min-width:176px;height:34px;border:none} .reform_box_calendar .paging_wrap{float:left;height:34px;margin:0;border-left:1px solid #ddd} .reform_box_calendar .paging_wrap .inner_paging{height:34px} .reform_box_calendar .paging_wrap .num_paging{width:19px;height:34px;margin-left:0;border:none} .reform_box_calendar .paging_wrap .num_paging:hover{background:#fff} .reform_box_calendar .paging_wrap .ico_prev{margin-top:12px;margin-left:9px} .reform_box_calendar .paging_wrap .ico_next{margin-top:12px;margin-left:4px} /* 그래프 툴팁 */ .graph_tooltip{padding-bottom:7px;border-radius:4px;background-color:#fff;box-shadow:2px 2px 10px rgba(0,0,0,0.25)} .graph_tooltip .tit_date{display:block;padding:4px 10px 5px;font-weight:500;font-size:10px;color:#333;text-align:center;border-bottom:1px solid rgba(0,0,0,0.05)} .graph_tooltip .detail_graphinfo{padding:7px 10px 0;font-weight:500;font-size:11px;line-height:17px;color:#111} .graph_tooltip .detail_graphinfo dt{display:inline-block} .graph_tooltip .detail_graphinfo dd{display:inline-block} .graph_tooltip .detail_graphinfo .ico_on{width:7px;height:7px;margin:7px 5px 0 0} .graph_tooltip .graph_info1{color:#326EDC} .graph_tooltip .graph_info2{color:#00B9DF} /* 오늘지표 */ .cardinfo_con{height:284px} .cardinfo_today{padding:15px 20px 0 25px} .cardinfo_today li{position:relative;min-height:46px;padding:11px 0 12px} .cardinfo_today li:first-child{border-top:0 none} .cardinfo_today .tit_today{display:block;font-weight:700;font-size:12px;color:#555} .cardinfo_today .tit_today .link_today{display:block;color:#555;text-decoration:none} .cardinfo_today .tit_today .ico_arr{display:inline-block;width:5px;height:8px;margin:5px 0 0 4px;background-position:-140px -460px;vertical-align:top} .cardinfo_today .tit_today + .desc_info{margin-top:3px} .cardinfo_today .desc_num{display:block;margin-top:2px;font-weight:500;font-size:15px;color:#111} .cardinfo_today .desc_num .wrap_btn{display:inline-block;overflow:hidden;margin-left:5px;vertical-align:top} .cardinfo_today .desc_num .wrap_btn .btn_gs{float:left;margin-left:6px} .cardinfo_today .desc_num .wrap_btn .btn_gs:first-child{margin-left:0} .cardinfo_today .desc_info{margin-top:1px;font-size:12px;color:#777} .cardinfo_today .txt_data{float:right;font-size:12px;line-height:22px} .cardinfo_today .txt_bar{display:inline-block;width:1px;height:12px;margin:6px 12px 0 11px;background-color:#ddd;vertical-align:top} .cardinfo_today .updown_view{display:inline-block;font-weight:400;color:#111} .cardinfo_today .updown_view .ico_arr{display:inline-block;overflow:hidden;width:6px;height:2px;margin:10px 6px 0 0;font-size:0;line-height:0;text-indent:-9999px;vertical-align:top;background-color:#b2b2b2} .cardinfo_today .view_up{color:#f64949} .cardinfo_today .view_up .ico_arr{width:0;height:0;margin:8px 4px 0 0;border-bottom:5px solid #f64949;border-left:4px solid transparent;border-right:4px solid transparent;background:none} .cardinfo_today .view_down{color:#326edc} .cardinfo_today .view_down .ico_arr{width:0;height:0;margin:8px 4px 0 0;border-top:5px solid #326edc;border-left:4px solid transparent;border-right:4px solid transparent;background:none} .cardinfo_today .link_veiw{position:absolute;right:0;top:15px;font-size:13px;color:#777;text-decoration:underline} .cardinfo_today .btn_gs{height:23px;background:#fff;vertical-align:middle;border-color:#ccc} .cardinfo_today .btn_gs .inner_g{padding-top:3px;font-size:12px} .cardinfo_today .btn_gs:hover{background:#f5f5f5} .cardinfo_today .desc_info .btn_gs{margin-left:4px} .cardinfo_today .btn_card{letter-spacing:-0.03em} .cardinfo_today.cardinfo_today_type2 li{min-height:51px} /* 기본정보 */ .infosum_dash{width:320px} .tbl_infosum{margin:20px;border-collapse:collapse;background-color:#fff} .tbl_infosum th{font-weight:400;font-size:12px;line-height:18px;color:#999;text-align:left;vertical-align:top} .tbl_infosum td{font-size:12px;line-height:18px;color:#333;vertical-align:top;word-wrap:break-word;word-break:break-all} .tbl_infosum .inner_cell{padding:6px 0 7px} .tbl_infosum .inner_cell .ico_and{width:8px;margin-top:5px;background-position:-790px -235px} .tbl_infosum th .inner_cell{width:80px;padding-right:14px} .tbl_infosum .link_budget{color:#326edc;text-decoration:underline} .tbl_infosum .link_text{color:#555;text-decoration:underline} .tbl_infosum .link_help{margin:-3px 0 0 2px} .infosum_dash .wrap_btninfosum{padding-top:26px;text-align:center} .infosum_dash .wrap_btninfosum .btn_gs{width:76px;background:none} /* 대시보드 운영정보 */ .dashboard_top .tab_cont .info_adgroup:first-of-type{padding-top:26px} .info_adgroup{padding-top:17px;margin:0 20px} .info_adgroup:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''} .info_adgroup .tit_infoad{display:block;font-size:13px;color:#999;font-weight:400} .info_adgroup .tit_infoad .link_help{margin:-2px 0 0 2px} .tbl_infoad{border-collapse:collapse;width:100%;margin-top:10px} .tbl_infoad + .tbl_infoad{margin-top:24px} .tbl_infoad + .tit_infoad{margin-top:24px} .tbl_infoad th{height:22px;font-weight:400;font-size:12px;text-align:left;color:#777} .tbl_infoad td{font-weight:500;color:#111} .tbl_infoad .td_btncell{text-align:right} .tbl_infoad .btn_gs{height:23px;border-color:#ccc;background:#fff} .tbl_infoad .btn_gs:hover{background:#f5f5f5} .tbl_infoad .btn_gs .inner_g{font-weight:700;font-size:12px} .tbl_infoad .link_budget{color:#326edc;text-decoration:none} .tbl_infoad .link_help{margin-top:-1px;vertical-align:top} .info_adgroup .tbl_infosum{margin:5px 0 0 0} .info_adgroup .tbl_infosum .inner_cell{padding-top:7px;padding-bottom:6px} .info_adgroup .tbl_infosum .link_msg{display:block;overflow:hidden;max-width:182px;white-space:nowrap;text-overflow:ellipsis;color:#326edc;text-decoration:none} .info_adgroup_type2{margin-top:25px} /* 결제정보 */ .cardinfo_payment{padding:0 19px} .cardinfo_payment li{position:relative;padding:20px 0;border-top:1px solid #e6e6e6} .cardinfo_payment li:first-child{border-top:0 none} .cardinfo_payment .tit_payment{display:block;color:#111} .cardinfo_payment .desc_price{display:block;margin:5px 0 3px 0;font-weight:500;font-size:26px;line-height:29px;letter-spacing:-1px;color:#111} .cardinfo_payment .desc_price .btn_gs{margin:4px 0 0 8px} .cardinfo_payment .desc_nodata{display:block;height:26px;margin:9px 0 3px 0;line-height:26px;color:#777} .cardinfo_payment .desc_nodata .btn_gs{margin:1px 0 0 8px} .cardinfo_payment .desc_info{display:block;margin-top:-1px;color:#777} .cardinfo_payment .txt_price{letter-spacing:-0.02em} .cardinfo_payment .link_desc{position:absolute;left:-1px;top:21px;font-size:13px;color:#555;text-decoration:underline} .cardinfo_payment .list_infosum{padding:7px 0;margin:0 auto;border:0 none} .cardinfo_payment .list_infosum li{padding:7px 0 8px 93px;border:0 none} /* 레이어팝업 - 열 맞춤 설정 */ .basic_layer .inner_basic_layer.inner_row_layer{width:722px} .body_row{overflow:hidden} .body_row .box_menurow{float:left;overflow-y:auto;width:181px;height:536px;padding:6px 0 18px;border-right:1px solid #ddd} .body_row .box_menurow li{padding-top:18px} .body_row .box_menurow .link_menurow{display:block;position:relative;height:25px;padding-left:25px;line-height:25px;color:#555} .body_row .box_menurow .link_menurow:hover{text-decoration:none;color:#111} .body_row .box_menurow .on .link_menurow{font-weight:500;color:#326edc} .body_row .box_menurow .on .link_menurow:before{content:'';position:absolute;left:0;top:0;width:4px;height:25px;background-color:#326edc} .body_row .box_itemrow{overflow-y:auto;overflow-x:hidden;float:left;width:259px;height:536px;padding-bottom:24px;border-right:1px solid #ddd} .body_row .box_itemrow .tit_row{position:relative;display:block;height:18px;padding:5px 20px 7px;font-weight:700;background-color:#f5f5f5} .body_row .box_itemrow .list_itemrow + .tit_row{margin-top:24px} .body_row .box_itemrow .tit_row .lab_check{font-weight:500} .body_row .box_itemrow .tit_row .box_checkinp{display:block;height:16px;font-size:12px} .body_row .box_itemrow .list_itemrow li{min-height:16px;margin-top:1px;padding:5px 0 5px 48px} .body_row .box_itemrow .list_itemrow li:hover{background-color:#f5f5f5} .body_row .box_itemrow .list_itemrow li:first-child{margin-top:7px} .body_row .box_itemrow .list_itemrow .box_checkinp{display:block;padding-right:15px} .body_row .box_itemrow .list_itemrow .box_checkinp .ico_check,.body_row .box_itemrow .list_itemrow .box_checkinp .inp_check{top:10px} .body_row .box_choicerow{overflow-y:auto;float:right;width:280px;height:560px;margin-right:-1px;background-color:#f5f5f5} .body_row .box_choicerow .tit_row{display:block;padding:21px 25px 0;font-weight:500;font-size:13px;color:#555} .body_row .box_choicerow .tit_row .fc_emph{font-weight:500} .body_row .box_choicerow .list_choicerow{position:relative;padding:7px 19px 20px 20px} .body_row .box_choicerow .list_choicerow li{position:relative;width:163px;margin-top:5px;padding:7px 30px 8px 29px;border:1px solid rgba(0,0,0,0.15);border-radius:2px;line-height:19px;background-color:#fff;cursor:move} .body_row .box_choicerow .list_choicerow li:hover{color:#111} .body_row .box_choicerow .list_choicerow li.item_move{position:absolute;color:#111;box-shadow:2px 2px 10px 0 rgba(0,0,0,0.2)} .body_row .box_choicerow .list_choicerow li.bg_move{height:20px;border:1px dashed #326edc;font-size:0;line-height:0;background-color:#f5f5f5;text-indent:-9999px} .body_row .box_choicerow .list_choicerow .ico_row{position:absolute;top:50%;left:12px;width:8px;height:8px;margin-top:-4px;background-position:-705px 0;opacity:0.2} .body_row .box_choicerow .list_choicerow li:hover .ico_row{opacity:0.5} .body_row .box_choicerow .list_choicerow li.item_move .ico_row{opacity:0.5} .body_row .box_choicerow .list_choicerow li.item_move .ico_row{background-position:-680px 0} .body_row .box_choicerow .list_choicerow .btn_del{position:absolute;right:0px;top:0;width:36px;height:34px} .body_row .box_choicerow .list_choicerow .btn_del .ico_del{width:10px;height:10px;margin:11px auto 0;background-position:-810px -235px;opacity:0.2} .body_row .box_choicerow .list_choicerow .btn_del:hover .ico_del{opacity:0.5} .foot_row{overflow:hidden;padding:15px 25px 0;border-top:1px solid #e6e6e6} .foot_row .box_checkinp{float:left;height:18px;font-size:13px} .foot_row .box_inptxt{display:none;float:left;width:170px;padding:5px 18px 9px 10px;margin-left:12px} .foot_row .box_inptxt .lab_txt{left:10px;font-size:13px} .foot_row.setting_save .box_inptxt{display:block} .foot_row.setting_save .txt_error{display:block;padding:6px 0 0 101px;clear:both} .basic_layer .inner_row_layer .btn_group{margin-top:-3px} /* 레이어팝업 - 게재지면 제외 설정 */ .ban_carry{overflow:hidden;padding:25px 25px 20px} .ban_carry .txt_ban{color:#555} .ban_carry .box_search{margin-top:17px} .ban_carry .tit_ban{display:block;margin-top:25px;color:#000} .ban_carry .box_ban{overflow-x:hidden;overflow-y:auto;height:298px;margin-top:10px;border:1px solid #ccc} .ban_carry .list_ban{margin:6px 0} .ban_carry .list_ban li{display:block;overflow:hidden;position:relative;height:32px;padding:0 30px 0 14px;line-height:31px;text-overflow:ellipsis;white-space:nowrap} .ban_carry .list_ban li:hover{background-color:#f5f5f5} .ban_carry .list_ban .btn_del{position:absolute;right:0;top:0;width:30px;height:32px} .ban_carry .list_ban .ico_del{width:10px;height:10px;margin:11px auto 0;background-position:0 -50px} .ban_carry .btn_gs{float:right;margin-top:10px} .ban_carry .box_ban .desc_nodata{margin-top:127px;color:#777;text-align:center} .ban_carry .txt_error{margin:4px 0 -4px} /* 광고계정 생성 */ .info_step:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''} .info_step .desc_step{float:left;height:23px;line-height:20px;color:#777;font-size:16px;text-decoration:none;letter-spacing:-1px} .info_step .desc_step.on{color:#111} .info_step .desc_step.end{color:#555} .info_step .desc_step:before{overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px} .info_step .desc_step.on:before{content:'현재 step'} .info_step .desc_step.end:before{content:'완료된 step'} .info_step .desc_step .ico_comm{display:inline-block;width:23px;height:23px;margin-right:7px} .info_step .circle_num1{background-position:-450px -180px} .info_step .circle_num2{background-position:-450px -270px} .info_step .circle_num3{background-position:-450px -300px} .info_step .desc_step.on .circle_num2{background-position:-450px -210px} .info_step .desc_step.on .circle_num3{background-position:-450px -240px} .info_step .desc_step.on .circle_num4{background-position:-450px -240px} .info_step .desc_step.end .ico_comm{background-position:-450px -330px} .info_step .ico_arrow{float:left;width:8px;height:14px;margin:4px 20px 0 19px;background-position:-210px -60px} .dsp_tit + .list_append li{color:#777;font-size:12px;line-height:20px} .dsp_tit + .list_append li:before{display:inline-block;width:2px;height:2px;margin:11px 5px 0 0;font-size:0;background-color:#777;vertical-align:top;content:''} .dsp_tit + .list_append .link_append{color:#326edc} /* 공통 - 컨텐츠테이블 */ .itembox_wrap{border:1px solid #ddd;border-radius:4px} .itembox_set{width:100%;border-collapse:collapse;border-radius:4px;background-color:#fff;text-align:left} .itembox_set th{width:169px;border-radius:4px 0 0 4px;font-weight:500;background-color:#f5f5f5;vertical-align:top;text-align:left} .itembox_set th .link_help{margin-left:1px} .itembox_set td{color:#111} .itembox_set th,.itembox_set td{border-top:1px solid #e6e6e6} .itembox_set tr:first-child th,.itembox_set tr:first-child td{border-top:0 none} .itembox_set .inner_cell{padding:27px 29px 28px 30px} .itembox_set th .inner_cell{padding-right:0} .itembox_set .box_inptxt_won{width:140px} .itembox_set .txt_error{margin:5px 0 -2px} .itembox_set .txt_guide{margin:5px 0 -2px;font-size:13px;color:#777} .itembox_set + .itembox_set{border-top:1px solid #e6e6e6} .itembox_set .info_noti{padding:10px 15px 11px;margin-top:15px;line-height:22px;background-color:#f5f5f5;color:#111} .itembox_set_type3 .inner_cell{padding-top:30px;padding-bottom:30px} .itembox_set_type3 th,.itembox_set_type3 td{vertical-align:middle} /* 게재지면추가설정 */ .itembox_set .btn_close{display:inline-block;width:24px;height:24px;margin-left:-4px;vertical-align:top} .itembox_set .btn_close .ico_arrow{width:10px;height:6px;margin:7px auto 0;background-position:-190px -60px} /* 공통 - 상황설정,데모그래픽 타겟설정 */ .list_targetitem li{position:relative;height:32px} .list_targetitem .box_checkinp{display:block;height:100%} .list_targetitem .box_checkinp .lab_check{overflow:hidden;font-size:13px;line-height:29px;color:#111;text-overflow:ellipsis;white-space:nowrap} .list_targetitem .box_checkinp.in_opacity .lab_check{color:rgba(17,17,17,0.4)} .list_targetitem .box_checkinp.in_opacity .lab_check .ico_check{opacity:0.4;filter:alpha(opacity=40)} .list_targetitem .txt_area{display:block;overflow:hidden;font-size:13px;line-height:29px;text-overflow:ellipsis;white-space:nowrap;color:#111} .list_targetitem .txt_checknum{position:absolute;right:0;top:0;width:87px;height:32px;font-size:13px;line-height:32px;color:#777;text-align:right;letter-spacing:-1px} .list_targetitem .btn_del{position:absolute;right:-10px;top:0;width:30px;height:32px} .list_targetitem .ico_del{width:10px;height:10px;margin:11px auto;background-position:-150px -190px} .list_targetitem .btn_del:hover .ico_del{background-position:-180px -100px} .list_targetitem .link_help{margin:-2px 0 0 3px} .list_targetitem_type2 li{padding-right:107px} /* 장소검색 */ .list_targetitem_type3 li{height:auto;margin-top:13px;line-height:18px} .list_targetitem_type3 li:first-child{margin:0 0 14px} .list_targetitem_type3 .box_checkinp{height:auto} .list_targetitem_type3 .box_checkinp .lab_check{line-height:inherit} .list_targetitem_type3 .box_checkinp .inp_check{top:3px;margin-top:0} .list_targetitem_type3 .box_checkinp .ico_check{top:3px;margin-top:0} .list_targetitem_type3 .link_map{margin-left:26px;font-size:12px;color:#777} .settingtarget_wrap{position:relative;width:668px;border:1px solid #e5e5e5;margin:0 auto;background-color:#fff} .settingtarget_wrap .tit_set{display:block;height:42px;padding-left:20px;border-bottom:1px solid transparent;line-height:43px;color:#555} .settingtarget_wrap .txt_num{color:#326edc} .settingtarget_wrap .txt_default{font-weight:400;color:#555} .settingtarget_wrap .link_set{float:right;padding-right:18px;font-weight:400;font-size:13px;color:#555;text-decoration:underline} .settingtarget_wrap .link_set:hover{color:#111} .settingtarget_wrap .cont_set{overflow:hidden;overflow-y:auto;position:absolute;left:0;top:43px;bottom:0;width:100%} .settingtarget_wrap .inner_cont{height:100%} .settingtarget_wrap .txt_nodata{padding-top:100px;font-size:14px;color:#777;text-align:center} .settingtarget_wrap .txt_nodata_type2{padding-top:91px} .settingtarget_wrap .nodata_wrap{display:table;width:100%;height:100%} .settingtarget_wrap .nodata_wrap .txt_nodata{display:table-cell;padding:0;vertical-align:middle} .settingtarget_wrap .list_targetitem{padding:16px 23px 12px 20px} .settingtarget_wrap .list_targetitem .box_checkinp.in_active,.settingtarget_wrap .list_targetitem .box_checkinp.in_active .inp_check{pointer-events:auto} .settingtarget_wrap .target_check,.settingtarget_wrap .target_item{position:relative;height:378px} .settingtarget_wrap .target_check{margin-right:275px;background-color:#fff} .settingtarget_wrap .target_check .inner_cont{width:393px} .settingtarget_wrap .target_item{position:absolute;right:0;top:0;width:274px;border-left:1px solid #e5e5e5;background-color:#f5f5f5} .settingtarget_wrap .target_item .inner_cont{width:274px} .settingtarget_wrap .target_item .list_targetitem li{padding-right:20px} .settingtarget_wrap .search_inp2{margin:16px 20px 0} .settingtarget_wrap .target_split{height:44px;border-top:1px solid #e5e5e5} .settingtarget_wrap .tit_split{float:left;position:relative;height:44px;padding:0 20px 0 19px;font-weight:400;line-height:41px} .settingtarget_wrap .tit_split:after{position:absolute;right:0;top:50%;width:1px;height:12px;margin-top:-6px;background-color:#ccc;content:''} .settingtarget_wrap .list_split{overflow:hidden;height:100%} .settingtarget_wrap .list_split li{float:left;height:100%;margin-left:30px} .settingtarget_wrap .list_split li:first-child{margin-left:20px} .settingtarget_wrap .list_split .box_radioinp{height:100%} .settingtarget_wrap .list_split .lab_radio{line-height:41px;color:#111} /* 검색영역이 들어갈때 */ .settingtarget_wrap .type_search .cont_set{top:115px} .settingtarget_wrap .type_search .list_targetitem{padding-top:0;margin-top:-8px} .settingtarget_wrap .type_search .list_targetitem_type3{margin-top:-3px} /* 셀렉트박스 + 검색기능 타입 */ .settingtarget_wrap .type_search2 .cont_set{top:95px} .settingtarget_wrap .type_search2 .list_targetitem + .cont_set{top:138px} .settingtarget_wrap .type_search2 .loading_wrap{display:table;width:100%;height:100%;padding:0} .settingtarget_wrap .type_search2 .loading_wrap .inner_wrap{display:table-cell;padding-bottom:10px;vertical-align:middle} .settingtarget_wrap .type_search2 .nodata_wrap .txt_nodata{padding-bottom:10px} .settingtarget_wrap .type_search2 .opt_select{float:left;min-width:98px;margin:16px 8px 0 20px} .settingtarget_wrap .type_search2 .opt_select .link_selected{padding:7px 23px 8px 10px} .settingtarget_wrap .type_search2 .opt_select .ico_arr{right:8px} .settingtarget_wrap .type_search2 .search_inp2{overflow:hidden;margin-left:0} .settingtarget_wrap .type_search2 .list_targetitem{margin-top:1px} .settingtarget_wrap .type_search2 .targetitem_all{padding:12px 23px 0 20px;margin-top:0} .settingtarget_wrap .loading_wrap{padding-top:66px} .settingtarget_wrap .loading_wrap .txt_loading{color:#555} /* 카카오 데이터 활용하기 */ .settingtarget_kakaodata .target_check{height:552px} .settingtarget_kakaodata .target_item{height:568px} .settingtarget_kakaodata .tit_set{padding-top:12px} .settingtarget_kakaodata .list_targetitem{padding-top:10px} .settingtarget_kakaodata .cont_set{top:52px} .settingtarget_kakaodata .target_item .list_targetitem li{min-height:22px;height:auto;margin-top:10px} .settingtarget_kakaodata .target_item .list_targetitem li:first-child{margin-top:0} .settingtarget_kakaodata .target_item .list_targetitem .btn_del{height:22px} .settingtarget_kakaodata .list_targetitem_type4 .txt_area{position:relative;padding-left:50px;font-size:14px;line-height:20px;color:#777;text-overflow:initial;white-space:initial} .settingtarget_kakaodata .list_targetitem_type4 .txt_area .fw_bold{position:absolute;top:0;left:0;font-weight:500;color:#333} .settingtarget_kakaodata .list_targetitem_type4 .ico_del{margin:6px auto;background-position:-770px -150px;opacity:0.2} .settingtarget_kakaodata .wrap_inptxt{position:relative;z-index:1;padding-bottom:16px;border-bottom:1px solid #e5e5e5} .settingtarget_kakaodata .box_inptxt .inp_txt{font-size:14px} .list_accordion{margin-bottom:-1px;border-bottom:1px solid #e5e5e5} .list_accordion > li{position:relative;padding:17px 0 18px;border-bottom:1px solid #e5e5e5} .list_accordion > li:last-child{border-bottom:0 none} .list_accordion .item_depth{display:block;position:relative;height:16px;padding:8px 0 8px 64px} .list_accordion .item_depth1{height:auto;padding:0 92px 0 41px;text-decoration:none} .list_accordion .tit_category{display:inline-block;font-weight:500;font-size:14px;color:#111} .list_accordion .txt_info{display:inline-block;padding-left:9px;font-size:12px;color:#ccc;letter-spacing:-1px} .list_accordion .txt_num{display:inline-block;padding-left:4px;font-weight:500} .list_accordion .ico_fold{position:absolute;width:8px;height:5px;margin:9px 0 0 -23px;background-position:-400px -415px} .list_accordion .item_depth1 .ico_fold{margin:9px 0 0 -16px} .list_accordion .list_category .item_depth:hover{background-color:#f5f5f5} .list_accordion .open_depth > .item_depth .ico_fold{background-position:-410px -415px} .list_accordion .list_category{display:none} .list_accordion .item_depth1 + .list_category{padding-top:11px} .list_accordion .open_depth > .list_category{display:block} .list_accordion .item_depth3{padding-left:92px} .list_accordion .item_depth4{padding-left:120px} .list_accordion .item_depth5{padding-left:148px} .list_accordion .link_allopen{display:none;position:absolute;top:18px;right:27px;padding-right:17px;font-size:13px;color:#777;text-decoration:underline} .list_accordion .open_depth .link_allopen{display:block} .list_accordion .link_allopen:before{position:absolute;top:9px;right:0;width:10px;height:2px;background-color:#777;content:''} .list_accordion .link_allopen:after{position:absolute;top:5px;right:4px;width:2px;height:10px;background-color:#777;content:''} .list_accordion .link_allopen.fold:after{display:none} .list_accordion .box_checkinp .lab_check{color:#111} .settingtarget_kakaodata .loading_wrap{padding-top:230px} /* 예산 및 일정 설정 */ .day_completetool{padding:17px 19px 17px;border:1px solid #ddd;color:#777;border-radius:2px} .day_completetool .list_complete li{margin-top:0;line-height:24px;color:#777} .day_completetool .list_complete .tit_complete{float:left;font-weight:400} .day_completetool .list_complete .txt_complete{overflow:hidden} .day_completetool .list_complete .subtxt_complete{display:block;font-size:13px;line-height:18px;color:#777} .day_completetool .set_btn{overflow:hidden;margin-top:7px} .day_completetool .set_btn .txt_bar{float:left;width:1px;height:12px;margin:5px 10px 0 8px;background-color:#ccc} .day_completetool .link_modify{float:left;color:#326edc;text-decoration:none} .day_completetool .btn_reset{float:left;color:#326edc;outline:0 none} .day_completetool .ico_reset{width:14px;height:12px;margin:5px 6px 0 0;background-position:-120px -140px} /* 레이어팝업 - 저장된타겟,저장된맞춤타겟,캠페인선택,고객파일가져오기 */ .basic_layer .pop_infotarget{padding:20px 25px 30px} .basic_layer .pop_infotarget .txt_layer2{padding:3px 0 0;margin-bottom:26px} .basic_layer .pop_infotarget .tab_g3{margin-bottom:20px} .basic_layer .pop_infotarget .tab_g3 li{width:33.33%} .basic_layer .pop_infotarget .box_search{margin-bottom:20px} .basic_layer .pop_infotarget .item_select{overflow-x:hidden;overflow-y:auto;max-height:275px;max-width:100%;border:1px solid #e6e6e6} .item_select .list_item li{border-top:1px solid #e6e6e6} .item_select .list_item li:first-child{border-top:0} .item_select .box_radioinp{display:block;height:45px;padding:0 10px 0 20px;line-height:41px} .item_select .box_radioinp .inner_inp{display:block;height:100%;position:relative} .item_select .lab_radio{overflow:hidden;color:#111;white-space:nowrap;text-overflow:ellipsis} .item_select .txt_state{float:right;width:80px;height:100%;text-align:right;font-size:13px;color:#777} .item_select .link_help{margin:-1px -3px 0 0} .item_select .box_radioinp.over{background-color:#f5f5f5} .item_select .box_radioinp.on{background-color:#f1f6ff} .item_select .box_checkinp{display:block;height:45px;padding:0 10px 0 20px;line-height:41px} .item_select .box_checkinp .inner_inp{display:block;height:100%;position:relative} .item_select .lab_check{overflow:hidden;color:#111;white-space:nowrap;text-overflow:ellipsis} .item_select .box_checkinp.over{background-color:#f5f5f5} .item_select .box_checkinp.on{background-color:#f1f6ff} .item_select .depth_item .lab_radio{padding-left:44px} .item_select .depth_item .ico_depth{position:absolute;left:32px;top:18px;width:8px;height:7px;background-position:-200px -80px} .item_select .txt_nodata .link_txt{color:#326edc} .item_select.no_data{display:table;width:100%;height:275px;text-align:center} .item_select.no_data .txt_nodata{display:table-cell;vertical-align:middle;color:#777} .basic_layer.customimport_layer .inner_basic_layer{width:550px} .basic_layer.customimport_layer .layer_body{padding:30px 30px} .basic_layer.customimport_layer .txt_layer2{padding:0;margin:-6px 0 16px 0} .basic_layer.customimport_layer .txt_error{margin:16px 0 7px} .basic_layer.customimport_layer .userinfo_agree{overflow:hidden;margin-top:20px;padding:20px;background:#F5F5F5} .basic_layer.customimport_layer .userinfo_agree .box_checkinp .lab_check{color:#333} .basic_layer.customimport_layer .userinfo_agree .info_agree{overflow:hidden;margin-top:9px} .basic_layer.customimport_layer .userinfo_agree .info_agree .tit_info{display:block;font-weight:400;color:#333;line-height:22px} .basic_layer.customimport_layer .userinfo_agree .info_agree .txt_info{display:block;color:#777;line-height:22px} .basic_layer.friendimport_layer .inner_basic_layer{width:550px} .basic_layer.friendimport_layer .layer_body{padding:30px 30px} .basic_layer.friendimport_layer .txt_layer2{padding:0;margin:-6px 0 16px 0} .basic_layer.friendimport_layer .txt_error{margin:16px 0 7px} .basic_layer.friendimport_layer .tbl_itemchoice .inner_cell{padding:12px 19px;color:#333} .basic_layer.friendimport_layer .tbl_itemchoice .box_radioinp{height:auto;line-height:21px} .basic_layer.friendimport_layer .userinfo_agree{overflow:hidden;margin-top:20px;padding:20px;background:#F5F5F5} .basic_layer.friendimport_layer .userinfo_agree .box_checkinp .lab_check{color:#333} .basic_layer.friendimport_layer .userinfo_agree .info_agree{overflow:hidden;margin-top:9px} .basic_layer.friendimport_layer .userinfo_agree .info_agree .tit_info{display:block;font-weight:400;color:#333;line-height:22px} .basic_layer.friendimport_layer .userinfo_agree .info_agree .txt_info{display:block;color:#777;line-height:22px} .basic_layer.friendimport_layer .itemtbl_wrap .nodata_wrap{height:178px} .basic_layer.friendimport_layer .itemtbl_wrap .nodata_wrap .tit_nodata{display:block;margin:3px 0 9px;color:#777;line-height:20px} .basic_layer.friendimport_layer .itemtbl_wrap .nodata_wrap .desc_nodata{display:block;padding-top:20px;font-size:12px;color:#777} .basic_layer.friendimport_layer .userinfo_agree .info_agree .txt_info{display:block;color:#777;line-height:22px} /* 레이어팝업 - 광고그룹만들기,광고그룹대시보드 레이아웃 공통 */ .basic_layer .wrap_scroll .inner_wrap{width:490px} .basic_layer .inner_basic_layer1 .wrap_scroll .inner_wrap{width:590px} .basic_layer .inner_basic_layer2 .wrap_scroll .inner_wrap{width:690px} .basic_layer.history_layer .inner_basic_layer{width:812px} .basic_layer.history_layer .inner_basic_layer .wrap_tbl .inner_wrap{width:762px} .basic_layer.history_layer .tbl_layer th,.basic_layer.history_layer .tbl_layer td{line-height:21px;vertical-align:top} .basic_layer.history_layer .tbl_layer th{padding:13px 0 13px 19px} .basic_layer.history_layer .tbl_layer .inner_cell{overflow:hidden;overflow-y:auto;max-height:212px;padding:13px 20px} .basic_layer.history_layer .tbl_layer .txt_type{margin-top:10px} .basic_layer.history_layer .tbl_layer .txt_type:first-child{margin-top:0} .basic_layer.history_layer .tbl_layer .even{background-color:#f7fafe} /* 레이어팝업 - 타겟저장,광고계정관리 */ .wrap_tbl .count_max{display:block;color:#111;height:34px;margin:5px 0 25px;line-height:38px;text-align:center} .wrap_tbl .count_max .tit_count{display:inline-block;margin-right:17px;vertical-align:top} .wrap_tbl .count_max .txt_count{display:inline-block;font-size:26px;letter-spacing:-1px;vertical-align:top} .wrap_tbl .list_notice{margin:10px 0 -4px} .wrap_tbl .list_notice li{position:relative;padding:5px 0 0 10px;line-height:25px} .wrap_tbl .list_notice li:before{position:absolute;left:0;top:16px;width:2px;height:2px;background-color:#555;content:''} .wrap_tbl .link_detail{color:#326edc;text-decoration:underline} .wrap_tbl .txt_notice{margin:24px 0 -3px;line-height:22px} .wrap_tbl .txt_refund{margin:24px 0 -3px;line-height:22px;letter-spacing:-1px} .tbl_layer .target_item{display:table;position:relative} .tbl_layer .target_item:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''} .tbl_layer .target_item .txt_content{display:table-cell;width:351px;padding-right:20px;color:#111;vertical-align:middle} .tbl_layer .target_item .txt_state{display:table-cell;width:105px;text-align:right;font-size:12px;color:#777;vertical-align:middle} .tbl_layer .target_item .info_state{display:block;font-weight:500;font-size:13px} .tbl_layer .target_item .txt_setting{display:table-cell;width:27px;padding:0 5px 0 20px;text-align:right;font-size:13px;font-weight:500;color:#333;vertical-align:middle} .tbl_layer .target_item .link_help{margin:2px -2px 0 0;vertical-align:top} .tbl_layer .target_item .txt_setting.fc_affirm{color:#37c333} .tbl_layer .target_item .txt_setting.fc_warn{color:#f64949} .tbl_layer .list_depth li{padding-top:4px} .tbl_layer .list_depth li:first-child{padding-top:0} .tbl_layer .depth_item .txt_content{width:331px;padding-left:18px} .tbl_layer .depth_item .ico_depth{position:absolute;left:7px;top:5px;width:8px;height:7px;background-position:-200px -80px} .tbl_layer .tr_bundle .inner_cell{overflow-x:hidden;overflow-y:auto;max-height:256px;padding:13px 20px 0 19px;line-height:24px} .tbl_layer .tr_bundle .inner_cell:after{display:block;height:16px;content:''} .tbl_layer .keyword_bundle .inner_cell{max-height:237px;padding:14px 20px 0 19px;line-height:22px;color:#111} .tbl_layer .keyword_bundle .inner_cell:after{display:block;height:17px;content:''} .tbl_layer .tr_keyword .inner_cell{overflow-y:scroll;height:150px;padding-bottom:0} .tbl_layer .tr_keyword .inner_cell:after{display:block;height:17px;content:''} .tbl_layer .mapblock_bundle .inner_cell{max-height:245px;padding:0} .tbl_layer .mapblock_bundle .inner_cell:after{display:none} .tbl_layer .tit_bundle{display:block;color:#111} .tbl_layer .num_file{font-weight:500;color:#326edc} .tbl_layer .num_business{display:inline-block;height:36px;line-height:36px;margin-right:5px} .tbl_layer .num_phone{display:inline-block;height:36px;line-height:36px;margin-right:6px} .tbl_layer .inner_cell .img_ahead{display:block;margin:0 auto} .tbl_layer .txt_nodata{color:#ccc} .tbl_layer .list_dot li{position:relative;padding-left:10px} .tbl_layer .list_dot li:before{position:absolute;left:0;top:10px;width:4px;height:4px;border-radius:4px;background-color:#333;content:''} /* 오디언스설정 레이어 - 모먼트타겟 현재위치 리스트 */ .audience_layer .tbl_layer th{vertical-align:middle} .tbl_layer .list_targetblock{width:546px;line-height:20px;color:#555} .tbl_layer .list_targetblock li{position:relative;padding:12px 20px 13px;border-top:1px solid #e6e6e6} .tbl_layer .list_targetblock li:first-child{border-top:0 none} .tbl_layer .list_targetblock .txt_address{display:block;padding-right:78px;letter-spacing:-0.03em} .tbl_layer .list_targetblock .num_block{position:absolute;right:20px;top:50%;width:52px;margin-top:-10px;font-weight:700;font-size:13px;color:#326edc} /* 오디언스설정 레이어 - 타겟 상세보기 오디언스 */ .basic_layer.audience_layer2 .tbl_layer th{padding-right:10px} /* 사업자등록증 */ .box_inptxt.box_date{width:80px} /* 변경 반영일 */ .multi_select{height:36px} .multi_select .opt_select{float:left;width:218px;max-width:218px;margin-left:10px} .multi_select .opt_select .opt_list{overflow:hidden;overflow-y:auto;width:218px;max-width:218px;max-height:400px} .multi_select .opt_select:first-child{margin-left:0} .multi_select .opt_select2{float:left;width:218px;max-width:218px;margin-left:10px} .multi_select .opt_select2:first-child{margin-left:0} /* 서류 업로드 */ .tbl_layer .txt_noti{display:table;width:100%;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box} .tbl_layer .txt_noti .inner_noti{display:table-cell;line-height:24px;color:#ccc;text-align:center;vertical-align:middle} .tbl_layer .item_cell .tit_cell{display:block;margin:14px 0 7px;font-weight:400;color:#555} .tbl_layer td .item_cell:first-of-type .tit_cell{margin-top:0} /* 충전금액 */ .tbl_layer td .cash_balance{display:block;font-weight:500;font-size:20px;line-height:23px;color:#111;letter-spacing:-1px} .tbl_layer .list_cash{margin-top:-4px;margin-bottom:-7px} .tbl_layer .list_cash li{overflow:hidden} .tbl_layer .list_cash .item_cash{padding:5px 0 10px} .tbl_layer .list_cash .item_cash .txt_append{clear:both;padding-top:5px;margin:0 0 -3px 28px;font-size:13px;line-height:20px} .tbl_layer .list_cash .return_cash{padding-bottom:10px} .tbl_layer .list_cash .box_radioinp{height:36px;line-height:33px;vertical-align:top} .tbl_layer .item_cash .radio_inp,.tbl_layer .item_cash .box_radioinp{float:left;height:36px;margin-right:12px} .tbl_layer .item_cash .radio_inp .inp_radio,.tbl_layer .item_cash .radio_inp .ico_radio{top:50%;margin-top:-8px} .tbl_layer .return_cash .radio_inp,.tbl_layer .return_cash .box_radioinp{float:left;height:36px;margin-right:12px} .tbl_layer .return_cash .radio_inp .inp_radio,.tbl_layer .return_cash .radio_inp .ico_radio{top:50%;margin-top:-8px} .tbl_layer .box_cash{width:93px;padding-right:20px} .tbl_layer .item_cash .box_cash{float:left} .tbl_layer .return_cash .detail_return{overflow:hidden} .tbl_layer .return_cash .detail_return .txt_error{margin:4px 0 0} .tbl_layer .box_cash .txt_won{position:absolute;right:8px;top:0;line-height:32px;color:#777} .basic_layer .box_notice{padding:15px 19px 16px;margin-top:20px;border:1px solid #e5e5e5;background-color:#f5f5f5;line-height:22px} .basic_layer .box_notice dt{display:inline;font-weight:500;color:#111} .basic_layer .box_notice dd{display:inline;color:#555} /* 레이어팝업 - 소재요소 가져오기(소재 라이브러리) */ /* 소재 자세히보기 */ .basic_layer.material_layer .inner_basic_layer{width:950px} .basic_layer.material_layer .inner_basic_layer6{width:700px} .basic_layer.material_layer .inner_basic_layer6 .head_feed + .wrap_material .inner_wrap{padding-top:14px} .basic_layer.material_layer .tab_g8{padding:9px 24px 0 9px} .basic_layer.material_layer .tab_g8 li{margin-left:0} .basic_layer.material_layer .tab_g8 li:first-child{margin-left:16px} .basic_layer.material_layer .tab_g8 li:first-child .link_tab{width:140px} .basic_layer.material_layer .tab_g8 .link_tab{padding:0 34px 0} .basic_layer.material_layer .wrap_material .group_info{min-height:67px} .basic_layer.material_layer .wrap_material .paging_wrap{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid rgba(0,0,0,0.08)} .basic_layer.material_layer .wrap_material .group_material + .paging_wrap{margin-top:-10px} .basic_layer.material_layer .wrap_material .paging_wrap .opt_select{min-width:118px} .basic_layer.material_layer .group_info .desc_info{float:left;margin:29px 0 10px 30px;line-height:20px;color:#777} .basic_layer.material_layer .group_info .guide_section{float:left;margin:27px 0 22px 20px;font-size:0} .basic_layer.material_layer .group_info .guide_section .guide_item{position:relative;display:inline-block} .basic_layer.material_layer .group_info .guide_item + .guide_item:before,.basic_layer.material_layer .group_info .guide_section .desc_guide:before{content:'';position:absolute;top:1px;left:0;width:1px;height:13px;background-color:#ddd} .basic_layer.material_layer .group_info .guide_section .link_guide{display:block;padding:0 10px;line-height:14px;font-size:14px;color:#777} .basic_layer.material_layer .group_info .guide_section .link_guide:hover{color:#333} .basic_layer.material_layer .group_info .guide_section .ico_out{display:inline-block;width:12px;height:11px;margin:3px 0 0 5px;background-position:-585px -650px} .basic_layer.material_layer .group_info .guide_section .link_emph:hover{color:#326EDC} .basic_layer.material_layer .group_info .guide_section .link_emph:hover .ico_out{background-position:-600px -650px} .basic_layer.material_layer .group_info .guide_section .guide_item .tooltip_basic.ly_tooltip{min-width:160px;max-width:350px;padding:20px} .basic_layer.material_layer .group_info .guide_section .desc_guide{position:relative;display:inline-block;padding-left:10px;margin-top:-1px;line-height:16px;font-size:12px;color:#999} .basic_layer.material_layer .group_info .guide_section .desc_guide .ico_info4{margin-top:2px;margin-right:5px} .basic_layer.material_layer .landing_btn{overflow:hidden;margin-top:-20px;padding:0 30px 30px;text-align:center} /*랜딩 미리보기 버튼*/ .basic_layer.material_layer .landing_btn .inner_btn .btn_gm + .btn_gm{margin-left:10px} .basic_layer.material_layer .landing_btn .btn_gm{height:32px} .basic_layer.material_layer .landing_btn .btn_gm .inner_g{line-height:17px} .reform_tit_filesize{display:block;color:#333;font-weight:700;line-height:16px} .reform_subtit_filesize{display:block;padding-top:8px;color:#333;font-weight:500;line-height:16px} .reform_desc_guide{margin-top:4px;color:#555;line-height:18px;word-break:keep-all} .reform_list_filesize li{overflow:hidden;color:#777;margin-top:4px;line-height:16px} .reform_list_filesize li:first-child{margin-top:5px} .reform_desc_filesize{position:relative;display:table-cell;min-width:33px;color:#777} .reform_desc_filekb{position:relative;display:table-cell;overflow:hidden;padding-left:17px;color:#777} .reform_desc_filesize + .reform_desc_filesize{padding-left:17px} .reform_desc_filesize + .reform_desc_filesize:after,.reform_desc_filekb + .reform_desc_filekb:after,.reform_desc_filekb:after{content:'';position:absolute;top:2px;left:8px;width:1px;height:12px;background-color:#ddd} .filesize_info_type3{min-width:53px} .reform_list_filesize + .reform_tit_filesize{padding-top:15px} .reform_list_filesize + .reform_tit_fileinfo{padding-top:20px} .reform_desc_guide + .reform_tit_filesize{padding-top:15px} .reform_list_fileinfo li{margin-top:7px;padding-left:10px;text-indent:-10px;line-height:14px} .reform_list_fileinfo li + li{margin-top:4px} .basic_layer.material_layer .group_info .add_info{min-height:44px;padding:12px 30px 12px 14px;clear:both} .basic_layer.material_layer .group_info .add_info .group_option{margin:0} .basic_layer.material_layer .group_info .reform_search_complete{display:inline-block;width:250px;margin-right:7px;padding:0;vertical-align:top} .basic_layer.material_layer .group_info .reform_inner_complete{margin:0;padding:0;border:0 none} .basic_layer.material_layer .add_info dl{float:left} .basic_layer.material_layer .add_info dl dt{float:left;padding:8px 16px;font-weight:bold;color:#111} .basic_layer.material_layer .add_info dl dd{float:left;width:390px} .basic_layer.material_layer .add_info dl .group_option{float:none} .basic_layer.material_layer .add_info dl .opt_select{width:310px;max-width:310px} .basic_layer.material_layer .add_info dl .opt_list{min-width:310px;width:auto} .basic_layer.material_layer .group_info .group_option,.basic_layer.material_layer .group_info .box_inpfile{float:right;margin:16px 30px 0 0} .basic_layer.material_layer .group_info .box_inpfile .btn_gs{height:34px} .basic_layer.material_layer .box_inpfile .btn_gs .inner_g{padding:5px 14px 7px 15px;font-size:13px} .basic_layer.material_layer .box_inpfile .btn_gs .ico_add{margin-top:7px} .basic_layer.material_layer .group_option{position:relative} .basic_layer.material_layer .group_option:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''} .basic_layer.material_layer .box_inpfile .btn_gs.in_active .ico_add{opacity:0.3} .basic_layer.material_layer .group_option .opt_select + .opt_select{margin-left:12px} .basic_layer.material_layer .group_option .opt_select .link_option{letter-spacing:0} /* 시작 :div.group_option 내 selectbox 에서 검색 + 필터버튼 으로 변경*/ .basic_layer.material_layer .group_option .search_inp2{float:left;width:195px} .basic_layer.material_layer .group_option .reform_search_complete .search_inp2{width:165px} .basic_layer.material_layer .group_option .btn_filter{float:left;width:36px;height:36px;margin-left:10px;border:1px solid #ddd;border-radius:2px} .basic_layer.material_layer .group_option .btn_filter:hover,.basic_layer.material_layer .group_option .btn_filter.on{border-color:#555} .basic_layer.material_layer .group_option .btn_filter .ico_comm{width:12px;height:14px;margin:0 auto;background-position:-650px -480px} .basic_layer.material_layer .group_option .btn_filter + .box_inptxt{margin-left:10px} .basic_layer.material_layer .layer_filter{position:absolute;top:47px;right:0;z-index:30;width:326px;border-radius:4px;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,0.25)} .basic_layer.material_layer .layer_filter > .inner_g{padding:15px} .basic_layer.material_layer .layer_filter .tit_filter{display:block;padding-bottom:17px;line-height:20px;font-size:13px;font-weight:700;color:#333} .basic_layer.material_layer .layer_filter .subtit_filter{display:block;padding:1px 0 9px;line-height:20px;font-size:12px;font-weight:700;color:#111} .basic_layer.material_layer .layer_filter .list_filter li + li{padding-top:9px} .basic_layer.material_layer .layer_filter .box_filter{margin:13px 0 -3px;padding:15px 15px 23px;border:1px solid #ddd;border-radius:2px} .basic_layer.material_layer .layer_filter .box_filter .tit_filter{margin-top:22px;padding-bottom:9px} .basic_layer.material_layer .layer_filter .box_filter .tit_filter:first-child{margin-top:0} .basic_layer.material_layer .layer_filter .box_filter .list_filter li + li{padding-top:9px} .basic_layer.material_layer .layer_filter .list_filter .group_filter{overflow:hidden;margin:5px 0 0 28px} .basic_layer.material_layer .layer_filter .group_filter .box_inptxt{float:left;width:122px} .basic_layer.material_layer .layer_filter .group_filter .txt_filter{float:left;margin-left:10px;line-height:36px} .basic_layer.material_layer .layer_filter .list_filter .group_filter + .txt_error{padding:6px 0 0 28px} .basic_layer.material_layer .layer_filter .list_filter li .link_help{margin-top:-2px} .basic_layer.material_layer .layer_filter .btn_group{display:block;height:36px;padding:16px 17px 0;margin:19px -15px 0;border-top:1px solid #ebebeb} .basic_layer.material_layer .layer_filter .btn_group .btn_gm{float:right} /* 끝 :div.group_option -> div.group_search 으로 변경*/ .basic_layer.material_layer .group_material{overflow:hidden;position:relative;width:890px;height:430px;margin:0 auto 30px;border:1px solid #d9d9d9;box-sizing:border-box} .basic_layer.material_layer .group_material .drop_area{display:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;margin:0} .basic_layer.material_layer .group_material .inner_material{overflow-x:hidden;overflow-y:auto;width:890px;height:430px;padding:30px 0 2px 30px;box-sizing:border-box} .basic_layer.material_layer .group_material.on_drop .inner_material{overflow:hidden} .basic_layer.material_layer .group_material.drop_area_all{border:none} .basic_layer.material_layer .group_material.on_drop .drop_area{display:block} .basic_layer.material_layer .drop_area .reform_item_file{width:100%;height:100%;margin:0 auto} .basic_layer.material_layer .drop_area_all .drop_area .reform_item_file{width:100%;height:100%;margin:0;text-align:center} .basic_layer.material_layer .drop_area .reform_item_file .inp_file{display:none} .basic_layer.material_layer .drop_area .reform_item_file .file_info{position:absolute;top:0;left:0;width:890px;height:100%;margin:0 auto;font-size:16px;background:none;cursor:pointer} .basic_layer.material_layer .drop_area_all .reform_item_file .file_info{width:890px;height:100%;margin:0 auto;border:1px dashed #326EDC;background:rgba(212,227,255,0.9);cursor:pointer;box-sizing:border-box} .basic_layer.material_layer .drop_area .reform_item_file .reform_img_file{float:none;display:block;width:50px;height:50px;margin:174px auto 0;border-radius:50%} .basic_layer.material_layer .drop_area_all .reform_item_file .reform_img_file{display:inline-block;float:none;width:60px;height:60px;margin:165px 0 0 0;background-color:#326EDC} .basic_layer.material_layer .drop_area .reform_item_file .reform_ico_img{margin-top:15px} .basic_layer.material_layer .drop_area .reform_item_file.item_movie .reform_ico_img{width:15px;height:20px;margin-top:14px;margin-left:4px;background-position:-530px -715px} .basic_layer.material_layer .drop_area_all .reform_item_file .reform_ico_img,.basic_layer.material_layer .drop_area_all .reform_item_file.item_movie .reform_ico_img{width:16px;height:20px;margin-top:19px;margin-left:0;background-position:-500px -750px} .basic_layer.material_layer .drop_area .reform_item_file .reform_txt_file{display:block;padding-top:6px;text-align:center} .basic_layer.material_layer .drop_area_all .reform_item_file .reform_txt_file{display:block;padding-top:14px} .basic_layer.material_layer .drop_area .reform_item_file .txt_byte{padding-top:12px;font-size:14px} .basic_layer.material_layer .drop_area_all .reform_item_file .txt_byte{display:none} .basic_layer.material_layer .group_material .reform_box_nodata{min-height:354px} .basic_layer.material_layer .reform_box_nodata .txt_nodata{display:table-cell;padding-top:57px;text-align:center;font-size:16px;color:#333;vertical-align:middle} .basic_layer.material_layer .reform_box_nodata .ico_loading{width:60px;height:12px;margin:0 auto;background-position:-500px -775px} .basic_layer.material_layer .group_material.material_store .inner_material{height:490px} .basic_layer.material_layer .list_material{margin-right:-10px} .basic_layer.material_layer .list_material:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''} .basic_layer.material_layer .list_material li{position:relative;overflow:hidden;float:left;width:150px;margin:0 20px 27px 0} .basic_layer.material_layer .list_material .link_material{display:block;position:relative;width:100%;height:100%;box-sizing:border-box} .basic_layer.material_layer .list_material .img_file{display:table;width:150px;height:150px;text-align:center;vertical-align:middle} .basic_layer.material_layer .list_material .inner_img_file{display:table-cell;width:150px;height:150px;text-align:center;vertical-align:middle} .basic_layer.material_layer .list_material .time_control{position:absolute;bottom:0;right:0;width:43px;height:20px;font-size:12px;color:#fff;font-weight:500;background:rgba(0,0,0,0.6);text-align:center} .basic_layer.material_layer .list_material .bg_file{display:inline-block;width:100%;height:100%;background:#D8D8D8;vertical-align:middle} .basic_layer.material_layer .list_material .frame_g{position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid rgba(0,0,0,0.08);box-sizing:border-box} .basic_layer.material_layer .list_material li.over .link_material .frame_g,.basic_layer.material_layer .list_material .link_material:hover .frame_g{border:1px solid rgba(0,0,0,0.08);background:rgba(0,0,0,0.15)} .basic_layer.material_layer .list_material li.on .frame_g,.basic_layer.material_layer li.on .link_material:hover .frame_g,.basic_layer.material_layer .list_material li.on_order .frame_g,.basic_layer.material_layer li.on_order .link_material:hover .frame_g{z-index:10;border:2px solid #326EDC} .basic_layer.material_layer .list_material li.on .ico_liston{position:absolute;top:0;left:0;z-index:11;width:20px;height:20px;background-position:-550px -715px} .basic_layer.material_layer .list_material li.on_order .ico_liston{position:absolute;top:0;left:0;z-index:11;min-width:20px;height:20px;padding:0 7px 0 6px;font-size:12px;font-weight:700;line-height:20px;text-indent:0;color:#fff;background-color:#326EDC;background-image:none;box-sizing:border-box} .basic_layer.material_layer .list_material .btn_del{display:none;position:absolute;top:2px;right:2px;z-index:10;width:20px;height:20px} .basic_layer.material_layer .list_material li.over .link_material .btn_del,.basic_layer.material_layer .list_material .link_material:hover .btn_del{display:block} .basic_layer.material_layer .list_material .ico_del{width:12px;height:12px;margin:4px;background-position:-870px -195px} .basic_layer.material_layer .list_material .txt_file{margin-top:9px;font-size:12px;font-weight:500;line-height:20px;color:#333;text-align:left} .basic_layer.material_layer .list_material .txt_filename{display:block;overflow:hidden;margin-top:2px;line-height:18px;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#555} .basic_layer.material_layer .list_material .txt_filename .link_txt{color:#326EDC} .basic_layer.material_layer .list_material .txt_file .link_help{margin:0 0 -3px -2px;vertical-align:top} .basic_layer.material_layer .material_store .info_store{height:81px;margin-top:10px;text-align:left;font-size:12px;font-weight:400;line-height:20px;color:#555} .basic_layer.material_layer .material_store .tit_store{display:block;font-weight:700;color:#333} .basic_layer.material_layer .material_store .tit_store .link_help{margin:-4px -2px 0 0} .basic_layer.material_layer .material_store .desc_store{display:block;display:-webkit-box;overflow:hidden;max-height:36px;margin-top:2px;font-weight:500;line-height:18px;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#555} .basic_layer.material_layer .material_store .txt_store{display:block;overflow:hidden;margin-top:2px} .basic_layer.material_layer .material_store .tax_store{float:left;margin-right:2px;color:#777} .basic_layer.material_layer .btn_imgedit{overflow:visible;position:absolute;top:120px;right:10px;width:20px;height:20px;border-radius:20px;background:rgba(0,0,0,0.5)} .basic_layer.material_layer .btn_imgedit .ico_comm{width:12px;height:12px;margin:4px auto;background-position:-550px -735px} .basic_layer.material_layer .btn_imgedit .num_imgedit{position:absolute;top:-10px;left:10px;min-width:16px;height:16px;padding-left:1px;border-radius:16px;font-family:Helvetica;font-size:10px;line-height:15px;color:#326EDC;background:#fff;box-sizing:border-box;box-shadow:0 0 2px rgba(0,0,0,0.4)} .basic_layer.material_layer .btn_imgedit .num_imgedit .ico_comm{display:block;width:10px;height:8px;margin:4px auto 0;background-position:-605px -450px} .basic_layer.material_layer li.load_ok .load_img{position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(50,110,220,0.6);box-sizing:border-box} .basic_layer.material_layer li.load_ok .load_img .ico_loading{width:20px;height:14px;margin:68px auto;background-position:-835px -70px} .basic_layer.material_layer .layer_upload{position:absolute;left:30px;bottom:30px;z-index:10} .basic_layer.material_layer .inner_layer{width:370px;height:77px;padding:20px 30px;margin-top:20px;text-align:left;border-radius:2px;background:#fff;box-shadow:0 2px 12px rgba(0,0,0,0.3);box-sizing:border-box} .basic_layer.material_layer .inner_layer .txt_upload{display:block;color:#333} .basic_layer.material_layer .inner_layer .load_wrap{display:block;padding:9px 0} .basic_layer.material_layer .inner_layer .load_wrap .load_bg{width:280px} .basic_layer.material_layer .inner_layer .load_wrap .btn_del{top:2px;right:-6px} .basic_layer.material_layer .layer_foot{overflow:hidden;padding:0 30px 30px;text-align:left} .basic_layer.material_layer .layer_foot .txt_select{float:left;margin:9px 0 0 -5px;font-weight:500;line-height:16px} .basic_layer.material_layer .layer_foot .txt_select .btn_del{margin-right:6px} .basic_layer.material_layer .layer_foot .txt_select .ico_del{width:12px;height:12px;margin:4px 4px 5px;background-position:-880px -140px} .basic_layer.material_layer .layer_foot .txt_select .num_select{margin-left:2px;font-weight:500;color:#326EDC} .basic_layer.material_layer .layer_foot .btn_group{float:right} .basic_layer.material_layer .group_info .group_option .f_left{margin-left:10px} .basic_layer.material_layer .group_info .box_info2{margin:16px 30px 0} .basic_layer.material_layer .group_info .box_info2 + .guide_section{margin-bottom:25px} .basic_layer.material_layer .group_info .box_info2 + .guide_section + .group_option{margin-top:15px} /*초기진입시*/ .basic_layer.material_layer.defalute{overflow:hidden} .basic_layer.material_layer.defalute:before{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;background:rgba(0,0,0,0.4);content:''} .basic_layer.material_layer.defalute .defalute_tooltip{position:absolute;top:326px;left:179px;z-index:1010} .basic_layer.material_layer.defalute .defalute_tooltip .btn_imgedit{top:0;left:0;border:2px solid #fff;box-sizing:content-box} .basic_layer.material_layer.defalute .defalute_tooltip .tooltip_basic{position:absolute;top:26px;left:0;width:300px;padding:22px 20px;border-radius:4px;background:#326EDC;box-sizing:border-box;box-shadow:0 2px 10px rgba(0,0,0,0.25)} .basic_layer.material_layer.defalute .defalute_tooltip .txt_tooltip{font-size:12px;line-height:18px;color:#fff} /*(팝업)이미지편집*/ .basic_layer.imgedit_layer .inner_basic_layer{width:950px} .basic_layer.imgedit_layer .layer_body{padding:20px 30px 30px} .basic_layer.imgedit_layer .layer_foot .txt_select{float:left;margin:9px 0 0 -5px;font-weight:500;line-height:16px} .basic_layer.imgedit_layer .layer_foot .txt_select .btn_del{margin-right:6px} .basic_layer.imgedit_layer .layer_foot .txt_select .ico_del{width:12px;height:12px;margin:4px 4px 5px;background-position:-880px -140px} .basic_layer.imgedit_layer .layer_foot .txt_select .num_select{margin-left:2px;font-weight:500;color:#326EDC} .basic_layer.imgedit_layer .list_imgcheck{overflow:hidden} .basic_layer.imgedit_layer .list_imgcheck li{float:left} .basic_layer.imgedit_layer .list_imgcheck li + li{padding-left:15px} .basic_layer.imgedit_layer .list_imgcheck .box_checkinp{width:188px;height:58px;border:1px solid #ddd;border-radius:2px;text-align:center} .basic_layer.imgedit_layer li.on .box_checkinp{border-color:#326EDC;background:#ECF3FF} .basic_layer.imgedit_layer .box_checkinp .inp_check:checked + .lab_check .ico_check{background-position:-795px -50px} .basic_layer.imgedit_layer .box_checkinp.on .inp_check:checked + .lab_check .ico_check{background-position:-855px -50px} .basic_layer.imgedit_layer .list_imgcheck .inner_checkinp{position:relative;display:inline-block;margin-top:17px} .basic_layer.imgedit_layer .box_imgedit{margin-top:15px;border:5px solid #000} .basic_layer.imgedit_layer .box_imgedit .wrap_edit{position:relative;width:100%;height:420px;background:#000} /*2:1 nas*/ .basic_layer.imgedit_layer .wrap_edit .guide_boxedit .line_g{position:absolute;left:50%;background-color:rgba(234,234,234,0.5)} .basic_layer.imgedit_layer .wrap_edit .guide_boxedit .line_t{top:0;width:840px;height:28px;margin-left:-420px} .basic_layer.imgedit_layer .wrap_edit .guide_boxedit .line_b{bottom:0;width:840px;height:62px;margin-left:-420px} .basic_layer.imgedit_layer .wrap_edit .guide_boxedit .line_l{top:28px;bottom:62px;width:28px;margin-left:-420px} .basic_layer.imgedit_layer .wrap_edit .guide_boxedit .line_r{top:28px;bottom:62px;width:28px;margin-left:392px} /*2:1 일반*/ .basic_layer.imgedit_layer .wrap_edit .guide_boxedit.guide_basic .line_t{top:0;width:840px;height:35px;margin-left:-420px} .basic_layer.imgedit_layer .wrap_edit .guide_boxedit.guide_basic .line_t:after{position:absolute;top:35px;right:36px;width:58px;height:52px;background-color:rgba(234,234,234,0.5);content:''} .basic_layer.imgedit_layer .wrap_edit .guide_boxedit.guide_basic .line_b{bottom:0;width:840px;height:91px;margin-left:-420px} .basic_layer.imgedit_layer .wrap_edit .guide_boxedit.guide_basic .line_l{top:35px;bottom:91px;width:36px;margin-left:-420px} .basic_layer.imgedit_layer .wrap_edit .guide_boxedit.guide_basic .line_r{top:35px;bottom:91px;width:36px;margin-left:384px} /*2:1 over시*/ .basic_layer.imgedit_layer .wrap_edit.over .line_g,.basic_layer.imgedit_layer .wrap_edit.over .guide_boxedit.guide_basic .line_t:after{background-color:rgba(50,110,220,0.5)} .basic_layer.imgedit_layer .wrap_edit .ico_close{position:absolute;top:37px;right:63px;z-index:1;width:36px;height:36px;background-position:-815px -705px} .basic_layer.imgedit_layer .box_imgedit .bnrimg_con{position:relative;height:78px;background:#000} .basic_layer.imgedit_layer .bnrimg_con .control_btn{position:absolute;top:28px;left:20px;right:20px} .basic_layer.imgedit_layer .bnrimg_con .btn_gs{float:left;min-width:82px;font-size:11px;font-weight:700;color:#333;background:#fff} .basic_layer.imgedit_layer .bnrimg_con .btn_gs + .btn_gs{margin-left:10px} .basic_layer.imgedit_layer .bnrimg_con .btn_gs:hover{background:#B1B1B1} .basic_layer.imgedit_layer .bnrimg_con .btn_gs.gs_line{min-width:auto;border:1px solid rgba(255,255,255,0.6);color:#fff;background:#000} .basic_layer.imgedit_layer .bnrimg_con .btn_gs.gs_line:hover{background:rgba(255,255,255,0.2)} .basic_layer.imgedit_layer .size_edit{padding-top:33px} .basic_layer.imgedit_layer .range_slider{z-index:1;width:500px;margin-left:114px} .basic_layer.imgedit_layer .range_slider .rc-slider-rail,.basic_layer.imgedit_layer .range_slider .rc-slider-step{border-radius:6px} .basic_layer.imgedit_layer .range_slider .rc-slider-track{border-radius:6px} .basic_layer.imgedit_layer .range_slider .rc-slider-handle{width:20px;height:20px;border-radius:20px} .basic_layer.imgedit_layer .info_imgcheck{overflow:hidden;padding-top:15px} .basic_layer.imgedit_layer .info_imgcheck .link_txt{color:#326EDC} .basic_layer.imgedit_layer .link_guide{position:relative;float:left;padding:0 10px;margin:2px 0 0 10px;line-height:14px;font-size:14px;color:#777} .basic_layer.imgedit_layer .link_guide:before{position:absolute;top:0;left:0;width:1px;height:13px;background:#ddd;content:''} .basic_layer.imgedit_layer .link_guide:hover{color:#326EDC} .basic_layer.imgedit_layer .ico_out{display:inline-block;width:12px;height:11px;margin:3px 0 0 5px;background-position:-585px -650px} .basic_layer.imgedit_layer .link_guide:hover .ico_out{background-position:-600px -650px} .basic_layer.imgedit_layer .desc_imgcheck{float:left;font-size:13px;line-height:19px;color:#777} /* 카카오페이 구매 보고서 만들기 레이어 */ .basic_layer.makereport_layer .inner_basic_layer{width:600px} .basic_layer.makereport_layer .tit_copy{display:block;margin-top:30px;font-weight:500;color:#333} .basic_layer.makereport_layer .tit_copy .txt_num{color:#326edc} .basic_layer.makereport_layer .txt_copy.txt_small{margin-top:4px;font-size:12px;line-height:18px;color:#777} .basic_layer.makereport_layer .inner_basic_layer > .layer_body{padding:30px} .basic_layer.makereport_layer .inner_basic_layer > .layer_body .tbl_layer tbody > tr > th{padding:17px 20px;border-right:1px solid #DDD} .basic_layer.makereport_layer .layer_body .list_report li{float:left} .basic_layer.makereport_layer .layer_body .list_report li + li{margin-left:30px} .basic_layer.makereport_layer .layer_body .tbl_layer{margin-top:0} .basic_layer.makereport_layer .layer_body .tbl_layer th .link_g{margin-top:-5px} .basic_layer.makereport_layer .layer_body .tbl_layer .inner_cell{padding:10px 20px} .basic_layer.makereport_layer .layer_body .tbl_layer .box_checkinp .lab_check,.makereport_layer .tbl_layer .box_radioinp .lab_radio{padding-left:28px} .basic_layer.makereport_layer .layer_foot .txt_select{float:left;margin-top:8px;font-size:13px;font-weight:600;line-height:19px} .basic_layer.makereport_layer .layer_foot .txt_select .num_select{margin-left:2px;font-weight:600;color:#326EDC} .basic_layer.makereport_layer .calendar_layer th{padding:0} .report_box{margin-top:10px;border:1px solid #DDD;border-radius:2px} .report_box .item_search{padding:12px 19px 12px;border-bottom:1px solid #DDD} .report_box .item_search::after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''} .report_box .item_search .box_pixelsearch{margin-left:-2px} .report_box .item_search .box_pixelsearch .opt_select,.report_box .item_search .box_pixelsearch .opt_select2{width:118px} .report_box .item_search .box_pixelsearch .search_inp2{width:300px} .report_box .item_select,.report_box .item_select.no_data{border-radius:2px;border:none;max-height:268px} .report_box .item_select .box_checkinp{padding-left:19px;height:60px} .report_box .item_select .box_checkinp .lab_check{padding-left:39px} .report_box .item_select .tit_list,.report_box .item_select .sub_list{display:block;overflow:hidden;font-size:13px;line-height:20px;text-overflow:ellipsis;white-space:nowrap;color:#333} .report_box .item_select .tit_list{padding-top:11px;font-size:12px;color:#777} .report_box .item_select .sub_list.txt_all{padding:20px 0} .report_box .item_select.no_data .txt_nodata{font-size:13px} /* 환불계좌등록 */ .box_inptxt.box_depositor{width:50px} /* 환불요청 */ .box_vertical{display:table;width:100%;min-height:322px} .box_vertical .inner_box{display:table-cell;vertical-align:middle} .box_vertical .tit_center{display:block;font-size:18px;line-height:28px;color:#111;text-align:center} .box_vertical .txt_center{margin-top:20px;line-height:24px;text-align:center} .no_refund{padding:15px 19px 17px;border:1px solid #e5e5e5;margin-top:20px;line-height:22px;background-color:#f5f5f5} .no_refund .tit_norefund{display:block;font-weight:500;color:#f64949} .define_adinfo{border:0 none;border-collapse:collapse;table-layout:fixed} .define_adinfo th{padding-right:18px;line-height:25px;font-weight:700;font-size:13px;color:#555;text-align:left;white-space:nowrap;vertical-align:top} .define_adinfo td{color:#333;font-size:13px;line-height:25px;word-break:break-all} .define_adinfo td .txt_bar{display:inline-block;width:1px;height:14px;margin:12px 6px 0 5px;background-color:#ccc;vertical-align:top} .define_adinfo th,.define_adinfo td{overflow:hidden;border-bottom:1px solid #ebebeb;line-height:36px;text-overflow:ellipsis;white-space:nowrap} .define_adinfo tr:nth-child(3) th,.define_adinfo tr:nth-child(3) td{border-bottom:none} .total_cash{display:table-cell;position:relative;width:318px;vertical-align:middle;text-align:center} .total_cash:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''} .total_cash .info_cash,.total_postpay .list_postpay{display:block;overflow:hidden;width:285px;margin:0 auto;border-bottom:1px solid #EBEBEB} .total_cash .info_cash dt,.total_postpay .list_postpay dt{float:left;font-size:13px;line-height:38px;color:#555} .total_cash .info_cash dd,.total_postpay .list_postpay dd{font-weight:500;font-size:13px;line-height:38px;color:#333;text-align:right} .total_cash > .ico_comm{display:inline-block;width:18px;height:18px;margin:34px 15px 0;vertical-align:top} .total_cash .sign_plus{background-position:-170px -160px} .total_cash .sign_equal{background-position:-170px -180px} .total_cash .list_postpay{position:absolute;top:8px;right:16px} .total_cash .list_postpay dt{display:block;padding-top:5px;color:#777;text-align:right} .total_cash .list_postpay dt .link_g .ico_comm{margin-top:1px} .total_cash .list_postpay dd{display:block;padding:1px 2px 0 0;font-weight:500;font-size:16px;text-align:right} .total_cash .cash_balance dt{width:100%;padding-top:8px;line-height:22px} .total_postpay .list_postpay:first-child dt{width:100%;padding-top:8px;line-height:22px;text-align:center} .total_cash .cash_balance dd,.total_postpay .list_postpay:first-child dd{padding-bottom:19px;font-weight:700;font-size:24px;text-align:center} .managebox_cash .total_postpay{height:100%;margin-left:36px} .managebox_cash .total_postpay:before{position:absolute;top:10px;bottom:-2px;width:1px;background:#EBEBEB;content:""} .managebox_cash .total_postpay .list_postpay{width:285px;margin-left:50px} .managebox_cash .total_postpay .list_postpay .link_g{margin:-2px 0 0 2px} .managebox_tit{height:36px;padding:12px 0} .managebox_tit + .tbladtarget_wrap,.managebox_tit + .tbladtarget_wrap .tbl_adtarget{border-radius:0 0 4px 4px} .managebox_tit:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''} .managebox_tit .tit_box{float:left;height:36px;margin-right:20px;font-weight:500;font-size:14px;line-height:35px;color:#333} .managebox_tit .tit_box .sub_title{font-size:14px;color:#777;letter-spacing:0} .managebox_tit .tit_box .fc_empty{font-weight:bold} .managebox_tit .txt_sub{float:left;height:34px;font-size:12px;line-height:36px;color:#999999} .managebox_tit .f_left .single_wrap:first-child{margin-left:0} .managebox_tit .f_left .single_wrap .btn_gm{margin-left:6px} .managebox_tit .f_left .single_wrap .btn_gm:first-child{margin-left:0} .managebox_tit .opt_select{max-width:100%;min-width:200px} .managebox_tit .opt_select .link_selected{min-width:185px} .managebox_tit .box_pixelsearch .search_inp2{width:194px} .managebox_tit .link_g{margin:7px -2px 0 1px} .managebox_tit .link_help{margin:-3px 0 0 2px} .managebox_tit .link_help2{margin:-3px 0 0 5px} .managebox_tit .link_help3{margin:-3px 0 0 -3px} .managebox_tit .link_help4{margin:9px -7px 0px -3px} .managebox_tit .subtit_box{display:inline-block;height:36px;line-height:34px;color:#111} .managebox_tit .subtit_box2{display:inline-block;height:36px;font-size:13px;line-height:34px;color:#777} .managebox_tit .desc_box{display:block;overflow:hidden;height:34px;font-size:13px;line-height:36px;color:#777;text-overflow:ellipsis;white-space:nowrap} .managebox_tit .txt_num{color:#326edc} .managebox_tit .link_dataguide,.managebox_tit .link_box,.ad_managebox .tab_right .link_box{display:inline-block;padding-top:6px;color:#555;vertical-align:top;text-decoration:underline} /*테이블 상단 타이틀 영역 우측 텍스트버튼*/ .managebox_tit .link_box2{display:inline-block;padding-top:7px;color:#333;vertical-align:top} .managebox_top .member_refuse{margin-top:9px} .tbladtarget_wrap .ico_fail{margin-top:5px} .ad_managebox{position:relative;margin-top:22px;padding:0 29px 30px;border:1px solid #ddd;background-color:#fff} .ad_managebox:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''} .ad_managebox .hide_head th{overflow:hidden;height:0;border:0 none;line-height:0;text-indent:-9999px} .ad_managebox .tblg2_wrap{margin-bottom:-1px} .ad_managebox .tblg2_wrap tr:hover td{background:rgba(0,0,0,0.03)} .ad_managebox .tblg2_wrap tr:hover td.nodata_info{background:#fff} .ad_managebox .tblg2_wrap .tbl_g2{background:none} .ad_managebox .tbl_g2 thead th:first-child .inner_tbl,.ad_managebox .tbl_g2 tbody td:first-child .inner_tbl{padding-left:20px} /* 공통디자인 적용 - 6월배포 */ .ad_managebox .tbl_g2 thead th:last-child .inner_tbl,.ad_managebox .tbl_g2 tbody td:last-child .inner_tbl{padding-right:20px} .layer_audiencedetail .tbl_g2 thead th:first-child .inner_tbl,.layer_audiencedetail .tbl_g2 tbody td:first-child .inner_tbl{padding-left:20px} /* 레이아웃 공통 스타일이 필요할 경우 공통화 예정 */ .ad_managebox .tbl_g2 thead th.align_c:first-child .inner_tbl,.ad_managebox .tbl_g2 tbody td.align_c:first-child .inner_tbl{padding-left:0} .ad_managebox .tbl_g2 thead th.align_c:last-child .inner_tbl,.ad_managebox .tbl_g2 tbody td.align_c:last-child .inner_tbl{padding-right:0} .ad_managebox .tbl_g2 thead th.align_c .check_inp,.ad_managebox .tbl_g2 tbody td.align_c .check_inp{margin-top:-6px} .ad_managebox .tbl_g2 .link_txt{text-decoration:none} .ad_managebox .tbl_g2 .f_right + .link_txt{display:block;padding-right:70px} .ad_managebox .tbl_g3{margin-top:30px;border-width:1px 0 1px;border-style:solid;border-top-color:#ddd;border-bottom-color:#ddd;margin-bottom:-1px;border-radius:0 0 4px 4px} .ad_managebox .tblg2_wrap + .paging_wrap{margin:25px 0 -10px} .ad_managebox .tblg2_wrap + .paging_wrap .num_paging:first-child{margin-left:0} .ad_managebox .tblg2_wrap + .paging_wrap .num_next{margin-left:15px} .ad_managebox .tblg2_wrap + .paging_wrap .num_paging:hover{border-radius:50%} .ad_managebox .desc_append{line-height:25px;margin:24px 20px 25px} .ad_managebox .desc_append .ico_star{display:inline-block;width:16px;height:16px;margin:5px 2px 0 0;background-position:-270px -120px;vertical-align:top} .ad_managebox .list_append li{position:relative;margin-top:18px;padding-left:10px} .ad_managebox .list_append li:first-child{margin-top:0} .ad_managebox .list_append li:before{position:absolute;left:0;top:12px;width:2px;height:2px;font-size:0;background:#555;vertical-align:top;content:''} .ad_managebox .paging_wrap + .desc_append{margin-top:43px} .ad_managebox .tblg2_wrap .tblg2_head{display:table;width:100%} .ad_managebox .tblg2_wrap .tblg2_body{overflow-y:auto;max-height:275px} .ad_managebox + .ad_managebox,.multibox_top2 + .ad_managebox{margin-top:20px} .multibox_top2:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''} .multibox_top2 .managebox_cash{float:left;width:710px;margin-right:20px;padding-bottom:23px} /* 2018-12-20 삭제예정 */ .multibox_top2 .managebox_detail{display:table;width:100%} .multibox_top2 .managebox_detail .nodata_info{display:table-cell;height:159px;font-size:13px;line-height:24px;color:#333;text-align:center;vertical-align:middle} .multibox_top2 .managebox_refund{overflow:hidden} .managebox_refund .define_adinfo{width:100%;margin-top:18px} /* 광고캐시 관리 */ .managebox_refund .define_adinfo tr:last-child th,.managebox_refund .define_adinfo tr:last-child td{border-bottom:1px solid #EBEBEB} .managebox_refund .link_txt{color:#326edc} /* 2018-12-20 삭제예정 */ .managebox_refund .define_adinfo th{font-weight:400;font-size:13px;line-height:46px;color:#555} .managebox_refund .define_adinfo td{font-weight:500;font-size:13px;line-height:46px;color:#333} /* 광고계정관리 */ .accountmanage_wrap{position:relative} .accountmanage_wrap .tab_g5{margin-top:21px} .accountmanage_wrap .info_account{margin-top:22px} .accountmanage_wrap .dsp_tit + .ad_managebox{margin-top:0} .accountmanage_wrap .multibox_top2{margin-top:22px} .accountmanage_wrap .multibox_top2 .ad_managebox{margin-top:0} .accountmanage_wrap .tbl_g3 .box_medium{width:224px} .accountmanage_wrap .tit_agencytax{display:block;font-size:16px;margin-bottom:8px} .accountmanage_wrap .txt_agencytax{display:block;height:48px;padding:72px 0 42px;font-size:13px;line-height:24px;color:#333;text-align:center;vertical-align:middle} .accountmanage_wrap .txt_agencytax .link_info2{margin-top:2px} .accountmanage_wrap .list_append li:before{top:0px} .accountmanage_wrap .list_append li + li{margin-top:0;padding-top:0} .accountmanage_wrap .managebox_tit .opt_select2,.myinfo_wrap .managebox_tit .opt_select2{min-width:159px} .accountmanage_wrap .managebox_detail .manage_info{display:table;table-layout:fixed} .accountmanage_wrap .info_account + .ad_managebox .opt_select2{min-width:185px} .accountmanage_wrap .tbl_g2 thead th:last-child .inner_tbl .link_g{margin-right:-13px} /* 세금계산서 */ .accountmanage_wrap .tbl_tax th{width:190px} .accountmanage_wrap .ad_managebox .txt_nodata{padding:60px 0 66px;font-size:13px;line-height:24px;color:#333;text-align:center} /* 세금계산서 - 레이어 */ .basic_layer.warrant_layer .inner_basic_layer{width:820px} .basic_layer.warrant_layer .layer_body{padding:30px} .basic_layer.warrant_layer .txt_top{line-height:24px} .basic_layer.warrant_layer .box_warrant{margin-top:20px;padding:20px 30px 30px;border:1px solid #ddd} .tit_info{display:block;line-height:22px;font-weight:500;color:#111} .list_warrant{overflow:hidden;margin-top:2px} .list_warrant li{position:relative;padding-left:16px;line-height:22px} .list_warrant li:before{content:'・';position:absolute;top:0;left:5px} /* 카드관리 */ .info_account{position:relative;min-height:285px;padding-left:260px;margin-top:28px;border:1px solid #ddd;background-color:#fff} .info_account .account_paymentinfo{position:absolute;left:0;top:0;bottom:0;width:200px;padding:0 29px;border-right:1px solid #ebebeb} .info_account .account_cardinfo{overflow:hidden;padding:0 29px 20px} .info_account .account_paymentinfo .area_nodata{margin-top:20px} .info_account .account_paymentinfo .area_nodata,.info_account .account_cardinfo .area_nodata{height:170px;margin-top:20px} /*개편전 190,개편후170*/ .info_account.nodata{padding-left:0} .info_account .tooltip_budget .ico_arr{left:11px;margin-left:0} .info_account .account_cardinfo .add_card{margin-top:30px} .account_paymentinfo .tit_account,.account_cardinfo .tit_account{display:block;height:61px;padding-top:18px;border-bottom:1px solid #ddd;font-weight:700;line-height:24px;font-size:16px;color:#000;box-sizing:border-box} .account_cardinfo .tit_account{margin-bottom:31px} .account_paymentinfo .tit_cardpayment{display:block;padding-top:8px;line-height:22px;font-size:13px;color:#555} .account_paymentinfo .txt_cardpayment{display:block;padding-top:8px;line-height:22px;font-weight:700;font-size:24px;color:#333;letter-spacing:-1px} .account_paymentinfo .define_adinfo{width:100%;margin-top:40px} .account_paymentinfo .define_adinfo th{padding-right:17px;font-weight:400;line-height:38px} .account_paymentinfo .define_adinfo td{width:94px;height:38px;font-weight:500;text-align:right} .account_paymentinfo .define_adinfo td a.fc_empty:hover{text-decoration:none} .account_paymentinfo .define_adinfo td span.fc_empty{color:#ccc} .account_paymentinfo .txt_error{display:block;margin-top:10px;line-height:22px;font-size:12px} .account_paymentinfo .txt_error .link_help{margin-top:-4px} .account_paymentinfo .txt_error .link_g .ico_help{width:14px;height:14px;margin-top:4px;background-position:-715px -130px;opacity:1} .account_cardinfo:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''} .account_paymentinfo .txt_error + .define_adinfo{margin-top:8px} .card_pay{float:left;position:relative;width:280px;height:auto;margin-top:30px;padding:0;border-radius:6px;background-color:#e5e5e5} .card_pay .inner_card{height:100%;min-height:160px;padding:0 17px;border:1px solid rgba(0,0,0,0.05);box-sizing:border-box;border-radius:10px} .card_pay .tit_card{overflow:hidden;display:block;padding-top:14px} .card_pay .tit_card .use_card{float:left;height:24px;padding:0 8px;border-radius:2px;font-size:10px;line-height:23px;color:#fff;background-color:rgba(0,0,0,0.4);vertical-align:top} .card_pay .tit_card .link_g{margin:-1px 0 0 2px;vertical-align:top} .card_pay .txt_info{display:block;overflow:hidden;margin:15px 0 3px;font-weight:700;font-size:18px;line-height:28px;color:#fff;white-space:nowrap;text-overflow:ellipsis} .card_pay .card_logo{display:block;height:24px;padding:30px 0 5px} .card_pay .card_logo .ico_cardlogo{display:inline-block;vertical-align:top} .card_pay .enter_card{overflow:hidden;position:absolute;right:22px;top:23px} .card_pay .link_enter{float:left;height:24px;margin-left:5px;padding:3px 7px 0;font-size:10px;font-weight:500;color:#fff;border:1px solid rgba(255,255,255,0.3);box-sizing:border-box} .card_pay .link_enter:hover{background:rgba(0,0,0,0.15);text-decoration:none} .card_pay .link_enter .ico_comm{display:inline-block;width:10px;height:9px;margin:3px 3px 0 0;background-position:-535px -740px;vertical-align:top} .card_pay .btn_del{position:absolute;top:15px;right:13px;padding:5px} .card_pay .btn_del .ico_del{width:12px;height:12px;opacity:0.8;filter:alpha(opacity=80);background-position:-565px -735px} .card_pay .btn_del:hover .ico_del{opacity:1;filter:alpha(opacity=100)} .card_pay .detail_cardnum{padding-top:1px;font-size:13px;line-height:18px;color:#fff} .card_pay .detail_cardnum dt{overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px} .card_pay .detail_carduser{overflow:hidden;margin-top:19px;font-size:12px;font-weight:400;color:rgba(255,255,255,0.6)} .card_pay .detail_carduser dt{float:left;margin-right:3px} .card_pay .detail_carduser dd{overflow:hidden;display:inline-block;position:relative;max-width:208px;margin-right:-5px} .card_pay .detail_carduser .txt_user{position:absolute;top:0;right:0} .card_pay .detail_carduser .txt_user + .txt_limit{padding-right:23px} .card_pay .detail_carduser .txt_limit{overflow:hidden;display:block;text-overflow:ellipsis;white-space:nowrap} .card_pay .ico_cardoff{display:inline-block;width:40px;height:22px;margin:1px 0 0 12px;font-size:11px;line-height:21px;border-radius:22px;background-color:#fc5144;color:#fff;text-align:center;vertical-align:top;letter-spacing:-0.12em} .card_pay .txt_info .ico_cardoff{margin-top:3px} .card_pay + .card_pay,.card_pay + .add_card{margin-left:10px} /* 결제카드_추가 */ .add_card{float:left;position:relative;width:280px;box-sizing:border-box;margin-top:17px;border-radius:6px;border:1px dashed #326EDC;background:#F1F6FF} .add_card .card_wrap{display:table;width:100%;height:100%;min-height:158px} .add_card .card_wrap .inner_card{display:table-cell;padding-top:13px;vertical-align:middle;text-align:center} .add_card .link_add{position:absolute;left:0;top:0;bottom:0;right:0} .add_card .ico_plus{display:block;width:40px;height:40px;margin:0 auto 10px;background-position:-455px -755px} .add_card .txt_add{display:block;padding:0 0 11px 20px;font-weight:700;font-size:13px;line-height:19px;color:#326edc} .add_card .desc_add{display:block;margin-top:-11px;font-size:12px;line-height:19px;color:#326edc} .add_card .link_g{position:relative;z-index:1;margin-top:-3px} .card_pay,.card_pay_s{background-color:#797979} .card_pay.on_card,.card_pay_s.on_card{background-color:#326EDC} /* 결제카드_작은사이즈 */ .card_pay_s{float:left;position:relative;max-width:256px;min-width:216px;width:calc(20% - 10px);margin:18px 5px 0;border-radius:6px} .card_pay_s .inner_card{height:134px;box-sizing:border-box;padding:13px 10px 22px 12px;border:1px solid rgba(0,0,0,0.1);border-radius:6px} .card_pay_s .use_card{display:inline-block;height:22px;min-width:44px;padding:0 8px;border-radius:2px;font-size:10px;line-height:21px;color:#fff;background-color:rgba(0,0,0,0.4);vertical-align:top;box-sizing:border-box} .card_pay_s .tit_card{display:block;margin-top:15px;font-weight:700;font-size:15px;line-height:18px;color:#fff} .card_pay_s .card_logo{display:block;height:20px;padding-top:18px;font-size:15px;line-height:18px;white-space:nowrap} .card_pay_s .card_logo .ico_cardlogo{display:inline-block;vertical-align:top} .card_pay_s .detail_cardnum{margin-top:2px;font-size:12px;line-height:18px;color:#fff} .card_pay_s .detail_cardnum dt{overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px} .card_pay_s .btn_del{position:absolute;top:5px;right:5px;padding:5px} .card_pay_s .btn_del .ico_del{width:12px;height:12px;opacity:0.8;filter:alpha(opacity=80);background-position:-565px -735px} .card_pay_s .btn_del:hover .ico_del{opacity:1} .card_pay_s .enter_card{position:absolute;top:20px;right:20px} .card_pay_s .link_enter{float:left;font-weight:500;font-size:10px;line-height:10px;color:#fff;text-decoration:underline} .card_pay_s .link_enter .fw_bold{font-weight:400} .card_pay_s .enter_card .layer_choice2{top:23px;width:265px} .card_pay_s .enter_card .layer_choice2 .link_menu{width:225px;padding:0 20px} .card_pay_s .enter_card .layer_choice2 .ico_mobile{float:left;margin-top:17px} .card_pay_s .ico_cardoff{display:inline-block;width:36px;height:20px;margin:-2px 0 0 8px;font-size:11px;line-height:19px;border-radius:20px;background-color:#fc5144;color:#fff;text-align:center;vertical-align:top;letter-spacing:-0.12em} .card_pay_s.off_card{background-color:#e5e5e5} .card_pay_s.off_card .inner_card{border:1px solid rgba(0,0,0,0.1)} .card_pay_s.off_card .tit_card{color:rgba(17,17,17,0.3)} .card_pay_s.off_card .detail_cardnum{color:rgba(17,17,17,0.3)} .card_pay_s.off_card .link_enter{color:#777} .card_pay_s .enter_card .layer_choice2 .list_menu li{height:20px} /* 카드관리 및 캐쉬관리 레이어 */ .tbl_layer .txt_emph{display:block;font-weight:500;font-size:20px;letter-spacing:-1px} .tbl_layer2{width:100%;margin-top:5px;border-collapse:collapse;table-layout:fixed} .tbl_layer2 th{height:55px;border:1px solid #e5e5e5;background-color:#f5f5f5;line-height:22px;text-align:left;font-weight:400} .tbl_layer2 td{height:47px;border:1px solid #e5e5e5;line-height:22px;color:#111;word-break:break-all} .tbl_layer2 th.align_c,.tbl_layer2 td.align_c{text-align:center} .tbl_layer2 th.align_r,.tbl_layer2 td.align_r{text-align:right} .tbl_layer2 th.align_l,.tbl_layer2 td.align_l{text-align:left} .tbl_layer2 .inner_cell{position:relative;padding:11px 10px 14px} .tbl_layer2 .txt_email{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} /* 캐쉬관리 환불내역 레이어 */ .basic_layer.refunded_layer .inner_basic_layer{width:800px} .basic_layer.refunded_layer .inner_basic_layer .wrap_tbl .inner_wrap{width:750px} /* 카드관리 레이어 */ .box_vertical.min_vertical{min-height:203px} /* 개인정보취급방침동의 */ .desc_agreeindivi{padding:13px 19px 27px;line-height:22px;background-color:#fff} .desc_agreeindivi .box_checkinp{display:block;margin-top:14px} .desc_agreeindivi .box_checkinp .lab_check{color:#111} .desc_agreeindivi .wrap_agree{margin-bottom:33px} .desc_agreeindivi .wrap_agree:last-child{margin-bottom:-1px} .desc_agreeindivi .txt_agree{margin-top:2px;color:#555} .desc_agreeindivi .txt_agree2{margin-top:15px;color:#777} .desc_agreeindivi .detail_agreeindivi{padding:19px 18px 20px 23px;border:1px solid #e5e5e5;margin-top:16px;line-height:22px;background-color:#f5f5f5} .desc_agreeindivi .detail_agreeindivi dt{float:left;margin:11px 4px 0 0;font-weight:500;color:#111} .desc_agreeindivi .detail_agreeindivi dd{overflow:hidden;margin-top:11px;color:#555} .desc_agreeindivi .detail_agreeindivi dt:first-child{margin-top:0} .desc_agreeindivi .detail_agreeindivi dt:first-child + dd{margin-top:0} .desc_agreeindivi .detail_agreeindivi dd .fw_bold{font-size:17px;font-weight:700;text-decoration:underline} /* 레이어 - 대시보드 복사 */ .dashcopy_wrap{padding:0 30px 30px} .dashcopy_wrap .tit_copy{display:block;margin:26px 0 7px;font-weight:500;color:#111} .dashcopy_wrap .tit_copy .txt_bar{display:inline-block;width:1px;height:12px;margin:5px 11px 0 12px;background-color:#ccc;vertical-align:top} .dashcopy_wrap .tit_copy .txt_num{color:#326edc} .dashcopy_wrap .tit_copy .link_help{padding-left:3px} .dashcopy_wrap .subtit_copy{display:block;padding-top:22px;font-size:12px;font-weight:500;color:#777} .dashcopy_wrap .txt_copy{margin-top:26px;color:#777} .dashcopy_wrap .txt_copy.txt_small{color:#777;font-size:12px} .dashcopy_wrap .txt_copy .fs_line{color:#555} /* 2018-08-03 수정 */ .dashcopy_wrap .txt_copy + .tit_copy{margin-top:22px} .dashcopy_wrap .tit_copy + .txt_copy{margin-top:13px} .dashcopy_wrap .reform_area_radiocheck{padding-top:25px} /* 광고그룹 복사 팝업 기존,신규 캠페인 선택 영역 */ .reform_area_radiocheck .txt_small{margin-top:9px} .reform_area_radiocheck .opt_select,.reform_area_radiocheck .opt_select2,.reform_area_radiocheck .box_inptxt{margin-top:20px} .dashcopy_wrap .reform_list_radiocheck li{margin-right:0} .dashcopy_wrap .reform_list_radiocheck.reform_list_float li{margin-right:35px} .dashcopy_wrap .reform_list_radiocheck li:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''} .dashcopy_wrap .subtit_copy + .reform_list_radiocheck{padding-top:15px} .dashcopy_wrap .reform_list_radiocheck li .link_help{margin-top:-3px} .dashcopy_wrap .reform_list_radiocheck .reform_calendar_adgroup{display:block;padding:10px 0 0 26px;margin-right:-5px} .dashcopy_wrap .copydash_list{border:1px solid #e5e5e5;border-radius:2px} .dashcopy_wrap .copydash_list .list_copydash{overflow-x:hidden;overflow-y:auto;max-height:399px;margin:3px 3px 3px 0} /* 디자인 스크롤 여백 */ .dashcopy_wrap .copymaterial_list .list_copydash{max-height:269px} .dashcopy_wrap .copymaterial_list .item_copydash{padding:15px 15px 18px 20px} .dashcopy_wrap .opt_select,.dashcopy_wrap .opt_select2{display:block;max-width:100%} .dashcopy_wrap .opt_select.opt_open{z-index:10} .dashcopy_wrap .opt_select .list_opt{overflow:hidden;overflow-y:auto;max-height:203px;box-sizing:border-box} /* 디자인 스크롤 여백 */ /*.dashcopy_wrap .opt_select .list_opt{overflow:hidden;overflow-y:auto;max-width:187px;max-height:203px;margin:4px 3px 3px 0;box-sizing:border-box}*/ /*확인필요*/ .dashcopy_wrap .opt_select .link_option{height:34px;padding-top:1px;padding-bottom:1px} .dashcopy_wrap .opt_select + .opt_select{margin-top:10px} .dashcopy_wrap .thumb_loading{height:56px;text-align:center} .dashcopy_wrap .thumb_loading .img_loading{margin-top:8px} .dashcopy_wrap .thumb_loading + .tit_copy{margin-top:5px} .dashcopy_wrap .txt_refresh{height:56px;line-height:56px;text-align:center} .dashcopy_wrap .txt_refresh .link_txt{text-decoration:underline} .dashcopy_wrap .txt_refresh + .tit_copy{margin-top:5px} .dashcopy_wrap .getdash_list{border:1px solid #ddd;border-radius:2px} .dashcopy_wrap .getdash_list .list_getdash{overflow-x:hidden;overflow-y:auto;width:488px;max-height:204px} .dashcopy_wrap .getdash_list .thumb_loading{height:198px} .dashcopy_wrap .getdash_list .thumb_loading .img_loading{margin-top:79px} .dashcopy_wrap .getdash_list .txt_nodata{display:table;width:100%;height:198px;text-align:center} .dashcopy_wrap .getdash_list .txt_nodata .inner_nodata{display:table-cell;color:#777;vertical-align:middle} .dashcopy_wrap .txt_error{margin:6px 0 -3px} .list_copydash li{border-top:1px solid #e5e5e5} .list_copydash li:first-child{border-top:0 none} .list_copydash .sublist_wrap{display:none} .list_copydash .item_copydash .ico_depth:after{content:'열기'} .list_copydash .sublist_wrap .list_item{border-top:1px solid #e5e5e5} .list_copydash .sublist_wrap .item_copydash{padding-left:45px} .list_copydash .sublist_wrap .sublist_wrap .item_copydash{padding-left:70px} .item_copydash{position:relative;padding:17px 36px 19px 20px} .item_copydash:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''} .item_copydash .link_copydash{float:left;width:100%;text-decoration:none} .item_copydash .ico_depth{float:left;width:16px;height:16px;margin:3px 9px 0 0;background-position:-290px 0} .item_copydash .detail_copydash{display:block;overflow:hidden;line-height:20px} .item_copydash .detail_copydash .fc_warn{padding-left:10px} .item_copydash .tit_list.in_active{color:#bbb} .item_copydash .check_inp{position:absolute;right:10px;top:50%;margin-top:-8px} .item_copydash .tit_list{display:block;overflow:hidden;color:#111;white-space:nowrap;text-overflow:ellipsis} .item_copydash .txt_list{display:block;overflow:hidden;padding-top:3px;font-size:13px;color:#777;white-space:nowrap;text-overflow:ellipsis} /* 리스트 클릭 on시 */ .list_copydash .on > .sublist_wrap{display:block} .list_copydash .on > .item_copydash .ico_depth{background-position:-290px -20px} .list_copydash .on > .item_copydash .ico_depth:after{content:'닫기'} /* 광고반응타겟 리스트 */ .list_getdash li{border-top:1px solid #e5e5e5} .list_getdash li:first-child{border-top:0 none} .list_getdash .link_getdash{display:block;overflow:hidden;position:relative;padding:15px 152px 15px 18px;text-decoration:none;letter-spacing:-0.04em} .list_getdash .detail_getdash{display:block;float:left;width:100%} .list_getdash .txt_category{display:block;margin-bottom:5px;font-size:13px;color:#555} .list_getdash .txt_category .txt_aim{position:relative;padding-left:14px;margin-left:7px} .list_getdash .txt_category .ico_arr{position:absolute;left:0;top:-2px} .list_getdash .tit_list{display:block;overflow:hidden;font-size:12px;line-height:18px;color:#777} .list_getdash .tit_list .tit_name{display:inline-block;overflow:hidden;max-width:47%;letter-spacing:-0.06em;text-overflow:ellipsis;white-space:nowrap;vertical-align:top} .list_getdash .sub_list{display:block;overflow:hidden;position:relative;line-height:22px;color:#111;text-overflow:ellipsis;white-space:nowrap} .list_getdash .ico_depth{display:inline-block;width:7px;height:7px;margin:5px 10px 0 0;border-left:1px solid #b2b2b2;border-bottom:1px solid #b2b2b2;vertical-align:top} .list_getdash .txt_display{position:absolute;right:20px;top:50%;margin-top:-10px;font-size:13px;color:#3fc13e;letter-spacing:-0.06em;text-align:right} /* 광고반응타겟 테이블 2018-08-02 추가 */ .tbl_title{table-layout:fixed;width:100%;border-collapse:collapse} .tbl_title th{padding:11px 0 11px 19px;border-left:1px solid #eee;border-bottom:1px solid #eee;font-size:13px;font-weight:700;text-align:left;background-color:#f5f5f5} .tbl_title th:first-child{border-left:none} .tbl_title th .tit_list{display:block;font-size:12px;font-weight:400;line-height:18px;color:#777} .tbl_title th .sub_list{display:block;font-size:13px;font-weight:500;line-height:18px;color:#333} .tbl_getdash{table-layout:fixed;width:100%;border-collapse:collapse} .tbl_getdash td{padding:15px 13px 15px 19px;border-left:1px solid #eee;border-bottom:1px solid #eee} .tbl_getdash tr > td:first-child{border-left:0 none} .tbl_getdash tr > td:last-child{padding-right:26px;font-size:13px;color:#333} .tbl_getdash tr:last-child > td{border-bottom:0 none} /* 공통 - 내정보메뉴 */ .adname_new{display:block;position:relative} .adname_new .ico_comm{display:inline-block;position:absolute;top:0;width:40px;height:18px;margin:1px 0 0 10px;background-position:-585px -505px} .box_plusbtn{position:relative;padding-right:66px} .box_plusbtn:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''} .box_plusbtn .btn_gm{position:absolute;right:0;top:0} .box_plusbtn .btn_gm .inner_g{width:54px;padding-left:0;padding-right:0} .box_plusbtn .opt_select{float:left;margin-right:10px} .box_plusbtn .box_inptxt{overflow:hidden} .box_plusbtn .txt_error{display:none;padding-top:5px;margin-bottom:-2px} .box_plusbtn.error .box_inptxt{border-color:#f64949} .box_plusbtn.error .txt_error{display:block} /* 내정보 탭 */ .myinfo_chatbot .ad_managebox,.myinfo_chatbot .managebox_tit{position:relative} .myinfo_wrap .search_account2{position:relative;width:382px} .search_account2 .box_inptxt{padding-right:64px;border-radius:0} .search_account2 .box_inptxt:hover,.search_account2 .box_inptxt.on{border-color:#326EDC} .search_account2 .box_inptxt .lab_txt{font-size:14px;color:#919191} .search_account2 .box_inptxt .inp_txt{color:#191919} .search_account2 .search_inp .btn_search{position:absolute;top:0;left:auto;right:0;padding:9px 11px 9px 5px;outline:0 none} .search_account2 .search_inp .ico_search{display:block;position:static;width:16px;height:16px;margin:0 auto;background-position:-685px -505px} .search_account2 .search_inp .btn_del{/*display:none;*/ position:absolute;top:0;right:32px;width:26px;height:34px} .search_account2 .search_inp .btn_del .ico_del{width:16px;height:16px;margin-top:1px;background-position:-625px -665px} .search_account2 .layer_account{position:absolute;left:0;margin-top:10px} .search_account2 .layer_account .fake_scroll{height:308px;margin-top:0;padding-top:10px} .search_account2 .layer_account .list_account{width:100%} .search_account2 .link_option{position:relative;display:block;padding:12px 50px 13px 16px;font-weight:400;font-size:13px;color:#191919;line-height:19px;text-decoration:none;letter-spacing:-0.03em} .search_account2 li:hover .link_option{background-color:#F4F9FF} .search_account2 li.on .link_option{background-color:#F4F9FF} .search_account2 li.on .link_option .txt_option{font-weight:700;color:#326EDC} .search_account2 li.on .link_option .txt_num{font-weight:400} .search_account2 .ico_on{width:8px;height:8px;margin:6px 6px 0 0} .search_account2 .ico_on:before{width:8px;height:8px} .search_account2 .ico_off{width:8px;height:8px;margin:6px 6px 0 0} .search_account2 .ico_off:before{width:8px;height:8px} .search_account2 .opt_state{position:absolute;top:14px;left:320px;font-size:0} .search_account2 .ico_badge{display:block;min-width:40px;max-width:49px;height:16px;padding:0 6px;font-size:10px;line-height:15px;color:#fff;font-weight:500;border-radius:8px;text-align:center;letter-spacing:0;box-sizing:border-box} .search_account2 .ico_master{background-color:#326EDC} .search_account2 .txt_num{display:inline-block;padding:2px 0 0 4px;font-size:12px;line-height:16px;color:#919191;vertical-align:top} .search_account2 .opt_tool{overflow:hidden;padding:15px 16px 14px 16px;background-color:#FAFAFA} .search_account2 .layer_account .paging_wrap2{position:relative;left:50%;transform:translateX(-50%)} .search_account2 .layer_account .txt_num{color:#919191} /* 픽셀 & SDK 연동 관리 탭 */ .ad_managebox .managebox_tit{position:relative} /* 내정보메뉴 */ .myinfo_wrap .list_append + .tbl_g3{margin-top:0} .myinfo_wrap .dsp_tit + .ad_managebox{margin-top:0} .myinfo_wrap .dsp_tit + .tbl_g3{margin-top:20px} .myinfo_wrap .tbl_g3 .limit_cell{width:466px} .myinfo_wrap .tab_g5{margin-top:25px} .myinfo_wrap .tab_g5 .ico_beta{width:30px;height:14px;margin:15px 0 0 4px;background-position:-850px -740px} .myinfo_wrap .tab_g5 .on .ico_beta{background-position:-850px -755px} /* 내정보 */ .myinfo_wrap .subtit_subject{height:36px;margin-bottom:10px;line-height:30px} .myinfo_wrap .dsp_subtit{margin-bottom:10px} .myinfo_wrap .dsp_subtit .subtit_subject{margin-bottom:0} .myinfo_wrap .dsp_subtit .link_g{margin:7px -1px 0 -1px;vertical-align:top} .myinfo_wrap .dsp_subtit + .ad_managebox{margin-top:0} .myinfo_wrap .managebox_tit .opt_select,.myinfo_wrap .managebox_tit .opt_select .link_selected{min-width:173px} .myinfo_wrap .managebox_tit .opt_account{min-width:298px;max-width:inherit} .myinfo_wrap .opt_account .opt_list{overflow-y:auto;min-width:268px;max-width:inherit;max-height:268px} .myinfo_wrap .tbl_g2 .ico_mobile{float:right;margin-top:3px} .myinfo_wrap .limit_line{display:block} .myinfo_wrap .box_pixelsearch .opt_select{width:88px;min-width:88px} .myinfo_wrap .box_pixelsearch .search_inp2{width:195px;padding-top:6px} .myinfo_wrap .managebox_tit .box_pixelsearch + .opt_select{float:left;min-width:198px;margin-left:10px} .myinfo_wrap .ad_managebox{margin-top:20px} .myinfo_wrap .myinfo_cardinfo .nodata_info{padding:60px 0 30px;font-size:13px;line-height:24px;color:#333;text-align:center} .myinfo_wrap .myinfo_cardinfo .nodata_info .txt_nodata{padding:25px 0 23px} .myinfo_wrap .myinfo_cardinfo .nodata_info .txt_exist + .btn_gm{margin-top:30px} .myinfo_wrap .group_inp.email_inp .box_inptxt{width:122px} .myinfo_wrap .group_inp.email_inp .opt_select{min-width:148px;width:148px} .myinfo_wrap .tbl_g3 .link_g{margin-left:9px} .myinfo_wrap .ad_managebox > .nodata_info{padding:60px 0 30px;font-size:13px;line-height:24px;color:#333;text-align:center} .myinfo_wrap .ad_managebox > .nodata_info .btn_gm{margin-top:30px} .myinfo_wrap .box_pixelsearch{width:348px} .myinfo_wrap .box_pixelsearch .opt_select2{min-width:73px;width:73px} .myinfo_wrap .myinfo_chatbot .box_pixelsearch{width:388px} .myinfo_wrap .myinfo_chatbot .box_pixelsearch .opt_select2{min-width:113px;width:113px} .myinfo_cardinfo{position:relative;min-height:135px;padding-top:12px;margin:0 -5px} .myinfo_cardinfo:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''} .myinfo_cardinfo .txt_nocard{margin-top:15px;font-size:13px;line-height:24px;color:#777} .myinfo_wrap .myinfo_cardinfo.nodata_info{padding:30px 0 0;text-align:center} .myinfo_wrap .myinfo_cardinfo .loading_wrap{display:table;width:100%;height:115px;padding-top:20px} .myinfo_wrap .myinfo_cardinfo .loading_wrap .inner_loading{display:table-cell;vertical-align:middle} .managebox_tit + .myinfo_cardinfo{border-top:1px solid #ddd} .myinfo_wrap .myinfo_cardinfo .inner_cardinfo{position:relative;height:134px} .myinfo_wrap .myinfo_cardinfo .wrap_card{display:flex;flex-wrap:wrap;width:100%} .myinfo_wrap .myinfo_cardinfo .add_card{max-width:256px;min-width:216px;width:calc(20% - 10px);height:134px;margin:18px 5px 0;border:1px dashed #326EDC;background:#F1F6FF} .myinfo_wrap .myinfo_cardinfo .add_card .card_wrap{min-height:127px} .myinfo_wrap .myinfo_cardinfo .add_card .ico_plus{width:30px;height:30px;margin-bottom:5px;background-position:-420px -755px} .myinfo_cardinfo .add_card .txt_add{padding-left:0;font-size:13px;line-height:19px} .myinfo_wrap .myinfo_cardinfo.nodata_info .add_card{margin:0 5px} .myinfo_wrap .opt_select2 .ico_mobile{margin:6px 0 0 5px} .myinfo_wrap .myinfo_cardinfo .add_card.in_active{border-color:#ddd;background:#FAFAFA} .myinfo_wrap .myinfo_cardinfo .add_card.in_active .ico_plus{background-position:-320px -330px} .myinfo_cardinfo .add_card.in_active .txt_add,.myinfo_cardinfo .add_card.in_active .desc_add{color:#ccc} /* 내정보 - 알림설정 */ .adnotice_wrap2{display:flex;position:relative;margin-top:20px} .adnotice_wrap2:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''} .adnotice_wrap2 .txt_guide{display:inline-block;font-size:12px;padding:10px 0 0 0;vertical-align:top;letter-spacing:-1px} .adnotice_wrap2 .list_guide{margin-top:20px;font-size:13px;line-height:24px;color:#777} .adnotice_wrap2 .list_guide li:before{display:inline-block;width:2px;height:2px;margin:11px 5px 0 0;font-size:0;background-color:#777;vertical-align:top;content:''} .adnotice_wrap2 .ad_managebox{top:0;left:0;bottom:0;width:414px;margin-top:0} .adnotice_wrap2 .choose_adnotice{position:relative;width:calc(100% - 414px);border-left:0} .adnotice_wrap2 .detail_adnotice{color:#333} .adnotice_wrap2 .detail_adnotice .txt_guide{padding-top:20px;margin-bottom:-10px;font-size:13px;line-height:18px} .adnotice_wrap2 .detail_adnotice th{vertical-align:top} .adnotice_wrap2 .detail_adnotice .tbl_g3 .tr_box2 .inner_tbl{padding:17px 0 17px 25px;font-size:14px;line-height:24px} .adnotice_wrap2 .detail_adaccount{width:472px;margin:0 -29px -30px;padding:0 0 30px 29px;box-sizing:border-box} .adnotice_wrap2 .detail_adaccount .account_list{overflow-x:hidden;overflow-y:auto;height:352px;margin-top:14px;padding-right:31px;box-sizing:border-box} /* height:520px;*/ .adnotice_wrap2 .detail_adaccount .account_list .in_active{color:#999;pointer-events:none} .adnotice_wrap2 .detail_adaccount .link_select .ico_comm{position:absolute;top:24px;right:-3px;width:14px;height:8px;background-position:-830px -100px} .detail_adaccount .account_list .in_active .ico_comm{opacity:.25} .adnotice_wrap2 .managebox_tit{position:relative;height:18px;margin-top:28px;padding:0;font-size:13px;line-height:18px;color:#333} .adnotice_wrap2 .managebox_tit .lab_check{padding-left:28px} .adnotice_wrap2 .managebox_tit .check_count{position:absolute;top:0;right:0;font-size:13px;line-height:22px;color:#777} .adnotice_wrap2 .managebox_tit .check_count .fc_emph{font-weight:700} .adnotice_wrap2 .detail_adaccount .list_account:after{display:block;clear:both;content:""} .adnotice_wrap2 .detail_adaccount .list_account li{position:relative;height:18px} .adnotice_wrap2 .detail_adaccount .list_account li + li{margin-top:14px} .adnotice_wrap2 .detail_adaccount .list_account li .box_checkinp{height:18px} .adnotice_wrap2 .detail_adaccount .list_account .lab_check{display:inline-block;overflow:hidden;max-width:384px;padding-left:28px;font-size:13px;line-height:18px;color:#333;text-overflow:ellipsis;white-space:nowrap;vertical-align:top} .adnotice_wrap2 .detail_adaccount .paging_wrap{padding-top:25px} .adnotice_wrap2 .nodata_wrap,.adnotice_wrap2 .reform_area_loading{height:calc(100% - 66px)} .nodata_wrap{display:table;width:100%;height:100%} .nodata_wrap .inner_wrap{display:table-cell;vertical-align:middle;text-align:center;color:#333} .nodata_wrap .inner_wrap .txt_nodata{margin-bottom:20px} /* 내정보 - 자동결제카드등록 레이어 */ .selfcard_layer .tit_checkinp{display:block;height:26px;margin-top:22px} .selfcard_layer .box_checkinp .lab_check{padding-left:23px} .selfcard_layer .txt_agree{margin-top:0} .selfcard_layer .list_number,.selfcard_layer .list_dot{margin-top:0} /* 레이어팝업 - 광고그룹만들기,광고그룹대시보드 레이아웃 공통 */ .basic_layer .wrap_scroll{overflow-y:auto;max-height:518px;border:1px solid #e5e5e5;background-color:#fafafa} .basic_layer .wrap_scroll .inner_wrap{width:490px} .basic_layer .inner_basic_layer1 .wrap_scroll .inner_wrap{width:590px} .basic_layer .inner_basic_layer2 .wrap_scroll .inner_wrap{width:690px} /* 약관 내용 레이어 */ .pop_infoagree{padding:29px 30px 30px 29px;line-height:22px} .pop_infoagree .tit_agree{display:block;margin-top:22px;color:#111} .pop_infoagree .tit_agree:first-child{margin-top:0} .pop_infoagree .subtit_agree{display:block;margin-top:22px;font-weight:500} .pop_infoagree .subtit_agree:first-child{margin-top:0} .pop_infoagree .subtit_agree2{display:block} .pop_infoagree .txt_agree{margin-top:22px;word-break:keep-all} .pop_infoagree .txt_agree:first-child{margin-top:0} .pop_infoagree .tit_agree + .txt_agree{margin-top:0} .pop_infoagree .subtit_agree + .txt_agree{margin-top:0} .pop_infoagree .list_dot{margin-top:22px} .pop_infoagree .list_dot:first-child{margin-top:0} .pop_infoagree .tit_agree + .list_dot{margin-top:0} .pop_infoagree .subtit_agree + .list_dot{margin-top:0} .pop_infoagree .list_dot li{padding-left:15px;text-indent:-15px;word-break:keep-all} .pop_infoagree .list_number{margin-top:22px} .pop_infoagree .list_number:first-child{margin-top:0} .pop_infoagree .tit_agree + .list_number{margin-top:0} .pop_infoagree .subtit_agree + .list_number{margin-top:0} .pop_infoagree .list_number li{padding-left:12px;text-indent:-12px;word-break:keep-all} .pop_infoagree .link_agree{color:#326edc} .pop_infoagree .tbl_layer td{vertical-align:top} /* 회원탈퇴/회원탈퇴 불가능 알림 레이어 */ .timer_set{float:left;position:relative;height:36px;margin-left:10px;padding-left:20px;font-size:14px;line-height:35px;color:#111;vertical-align:top} .timer_set .ico_timer{position:absolute;left:0;top:50%;width:16px;height:16px;margin-top:-8px;background-position:-120px -210px} .tbl_layer .box_medium{width:168px} /* 불가사유_공통 */ .list_cause{border:1px solid #e5e5e5} .list_cause li{position:relative;padding:13px 147px 18px 20px;border-top:1px solid #e5e5e5;line-height:22px;color:#777} .list_cause li:first-child{border-top:0 none} .list_cause .tit_cause{display:block;font-weight:500;color:#111} .list_cause .btn_gs{position:absolute;right:20px;top:50%;width:106px;margin-top:-13px} .list_cause .btn_gs .inner_g{padding-left:0;padding-right:0} /* 회원탈퇴 레이어 */ .tbl_layer .group_inp + .verifi_inp{margin-top:10px} .tbl_layer .group_inp.verifi_inp .box_inptxt{width:181px} /* 전환추적/리타겟팅 */ .createtagmat_wrap .tbl_g3{margin-top:20px} .createtagmat_wrap .tbl_g3 .box_medium{width:298px} .createtagmat_wrap .opt_matapp{min-width:178px;max-width:inherit} .createtagmat_wrap .opt_matapp .opt_list{min-width:178px;max-width:inherit} /* 전환추적 담당자 수정 레이어 */ .basic_layer.cts_layer .inner_basic_layer{width:840px} .basic_layer.cts_layer .wrap_tbl .inner_wrap{padding:30px 30px} .basic_layer.cts_layer .tbl_g3 .group_inp .txt_noti{letter-spacing:-0.1em} /* 고객파일 */ .customerfile_wrap .box_filename{width:653px} .customerfile_wrap .box_filename.error{border-color:#f64949} /* 고객파일 상세 */ .customerdetail_wrap .tbl_g3 th .inner_tbl{position:relative} .customerdetail_wrap .tbl_g3 th .btn_gs{position:absolute;top:50%;right:20px;margin-top:-13px} /* (popup) 광고계정 멤버 권한 요청 */ .basic_layer.layer_mymember .inner_basic_layer{width:720px} .basic_layer.layer_mymember .inner_basic_layer .layer_body{padding:30px} .basic_layer.layer_mymember .layer_body .tit_layer{line-height:20px;font-weight:500;font-size:14px} .basic_layer.layer_mymember .layer_body .txt_copy{padding-top:8px;line-height:20px;font-size:14px} .basic_layer.layer_mymember .itemtbl_wrap{margin-top:9px} .basic_layer.layer_mymember .tbl_itemchoice th,.basic_layer.layer_mymember .tbl_itemchoice td{height:46px} .basic_layer.layer_mymember .tbl_itemchoice .inner_tbl{padding-left:12px;padding-right:12px} .basic_layer.layer_mymember .itemtbl_wrap .itemtbl_body{max-height:253px} .basic_layer.layer_mymember .itemtbl_wrap .nodata_info{height:253px;text-align:center} .basic_layer.layer_mymember .itemtbl_wrap + .paging_wrap{margin:20px -30px -11px;padding-bottom:20px;border-bottom:1px solid #eee} .basic_layer.layer_mymember .tit_copy{display:block;font-weight:500;color:#111} .basic_layer.layer_mymember .tit_copy .txt_bar{display:inline-block;width:1px;height:12px;margin:5px 11px 0 12px;background-color:#ccc;vertical-align:top} .basic_layer.layer_mymember .tit_copy .txt_num{color:#326edc} .basic_layer.layer_mymember .box_inptxt,.basic_layer.layer_mymember .group_inp{margin-top:18px} .basic_layer.layer_mymember .box_inptxt + .tit_copy,.basic_layer.layer_mymember .group_inp + .tit_copy,.basic_layer.layer_mymember .reform_list_radiocheck + .tit_copy{margin-top:30px} .basic_layer.layer_mymember .group_inp .box_inptxt{margin-top:0;padding-left:11px} .basic_layer.layer_mymember .group_inp .box_inptxt .lab_txt{left:0;right:0;text-align:center} .basic_layer.layer_mymember .group_inp .box_inptxt .inp_txt{margin-top:-2px;text-align:center} .basic_layer.layer_mymember .group_inp.hyphen_inp .inp_wd1{width:46px} .basic_layer.layer_mymember .group_inp.hyphen_inp .inp_wd2{width:76px} .basic_layer.layer_mymember .group_inp.hyphen_inp .txt_inptxt{padding:0 10px} .basic_layer.layer_mymember .group_inp.hyphen_inp .btn_gm{margin-left:10px} .basic_layer.layer_mymember .box_info{min-height:50px;margin-top:10px;padding:15px 20px 14px;background:#F5F5F5;box-sizing:border-box} .basic_layer.layer_mymember .box_info .desc_info{line-height:20px} .basic_layer.layer_mymember .reform_list_radiocheck{margin:20px 0 0 0} .basic_layer.layer_mymember .reform_list_radiocheck li{margin-right:30px} /* 리스트 중타이틀 */ .managebox_top{height:66px;margin:0 -30px;padding:0 30px;background:rgba(0,0,0,0.02)} .managebox_top .tit_topbox{font-size:16px;font-weight:500;line-height:64px;color:#000} .managebox_top .btn_topbox{position:relative;float:left;margin:14px 0 0 17px;padding-right:12px;font-size:12px;line-height:36px;color:#326EDC} .managebox_top .btn_topbox .ico_arrow{position:absolute;top:50%;right:1px;width:6px;height:10px;margin-top:-4px;background-position:-120px 0} .managebox_top .tit_topbox .link_help{margin:-3px 0 0 2px} /* 소재 기간 설정 */ .dashschedule_wrap{padding:30px 30px} /* 컨트롤버튼 */ .control_btn .num_paging{padding-right:5px;line-height:33px} .control_btn .num_paging .num_current{font-weight:500;color:#326EDC} .control_btn .num_paging .txt_bar{color:#777} .control_btn .btn_gm,.control_btn .btn_gs{border-color:rgba(0,0,0,0.15);background:#fff} .control_btn .btn_gm:hover,.control_btn .btn_gs:hover{background:#f5f5f5} .control_btn .btn_gm.in_active,.control_btn .btn_gs.in_active,.control_btn span.btn_gm,.control_btn span.btn_gs{border-color:rgba(0,0,0,0.08);color:#ccc;background:none} .control_btn .ico_comm{width:6px;height:10px;margin:12px auto 0} .control_btn .ico_prev{background-position:-270px -20px} .control_btn .ico_next{background-position:-280px -20px} .control_btn_s .ico_comm{margin-top:7px} .control_btn_s .ico_prev{margin-left:8px} .control_btn_s .ico_next{margin-right:8px} .control_btn_s .num_paging{line-height:26px} .control_btn span.btn_gm,.control_btn span.btn_gs{cursor:default;pointer-events:none} .control_btn span.btn_gm .ico_prev,.control_btn span.btn_gs .ico_prev{background-position:-270px 0} .control_btn span.btn_gm .ico_next,.control_btn span.btn_gs .ico_next{background-position:-280px 0} /* 첨부이미지 */ .file_info .link_size{display:inline-block;margin-bottom:3px;color:#326EDC;text-decoration:underline} /* 첨부동영상 */ .regist_vod{overflow:hidden;padding:9px 0 9px 9px;border:1px solid #e5e5e5;background-color:#fff} .regist_vod .file_info{display:table;width:145px;height:80px;padding-left:12px;font-size:13px;line-height:20px;color:#777} .regist_vod .file_info .inner_info{display:table-cell;vertical-align:middle} .regist_vod .file_info .txt_size{display:block;font-weight:500;color:#555} .regist_vod .file_info .txt_byte{display:block;color:#a0a0a0} .load_wrap{position:relative;padding:15px 22px 11px 0} .load_wrap .load_bg{display:block;overflow:hidden;position:relative;height:6px;border-radius:6px;background-color:#dbdbdb} .load_wrap .load_bar{overflow:hidden;position:absolute;left:0;top:0;height:6px;font-size:0;line-height:0;background-color:#326EDC;text-indent:-9999px} .load_wrap .btn_del{position:absolute;right:2px;top:8px;width:20px;height:20px} .load_wrap .btn_del .ico_del{width:10px;height:10px;margin:0 auto;background-position:0 -50px} /* 소재생성 레이어 */ .importwrite_list{overflow-x:hidden;overflow-y:auto;border:1px solid #e6e6e6;background-color:#fff} .importwrite_list .inner_importwrite{overflow:hidden;min-height:100%} .importwrite_list.nodata_info{display:table;width:100%} .importwrite_list.nodata_info .inner_nodata{display:table-cell;padding-bottom:3px;text-align:center;color:#777;vertical-align:middle} .importwrite_list.nodata_info .txt_nodata{margin-bottom:27px} .importwrite_list.nodata_info .loading_wrap{display:table-cell;padding:0 0 3px 0;vertical-align:middle} .importwrite_list.nodata_info .refresh_wrap{display:table-cell;padding:0 0 3px 0;vertical-align:middle} .importwrite_list .list_importwrite{width:488px;margin-bottom:-1px} .list_importwrite li{border-bottom:1px solid #e6e6e6} .list_importwrite .box_radioinp{display:block;line-height:22px} .list_importwrite .box_radioinp .inp_radio{left:20px} .list_importwrite .box_radioinp .lab_radio{padding:0 29px 0 55px} .list_importwrite .box_radioinp .ico_radio{left:20px} .list_importwrite .box_radioinp:hover,.list_importwrite .box_radioinp.over{background-color:#f5f5f5} .list_importwrite .box_radioinp.on{background-color:#f1f6fc} .list_importwrite .info_importwrite{display:table;width:100%;table-layout:fixed} .list_importwrite .group_info{display:table-cell;position:relative;padding:14px 0 17px;vertical-align:middle} .list_importwrite .tit_info{overflow:hidden;color:#111;white-space:nowrap;text-overflow:ellipsis} .list_importwrite .define_append{margin:5px 0 -1px;font-size:13px;color:#777} .list_importwrite .define_append:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''} .list_importwrite .define_append dt{float:left;font-weight:500;margin-right:3px} .list_importwrite .define_append dt:before{float:left;width:1px;height:12px;margin:6px 9px 0;background-color:#ccc;content:''} .list_importwrite .define_append dd{float:left} .list_importwrite .define_append dt:first-child:before{display:none} .list_importwrite .define_append dd.notit_emph{font-weight:500} .list_importwrite .define_append dd.notit_emph:before{float:left;width:1px;height:12px;margin:6px 9px 0;background-color:#ccc;content:''} .list_importwrite .define_append dt:first-child + dd.notit_emph:before{display:none} .list_importwrite .thumb_img{display:table-cell;width:60px;height:60px;padding:20px 0 20px 20px;vertical-align:middle} .list_importwrite .thumb_img .inner_thumb{display:block;position:relative;overflow:hidden;width:60px;height:60px;background-size:36px 18px;-webkit-background-size:36px 18px} .list_importwrite .thumb_img .inner_thumb:after{position:absolute;left:0;top:0;right:0;bottom:0;border:1px solid #000;opacity:0.1;filter:alpha(opacity=10);content:''} .list_importwrite .thumb_img .img_thumb{display:block} .selectstep_box{border:1px solid #ccc;line-height:22px} .selectstep_box .step_head{height:47px;border-bottom:1px solid #ccc} .selectstep_box .step_head:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''} .selectstep_box .tit_step{float:left;width:257px;height:47px;padding:0 19px;border-left:1px solid #ccc;font-weight:500;line-height:45px;background-color:#f5f5f5;color:#111} .selectstep_box .tit_step:first-child{width:258px;border-left:0 none} .selectstep_box .tit_step .txt_num{color:#326EDC} .selectstep_box .step_body{width:100%;height:398px} .selectstep_box .loading_wrap{padding-top:122px} .selectstep_box .loading_wrap .txt_loading{color:#555} .selectstep_box .nodata_info{display:table} .selectstep_box .nodata_info .txt_nodata{display:table-cell;padding-bottom:2px;line-height:26px;text-align:center;color:#777;vertical-align:middle} .selectstep_box .nodata_info .txt_error{font-size:14px} .importmaterial_list{overflow-x:hidden;overflow-y:auto;float:left;width:295px;height:100%;border-left:1px solid #ccc;background-color:#fff} .importmaterial_list:first-child{width:296px;border-left:0 none} .importmaterial_list .inner_importmaterial{overflow:hidden;min-height:100%} .importmaterial_list .list_importmaterial{margin-bottom:-1px} .list_importmaterial li{border-bottom:1px solid #e6e6e6} .list_importmaterial .link_info{display:block;padding:14px 19px 17px} .list_importmaterial .link_info:hover{text-decoration:none;background-color:#f5f5f5} .list_importmaterial .link_info.on{background-color:#f1f6fc} .list_importmaterial .tit_info{display:block;overflow:hidden;color:#111;white-space:nowrap;text-overflow:ellipsis} .list_importmaterial .tit_info .fw_bold{font-weight:500} .list_importmaterial .box_checkinp{display:block;height:47px} .list_importmaterial .box_checkinp .inp_check{left:19px} .list_importmaterial .box_checkinp .lab_check{padding:0 19px 0 45px} .list_importmaterial .box_checkinp .lab_check:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''} .list_importmaterial .box_checkinp .ico_check{left:19px} .list_importmaterial .box_checkinp:hover,.list_importmaterial .box_checkinp.over{background-color:#f5f5f5} .list_importmaterial .box_checkinp.on{background-color:#f1f6fc} .list_importmaterial .box_checkinp .tit_info{height:47px;line-height:45px} .list_importmaterial .thumb_img{float:left;position:relative;width:60px;height:47px;margin-right:9px} .list_importmaterial .thumb_img .inner_img{display:block;position:relative;width:100%;height:100%;background-repeat:no-repeat;background-size:contain;background-position:50% 50%} .list_importmaterial .thumb_movie .inner_img:after{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.15);content:''} .list_importmaterial .thumb_movie .ico_play{position:absolute;left:50%;top:50%;z-index:1;width:22px;height:27px;margin:-14px 0 0 -11px;background-position:-400px -340px} /* 배너소재 단일 - 멀티업로드 */ /* 홍보이미지 */ .regist_img2{overflow:hidden;position:relative;width:320px;height:100px;background-position:0 -560px} .regist_img2 .file_itemimg{width:100%;height:100%} .regist_img2 .file_info{display:table;width:220px;height:100px;padding-left:100px;font-size:13px;line-height:20px;color:#777} .regist_img2 .file_info .inner_info{display:table-cell;vertical-align:middle} .regist_img2 .file_info .txt_ex{color:#555} .regist_img2:before{position:absolute;left:0;top:0;right:0;bottom:0;border:1px dashed #b2b2b2;content:''} .regist_img2.drag:before{border-color:#326edc} .regist_img2 .bg_drag{display:none;position:absolute;left:0;top:0;right:0;bottom:0;background-color:rgba(2,153,231,0.6)} .regist_img2.drag .bg_drag{display:block} .list_fileguide{margin-top:15px;padding-bottom:5px;font-size:13px;line-height:22px;color:#777} .list_fileguide.type_fileguide2{margin-top:11px;margin-bottom:-6px;padding:0 0 0 110px} .list_fileguide li{position:relative;padding-left:8px} .list_fileguide li:before{position:absolute;left:0;top:10px;width:2px;height:2px;background-color:#888;content:''} .list_fileguide .link_guide{color:#326edc} /* 홍보이미지리스트 */ .uploadlist_info{overflow:hidden;margin:15px 0 8px} .uploadlist_info .total_num{float:left;height:26px;line-height:26px} .uploadlist_info .total_num .txt_num{font-weight:500;color:#326EDC} .uploadlist_info .btn_del{float:right;background:#fff} .uploadlist_wrap{overflow-y:auto;overflow-x:hidden;max-height:738px;border:1px solid #e6e6e6;background-color:#fafafa} .uploaditem_wrap{border-top:1px solid #e6e6e6} .uploaditem_wrap:first-child{border-top:0 none} .uploaditem_wrap .fold_wrap{position:relative;height:44px} .uploaditem_wrap .link_fold{display:block;height:100%;padding-left:23px;line-height:44px;color:#555;text-decoration:none} .uploaditem_wrap .link_fold:hover{color:#111} .uploaditem_wrap .ico_fold{overflow:hidden;position:absolute;left:9px;top:50%;width:0;height:0;margin-top:-2px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #777;line-height:0;text-indent:-9999px} .uploaditem_wrap .link_del{position:absolute;right:0;top:0;width:10px;height:27px;padding:17px 10px 0} .uploaditem_wrap .link_del .ico_del{width:10px;height:10px;background-position:-330px -140px} .uploaditem_wrap .link_del:hover .ico_del{background-position:-330px -160px} .uploaditem_wrap .list_upload{display:none} .uploaditem_wrap .list_upload li{overflow:hidden;padding:0 14px 10px;cursor:pointer} .uploaditem_wrap .list_upload li:first-child{margin-top:1px} .uploaditem_wrap .list_upload .file_info{overflow:hidden;padding-left:10px} .uploaditem_wrap .list_upload .file_name{display:table;width:100%;height:60px;font-size:13px;line-height:18px} .uploaditem_wrap .list_upload .file_name .inner_name{display:table-cell;vertical-align:middle} .uploaditem_wrap .list_upload .on .mat_itemimg:after{border:2px solid #326edc} .uploaditem_wrap .list_upload .on .file_info{color:#111} .uploaditem_wrap .list_upload .load_ok .mat_itemimg .load_img{display:block} .uploaditem_wrap .list_upload li:hover .mat_itemimg:after{border-color:#a2a2a2} .uploaditem_wrap .list_upload li:hover .mat_itemimg .btn_del{display:block;z-index:1} .uploaditem_wrap .list_upload li:hover .file_info{color:#111} .uploaditem_wrap .list_upload .on:hover .mat_itemimg:after{border-color:#326edc} .uploaditem_wrap .list_upload .load_ok:hover .mat_itemimg .btn_del{display:none} .uploaditem_wrap .list_upload .load_ok:hover .mat_itemimg:after{border-color:rgba(0,0,0,0.1)} .uploaditem_wrap .mat_itemimg{width:60px;height:60px} .uploaditem_wrap .mat_itemimg .ico_loading{width:29px;height:22px;margin:19px auto 0;background-position:-400px -370px} .uploaditem_wrap .mat_itemimg .btn_del{width:20px;height:20px;border-radius:20px} .uploaditem_wrap .mat_itemimg .btn_del .ico_del{width:8px;height:8px;background-position:-380px -290px} .uploaditem_wrap.on .link_fold{font-weight:500;color:#326EDC} .uploaditem_wrap.g_on .link_fold{font-weight:500} .uploaditem_wrap.open .list_upload{display:block} .uploaditem_wrap.open .ico_fold{border-top:0 none;border-bottom:5px solid #777} /* 파일형식 툴팁 */ .tooltip_basic .upload_info{width:252px} .tooltip_basic .upload_info dt{font-weight:500;font-size:13px;color:#000} .tooltip_basic .upload_info dd{font-size:12px;color:#555} .tooltip_basic .upload_info .info_file{padding:8px 0 15px;border-bottom:1px solid #e6e6e6} .tooltip_basic .upload_info .info_file dt{float:left;width:89px} .tooltip_basic .upload_info .info_file dd{overflow:hidden} .tooltip_basic .upload_info .info_size{margin-top:0;margin-bottom:-10px;padding-top:16px} .tooltip_basic .upload_info .info_size dt{margin-bottom:5px} .tooltip_basic .upload_info .info_size dd{overflow:hidden;line-height:22px} .tooltip_basic .upload_info .info_size .txt_size{float:left;width:91px} /* 공통 - 소재 미리보기 타입 */ /* 소재타입 :배너 멀티 */ .material_bnrmulti{overflow:hidden;margin:0 25px 27px;text-align:center} .material_bnrmulti .bnr_wrap{position:relative;margin:0 auto;cursor:pointer} .material_bnrmulti .bnr_wrap.on:before{position:absolute;left:0;right:0;top:0;bottom:0;border:2px solid #326edc;content:''} .material_bnrmulti .bnr_wrap:hover:after{position:absolute;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,0.2);content:''} .material_bnrmulti .bnr_wrap .img_thumb{width:100%;height:100%;vertical-align:top} .material_bnrmulti.bnr300x150 .bnr_wrap{width:300px;height:150px} .material_bnrmulti.bnr468x60 .bnr_wrap{width:430px;height:55px} .material_bnrmulti.bnr320x50 .bnr_wrap{width:430px;height:67px} .material_bnrmulti.bnr320x100 .bnr_wrap{width:430px;height:134px} .material_bnrmulti.bnr655x120 .bnr_wrap{width:430px;height:79px} .material_bnrmulti.bnr728x90 .bnr_wrap{width:430px;height:53px} .material_bnrmulti.bnr970x90 .bnr_wrap{width:430px;height:40px} .material_bnrmulti.bnr320x160 .bnr_wrap{width:430px;height:215px} .material_bnrmulti.bnr560x120 .bnr_wrap{width:430px;height:92px} .material_bnrmulti.bnr170x128 .bnr_wrap{width:170px;height:128px} .material_bnrmulti.bnr200x200 .bnr_wrap{width:200px;height:200px} .material_bnrmulti.bnr250x250 .bnr_wrap{width:210px;height:210px} .material_bnrmulti.bnr336x280 .bnr_wrap{width:200px;height:167px} .material_bnrmulti.bnr300x250 .bnr_wrap{width:200px;height:167px} .material_bnrmulti.bnr120x600 .bnr_wrap{width:120px;height:600px} .material_bnrmulti.bnr160x600 .bnr_wrap{width:120px;height:450px} /* 이미지업로드실패 레이어 */ .imgupload_layer .imgupload_wrap{overflow-x:hidden;overflow-y:auto;max-height:443px;padding:4px 21px 24px;margin-top:25px;line-height:24px;border:1px solid #f5f5f5;background-color:#f5f5f5;text-align:left} .imgupload_layer .tit_imgupload{display:block;margin-top:19px;color:#f64949} .imgupload_layer .tit_imgupload + .txt_imgupload{margin-top:4px} .imgupload_layer .link_wrap{margin-top:15px;text-align:left} .imgupload_layer .link_imgupload{font-size:13px;text-decoration:underline;color:#777} /* 배너 멀티업로드_업로드 이미지뷰 레이어 */ .imguploadview_layer{position:absolute;left:0;top:0;right:0;bottom:0;min-width:504px;padding-top:100px} .imguploadview_layer .layer_head{position:absolute;left:0;top:0;right:0;height:100px;padding:0 100px 0 39px;background-color:#000;color:#fff} .imguploadview_layer .layer_body{position:relative;height:100%;padding:0 102px} .imguploadview_layer .tit_size{display:block;padding-top:24px;font-size:20px} .imguploadview_layer .txt_size{display:block;font-size:15px} .imguploadview_layer .txt_num{position:absolute;right:40px;top:54px} .imguploadview_layer .btn_control{position:absolute;top:50%} .imguploadview_layer span.btn_control{opacity:0.15;filter:alpha(opacity=15);cursor:default;pointer-events:none} .imguploadview_layer .btn_prev{left:40px} .imguploadview_layer .btn_next{right:40px} .imguploadview_layer .ico_prev{width:22px;height:42px;background-position:-110px -480px} .imguploadview_layer .ico_next{width:22px;height:42px;background-position:-140px -480px} .imguploadview_layer .slide_wrap{overflow:hidden;width:100%;height:100%} .imguploadview_layer .slide_wrap .inner_slide{position:relative;height:100%} .imguploadview_layer .imgview_wrap{display:table;float:left;width:100%;height:100%;text-align:center} .imguploadview_layer .imgview_wrap .inner_wrap{display:table-cell;vertical-align:middle} .imguploadview_layer .btn_close{position:absolute;right:40px;top:30px} .imguploadview_layer .btn_close .ico_close{width:16px;height:16px;background-position:0 -70px} /* 애드뷰 랜딩url 미리보기 레이어 */ .adview_lading_layer{padding-top:80px} .adview_lading_layer .layer_head{height:80px} .adview_lading_layer .wrap_landing{display:table;width:100%;height:100%} .adview_lading_layer .inner_landing{display:table-cell;width:100%;height:100%;vertical-align:middle;text-align:center} .adview_lading_layer .adview_compact{margin:30px auto 0;border:0 none} .adview_lading_layer .adview_full .inner_full{border:0 none} .adview_lading_layer .btn_preview{display:inline-block;height:34px;margin:30px 0 40px;padding:0 19px;border:1px solid #ccc;border-radius:34px;font-size:14px;line-height:34px;color:#fff;text-decoration:none;vertical-align:top} .adview_lading_layer .preview_layer{position:absolute;left:0;right:0;top:0;bottom:0} .adview_lading_layer .basic_layer.preview_layer .device_view{height:525px;margin:40px auto;padding:33px 14px 47px;border:1px solid rgba(255,255,255,0.25);background-color:rgba(30,30,30,0.85);text-align:left} .adview_lading_layer .basic_layer.preview_layer .device_view:before,.adview_lading_layer .basic_layer.preview_layer .device_view:after{display:none} .adview_lading_layer .btn_msgclose .ico_comm{width:16px;height:16px;margin:14px auto 0;background-position:-160px -530px} .adview_lading_layer .basic_layer.preview_layer .btn_msgclose{display:inline-block;width:43px;height:43px;margin:-20px 0 40px;border:1px solid #ccc;border-radius:43px;vertical-align:top} .adview_lading_layer .adview_compact .link_prev,.adview_lading_layer .adview_compact .link_next{display:none} .adview_lading_layer .dimmed_layer3{background-color:#1e1e1e} .adview_lading_layer .view_inner{width:408px;height:790px;padding:40px 14px;border:1px solid rgba(255,255,255,0.25);border-radius:32px;background-color:#1e1e1e;box-sizing:border-box} .adview_lading_layer .view_inner + .btn_msgclose{margin:20px 0 40px} .adview_lading_layer .message_view{position:static !important;min-height:710px;max-height:710px} .adview_lading_layer .message_view .top_view .txt_num{position:static} .adview_lading_layer .box_message .inner_message{margin-left:35px} /*캐러셀형 미리보기*/ .adview_lading_layer .item_carousel .box_message .inner_message{margin-left:0} /* 게시글 찾기 */ .basic_layer.searchpost_layer .layer_body{padding:30px 30px} .basic_layer.searchpost_layer .importwrite_list{height:448px} /* 등록된 메시지 불러오기 */ .basic_layer.callmsg_layer .layer_body{padding:30px 30px} .basic_layer.callmsg_layer .importwrite_list{height:391px} .basic_layer.callmsg_layer .opt_msgtype{float:right;min-width:168px;max-width:inherit} .basic_layer.callmsg_layer .opt_msgtype .opt_list{min-width:168px;max-width:inherit} /* 기존 소재 불러오기 */ .callprev_top:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''} .callprev_top .desc_callprev{float:left;margin-top:6px;line-height:24px} .callprev_top .box_plusbtn{float:right;margin-top:12px} .callprev_top .box_plusbtn .box_inptxt{width:264px} .basic_layer.callprev_layer{width:950px} .basic_layer.callprev_layer .inner_basic_layer{width:auto} .basic_layer.callprev_layer .layer_body{padding:30px 30px} .basic_layer.callprev_layer .selectstep_box{margin-top:24px} .basic_layer.callprev_layer .count_choice{display:block;height:25px;margin-top:20px;line-height:32px;color:#111;font-size:16px;font-weight:500;text-align:center} .basic_layer.callprev_layer .count_choice .txt_num{color:#326EDC} /* 알림전체 */ .notification_wrap .dsp_tit{margin-bottom:49px} .notification_wrap .managebox_tit{padding:11px 19px 12px} .notification_wrap .ad_managebox{margin:0;padding:0} .notification_wrap .tit_box{float:left;height:34px;margin-right:20px;font-size:16px;line-height:36px;letter-spacing:0;color:#111} .notification_wrap .opt_select{float:left;max-width:298px} .notification_wrap .opt_select .opt_list{left:auto;right:-1px;min-width:100%;max-width:298px} .notification_wrap .opt_select .opt_scroll{min-width:0} .notification_wrap .opt_select .opt_scroll .list_opt{max-width:300px} .notification_wrap .link_more{display:block;height:42px;border-top:1px solid #ccc;font-weight:500;line-height:39px;background-color:#f5f5f5;text-align:center;color:#555;text-decoration:none} .notification_wrap .link_more .ico_arr{width:10px;height:6px;margin:17px 0 0 9px;background-position:-170px -60px} .list_notifi li{border-top:1px solid #e6e6e6} .list_notifi li:first-child{border-color:#b3b3b3} .list_notifi .link_notifi{display:block;padding:14px 11px 15px;text-decoration:none} .list_notifi .txt_notifi{display:block;line-height:22px;color:#111} .list_notifi .txt_date{display:inline-block;padding-top:3px;font-size:13px;color:#777} /* 공통_범위슬라이드 */ .range_slider{position:relative;width:360px;padding:0;margin:0} .range_slider .rc-slider{height:6px;padding:6px 0 21px;border-radius:0;box-sizing:inherit} .range_slider .rc-slider *{box-sizing:inherit} .range_slider .rc-slider-rail{height:6px;background-color:#e6e6e6} .range_slider .rc-slider-track{height:6px;border-radius:0;background-color:#326EDC;transition:all 150ms} .range_slider .rc-slider-handle{width:16px;height:16px;top:0;margin-top:0;margin-left:0;border:none;background-color:#fff;-webkit-box-shadow:0 0 6px rgba(0,0,0,0.3);box-shadow:0 0 6px rgba(0,0,0,0.3),0 2px 3px rgba(0,0,0,0.2)} .range_slider .rc-slider-handle:hover{border-color:#fff} .range_slider .rc-slider-handle-active:active{border-color:#fff;-webkit-box-shadow:0 0 2px rgba(0,0,0,0.35);box-shadow:0 0 2px rgba(0,0,0,0.35)} .range_slider .rc-slider-step{height:6px} .range_slider .rc-slider-dot:first-child{margin-left:-2px} .range_slider .rc-slider-dot{bottom:inherit;top:0;width:36px;height:12px;margin-left:2px;padding-top:11px;border:0 none;line-height:13px;font-size:8px;color:#555;text-align:left;border-radius:0;vertical-align:top;background-color:transparent} .range_slider .rc-slider-dot:after{position:absolute;left:2px;top:0;width:1px;height:8px;background-color:#fff;content:''} .range_slider .rc-slider-dot-active{font-weight:500;color:#326EDC} .range_slider.in_active{cursor:default;pointer-events:none} .range_slider.in_active .rc-slider-handle{background-color:#e5e5e5} .range_slider .rc-slider-mark-text{width:30px} .range_slider.in_error .rc-slider-track{background:#F51045} /* 공통_유사타겟 만들기(타겟만들기) */ .similar_range{margin:26px 0 -4px} .similar_range .link_range{display:inline-block;line-height:18px;color:#555;vertical-align:top} .similar_range .link_range:hover{text-decoration:none} .similar_range .link_range:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''} .similar_range .ico_add{float:left;width:14px;height:14px;margin:4px 5px 0 0;background-position:-160px -20px} .similar_range .tit_range{float:left;height:22px;font-weight:normal} .similar_range .txt_range{display:none;float:left;height:22px;margin-left:4px} .similar_range .detail_range{display:none;margin-top:6px;padding:25px 0 20px;border:1px solid #e6e6e6} .similar_range .detail_range .range_slider{margin:0 auto} .similar_range.range_open{margin-bottom:0} .similar_range.range_open .ico_add{background-position:-310px -120px} .similar_range.range_open .txt_range{display:block} .similar_range.range_open .detail_range{display:block} /* 오디언스 타겟 레이어 */ .list_changehistory li{border-top:1px solid #e6e6e6} .list_changehistory li:first-child{border-top:0 none} .list_changehistory .item_info{padding:14px 31px 17px 13px;line-height:22px} .list_changehistory .item_info:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''} .list_changehistory .txt_info{float:left;color:#111} .list_changehistory .date_info{float:right;color:#111} .targethistory_list{overflow-x:hidden;overflow-y:auto;max-height:498px;margin-top:30px;border:1px solid #e6e6e6} .targethistory_list .list_changehistory{width:688px} .targethistory_list .list_changehistory .txt_info{width:520px} /* 고객파일 업로드 레이어 */ .basic_layer .info_step{margin:0 auto 30px;text-align:center} .basic_layer .info_step .inner_step{display:inline-block;vertical-align:top} .basic_layer .info_step .ico_arrow{width:20px;height:1px;margin:10px 10px 0;background:none;background-color:#ccc} .basic_layer .info_step .desc_step{height:20px;font-size:14px;color:#999} .basic_layer .info_step .desc_step.on{color:#111;font-weight:500} .basic_layer .info_step .desc_step.end{color:#111} .basic_layer .info_step .desc_step .ico_comm{width:16px;height:16px;margin-top:3px} .basic_layer .info_step .desc_step.end .ico_comm{background-position:-400px -430px} .basic_layer .info_step .circle_num1{background-position:-420px -430px} .basic_layer .info_step .circle_num2{background-position:-440px -450px} .basic_layer .info_step .desc_step.on .circle_num2{background-position:-440px -430px} .basic_layer .info_step .circle_num3{background-position:-460px -450px} .basic_layer .info_step .desc_step.on .circle_num3{background-position:-460px -430px} .basic_layer .info_step .circle_num4{background-position:-480px -450px} .basic_layer .info_step .desc_step.on .circle_num4{background-position:-480px -430px} .uploadfile_top:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''} .uploadfile_top .box_inpfile{float:left} .uploadfile_top > .btn_gs{float:left;margin-left:8px} .uploadfile_box{position:relative;margin-top:10px;border:1px solid #e6e6e6} .uploadfile_box .inner_upload{overflow-x:hidden;overflow-y:auto;height:100%} .uploadfile_box.nodata_info .inner_upload{display:table;width:100%} .uploadfile_box.nodata_info .txt_nodata{display:table-cell;padding-bottom:4px;line-height:22px;color:#777;text-align:center;vertical-align:middle} .uploadfile_box.nodata_info .link_txt{color:#326EDC} .list_uploadfile{margin:11px 0} .list_uploadfile li{display:block;overflow:hidden;position:relative;height:32px;padding:0 30px 0 14px;line-height:29px;text-overflow:ellipsis;white-space:nowrap;color:#111} .list_uploadfile li:hover{background-color:#f5f5f5} .list_uploadfile li:first-child{margin-top:0} .list_uploadfile .btn_del{position:absolute;right:0;top:0;width:30px;height:30px} .list_uploadfile .ico_del{width:10px;height:10px;margin:0 auto;background-position:0 -50px} .list_uploadfile .btn_del:hover .ico_del{background-position:-180px -100px} .basic_layer.customfile_layer .inner_basic_layer{width:600px} .basic_layer.customfile_layer .layer_body{height:auto;padding:28px 25px 30px} .basic_layer.customfile_layer .uploadfile_box{height:230px} .basic_layer.customfile_layer .link_download{text-decoration:underline;color:#111} .basic_layer.customfile_layer .loading_wrap{padding-top:50px;line-height:22px} .basic_layer.customfile_layer .loading_wrap .txt_loading{color:#555} .basic_layer.customfile_layer .analysis_loading{position:absolute;left:0;top:0;width:100%;height:100%;box-sizing:border-box;background-color:rgba(255,255,255,0.9)} .basic_layer.customfile_layer .txt_error{margin-top:8px} .basic_layer.customfile_layer .userinfo_agree{overflow:hidden;margin-top:30px;padding:20px;border:1px solid #ddd;border-radius:2px} .basic_layer.customfile_layer .userinfo_agree .box_checkinp .lab_check{color:#333} .basic_layer.customfile_layer .userinfo_agree .tit_agree{margin-bottom:9px} .basic_layer.customfile_layer .userinfo_agree .info_agree{overflow:hidden} .basic_layer.customfile_layer .userinfo_agree .info_agree .tit_info{display:block;font-weight:400;color:#333;line-height:22px} .basic_layer.customfile_layer .userinfo_agree .info_agree .txt_info{display:block;color:#777;line-height:22px} /* 유사타겟 만들기(유사타겟) 레이어 */ .itemtbl_wrap{border:1px solid #ddd;border-radius:2px;background:#fff} .itemtbl_wrap .nodata_wrap{display:table;width:100%;height:354px} .itemtbl_wrap .nodata_wrap .inner_nodata{display:table-cell;line-height:24px;text-align:center;vertical-align:middle;color:#777} .itemtbl_wrap .nodata_wrap .tit_nodata{display:block;margin-bottom:9px;color:#555} .itemtbl_wrap .itemtbl_head{display:table;width:100%;border-bottom:1px solid #eee} .itemtbl_wrap .itemtbl_body{overflow-y:auto;max-height:275px} .itemtbl_wrap .itemtbl_body .tbl_itemchoice thead tr{display:none} .itemtbl_wrap .thumb_loading{display:table;width:100%;height:275px;text-align:center} .itemtbl_wrap .thumb_loading .inner_loading{display:table-cell;vertical-align:middle} .itemtbl_wrap .thumb_loading .inner_loading .img_loading{margin-top:0} .tbl_itemchoice{table-layout:fixed;border-collapse:collapse;width:100%} .tbl_itemchoice .inner_cell{display:block;padding:0 19px} .tbl_itemchoice th{height:60px;border-left:1px solid #ebebeb;font-size:13px;font-weight:700;background-color:#FBFBFB;text-align:left} .tbl_itemchoice th.align_c{text-align:center} /* 2024-05-27 추가 */ .tbl_itemchoice td{height:60px;border-top:1px solid #ebebeb;border-left:1px solid #ebebeb} .tbl_itemchoice tbody tr:first-child td{border-top:0 none} .tbl_itemchoice tbody tr:hover{background-color:rgba(0,0,0,0.03)} .tbl_itemchoice tbody tr.on{background-color:#f1f6fc} .tbl_itemchoice th:first-child,.tbl_itemchoice td:first-child{border-left:0 none} .tbl_itemchoice .tr_mosu{text-align:center} .tbl_itemchoice .td_mosu{font-size:13px;color:#333;text-align:right} .tbl_itemchoice .td_mosu .inner_cell{padding:0 11px 0 0} .tbl_itemchoice .tr_pixelmosu,.tbl_itemchoice .td_pixelmosu{line-height:16px} .tbl_itemchoice .sub_time{display:block;font-size:12px;font-weight:400;color:#777} .tbl_itemchoice .box_radioinp{display:block;height:45px;line-height:45px} .tbl_itemchoice .box_radioinp .inner_inp{display:block} .tbl_itemchoice .box_radioinp .lab_radio{overflow:hidden;color:#111;white-space:nowrap;text-overflow:ellipsis} .tbl_itemchoice .box_radioinp .lab_radio .ico_sub{display:inline-block;width:7px;height:7px;margin:17px 10px 0 0;border-left:1px solid #b2b2b2;border-bottom:1px solid #b2b2b2;vertical-align:top} .tbl_itemchoice .tr_inactive tr:hover{background:none} .tbl_itemchoice .tr_inactive td{cursor:default;pointer-events:none} .tbl_itemchoice .tr_inactive .box_radioinp{cursor:default;pointer-events:none} .tbl_itemchoice .tr_inactive .box_radioinp .inp_radio{cursor:default;pointer-events:none} .tbl_itemchoice .tr_inactive .box_radioinp .ico_radio{background-position:-755px -50px} .tbl_itemchoice .tr_inactive .box_radioinp .lab_radio{color:rgba(17,17,17,0.4)} .tbl_itemchoice .tr_inactive .td_mosu .inner_tbl,.tbl_itemchoice .tr_inactive .td_mosu .inner_cell{opacity:0.4;filter:alpha(opacity=40)} .tbl_itemchoice .tr_inactive .td_pixelmosu .inner_tbl,.tbl_itemchoice .tr_inactive .td_pixelmosu .inner_cell{opacity:0.4;filter:alpha(opacity=40)} .tbl_itemchoice .td_mosu .inner_tbl,.tbl_itemchoice .td_mosu .inner_cell{padding:0 11px 0 0} .tbl_itemchoice .tr_inactive .td_mosu .inner_tbl,.tbl_itemchoice .tr_inactive .td_mosu .inner_cell{opacity:0.4;filter:alpha(opacity=40)} .tbl_itemchoice .tr_inactive .td_pixelmosu .inner_tbl,.tbl_itemchoice .tr_inactive .td_pixelmosu .inner_cell{opacity:0.4;filter:alpha(opacity=40)} /*inner_tbl 사용 :카카오 서비스 연동,픽셀 & SDK 멤버 권한 요청,픽셀 & SDK 만들기 / 그외 inner_cell 사용*/ .tbl_itemchoice .inner_tbl{position:relative;display:block;padding:0 19px;font-size:13px;line-height:19px} .tbl_itemchoice .align_c .inner_tbl{padding:0;text-align:center} .tbl_itemchoice .nodata_info:hover{background:#fff} .tbl_itemchoice .tr_inactive .inner_tbl,.tbl_itemchoice .tr_inactive .inner_tbl .fc_gray{color:#ccc} .tbl_itemchoice .txt_limit{display:inline-block;display:-webkit-box;overflow:hidden;height:21px;max-width:100%;-webkit-line-clamp:1;-webkit-box-orient:vertical;vertical-align:top} /*유사타겟만들기*/ .similartarget_layer .inner_basic_layer{width:600px} .similartarget_layer .layer_body{padding:30px 30px} .similartarget_layer .txt_error{margin:16px 0 -4px} .similartarget_layer .txt_info{margin:16px 0 -4px;color:#777} .similartarget_layer .info_step .desc_step{font-size:14px} .similartarget_layer .info_step .desc_step.end{color:#555} .similartarget_layer .itemtbl_wrap{margin-top:10px} /* 카카오유저 등록 레이어 */ .connect_plus{height:36px;line-height:32px} .connect_plus .txt_connect{float:left;color:#a0a0a0} .connect_plus .btn_gm{float:left;margin-left:10px} .basic_layer.kakaouser_layer .inner_basic_layer{width:628px} .basic_layer.kakaouser_layer .layer_body{padding:25px 25px 30px} .basic_layer.kakaouser_layer .opt_plusmate{width:100%;max-width:inherit} .basic_layer.kakaouser_layer .opt_plusmate .opt_list{width:100%;max-width:inherit} .basic_layer.kakaouser_layer .opt_select,.basic_layer.kakaouser_layer .opt_select2{width:366px;max-width:inherit} .basic_layer.kakaouser_layer .opt_select .opt_list{width:100%;max-width:inherit} .basic_layer.kakaouser_layer .txt_error{margin:4px 0 -4px} /* 리타겟팅 App 가져오기 레이어 */ .basic_layer.retargeting_layer .inner_basic_layer{width:628px} .basic_layer.retargeting_layer .layer_body{padding:25px 25px 30px} .basic_layer.retargeting_layer .group_inp.multiopt_inp .opt_scroll .list_opt{max-height:204px} .basic_layer.retargeting_layer .choice_item{width:56px} .basic_layer.retargeting_layer .choice_item .lab_choice{padding:0} .basic_layer.retargeting_layer .choice_item_long{width:61px} /* 리타겟팅 App/WEB 가져오기 공통 */ .basic_layer.retargeting_layer .opt_retargeting{width:100%;max-width:inherit} .basic_layer.retargeting_layer .opt_retargeting .opt_list{width:100%;max-width:inherit} .basic_layer.retargeting_layer .txt_error{margin:6px 0 -3px} .basic_layer.retargeting_layer .opt_select2{width:100%;max-width:inherit} /* 보고서 */ .tbl_g .tr_inactive .link_depthitem,.tbl_g .td_inactive .link_depthitem{color:rgba(17,17,17,0.4)} .tbl_g .link_depthitem{display:block;position:relative;height:22px;line-height:22px;padding-right:30px;color:#111} .tbl_g .link_depthitem:hover{text-decoration:none} .tbl_g .link_depthitem .loading_report{position:absolute;right:1px;top:0;width:20px;height:18px;padding-bottom:2px;border:1px solid #ddd;border-radius:2px} .tbl_g .link_depthitem .loading_report .loading_size2 .ico_loading{width:3px;height:3px} .tbl_g .link_depthitem .refresh_report{position:absolute;right:1px;top:0;width:20px;height:18px;padding-bottom:2px;border:1px solid #ddd;border-radius:2px} .tbl_g .link_depthitem:hover .refresh_report{background:rgba(0,0,0,0.08)} .tbl_g .link_depthitem .refresh_report .ico_refresh{width:13px;height:13px;margin:3px 0 0 3px;background-position:-695px -90px} .tbl_g .link_depthitem .ico_depth{overflow:visible;position:absolute;right:1px;top:0;width:10px;height:10px;margin:5px;background-position:-800px -215px} .tbl_g .link_depthitem .ico_depth:after{position:absolute;right:-6px;top:-6px;width:20px;height:20px;border:1px solid #ddd;border-radius:2px;content:'열기'} .tbl_g .link_depthitem:hover .ico_depth:after{background:rgba(0,0,0,0.08);content:'열기'} .tbl_g .link_depthitem.on .ico_depth{background-position:-815px -215px} .tbl_g .link_depthitem.on .ico_depth:after{content:'닫기'} .tbl_g .tr_depthitem td{background-color:#fafafa} .tbl_g .txt_limit{display:inline-block;display:-webkit-box;overflow:hidden;height:21px;max-width:100%;-webkit-line-clamp:1;-webkit-box-orient:vertical;vertical-align:top} .table_wrap .loading_data{overflow:hidden;position:absolute;left:0;top:55px;height:2px;text-indent:-9999px;background-color:#326edc} .report_wrap .subtit_subject{margin:43px 0 17px} .report_wrap .set_table .btn_gm.gm_calendar{position:relative;top:0;left:0} .report_wrap .set_table{margin-top:20px;border:1px solid #ddd;border-radius:4px} .report_wrap .opt_material{min-width:298px;max-width:inherit} .report_wrap .opt_material .opt_list{min-width:298px;max-width:inherit} .report_wrap .box_reportname{width:708px} .report_wrap .tbl_g .tr_nodata .desc_nodata{height:142px;padding-top:90px;line-height:24px} .report_wrap .tbl_g .tr_grloading td{height:143px;background-color:#fafafa;vertical-align:middle} .report_wrap .tbl_g .tr_grloading .loading_wrap{padding:0} .report_wrap .tbl_g .tr_grloading .refresh_wrap{padding:0 0 4px 0} .report_wrap .tbl_g .tr_grloading .refresh_wrap .txt_refresh{margin-bottom:18px} .report_wrap .table_wrap.scroll_ing{padding-bottom:3px} .report_wrap .tbl_g .tr_refresh .refresh_wrap{padding-top:235px} .report_wrap .tbl_g tbody tr.tr_loading td{border-bottom:none} .report_wrap .tr_loading td,.report_wrap .tr_refresh td{height:589px} .report_wrap .ad_managebox .tbl_g2 .btn_gs .inner_g{min-width:40px;padding-left:0;padding-right:0} /* 보고서 이름 수정 */ .savesearch_wrap .num_byte + .inner_inp .lab_txt{overflow:hidden;width:410px;white-space:nowrap;text-overflow:ellipsis} /* 전자세금계산서 */ .kakao_popup{min-height:100%;background-color:#fff} .kakao_popup .page_btn{padding:50px 0 60px;margin:0} .popup_dsp_tax{position:relative;width:695px} .popup_dsp_tax .popup_head{height:64px;background-color:#262626} .popup_dsp_tax .popup_head .tit_dsptax{float:left;width:219px;padding:23px 0 0 20px;font-weight:400;font-size:14px} .popup_dsp_tax .tit_tax{display:block;padding:28px 0 0 31px;font-size:20px;line-height:24px;color:#111} .popup_dsp_tax .tbl_tax{border-collapse:collapse;border-spacing:0} .popup_dsp_tax .emph_g{font-weight:500;color:#111} .popup_dsp_tax th,.popup_dsp_tax td{font-size:12px} .popup_dsp_tax .td_left{text-align:left} .popup_dsp_tax .td_right{text-align:right} .popup_dsp_tax .td_center{text-align:center} .popup_dsp_tax .head_invoice{overflow:hidden;margin:15px 18px 0;border:2px solid #40454f;border-bottom:0;background-color:#f7faf9} .popup_dsp_tax .head_invoice .tit_invoice{float:left;width:327px;height:48px;font-size:18px;line-height:48px;text-align:center;color:#111} .popup_dsp_tax .head_invoice .txt_assi{font-size:12px;letter-spacing:-1px;vertical-align:middle} .popup_dsp_tax .head_invoice .info_serial{overflow:hidden;text-align:center;color:#111} .popup_dsp_tax .head_invoice .tit_serial{float:left;width:84px;border-top:1px solid #e4e8ec;line-height:23px;color:#6e7478;border-left:1px solid #e4e8ec;border-right:1px solid #e4e8ec} .popup_dsp_tax .head_invoice .desc_serial{overflow:hidden;height:23px;line-height:23px;border-top:1px solid #e4e8ec} .info_invoice{overflow:hidden;margin:0 18px;background-color:#f7faf9} .info_invoice .invoice_name{float:left} .info_invoice .txt_assi{float:right;margin-right:3px;font-size:11px;line-height:22px;color:#6e7478} .area_supply{overflow:hidden} .area_supply th{font-weight:500;border-bottom:1px solid #e4e8ec;text-align:center} .area_supply td{overflow:hidden;height:34px;padding:0 5px;border-left:1px solid #ea5555;border-bottom:1px solid #e4e8ec;color:#111} .invoice_supplier{float:left;width:327px;border:2px solid #ea5555;border-right:0} .invoice_supplier .tit_object{border-left:0} .invoice_supplier th{border-left:1px solid #ea5555;color:#ea5555;background-color:#fff3f3} .invoice_supplier tr:last-child td,.invoice_demander tr:last-child td{border-bottom:0} .invoice_demander{float:left;width:328px;border:2px solid #5396da;border-left:0} .invoice_demander th{border-left:1px solid #5396da;color:#3c88d5;background-color:#eff9fd} .invoice_demander td{border-left:1px solid #5396da} .info_sheet{margin:0 18px 15px;border:2px solid #40454f;border-top:0} .info_sheet .cover_sheet{border-top:2px solid #40454f} .tbl_sheet{width:100%;background-color:#fff;table-layout:fixed} .tbl_sheet thead th{font-weight:700;border-bottom:1px solid #8e9296;color:#6e7478;background-color:#fbfbfb} .tbl_sheet tbody th{color:#6e7478;background-color:#fbfbfb} .tbl_sheet tbody tr:last-child th,.tbl_sheet tr:last-child td{border-bottom:0} .tbl_sheet th{line-height:23px;word-break:break-all} .tbl_sheet td{padding:2px 3px 1px;word-break:break-all;color:#111} .tbl_sheet th,.tbl_sheet td{border-right:1px solid #e4e8ec;border-bottom:1px solid #e4e8ec;text-align:center} .info_sheet thead th:last-child,.info_sheet tbody th:last-child,.info_sheet tbody td:last-child{border-right:0} .person_sheet{margin:0 18px;border:2px solid #40454f} .person_sheet tbody th{font-weight:400;color:#333} .person_sheet th:last-child,.person_sheet td:last-child{border-right:0} .tbl_money tbody th{border-left:1px solid #e4e8ec;border-right:0} .tbl_money tbody th:last-child{border-right:0} .tbl_money tbody td{border-left:1px solid #e4e8ec;border-right:0;text-align:right} .tbl_money tbody th:first-child,.tbl_money tbody td:first-child{border-left:0} .list_infomation{padding:20px 26px 0 32px} .list_infomation li{position:relative;margin-top:11px;padding-left:12px;font-size:13px;line-height:15px;color:#666;letter-spacing:0} .list_infomation li:before{position:absolute;left:0;top:7px;width:3px;height:3px;background-color:#666;content:''} /* 인보이스 사전,사후 */ .popup_dsp_invoice{position:relative;width:695px;font-size:12px} .popup_dsp_invoice .popup_head .tit_dsptax{float:left;width:219px;padding:23px 0 0 20px;font-weight:400;font-size:14px} .popup_dsp_invoice .popup_body{padding:0 18px;color:#111} .popup_dsp_invoice .tit_invoiceview{display:block;padding-top:28px;font-size:24px;line-height:24px;text-align:center} .popup_dsp_invoice .info_seller{overflow:hidden;padding:10px 0;margin-bottom:20px;border-bottom:2px solid #262626} .popup_dsp_invoice .detail_seller{float:left} .popup_dsp_invoice .info_serial{float:right;width:190px;border:1px solid #262626;border-top:0 none} .popup_dsp_invoice .info_serial dt{float:left;width:93px;min-height:18px;border-top:1px solid #262626;border-right:1px solid #262626;font-weight:500;text-align:center;background-color:#d9d9d9} .popup_dsp_invoice .info_serial dd{overflow:hidden;min-height:18px;padding-left:5px;border-top:1px solid #262626;background-color:#fff} .popup_dsp_invoice .tit_billto{display:block;font-weight:700;font-size:13px} .popup_dsp_invoice .tit_billto .txt_company{display:block;margin-top:-2px;font-weight:400;font-size:12px;line-height:14px} .popup_dsp_invoice .detail_billto{overflow:hidden;padding-top:10px} .popup_dsp_invoice .detail_billto dt{float:left} .popup_dsp_invoice .detail_billto dd{overflow:hidden} .popup_dsp_invoice .invoice_tbl{overflow:hidden;margin-top:50px;border:2px solid #262626;background-color:#fff} .popup_dsp_invoice .tbl_invoice{width:100%;border-collapse:collapse;border-spacing:0;border-bottom:2px solid #262626} .popup_dsp_invoice .tbl_invoice th{height:20px;border-bottom:1px solid #262626;font-weight:700;font-size:12px;background-color:#d9d9d9} .popup_dsp_invoice .tbl_invoice td{height:20px;font-size:12px;text-align:center} .popup_dsp_invoice .tbl_invoice .td_right{text-align:right} .popup_dsp_invoice .tbl_invoice .td_left{text-align:left} .popup_dsp_invoice .tbl_invoice th,.popup_dsp_invoice .tbl_invoice td{padding:0 5px;border-left:1px solid #262626;color:#111} .popup_dsp_invoice .tbl_invoice th:first-child,.popup_dsp_invoice .tbl_invoice td:first-child{border-left:0 none} .popup_dsp_invoice .tbl_invoicetotal{float:right;width:336px;margin-top:20px;border-collapse:collapse;border-spacing:0} .popup_dsp_invoice .tbl_invoicetotal th{height:20px;font-weight:700;font-size:12px;text-align:left;letter-spacing:-0.02em} .popup_dsp_invoice .tbl_invoicetotal td{height:20px;font-size:12px} .popup_dsp_invoice .tbl_invoicetotal .td_right{text-align:right} .popup_dsp_invoice .tbl_invoicetotal th,.popup_dsp_invoice .tbl_invoicetotal td{padding:0 5px;color:#111} .popup_dsp_invoice .tr_total th,.popup_dsp_invoice .tr_total td{border-top:2px solid #262626;font-weight:700;background-color:#d9d9d9} .popup_dsp_invoice .exhaustotal_wrap{overflow:hidden;background-color:#d9d9d9} .popup_dsp_invoice .exhaustotal_wrap .tbl_invoicetotal{margin-top:0} .popup_dsp_invoice .exhaustotal_wrap .tr_total th,.popup_dsp_invoice .exhaustotal_wrap .tr_total td{border:0 none} .popup_dsp_invoice .txt_noti{clear:both;float:none;padding:50px 10px 5px 10px;font-size:11px} .popup_dsp_invoice .info_bank{margin-top:30px} .popup_dsp_invoice .tit_bank{display:block} .popup_dsp_invoice .desc_bank{overflow:hidden;letter-spacing:-0.02em} .popup_dsp_invoice .desc_bank dt{float:left} .popup_dsp_invoice .desc_bank dd{overflow:hidden} .popup_dsp_invoice .tit_kakao{display:block;padding-top:50px;font-size:20px;text-align:center} .popup_dsp_invoice .img_stamp{width:41px;height:41px;margin-left:10px;vertical-align:middle} /* 에러페이지 */ .error_wrap{min-height:800px;height:100%;padding-top:160px;text-align:center;box-sizing:border-box} .error_wrap .img_error{margin-bottom:30px} .error_wrap .tit_error{display:block;font-size:28px;color:#111;letter-spacing:-1px} .error_wrap .txt_error{margin-top:9px;font-size:16px;line-height:24px;color:#555;letter-spacing:-1px} .error_wrap .page_btn{overflow:hidden;margin-top:27px;text-align:center} .error_wrap .page_btn .inner_btn{display:inline-block;vertical-align:top} .error_wrap .btn_gb{float:left;margin:0 5px;min-width:105px} .layout_error .error_wrap{min-height:auto;padding-top:146px} /* 로딩페이지 */ .loading_wrap{padding-top:160px;text-align:center} .loading_wrap .txt_loading{font-size:14px;margin-top:25px;color:#111} .loading_wrap .subtxt_loading{font-size:12px;color:#777} /* 전체화면로딩시 */ .all_loading{position:fixed;left:0;top:0;z-index:1001} .all_loading{position:fixed;left:0;right:0;top:60px;bottom:0;z-index:1001} .lnb_on .all_loading{left:0} .lnb_on .dimmed_layer2,.lnb_on + .dimmed_layer2 + .all_loading{left:0} .all_loading .img_loading{position:absolute;left:50%;top:50%;margin:-20px 0 0 -20px} /* 로딩실패 */ .refresh_wrap{text-align:center} .refresh_wrap .txt_refresh{margin-bottom:27px;color:#111} /* 심사거부사유 레이어 */ .basic_layer.reason_layer .reason_wrap{padding:30px 30px;border-top:1px solid #e5e5e5} .basic_layer.reason_layer .reason_wrap:first-child{border:0 none} .reason_wrap .tit_num{display:inline-block;overflow:hidden;width:22px;height:22px;margin:0 6px 0 0;border-radius:22px;font-weight:500;font-size:13px;line-height:22px;background-color:#000;color:#fff;text-align:center;vertical-align:top} .reason_wrap .tit_reason{display:block;margin-top:21px;font-weight:500;line-height:22px;color:#111} .reason_wrap .tit_reason:first-child{margin-top:0} .reason_wrap .subtxt_reason{font-weight:400;font-size:13px;color:#777} .reason_wrap .txt_reason{margin-bottom:6px;line-height:22px;color:#555} .reason_wrap .tit_reason + .txt_reason{margin-top:11px} .fileitem_list{overflow:hidden;padding:19px 18px;margin-top:5px;border:1px solid #e5e5e5;background-color:#fafafa} .fileitem_list .list_fileitem{overflow:hidden;margin:-14px 0 0 -13px} .fileitem_list .list_fileitem li{float:left;width:80px;height:80px;margin:14px 0 0 13px} .fileitem_list .list_fileitem .link_fileitem{display:block;overflow:hidden;position:relative;height:100%} .fileitem_list .list_fileitem .link_fileitem:after{position:absolute;left:0;top:0;right:0;bottom:0;border:1px solid #000;opacity:0.1;filter:alpha(opacity=10);content:''} .fileitem_list .list_fileitem .img_thumb{display:block;height:100%;background-repeat:no-repeat;background-size:contain;background-position:50% 50%} /* 사유2개일때 */ .basic_layer.reason_layer .tit_reasonhalf{overflow:hidden;float:left;position:relative;width:50%;height:56px;padding-left:25px;font-weight:500;line-height:55px;background-color:#f5f5f5;color:#111;box-sizing:border-box} .basic_layer.reason_layer .tit_reasonhalf:first-of-type:after{position:absolute;right:0;top:0;bottom:0;width:1px;background-color:#e5e5e5;content:''} .reason_half{overflow-y:auto;clear:both;max-height:773px;margin-bottom:20px;border-bottom:1px solid #e5e5e5} .reason_half .inner_half{overflow:hidden;width:100%} .reason_half .half_wrap{float:left;position:relative;width:50%} .reason_half .inner_half{position:relative} .reason_half .inner_half:after{position:absolute;left:374px;top:0;bottom:0;width:1px;background-color:#e5e5e5;content:''} .reason_half .fileitem_list{padding:19px 18px 19px 19px} .reason_half .fileitem_list .list_fileitem{overflow:hidden;margin:-14px 0 0 -20px} .reason_half .fileitem_list .list_fileitem li{margin:14px 0 0 20px} /*관리자 정지사유*/ .basic_layer.reason_layer .itemtbl_head th{height:46px} .basic_layer.reason_layer .itemtbl_body td{min-height:46px;height:auto} .basic_layer.reason_layer .tbl_itemchoice .inner_tbl{padding:12px 18px 13px 19px;font-size:13px;line-height:19px;color:#333} .basic_layer.reason_layer .itemtbl_wrap .itemtbl_body{max-height:233px} /* 첨부파일보기 레이어 */ .basic_layer.fileview_layer .inner_basic_layer{width:800px} .basic_layer.fileview_layer .layer_body{padding:30px} .basic_layer.fileview_layer .img_thumb{width:100%} /* 지원브라우저 안내 페이지 */ .error_wrap .btn_browser{overflow:hidden;width:180px;margin:37px auto 0} .error_wrap .link_browser{display:table;float:left;width:178px;height:124px;padding-top:30px;border:1px solid #ccc;background-color:#fff} .error_wrap .link_browser:hover{background-color:#f5f5f5;text-decoration:none} .link_browser .wrap_ico{display:table-row;width:100%} .link_browser .txt_browser{display:table-cell;width:100%;height:47px;padding-top:13px;font-weight:700;vertical-align:top} /*new 에러페이지*/ .error_wrap2{display:table;width:100%;height:100%} .error_wrap2 .inner_error{display:table-cell;width:100%;height:100%;vertical-align:middle} .error_wrap2 .tit_error{display:block;font-size:30px;height:45px;color:#111;font-weight:700;text-align:center} .error_wrap2 .txt_error{display:block;padding-top:10px;font-size:18px;line-height:27px;color:#333;text-align:center} .error_wrap2 .page_btn{margin-top:40px;text-align:center} .error_wrap2 .page_btn .btn_gb{height:48px;margin:0 5px} .error_wrap2 .page_btn .btn_gb .inner_g{padding:14px 45px;font-size:14px} .error_wrap2 .page_btn .btn_gb .ico_chrome{display:inline-block;overflow:hidden;width:24px;height:24px;margin:-2px 10px 0 0;font-size:0;line-height:0;background:url(/55d9a846660cf5c86bcb3052f60b5767.png);background-size:24px;text-indent:-9999px;vertical-align:top} /* 계정삭제 레이어 */ .basic_layer.accdel_layer .layer_body{padding:30px 30px} .basic_layer.accdel_layer .tit_accdel{margin:5px 0 25px;font-weight:500;font-size:18px;color:#111;text-align:center} .basic_layer.accdel_layer .subtit_accdel{display:block;margin:26px 0 6px;font-weight:500;font-size:14px;color:#111} .basic_layer.accdel_layer .tit_accdel + .subtit_accdel{margin-top:31px} .basic_layer.accdel_layer .txt_accdel{margin:16px 0 -4px;font-size:14px;color:#555} .basic_layer.accdel_layer .list_accdel{padding:13px 20px 14px;border:1px solid #e5e5e5} .basic_layer.accdel_layer .list_accdel li{position:relative;padding-left:9px;font-size:14px;line-height:26px;color:#555} .basic_layer.accdel_layer .list_accdel li:before{position:absolute;top:11px;left:0;width:4px;height:4px;border-radius:2px;background:#555;content:''} .basic_layer.accdel_layer .fld_accdel{margin:27px 0 -2px;text-align:center} .basic_layer.accdel_layer .box_checkinp .lab_check{font-weight:500;color:#111} .basic_layer.accdel_layer .list_guide{margin:24px 0 -5px} /* 유사타겟 가져오기 레이어 */ .basic_layer.similarimport_layer .inner_basic_layer{width:628px} .basic_layer.similarimport_layer .layer_body{padding:30px 30px} .basic_layer.similarimport_layer .txt_layer2{padding:0;margin:-6px 0 16px 0} .basic_layer.similarimport_layer .opt_similar{display:block;width:auto;max-width:none} .basic_layer.similarimport_layer .opt_similar .opt_list{width:100%;max-width:none} .basic_layer.similarimport_layer .opt_similar .opt_scroll .list_opt{max-height:203px} .basic_layer.similarimport_layer .txt_error{margin:6px 0 -4px} .basic_layer.similarimport_layer .range_slider{margin:0} .basic_layer.similarimport_layer .range_slider + .txt_error{margin-top:10px} /* 공지사항_리스트 */ .notice_wrap .tab_g5{margin-top:25px} .notice_wrap .tbl_g2 .inner_tbl > span{display:block;overflow:hidden;max-width:900px;padding-right:70px} .notice_wrap .tbl_g2 .link_txt{display:inline-block;color:#333;vertical-align:top} .notice_wrap .managebox_tit .box_pixelsearch{width:380px} .notice_wrap .box_pixelsearch .search_inp2{width:196px} .notice_wrap .managebox_tit .box_pixelsearch .opt_select2{width:104px} /* 공지사항_뷰 */ .notice_wrap .btn_group{overflow:hidden;margin-top:20px} .notice_wrap .notice_view{margin-top:22px;border:1px solid #ccc;background-color:#fff} .notice_view .noticeview_tit{padding:25px 20px 27px 30px;border-bottom:1px solid #b3b3b3} .notice_view .tit_noticeview{display:block;overflow:hidden;font-size:20px;line-height:26px;letter-spacing:-1px;color:#111} .notice_view .info_noticeview{float:right;margin:3px 0 0 65px;color:#777} .notice_view .info_noticeview .txt_bar{display:inline-block;width:1px;height:14px;margin:0 12px 0 10px;background-color:#ddd;vertical-align:middle} .notice_view .detail_noticeview{padding:35px 30px 46px;line-height:22px;color:#111} .detail_noticeview .txt_view,.detail_noticeview .tit_view,.detail_noticeview .list_view{display:block;margin-top:22px} .detail_noticeview .txt_view:first-child,.detail_noticeview .tit_view:first-child,.detail_noticeview .list_view:first-child{margin-top:0} .detail_noticeview .tit_view{font-weight:500} .detail_noticeview .tit_view + .list_view{margin-top:0} .detail_noticeview .link_txt{color:#326EDC} .noticeview_nodata{display:table;width:100%;height:398px} .noticeview_nodata .txt_nodata{display:table-cell;text-align:center;vertical-align:middle;color:#777} /* 광고계정명 레이어 */ .basic_layer.accountname_layer .layer_body{padding:30px} .basic_layer.accountname_layer .tbl_layer{margin-top:0} .basic_layer.accountname_layer .txt_error{margin:4px 0 -4px} /* 메시지만들기 */ .message_wrap .subtit_subject{margin:45px 0 14px} .message_wrap .page_btn{margin:50px -280px 0 0} .message_wrap .filter_device .choice_item{width:54px} .message_wrap .filter_device .choice_item .lab_choice{padding:0} .message_wrap .filter_device .choice_item_long{width:78px} .message_wrap .loading_wrap{padding:293px 59px 0} .message_wrap .loading_wrap .txt_loading{color:#555} .message_wrap .refresh_wrap{padding:289px 59px 0} .message_wrap .refresh_wrap .txt_refresh{color:#555} .itembox_set .tr_detailmsg th{background-color:#fff} .itembox_set .tr_detailmsg .link_tit{color:#555;text-decoration:none} .itembox_set .tr_detailmsg .ico_fold{display:inline-block;width:10px;height:6px;margin:8px 0 0 9px;background-position:-170px -60px} .itembox_set .tr_detailmsg.open th{background-color:#f5f5f5} .itembox_set .tr_detailmsg.open .ico_fold{background-position:-190px -60px} .device_view{width:300px;height:617px;padding:23px 14px 11px;border:1px solid #dadada;border-radius:42px;margin:0 auto;background-color:#fff} .device_view:before{display:block;width:9px;height:9px;margin:0 auto;border-radius:9px;background-color:#ececec;content:''} .device_view .img_spk{display:block;width:60px;height:9px;margin:12px auto 0;border-radius:9px;background-color:#ececec;content:''} .device_view:after{display:block;width:50px;height:50px;border:1px solid #ccc;margin:10px auto 0;border-radius:52px;background-color:#fff;content:''} .device_view .inner_device{height:508px;border:1px solid #a8bfcf;border-radius:2px;margin-top:15px;background-color:#b5ccdd} .device_view .ad_top{position:relative;height:46px;border-bottom:1px solid #b7cace;text-align:center} .device_view .ad_top .img_comm{position:absolute} .device_view .ad_top .ico_back{left:6px;top:50%;width:10px;height:18px;margin-top:-9px;background-position:-420px -250px} .device_view .ad_top .ico_search{right:35px;top:50%;width:16px;height:16px;margin-top:-8px;background-position:-420px -270px} .device_view .ad_top .ico_menu{right:8px;top:50%;width:18px;height:14px;margin-top:-7px;background-position:-420px -290px} .device_view .ad_top .tit_name{display:block;padding-top:5px;font-size:13px;line-height:17px;color:rgba(0,0,0,0.5)} .device_view .ad_top .txt_phone{display:block;overflow:hidden;padding:0 55px;font-size:12px;color:#333;white-space:nowrap;text-overflow:ellipsis} .device_view .txt_ad{display:block;padding:6px 0 0 8px;margin-bottom:-3px;font-size:13px;color:#888} .device_view .loading_wrap{display:table;width:100%;height:100%;padding:0} .device_view .loading_wrap .inner_loading{display:table-cell;vertical-align:middle} .device_view .plus_thumb{position:absolute;left:5px;top:8px;right:8px} .device_view .plus_thumb .thumb_plusimg{overflow:hidden;float:left;position:relative;width:25px;height:25px;border-radius:7px} .device_view .plus_thumb .thumb_plusimg .img_thumb{width:100%;height:100%;border-radius:7px} .device_view .plus_thumb .thumb_plusimg:after{position:absolute;left:0;top:0;right:0;bottom:0;border:1px solid rgba(0,0,0,0.1);border-radius:7px;content:''} .device_view .plus_thumb .thumb_plusname{display:block;overflow:hidden;margin:-1px 0 0 29px;font-weight:400;font-size:11px;color:rgba(17,17,17,0.7);white-space:nowrap;text-overflow:ellipsis} /* 메시지 대시보드 - 미리보기 레이어 */ .basic_layer.msgview_layer .layer_body{padding:30px} /* 메시지만들기 - 소재템플릿 */ /* 기본텍스트형 */ .box_msg{position:relative;width:221px;border:1px solid #a8bfcf;border-radius:2px;margin:27px 41px 0 34px;background-color:#fff} .box_msg .txt_ad{height:30px;border-top:1px solid #e5e5e5;padding:0 10px;margin:0;font-size:12px;line-height:29px;background-color:#f9f9f9;color:#999} .box_msg .file_msg .link_file{display:block;overflow:hidden;position:relative;height:100%} .box_msg .file_vod .link_file{min-height:124px} .box_msg .file_msg .vod_wrap{display:block;height:100%;background-color:#000} .box_msg .file_msg .img_thumb{display:block;width:100%;max-height:221px;margin:0 auto} .box_msg .file_msg + .desc_msg{border-top:1px solid #eaeaea} .box_msg .desc_msg{padding:8px 8px 10px;font-size:13px;line-height:16px;color:#333;word-break:break-all;letter-spacing:-0.08em} .box_msg .msg_btn{overflow:hidden;padding:12px 8px 8px;border-top:1px solid #eaeaea} .box_msg .msg_btn .link_name{display:block;position:relative;height:36px;border:1px solid #dcdcdc;border-left:0 none;border-right:0 none;border-radius:2px;box-sizing:border-box;font-size:12px;line-height:34px;color:#2eacbc;text-decoration:none;text-align:center;background-color:#fff} .box_msg .msg_btn .link_name:before{position:absolute;left:0;top:50%;width:1px;height:14px;margin-top:-7px;background-color:#d8d8d8;content:''} .box_msg .msg_btn .link_name:first-child{border-left:1px solid #dcdcdc} .box_msg .msg_btn .link_name:first-child:before{display:none} .box_msg .msg_btn .link_name:last-child{border-right:1px solid #dcdcdc} .box_msg .msg_btn.btn_type2 .link_name{float:left;width:50%;border-radius:0} .box_msg .msg_btn.btn_type2 .link_name:first-child{border-radius:2px 0 0 2px} .box_msg .msg_btn.btn_type2 .link_name:last-child{border-radius:0 2px 2px 0} .box_msg .desc_msg + .msg_btn{padding-top:0;margin-top:-2px;border:0 none} .box_msg .link_share{position:absolute;right:-31px;top:50%;width:25px;height:25px;margin-top:-12px;border-radius:25px;background-color:#fff;background-position:-40px -520px} .box_msg .play_time{position:absolute;right:6px;bottom:6px;width:46px;height:16px;border-radius:1px;font-size:10px;line-height:16px;color:#fff;background-color:rgba(0,0,0,0.5)} .box_msg .play_time .ico_comm{float:left;width:5px;height:6px;margin:5px 5px 0 6px;background-position:-150px -180px} /* 와이드이미지형 */ .box_wideimg{width:284px;margin:6px auto} .box_wideimg .desc_msg{padding:7px 10px 10px;letter-spacing:-0.04em} .box_wideimg .file_vod .link_file{min-height:160px} .box_wideimg .msg_btn{padding:12px 10px 10px} .box_wideimg .msg_btn .link_name{height:38px;font-size:13px;line-height:36px;color:#2eacbc} .box_wideimg .msg_btn .link_name:before{height:16px;margin-top:-8px} .box_wideimg .desc_msg + .msg_btn{padding-top:3px} /* 와이드리스트형 */ .box_msg .list_wide{margin:10px 13px 12px} .box_msg .list_wide li{margin-top:10px} .box_msg .list_wide li:first-child{margin-top:0} .box_msg .list_wide .link_wide{display:block;overflow:hidden;text-decoration:none} .box_msg .list_wide .thumb_img{float:left;overflow:hidden;position:relative;width:54px;height:54px;background-repeat:no-repeat;background-size:cover;background-position:50% 50%} .box_msg .list_wide .thumb_img:after{position:absolute;left:0;top:0;right:0;bottom:0;border:1px solid #000;opacity:0.1;content:''} .box_msg .list_wide .img_thumb{display:block;width:100%;height:100%} .box_msg .list_wide .thumb_txt{display:block;height:54px;margin-left:62px;font-size:13px;line-height:17px;color:#333;letter-spacing:-0.06em} .box_msg .list_wide .txt_thumb{display:table;width:100%;height:54px} .box_msg .list_wide .inner_txt{display:table-cell;vertical-align:middle} .box_msg .list_wide .play_time{right:0;bottom:0} .box_msg .list_wide + .msg_btn{padding-top:0;margin-top:-2px;border:0 none} .box_widelist{width:284px;margin:6px auto} .box_widelist .box_profile{height:40px;margin:0 23px;text-align:center} .box_widelist .box_profile .txt_name{display:block;overflow:hidden;line-height:40px;color:#888;white-space:nowrap;text-overflow:ellipsis;letter-spacing:-0.12em} .box_widelist .file_msg{min-height:auto;height:130px;margin:0 13px} .box_widelist .file_msg .tit_file{display:block;display:-webkit-box;overflow:hidden;position:absolute;left:11px;right:53px;bottom:8px;z-index:1;max-height:34px;font-weight:400;line-height:17px;color:#fff;-webkit-box-orient:vertical;-webkit-line-clamp:2;letter-spacing:-0.08em} .box_widelist .file_msg .link_file{background-repeat:no-repeat;background-size:cover;background-position:50% 50%} .box_widelist .file_msg .link_file:before{position:absolute;left:0;top:0;bottom:0;right:0;border:1px solid rgba(0,0,0,0.1);content:''} .box_widelist .file_msg .link_file:after{position:absolute;left:0;bottom:0;right:0;height:78px;background:-moz-linear-gradient(top,rgba(0,0,0,0) 30%,rgba(0,0,0,0.5) 100%);background:-webkit-linear-gradient(top,rgba(0,0,0,0) 30%,rgba(0,0,0,0.5) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 30%,rgba(0,0,0,0.5) 100%);content:''} .box_widelist .file_msg .ico_vod{position:absolute;right:6px;bottom:10px;z-index:1;width:29px;height:29px;background-position:-400px -210px} .box_widelist .msg_btn{padding:12px 10px 10px} .box_widelist .msg_btn .link_name{height:38px;font-size:13px;line-height:36px;color:#2eacbc} .box_widelist .msg_btn .link_name:before{height:16px;margin-top:-8px} .box_widelist .desc_msg + .msg_btn{padding-top:3px} /* 광고반응타겟만들기 */ .adtarget_wrap .ad_managebox{position:relative;padding-bottom:30px} .adtarget_wrap .managebox_tit .link_help{margin:-4px 0 0 3px} .adtarget_wrap .info_step .desc_step{font-size:14px} .targetdata_wrap{position:relative;min-height:678px;margin-top:22px;padding-right:558px;border-radius:4px;border:1px solid rgba(0,0,0,0.15);background-color:#fff} .adtarget_wrap .info_step .link_help5{margin-top:-7px} .adtarget_wrap .info_step .link_help5 + .desc_step{margin-left:30px} .targetdata_wrap:before{position:absolute;right:558px;top:0;width:1px;height:100%;background-color:#ccc;content:''} .targetdata_wrap:after,.targetdata_search:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''} .targetdata_wrap .targetdata_list{padding-bottom:30px} .targetdata_wrap .targetdata_cont{position:absolute;right:0;top:0;bottom:0;width:558px;margin-left:1px} .targetdata_wrap .tab_g .on .link_tab{border-radius:4px 4px 0 0} .targetdata_search{position:relative;height:594px;padding-left:240px;margin:0 30px} .targetdata_list .tab_g ~ .targetdata_search{height:554px} .targetdata_search .opt_select{position:absolute;top:0;left:0;min-width:229px;max-width:299px} .targetdata_search .opt_select2{position:absolute;top:0;left:0;min-width:229px;max-width:299px;width:auto} .targetdata_search .box_inptxt{height:36px;box-sizing:border-box} .targetdata_list .campaigntarget_list{position:absolute;left:0;top:46px;right:0;bottom:0;margin:0;padding:3px 3px 3px 0;border:1px solid #ddd} .targetdata_list .campaigntarget_list .inner_campaigntarget{overflow-x:hidden;overflow-y:auto;height:100%;box-sizing:border-box} .targetdata_list .txt_nodata{display:table;width:100%;height:100%;line-height:25px;color:#777} .targetdata_list .txt_nodata .inner_nodata{display:table-cell;vertical-align:middle;text-align:center} .targetdata_list .loading_wrap{display:table;width:100%;height:100%;padding:0} .targetdata_list .loading_wrap .inner_loading{display:table-cell;vertical-align:middle;text-align:center} .targetdata_list .list_campaigntarget{overflow:hidden;width:100%;margin-bottom:-1px} .targetdata_list .tit_targetdata,.targetdata_cont .tit_targetdata{display:block;padding:13px 30px 17px 30px;font-size:16px;color:#111} .targetdata_cont .tit_targetdata .count_num{font-weight:400;color:#555} .targetdata_cont .tit_targetdata .count_num .txt_num{font-weight:500;color:#326EDC} .targetdata_cont .btn_wrap{position:absolute;right:30px;top:16px} .targetdata_cont .btn_wrap .link_data{float:left;margin-left:10px;color:#555;text-decoration:underline} .list_campaigntarget li{position:relative;border-bottom:1px solid #e6e6e6} .list_campaigntarget .main_menu{display:block;position:relative;height:54px;padding-left:36px;text-decoration:none;color:#555} .list_campaigntarget .btn_fold{position:absolute;left:0;top:0;width:36px;height:54px;outline:0 none} .list_campaigntarget .btn_fold:before{display:block;overflow:hidden;width:0;height:0;margin-left:20px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #777;font-size:0;line-height:0;text-indent:-9999px;content:'열기'} .list_campaigntarget .link_menu{display:block;position:relative;height:100%;padding-right:184px;color:#555;text-decoration:none;letter-spacing:-0.06em} .list_campaigntarget .inner_link{display:inline-block;overflow:hidden;max-width:100%;height:54px;line-height:54px;vertical-align:top} .list_campaigntarget .txt_category{position:absolute;right:20px;top:0;height:54px;font-weight:400;font-size:13px;line-height:54px;color:#777} .list_campaigntarget .txt_category .ico_and{display:inline-block;width:10px;height:10px;margin:21px 3px 0;background-position:-825px -214px;opacity:0.9;vertical-align:top} .list_campaigntarget .txt_word{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .list_campaigntarget .txt_num{float:right;margin-left:5px;letter-spacing:0} /* 2025-04-02 */ .targetdata_list .tab_g{margin:8px 30px 10px 30px} .targetdata_list .tab_g + .tit_targetdata{padding:0 30px 10px 30px} .targetdata_list .tab_g + .tit_targetdata .tit_box{font-size:14px;line-height:20px;color:#555} .message_target li .box_checkinp{display:block;height:46px;padding:0 20px 0 20px;line-height:45px} .message_target li .box_checkinp .inp_check{left:20px} .message_target li .box_checkinp .lab_check{overflow:hidden;position:relative;padding:0 0 0 24px;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-0.06em} .message_target li .box_checkinp:hover,.message_target li .box_checkinp.over{background-color:#f5f5f5} .message_target li .box_checkinp.on{background-color:#f1f6fc} .message_target li .box_checkinp.on .lab_check{font-weight:500;color:#326EDC} .message_target li:last-child{border-bottom:0 none} /* // 2025-04-02 */ .list_campaigntarget .sub_menu{display:none} .list_campaigntarget .sub_menu li{border:0 none} .list_campaigntarget .sub_menu .box_checkinp{display:block;height:46px;padding:0 20px 0 36px;line-height:45px} .list_campaigntarget .sub_menu .box_checkinp .inp_check{left:36px} .list_campaigntarget .sub_menu .box_checkinp .lab_check{overflow:hidden;position:relative;padding:0 170px 0 24px;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-0.06em} .list_campaigntarget .link_menu:hover,.list_campaigntarget .link_submenu:hover{color:#111} .list_campaigntarget .link_menu:hover .nav_tooltip,.list_campaigntarget .link_submenu:hover .nav_tooltip{display:block} .list_campaigntarget .open .btn_fold:before{border-top:0 none;border-bottom:5px solid #777;content:'닫기'} .list_campaigntarget .open .sub_menu{display:block} .list_campaigntarget .thumb_loading{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(255,255,255,0.9);text-align:center} .list_campaigntarget .thumb_loading .img_loading{width:20px;height:20px;padding-top:17px} .list_campaigntarget .sub_menu .box_checkinp:hover,.list_campaigntarget .sub_menu .box_checkinp.over{background-color:#f5f5f5} .list_campaigntarget .sub_menu .box_checkinp.on{background-color:#f1f6fc} .list_campaigntarget .link_menu.on,.list_campaigntarget .sub_menu.on{font-weight:500;color:#326EDC} .basic_layer.friendgroup_layer .list_campaigntarget .link_menu{padding-right:20px} /* 메시지 발송 대상자 */ .basic_layer.friendgroup_layer .list_campaigntarget .sub_menu .box_checkinp .lab_check{padding-right:0} .datatarget_list{overflow-y:auto;overflow-x:hidden;height:621px;padding:0 30px;margin-right:3px} .datatarget_list .list_datatarget{width:498px;padding-bottom:30px} .datatarget_list .datatarget_wrap{position:relative;padding:23px 20px 20px;margin-top:10px;border:1px solid #ddd;border-radius:2px;background-color:#fff} .datatarget_list .datatarget_wrap:first-child{margin-top:0} .datatarget_list .data_subject{margin-top:-4px;letter-spacing:-0.02em} .datatarget_wrap .tit_target{display:block;margin-left:-1px;font-weight:400;font-size:14px;line-height:20px;color:#333} .datatarget_wrap .subtit_target{display:block;margin-top:1px;line-height:22px;color:#777} .datatarget_wrap .txt_category{display:block;margin-bottom:5px;font-size:14px;font-weight:500;color:#326EDC} .datatarget_wrap .txt_category .ico_and{display:inline-block;width:15px;height:20px;margin:0;font-weight:400;vertical-align:top;text-align:center} .datatarget_wrap .link_del{position:absolute;top:18px;right:14px} .datatarget_wrap .ico_del{width:12px;height:12px;margin:5px auto;background-position:-770px -135px;opacity:0.3} .datatarget_wrap .link_del:hover .ico_del{opacity:0.6} .datatarget_wrap .data_adtype{margin-top:11px} .data_adtype{height:133px;background-color:#f5f5f5} .data_adtype:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''} .data_adtype .list_tab{float:left;position:relative;width:84px;height:100%;padding:12px 0 11px;background-color:rgba(0,0,0,0.03);box-sizing:border-box} .data_adtype .list_tab li{position:relative;height:38px;box-sizing:border-box;border-right-color:#dbdbdb;margin:-1px 0 0 -1px} .data_adtype .list_tab .link_tab{display:inline-block;height:100%;padding-left:21px;line-height:36px;color:#777;text-decoration:none} .data_adtype .list_tab li .link_help{margin-top:-2px} .data_adtype .list_tab li .tooltip_basic .txt_tooltip{white-space:nowrap} .data_adtype .list_tab .on{z-index:1} .data_adtype .list_tab .on .link_tab{font-weight:700;color:#333} .data_adtype .tab_cont{overflow:hidden} .data_adtype .list_choice{float:left;width:189px;height:122px;padding-top:11px} .data_adtype .list_choice li{height:37px;padding-left:28px} .data_adtype .box_radioinp{display:block;height:36px;line-height:36px} .data_adtype .box_radioinp .inp_radio{width:14px;height:10px;margin-top:-5px} .data_adtype .box_radioinp .lab_radio{padding-left:21px;color:#777} .data_adtype .box_radioinp .lab_radio .ico_and{margin-top:13px;background-position:-820px -225px} .data_adtype .box_radioinp .ico_radio{width:14px;height:10px;margin-top:-5px;background-position:-805px -225px} .data_adtype .box_radioinp.on .ico_radio,.data_adtype .box_radioinp .inp_radio:checked + .lab_radio .ico_radio{background-position:-790px -225px} .data_adtype .box_radioinp.on .lab_radio,.data_adtype .box_radioinp .inp_radio:checked + .lab_radio{font-weight:500;color:#333} .data_adtype .box_radioinp.on .lab_radio .ico_and,.data_adtype .box_radioinp .inp_radio:checked + .lab_radio .ico_and{background-position:-840px -225px} .data_adtype .txt_and,.adguide_wrap .txt_and{display:inline-block;padding:0 3px;vertical-align:top} .data_adtype .thumb_adtype{overflow:hidden;height:128px;padding-right:14px} .data_adtype .detail_thumb{display:table;width:100%;height:100%} .data_adtype .detail_thumb .inner_thumb{display:table-cell;text-align:center;vertical-align:middle} .adtarget_wrap .tbl_g3 .group_adtarget .box_inptxt{width:653px} .img_adtype{width:130px;height:80px;margin:0 auto} .img_adtype.adtype_display_p{background-position:0 0} /* 디스플레이 :재생 전체 */ .img_adtype.adtype_display_p_m_c{background-position:0 -90px} /* 디스플레이 :재생x클릭 */ .img_adtype.adtype_display_p_a_c{background-position:0 -180px} /* 디스플레이 :재생&클릭 */ .img_adtype.adtype_display_c{background-position:0 -270px} /* 디스플레이 :클릭 전체 */ .img_adtype.adtype_display_c_m_p{background-position:0 -360px} /* 디스플레이 :클릭-재생 */ .img_adtype.adtype_display_c_m_cv{background-position:0 -450px} /* 디스플레이 :클릭-전환*/ .img_adtype.adtype_display_cv{background-position:0 -540px} /* 디스플레이 :전환 전체 */ .img_adtype.adtype_biz_c{width:80px;background-position:-140px 0} /* 카카오톡비즈보드 :클릭 전체 */ .img_adtype.adtype_biz_c_m_cv{width:80px;background-position:-140px -180px} /* 카카오톡비즈보드 :클릭-전환 */ .img_adtype.adtype_biz_cv{width:80px;background-position:-140px -90px} /* 카카오톡비즈보드 :전환 전체 */ .img_adtype.adtype_channel_o{width:80px;background-position:-230px -90px} /* 카카오톡 채널 :열람 전체 */ .img_adtype.adtype_channel_o_m_c_m_p{width:80px;background-position:-230px 0} /* 카카오톡 채널 :열람-클릭-재생 */ .img_adtype.adtype_channel_c{width:80px;background-position:-230px -180px} /* 카카오톡 채널 :클릭 전체 */ .img_adtype.adtype_channel_c_m_p{width:80px;background-position:-230px -270px} /* 카카오톡 채널 :클릭 클릭-재생 */ .img_adtype.adtype_channel_c_a_p{width:80px;background-position:-230px -360px} /* 카카오톡 채널 :클릭 클릭&재생 */ .img_adtype.adtype_channel_p{width:80px;background-position:-230px -450px} /* 카카오톡 채널 :재생 전체 */ .img_adtype.adtype_channel_p_m_c{width:80px;background-position:-230px -540px} /* 카카오톡 채널 :재생 재생-클릭 */ .img_adtype.adtype_channel_cv{width:80px;background-position:-140px -540px} /* 카카오톡 채널 :전환 전체 */ .tbladtarget_wrap{overflow:hidden;border:1px solid #ddd;border-radius:4px;background-color:#fff} .adtarget_wrap .tbladtarget_wrap{margin-top:22px;border-radius:0} .tbladtarget_wrap .tbl_adtarget{border-radius:4px} .tbl_adtarget{width:100%;border-collapse:collapse;table-layout:fixed} .tbl_adtarget th{width:160px;border-top:1px solid #e6e6e6;line-height:22px;color:#111;font-weight:400;text-align:left;background-color:#f5f5f5;vertical-align:middle} .tbl_adtarget tbody th:first-child{border-right:1px solid #eee} .tbl_adtarget tbody td,.tbl_adtarget tbody th{border-color:#eee} .tbl_adtarget tr:first-child th{border-top:0 none} .tbl_adtarget .tr_addata .tit_row{vertical-align:top} .tbl_adtarget .tr_addata .tit_row .inner_tbl{padding-top:25px} .tbl_adtarget .tit_col{border-right:1px solid #e6e6e6;background-color:#fafafa} .tbl_adtarget .tit_col:last-child{border-right:0 none} .tbl_adtarget td{border-top:1px solid #e6e6e6;border-right:1px solid #e6e6e6;line-height:22px;color:#111;background-color:#fff;word-break:break-all} .tbl_adtarget .tr_datas td{height:76px} .tbl_adtarget .tr_datas td .fc_affirm{color:#326EDC} .tbl_adtarget .tr_datas th,.tbl_adtarget .tr_datas td{border-top-color:#ddd} .tbl_adtarget tr + .tr_datas th,.tbl_adtarget tr + .tr_datas td{border-top-color:#eee} .tbl_adtarget td:last-child{border-right:0 none} .tbl_adtarget tr:first-child td{border-top:0 none} .tbl_adtarget th .inner_tbl{padding:14px 0 15px 29px} .tbl_adtarget td .inner_tbl{padding:12px 30px 13px} .tbl_adtarget .td_bdrnone{border-right:0 none} .tbl_adtarget .tr_box td .inner_tbl{padding-top:20px;padding-bottom:20px} .tbl_adtarget .txt_gt{display:inline-block;vertical-align:top} .tbl_adtarget .txt_category{color:#777} .tbl_adtarget .txt_help{margin:5px 0 -5px;font-size:13px;color:#f64949} .tbl_adtarget .group_adtarget .box_inptxt{width:708px} .tbl_adtarget .group_adtarget .wrap_btn{float:left} .tbl_adtarget .group_adtarget .btn_gm{float:left;margin-left:10px} .tbl_adtarget .btn_gs{display:inline-block;margin:-2px 0 -2px 10px;vertical-align:top} .tbl_adtarget .btn_modify{margin:6px 0 0 0} .tbl_adtarget .btn_particip{margin-left:0} .tbl_adtarget .tr_inactive td{color:rgba(17,17,17,0.4)} .tbl_adtarget .tr_inactive .txt_category{opacity:0.4} .tbl_adtarget .tr_inactive .cate_wrap:after{float:left;margin-left:5px;letter-spacing:-0.03em;content:'(삭제)'} .tbl_adtarget .tr_inactive .cate_wrap .txt_cate{max-width:47%} .tbl_adtarget td + th{border-left:1px solid #eee} .tbl_adtarget td + th + td{border-left:1px solid #eee} .tbl_adtarget .tr_addata .btn_modify,.customerdetail_wrap .tbl_g3 th .btn_modify{height:28px;margin-top:-4px;margin-left:5px;vertical-align:middle} .tbl_adtarget .tr_addata .btn_gs .inner_g,.customerdetail_wrap .tbl_g3 th .btn_modify .inner_g{line-height:23px} .cate_wrap{overflow:hidden;margin-left:-22px} .cate_wrap .txt_cate{overflow:hidden;float:left;position:relative;box-sizing:border-box;max-width:50%;padding-left:22px;text-overflow:ellipsis;white-space:nowrap} .cate_wrap .txt_cate:only-child{max-width:100%} .adtarget_wrap .tr_inactive .cate_wrap .txt_cate{max-width:47.1%} .cate_wrap .txt_gt{position:absolute;left:0;top:0;margin:0 10px 0 4px} .ad_managebox .tbl_g2 .wrap_state + .link_txt,.ad_managebox .tbl_g2 .wrap_state + .txt_limit{padding-right:12px} .adtarget_wrap .tbl_g3 .tr_addata th{vertical-align:top} .adtarget_wrap .tbl_g3 th.tit_col{font-weight:400;color:#333} .adtarget_wrap .tbl_g3 th.tit_col:last-child{border-right:0} .adtarget_wrap .tbl_g3 th.tit_col .inner_tbl{padding-left:12px} .adtarget_wrap .tbl_g3 .txt_category{float:left;margin-right:4px;color:#777} .adtarget_wrap .tbl_g3 .cate_wrap{margin-left:0} .adtarget_wrap .tbl_g3 .cate_wrap .txt_cate:first-child{padding-left:0} .adtarget_wrap .tbl_g3 .cate_wrap .txt_cate:only-child{max-width:100%} .adtarget_wrap .tbl_g3 .tr_inactive .txt_category,.adtarget_wrap .tbl_g3 .tr_inactive .inner_tbl{color:#999} .adtarget_wrap .tbl_g3 .tr_inactive .txt_state{float:left;margin-left:5px} .adtarget_wrap .manage_info .tbl_g3 .wrap_btn.after_item,.customerdetail_wrap .manage_info .tbl_g3 .wrap_btn.after_item,.friendgroup_wrap .manage_info .tbl_g3 .wrap_btn.after_item,.accountmanage_wrap .manage_info .tbl_g3 .wrap_btn.after_item{margin:-2px 0 0 11px} .adtarget_wrap .tbl_g3 .link_help,.customerdetail_wrap .tbl_g3 .link_help,.friendgroup_wrap .tbl_g3 .link_help,.accountmanage_wrap .manage_info .tbl_g3 .link_help{margin-left:2px} .adtarget_wrap .tbl_g3 .link_g,.customerdetail_wrap .tbl_g3 .link_g,.friendgroup_wrap .tbl_g3 .link_g,.accountmanage_wrap .tbl_g3 .link_g,.myinfo_wrap .tbl_g3 .link_g{width:18px;height:18px} .adtarget_wrap .tbl_g3 .link_g .ico_modify,.customerdetail_wrap .tbl_g3 .link_g .ico_modify,.friendgroup_wrap .tbl_g3 .link_g .ico_modify,.accountmanage_wrap .tbl_g3 .link_g .ico_modify,.myinfo_wrap .tbl_g3 .link_g .ico_modify{margin:0 auto;background-position:-670px -340px} .adtarget_wrap .tbl_g3 .link_g:hover .ico_modify,.customerdetail_wrap .tbl_g3 .link_g:hover .ico_modify,.friendgroup_wrap .tbl_g3 .link_g:hover .ico_modify,.accountmanage_wrap .tbl_g3 .link_g:hover .ico_modify,.myinfo_wrap .tbl_g3 .link_g:hover .ico_modify{background-position:-670px -355px} .adtarget_wrap .managebox_tit .opt_select2,.customerdetail_wrap .managebox_tit .opt_select2{width:244px} /* 고객파일 상세 */ .customerdetail_wrap .tbl_g3 th .inner_tbl{position:relative} .customerdetail_wrap .tbl_g3 th .btn_gs{position:absolute;top:50%;right:20px;margin-top:-13px} .customerdetail_wrap .tbl_g3 th .btn_modify{position:static;top:auto;right:0;margin-top:-4px} /* 광고반응타겟상세 */ .ad_managebox .tbladtarget_wrap{margin-bottom:-1px;border-width:1px 0 1px} /* 광고 반응 데이터 가이드 레이어 */ .basic_layer.layer_adtargetguide .inner_basic_layer2{width:710px} .basic_layer.layer_adtargetguide .layer_body{overflow-x:hidden;overflow-y:auto;max-height:559px;margin-right:3px;padding:30px 27px 30px 30px} .basic_layer.layer_adtargetguide .txt_adguide{margin:-6px 0 20px 0;font-size:13px;line-height:22px} .basic_layer.layer_adtargetguide .tab_g3 li{position:relative;width:auto} .basic_layer.layer_adtargetguide .tab_cont{margin-top:20px} .basic_layer.layer_adtargetguide .tbl_layer{margin-top:10px} .basic_layer.layer_adtargetguide .tbl_layer th{padding:14px 0 13px 19px} .basic_layer.layer_adtargetguide .tbl_layer .inner_cell{padding:13px 20px 14px} .basic_layer.layer_adtargetguide .tbl_layer .tit_dataguide{display:block;font-weight:400;line-height:24px} .basic_layer.layer_adtargetguide .tbl_layer .txt_dataguide{color:#555;line-height:24px} .basic_layer.layer_adtargetguide .tbl_layer .list_dataguide li{margin-top:10px} .basic_layer.layer_adtargetguide .tbl_layer .list_dataguide li:first-child{margin-top:0} .basic_layer.layer_adtargetguide .tbl_layer .txt_dataguide .ico_and{margin-top:8px;background-position:-850px -225px} .basic_layer.layer_adtargetguide .tit_adguide{display:block;margin:20px 0 10px;padding-top:20px;border-top:1px solid #EEE;font-weight:700;line-height:20px;color:#333} .basic_layer.layer_adtargetguide .list_adguide{margin-top:20px;border:1px solid #e6e6e6} .basic_layer.layer_adtargetguide .list_adguide li{overflow:hidden;padding:15px 40px 14px 30px;border-top:1px solid #e6e6e6} .basic_layer.layer_adtargetguide .list_adguide li:first-child{border-top:0 none} .basic_layer.layer_adtargetguide .detail_adguide{overflow:hidden;line-height:20px} .basic_layer.layer_adtargetguide .detail_adguide .desc_adguide{display:table;width:100%;min-height:80px} .basic_layer.layer_adtargetguide .detail_adguide .inner_adguide{display:table-cell;padding-bottom:3px;vertical-align:middle} .basic_layer.layer_adtargetguide .detail_adguide .tit_ad{display:block;margin-bottom:2px;line-height:24px;color:#111} .basic_layer.layer_adtargetguide .detail_adguide .tit_ad .ico_and{background-position:-850px -225px} .basic_layer.layer_adtargetguide .detail_adguide .subtit_ad{display:block;color:#111} .basic_layer.layer_adtargetguide .img_adtype{float:right;margin-left:10px} .basic_layer.layer_adtargetguide .layer_foot{padding:30px;border-top:1px solid #ddd} .basic_layer.layer_adtargetguide .tab_g3{overflow:inherit;border-bottom:1px solid #EBEBEB;background:#fff} .basic_layer.layer_adtargetguide .tab_g3 .link_tab{height:40px;border:0;font-weight:500;font-size:14px;line-height:40px;letter-spacing:-0.02em} .basic_layer.layer_adtargetguide .tab_g3 .link_tab:hover{background:#fff} .basic_layer.layer_adtargetguide .tab_g3 li:last-child .link_tab{border-right:0} .basic_layer.layer_adtargetguide .tab_g3 li:first-child .link_tab,.basic_layer.layer_adtargetguide .tab_g3 li:first-child.on .link_tab{border-left:0} .basic_layer.layer_adtargetguide .tab_g3 li + li{margin-left:30px} .basic_layer.layer_adtargetguide .tab_g3 .on .link_tab{color:#333;background:#fff} .basic_layer.layer_adtargetguide .tab_g3 li.on:after{position:absolute;left:0;bottom:-1px;width:100%;height:2px;background:#000;z-index:10;content:""} .basic_layer.layer_adtargetguide .tab_g3:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:""} .basic_layer.layer_adtargetguide .opt_select2{min-width:250px} .basic_layer.layer_adtargetguide .subtit_adguide{display:block;margin-top:30px;line-height:20px;color:#333} .basic_layer.layer_adtargetguide .opt_select2.opt_open .layer_opt:after{position:absolute;width:1px;height:30px;content:''} .basic_layer.layer_adtargetguide .body_type2{overflow:visible} /* 키워드 중복 안내 팝업 */ .overlap_keyword{overflow-y:auto;max-height:200px;padding:14px 20px 15px;margin:25px 0 4px;font-weight:500;line-height:24px;background-color:#f5f5f5;text-align:left;word-break:keep-all;word-wrap:break-word} .overlap_keyword .tit_overlap{display:block;margin-top:10px;margin-bottom:4px;font-weight:400} .overlap_keyword .tit_overlap:first-child{margin-top:0} /* 소재 제한 수 초과 레이어 */ .basic_layer2 .box_exceed{padding:16px 20px;margin:25px 0 4px;background-color:#f5f5f5} .basic_layer2 .box_exceed dt{display:inline;font-weight:500} .basic_layer2 .box_exceed dd{display:inline} .basic_layer2 .box_exceed .txt_num{font-weight:500;color:#3a83d7} /* 스케줄러 */ .reform_sch_wrap{position:relative;width:608px;margin-top:17px;border-radius:2px;border:1px solid #e5e5e5} .reform_sch_wrap .info_sch{overflow:hidden;position:absolute;right:0;top:-36px} .reform_sch_wrap .info_sch .sch_choice{float:left;margin-left:29px;font-size:14px;color:#333} .reform_sch_wrap .info_sch .sch_choice:before{float:left;width:16px;height:16px;margin:1px 10px 0 0;border-radius:2px;border:1px solid #dae3f0;content:''} .reform_sch_wrap .info_sch .sch_choice.on:before{border-color:#2d63c6;background-color:#326edc} .reform_sch_wrap .info_sch .sch_choice.off:before{border-color:#ebebeb;background-color:#f5f5f5} .reform_sch_wrap .drag_wrap{position:absolute;background-color:rgba(0,0,0,0.1)} .itembox_set .reform_tbl_sch tbody td{border-top:1px solid #e5e5e5} .reform_tbl_sch{width:100%;background-color:#fff;border-collapse:collapse;border-spacing:0;text-align:center} .reform_tbl_sch thead{border-bottom:1px solid #e5e5e5} .reform_tbl_sch th,.reform_tbl_sch td{width:auto;text-align:center} .reform_tbl_sch thead th{height:25px;font-size:12px;font-weight:400;color:#333;border-left:1px solid #e5e5e5;background-color:#fff;-webkit-user-select:none} .reform_tbl_sch thead th:first-child{border-left:0 none} .reform_tbl_sch tbody th{height:24px;font-size:12px;color:#333;font-weight:400;background-color:#fff;border-bottom:1px solid #ebebeb;border-right:1px solid #e5e5e5;background-color:#fff;-webkit-user-select:none} .reform_tbl_sch tbody td{position:relative;height:22px;border-left:1px solid #e5e5e5;border-top:1px solid #e5e5e5} .reform_tbl_sch tbody tr:first-child td{border-top:0 none} .reform_tbl_sch tbody tr:last-child th,.reform_tbl_sch tbody tr:last-child td{border-bottom:0 none} .reform_tbl_sch tbody tr:last-child td:last-child.on .check_sch .lab_option{border-radius:0 0 2px 0} .reform_tbl_sch tbody tr:last-child td.over .check_sch .lab_option:after,.reform_tbl_sch tbody tr:last-child td.check_sch:hover .lab_option:after{bottom:0;border-bottom:none} .reform_tbl_sch .th_tit .tit_wrap{position:relative;width:100%;height:100%} .reform_tbl_sch .th_tit .tit_week,.reform_tbl_sch .th_tit .week_time{display:block;visibility:hidden;height:0;font-size:0;clear:both} .reform_tbl_sch .txt_week{display:block;position:relative;z-index:1;margin:0 auto} .reform_tbl_sch .check_sch{position:relative;width:100%;height:100%} .reform_tbl_sch .check_sch .inp_check{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0 none;opacity:.01} .reform_tbl_sch .check_sch .lab_option{display:block;position:relative;width:100%;height:100%;box-sizing:border-box;line-height:24px} .reform_tbl_sch thead .check_sch .lab_option{line-height:25px} .reform_tbl_sch tbody td .check_sch{height:24px} .reform_tbl_sch td .check_sch .lab_option{background-color:#f5f5f5} .reform_tbl_sch .on .check_sch .lab_option{background-color:#467cdf} .reform_tbl_sch .over .check_sch .lab_option:after,.reform_tbl_sch .check_sch:hover .lab_option:after{position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border:1px solid #cbcbcb;background-color:rgba(0,0,0,0.08);content:''} .reform_tbl_sch .none .check_sch .lab_option:after{display:none} .reform_tbl_sch tr.in_active th .check_sch{opacity:0.4} .reform_tbl_sch tr.in_active .check_sch{cursor:default;pointer-events:none} /* 픽셀 & SDK 타겟 가져오기 */ .basic_layer.pixelget_layer .inner_basic_layer{width:600px} .basic_layer.pixelget_layer .dashcopy_wrap .txt_copy{margin-top:30px} .basic_layer.pixelget_layer .dashcopy_wrap .tit_copy{margin:30px 0 10px} .basic_layer.pixelget_layer .reform_group_inptxt .reform_subtit_item{width:37px;font-size:14px;color:#555} .basic_layer.pixelget_layer .reform_group_inptxt .box_inptxt{width:48px} .basic_layer.pixelget_layer .reform_group_inptxt .box_inptxt + .reform_subtit_item{padding-left:10px} .basic_layer.pixelget_layer .itemtbl_wrap .nodata_wrap{height:286px} .basic_layer.pixelget_layer .reform_area_loading{height:286px} .basic_layer.pixelget_layer .tbl_itemchoice .inner_cell{padding:0 9px 0 13px} .basic_layer.pixelget_layer .tbl_itemchoice th .inner_cell{padding-top:9px;padding-bottom:10px} .basic_layer.pixelget_layer .tbl_itemchoice td{height:46px} .basic_layer.pixelget_layer .tbl_itemchoice .th_eventname .inner_cell{padding-left:19px} .basic_layer.pixelget_layer .tbl_itemchoice .td_eventname .inner_cell{padding-left:19px} .basic_layer.pixelget_layer .tbl_itemchoice .td_pixelmosu .inner_cell{padding-top:1px} .basic_layer.pixelget_layer .opt_select .opt_list{overflow:hidden} .basic_layer.pixelget_layer .dashcopy_wrap .opt_select2{max-width:440px} .basic_layer.pixelget_layer .tbl_itemchoice th{height:50px} .basic_layer.pixelget_layer .fc_gray{color:#777} .basic_layer.pixelget_layer .range_slider{width:440px;margin-top:14px} .basic_layer.pixelget_layer .range_slider .rc-slider-dot,.os_mac .basic_layer.pixelget_layer .range_slider .rc-slider-dot{width:20px;margin-left:-10px;font-size:12px;text-align:center} .basic_layer.pixelget_layer .range_slider .rc-slider-dot:after{left:50%} .basic_layer.pixelget_layer .range_slider .rc-slider-dot:first-child{margin-left:0;text-align:left} .basic_layer.pixelget_layer .range_slider .rc-slider-dot:first-child:after{left:0} .basic_layer.pixelget_layer .range_slider .rc-slider-dot:last-child{margin-left:-18px;text-align:right} .basic_layer.pixelget_layer .range_slider .rc-slider-dot:last-child:after{left:auto;right:0} .basic_layer.pixelget_layer .range_slider .rc-slider-handle{margin-left:-8px} .basic_layer.pixelget_layer .range_slider.in_active .rc-slider-handle{background:#fff} .basic_layer.pixelget_layer .range_slider .rc-slider-dot-active{font-weight:400;color:#555} .basic_layer.pixelget_layer .range_slider + .tit_copy{margin-top:34px} .basic_layer.pixelget_layer .itemtbl_wrap .itemtbl_body{max-height:235px} .basic_layer.pixelget_layer .itemtbl_wrap .nodata_wrap .inner_nodata{font-size:13px} .basic_layer.pixelget_layer .reform_txt_info{margin-top:22px} .reform_txt_info .btn_refresh{float:right;height:36px;margin:-8px -9px 0 0;display:inline-block;vertical-align:top} .reform_txt_info .btn_refresh .ico_comm{display:block;position:relative;width:12px;height:12px;margin:12px 16px;background-position:-685px -525px;top:0;left:0;opacity:0.8} .reform_txt_info .btn_refresh:hover .ico_comm{opacity:1} /* 내정보 - 정보수신설정 */ .ad_managebox .agree_reception{border-top:1px solid #ccc} .ad_managebox .agree_reception:first-child{border-top:0 none} .agree_reception{padding:37px 29px 36px} .agree_reception .tit_reception{display:block;margin-bottom:16px;font-weight:500;color:#111} .agree_reception .reception_wrap{padding:14px 23px 15px;border:1px solid #e5e5e5;background-color:#f5f5f5} .agree_reception .reception_wrap .txt_reception{padding:5px 0 6px;line-height:22px} .agree_reception .marketing_wrap{line-height:33px} .agree_reception .marketing_wrap dt{display:inline;font-weight:500;color:#111} .agree_reception .marketing_wrap dd{display:inline} .agree_reception .agree_check{overflow:hidden;margin-top:17px} .agree_reception .agree_check .tit_check{float:left;color:#111} .agree_reception .agree_check .box_radioinp{float:left;margin-left:20px} .agree_reception .agree_check .box_radioinp .lab_radio{color:#111} /* 친구그룹 관리 */ .friendgroup_wrap .tbl_friendgroup tr:hover td{background-color:#f5f5f5} .friendgroup_wrap .tbl_friendgroup tr:hover .nodata_info{background-color:#fff} .friendgroup_wrap .box_filename{width:708px} .friendgroup_wrap .box_filename.error{border-color:#f64949} .basic_layer.friendgroup_layer .inner_basic_layer{width:700px} .basic_layer.friendgroup_layer .layer_body{padding:28px 25px 30px} .basic_layer.friendgroup_layer .layer_body .txt_error{display:block;margin:10px 0 0 0} .basic_layer.friendgroup_layer .tbl_layer{border-left:0 none} .basic_layer.friendgroup_layer .tbl_layer td{border-right:0 none} .basic_layer.friendgroup_layer .tbl_layer .box_radioinp{height:22px;margin-left:26px} .basic_layer.friendgroup_layer .tbl_layer .box_radioinp:first-child{margin-left:0} .basic_layer.friendgroup_layer .tbl_layer .choice_btn{position:relative} .basic_layer.friendgroup_layer .tbl_layer .choice_btn.open .layer_choice{display:block;top:36px} .basic_layer.friendgroup_layer .tr_plusfriend .inner_cell{padding-top:0;padding-bottom:0} .basic_layer.friendgroup_layer .uploadfile_top{margin-top:30px} .basic_layer.friendgroup_layer .uploadfile_top .tit_uploadfile{font-weight:500;color:#111} .basic_layer.friendgroup_layer .uploadfile_top .txt_error{display:inline;margin:0 0 0 7px} .basic_layer.friendgroup_layer .uploadfile_box{height:378px} .basic_layer.friendgroup_layer .loading_wrap{padding-top:145px;line-height:22px} .basic_layer.friendgroup_layer .loading_wrap .txt_loading{color:#555} .basic_layer.friendgroup_layer .analysis_loading{position:absolute;left:0;top:0;width:100%;height:100%;box-sizing:border-box;background-color:rgba(255,255,255,0.9)} .basic_layer.friendgroup_layer .tbl_layer + .txt_error{margin:10px 0 -10px} .basic_layer.friendgroup_layer .tbl_layer .txt_error{margin:6px 0 -3px} .basic_layer.friendgroup_layer .link_download{text-decoration:underline;color:#111} .basic_layer.friendgroup_layer .tbl_layer .box_radioinp .lab_radio{display:inline-block} .basic_layer.friendgroup_layer .opt_select2{width:172px;margin-right:6px} .basic_layer.friendgroup_layer .campaigntarget_top{overflow:hidden;margin-top:30px} .basic_layer.friendgroup_layer .tbl_layer .box_inptxt{display:inline-block;width:421px;margin-right:6px} .basic_layer.friendgroup_layer .tbl_layer .box_inptxt.box_inpfile{width:357px} .basic_layer.friendgroup_layer .tbl_layer .box_inptxt.box_inpfile .inner_g{display:flex;align-items:center;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .basic_layer.friendgroup_layer .tbl_layer .box_inptxt.box_inpfile .txt_file{overflow:hidden;text-overflow:ellipsis} .basic_layer.friendgroup_layer .tbl_layer .box_inpfile .lab_txt{top:0;left:0;width:100%;margin:0;padding:6px 15px 8px;box-sizing:border-box;cursor:pointer} .basic_layer.friendgroup_layer .tbl_layer .box_inpfile.on_inp .lab_txt{display:block;color:#191919} /* 2025-04-02 */ .basic_layer.friendgroup_layer .campaigntarget_top .tab_g{height:41px;margin-top:-15px;border-bottom-color:#ebebeb;border-radius:0;background-color:transparent} .basic_layer.friendgroup_layer .campaigntarget_top .tab_g li{margin:0;padding:0 15px} .basic_layer.friendgroup_layer .campaigntarget_top .tab_g .link_tab{height:41px;padding:0;border:0 none;color:#777;line-height:43px} .basic_layer.friendgroup_layer .campaigntarget_top .tab_g .on .link_tab{color:#333;font-weight:500} .basic_layer.friendgroup_layer .campaigntarget_top .tab_g ~ .tit_campaigntarget{overflow:hidden;margin:15px 0 0} .basic_layer.friendgroup_layer .campaigntarget_top .tab_g ~ .tit_campaigntarget .count_num{float:right} .basic_layer.friendgroup_layer .campaigntarget_top .tit_campaigntarget .count_num{float:right} .basic_layer.friendgroup_layer .campaigntarget_box .txt_error{display:block;margin-top:10px} /* // 2025-04-02 */ .basic_layer.friendgroup_layer .campaigntarget_top .tit_campaigntarget{display:block;margin-bottom:-1px;font-weight:500;color:#111} .basic_layer.friendgroup_layer .campaigntarget_top .tit_campaigntarget .count_num,.basic_layer.friendgroup_layer .campaigntarget_top .tit_campaigntarget .txt_error{font-weight:normal} .basic_layer.friendgroup_layer .campaigntarget_top .tit_campaigntarget .txt_num{font-weight:bold;color:#326edc} .basic_layer.friendgroup_layer .campaigntarget_box{height:378px;margin-top:10px;border:1px solid #e6e6e6} .basic_layer.friendgroup_layer .campaigntarget_box .inner_campaigntarget{overflow:hidden;overflow-y:auto;height:100%} .basic_layer.friendgroup_layer .campaigntarget_box .inner_campaigntarget .txt_nodata{display:table;width:100%;height:100%} .basic_layer.friendgroup_layer .campaigntarget_box .inner_campaigntarget .inner_nodata{display:table-cell;padding-bottom:4px;line-height:22px;color:#777;text-align:center;vertical-align:middle} .basic_layer.friendgroup_layer .opt_select2{width:300px} .item_plusfriend{position:relative;height:54px} .item_plusfriend .inner_item{display:table;table-layout:fixed;width:100%;height:100%} .item_plusfriend .thumb_img{overflow:hidden;position:absolute;left:0;top:50%;width:32px;height:32px;margin-top:-16px;border-radius:12px} .item_plusfriend .thumb_img:after{position:absolute;left:0;right:0;top:0;bottom:0;border:1px solid rgba(0,0,0,0.1);border-radius:12px;content:''} .item_plusfriend .img_thumb{width:32px;height:32px;border-radius:12px} .item_plusfriend .info_item{display:table-cell;width:100%;font-size:14px;color:#555;vertical-align:middle} .item_plusfriend .thumb_img + .info_item{padding-left:42px} .item_plusfriend .tit_item{display:block;overflow:hidden;margin-top:-1px;font-weight:400;text-overflow:ellipsis;white-space:nowrap} .item_plusfriend .txt_item{display:block;overflow:hidden;font-weight:400;font-size:13px;color:#777;text-overflow:ellipsis;white-space:nowrap} .basic_layer.friendgroup_layer .tit_plusfriend{display:block;padding:0 0 6px;margin-top:-4px;font-weight:500;color:#111} .basic_layer.friendgroup_layer .tit_plusfriend .fc_empty{font-weight:500} .plusfrienditem_list{overflow:hidden;overflow-y:auto;max-height:384px;border:1px solid #e6e6e6} .plusfrienditem_list .list_item li{border-top:1px solid #e6e6e6} .plusfrienditem_list .list_item li:first-child{border-top:0 none} .plusfrienditem_list .list_item .box_radioinp{display:block} .plusfrienditem_list .list_item .box_radioinp:hover{background-color:#f5f5f5} .plusfrienditem_list .list_item .box_radioinp.on{background-color:#edf4fc} .plusfrienditem_list .list_item .inp_radio{left:20px} .plusfrienditem_list .list_item .ico_radio{left:20px} .plusfrienditem_list .list_item .lab_radio{padding:0 20px 0 88px} .plusfrienditem_list .list_item .thumb_img{position:absolute;left:46px;top:50%;width:32px;height:32px;margin-top:-16px;border-radius:12px} .plusfrienditem_list .list_item .thumb_img:after{position:absolute;left:0;right:0;top:0;bottom:0;border:1px solid rgba(0,0,0,0.1);border-radius:12px;content:''} .plusfrienditem_list .list_item .img_thumb{width:32px;height:32px;border-radius:12px} .plusfrienditem_list .list_item .info_item{display:table;height:54px} .plusfrienditem_list .list_item .info_item .tit_item{display:table-cell;height:100%;vertical-align:middle} .plusfrienditem_list .loading_wrap{display:table;width:100%;height:100%;padding:0;text-align:center} .plusfrienditem_list .loading_wrap .inner_wrap{display:table-cell;vertical-align:middle} .plusfrienditem_list .txt_nodata{width:100%;height:100%;line-height:384px;text-align:center} .basic_layer.friendgroup_layer .userinfo_agree{overflow:hidden;margin-top:30px;padding:20px;border:1px solid #ddd;border-radius:2px} .basic_layer.friendgroup_layer .userinfo_agree .box_checkinp .lab_check{color:#326edc} .basic_layer.friendgroup_layer .userinfo_agree .tit_agree{margin-bottom:9px} .basic_layer.friendgroup_layer .userinfo_agree .info_agree{overflow:hidden} .basic_layer.friendgroup_layer .userinfo_agree .info_agree .tit_info{display:block;font-weight:400;color:#333;line-height:22px} .basic_layer.friendgroup_layer .userinfo_agree .info_agree .txt_info{display:block;color:#777;line-height:22px} .basic_layer.friendgroup_layer .userinfo_agree .box_checkinp{margin-top:20px} /* 카카오톡 채널 설정 확인 */ .basic_layer.chset_layer .inner_basic_layer{width:640px} .basic_layer.chset_layer .layer_head{height:auto;padding:30px 0 20px;margin:0 30px} .basic_layer.chset_layer .layer_head .tit_layer{font-size:18px;line-height:26px} .basic_layer.chset_layer .layer_head .desc_layer{margin-top:10px;font-size:12px;line-height:17px;color:#595959} .basic_layer.chset_layer .layer_body{padding:20px 30px 30px} .basic_layer.chset_layer .item_plusfriend{display:flex;align-items:center;height:auto;padding:14px;border:1px solid #ddd} .basic_layer.chset_layer .item_plusfriend .thumb_img{flex:none;position:relative;display:block;margin:0 10px 0 0} .basic_layer.chset_layer .item_plusfriend .info_item{overflow:hidden;padding-left:0} .basic_layer.chset_layer .item_plusfriend .info_item .tit_item{display:block;font-size:12px;line-height:17px;font-weight:700} .basic_layer.chset_layer .layer_tit .txt_count .fc_emph{font-weight:700} .basic_layer.chset_layer .layer_tit .link_g .ico_help{width:14px;height:14px;margin:2px auto;background-position:-570px -475px;opacity:1} .basic_layer.chset_layer .layer_tit .link_g:hover .ico_help{background-position:-550px -475px} .basic_layer.chset_layer .box_chset{position:relative} .basic_layer.chset_layer .group_util{position:absolute;top:-40px;right:0} .basic_layer.chset_layer .group_util .btn_refresh{width:30px;height:30px;background:rgba(0,0,0,0.03);text-align:center;box-sizing:border-box} .basic_layer.chset_layer .group_util .btn_refresh:hover{background:rgba(0,0,0,0.06);text-decoration:none} .basic_layer.chset_layer .group_util .btn_refresh .inner_g{padding:0} .basic_layer.chset_layer .group_util .btn_refresh .ico_refresh{width:14px;height:14px;margin:0 auto;background-position:-510px -475px} .basic_layer.chset_layer .group_refresh .btn_refresh .ico_refresh{width:32px;height:32px;margin:0 auto;background-position:-510px -490px} .basic_layer.chset_layer .tbl_layer td .inner_tbl{position:relative;width:100%;padding:0 10px 0 12px;line-height:20px;box-sizing:border-box} .basic_layer.chset_layer .tbl_layer th{border-right:1px solid #e6e6e6} .basic_layer.chset_layer .tbl_layer th .inner_tbl{font-size:12px;color:#595959;font-weight:normal} .basic_layer.chset_layer .tbl_layer .info_set{display:flex;align-items:center;justify-content:space-between} .basic_layer.chset_layer .tbl_layer .info_set .tit_set{font-weight:normal} .basic_layer.chset_layer .tbl_layer .tit_set .img_dot{margin-right:6px} .basic_layer.chset_layer .tbl_layer .img_dot{display:inline-block;width:10px;height:10px;border:1px solid #326EDC;border-radius:5px;background:#fff;box-sizing:border-box} .basic_layer.chset_layer .tbl_layer .img_dot.on{border-color:#326EDC;background:#326EDC} .basic_layer.chset_layer .tbl_layer .img_dot.off{border-color:#b2b2b2;background:#b2b2b2} .basic_layer.chset_layer .tbl_layer .link_em{display:inline-block;color:#326EDC;vertical-align:top} .basic_layer.chset_layer .tbl_layer .link_em .ico_arr{display:inline-block;width:14px;height:14px;margin:4px 0 0 0;background-position:-530px -475px;vertical-align:top} .basic_layer.chset_layer .group_loading{display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative;text-align:center} .basic_layer.chset_layer .group_loading .desc_loading,.basic_layer.chset_layer .group_refresh .desc_refresh{margin-top:10px;font-size:13px;line-height:19px;color:#595959} /* 다운로드 준비중 레이어 */ .download_layer{overflow:hidden;position:fixed;top:74px;right:30px;z-index:999;min-width:293px;border-radius:4px;background-color:#fff;box-shadow:0 2px 10px rgba(0,0,0,0.25)} .download_layer .inner_download_layer{padding:25px 30px;background-color:#fff;box-shadow:unset} .download_layer .desc_download{overflow:hidden;padding-left:11px;font-size:13px;line-height:22px;white-space:nowrap} .download_layer .desc_download .fw_bold{color:#111} .download_layer .img_loading{float:left;width:22px;height:22px;border-radius:22px;background-color:#fff;box-shadow:unset} .download_layer .btn_close{position:absolute;right:0;top:0;width:10px;height:10px;padding:10px} .download_layer .ico_close{width:10px;height:10px;background-position:0 -50px} .download_layer .btn_close:hover .ico_close{background-position:-180px -100px} .download_layer .loading_download{float:left;width:30px;height:20px} /* 입찰금액 수정 레이어 (소재 대시보드) */ .budget_layer .txt_layer{letter-spacing:-0.06em} .budget_layer .txt_error{margin:10px 0 2px;text-align:left} .budget_layer .box_budget{padding:25px 0;margin:25px 0 4px;background-color:#f5f5f5} .budget_layer .box_budget .box_inptxt{width:114px;margin:0 auto} .budget_layer .box_budget .box_inptxt .inp_txt{text-align:right} .budget_layer .box_budget .txt_guide{margin:6px 0 -3px 0;font-size:13px;color:#777} /* (캠페인 대시보드) */ .budget_layer2 .inner_basic_layer{width:331px} .budget_layer .txt_layer{padding-top:20px;line-height:22px} .budget_layer2 .box_budget{margin-top:21px;margin-bottom:0;padding:14px 0 15px 20px} .budget_layer2 .box_budget:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''} .budget_layer2 .box_budget .opt_select{float:left;min-width:100px} .budget_layer2 .box_budget .box_inptxt{float:left;width:137px;margin-left:10px} .budget_layer2 .box_budget .txt_guide{clear:both;padding:11px 0 6px;margin-top:0} .budget_layer2 .txt_error{clear:both;padding-top:11px;margin-top:0;text-align:center} .budget_layer2 .btn_group{padding-top:24px} /* 랜딩url */ .material_item .tit_url{display:block;overflow:hidden;margin-bottom:6px;font-weight:400;line-height:22px;color:#111} .material_item .tit_url .box_checkinp{float:right;font-size:13px;color:#555} .material_item .box_textarea.textarea_url{height:60px} .box_urltool{padding:0 20px 20px;background-color:#f5f5f5} .box_multi{padding-bottom:10px} /* 하단에 셀렉트박스 붙을때 */ .box_urltool .tit_url{padding-top:15px;margin-bottom:-5px} .box_urltool .textarea_url{margin-top:11px} .box_urltool .no_url{padding:9px 0;font-size:13px;color:#111;text-align:center} .box_urltool .opt_select + .no_url{padding-top:27px} .box_urltool .inner_urltool{overflow:hidden;margin-top:10px} .box_urltool .inner_urltool:first-child{margin-top:0} .box_urltool .inner_urltool .tit_urltool{float:left;width:38px;padding-top:8px;color:#555;letter-spacing:-1px} .box_urltool .inner_urltool .urltool_textarea{float:left;width:242px} .box_urltool .box_talk{height:80px} .box_urltool .box_textarea .num_byte{position:absolute;right:10px;top:6px;font-size:14px;font-weight:400;line-height:23px;color:#333;text-align:right} .box_urltool .box_textarea .tf_area,.box_urltool .box_textarea .lab_txt{padding-right:55px} /* 랜딩url > 안내문구 타입 추가건 */ .opt_select .opt_guide{overflow-y:auto;float:right;width:50%;max-height:400px;padding:15px 16px;font-size:13px;color:#333;line-height:20px;box-sizing:border-box} .opt_select .opt_guide:after{position:absolute;top:0;left:50%;bottom:0;width:1px;background:#ddd;content:""} .opt_select .tit_layer + .opt_guide:after{top:50px} /* 랜딩url > 플러스친구 */ .box_urlplus .opt_select .link_selected{overflow:hidden;padding-left:10px;padding-top:5px;padding-bottom:5px;line-height:24px} .opt_select .link_selected .thumb_img{float:left;position:relative;width:24px;height:24px;margin-right:9px;border-radius:9px} .opt_select .link_selected .thumb_img:after{position:absolute;left:0;right:0;top:0;bottom:0;border:1px solid rgba(0,0,0,0.05);border-radius:9px;content:''} .opt_select .link_selected .thumb_img .img_thumb{float:left;width:24px;height:24px;border-radius:9px} .box_urlplus .opt_open .layer_choice{display:block} .box_urlplus .layer_choice{left:-1px;top:34px;width:360px;border:1px solid #ccc;box-shadow:none} .box_urlplus .layer_choice .item_list{max-height:274px} .box_urlplus .layer_choice .tit_layer{font-size:14px} .box_urlplus .layer_choice .tit_layer + .item_list{margin-top:8px} .box_urlplus .layer_choice .list_item .link_item{width:252px;height:54px;padding-left:56px} .box_urlplus .layer_choice .list_item .thumb_img{left:14px;width:32px;height:32px;margin-top:-16px;border-radius:12px} .box_urlplus .layer_choice .list_item .thumb_img:after{border-radius:12px} .box_urlplus .layer_choice .list_item .img_thumb{width:32px;height:32px;border-radius:12px} .box_urlplus .layer_choice .info_item .tit_item{font-size:14px;color:#111} .box_urlplus .box_textarea2{height:79px;margin-top:10px} /* 랜딩url > 애드뷰 미리보기 */ .box_preview .opt_open .layer_choice2{display:block} .box_preview .layer_choice2{overflow:hidden;left:-1px;top:34px;width:792px;margin-bottom:40px;padding-bottom:25px;border:1px solid #ccc;font-weight:400} .box_preview .layer_choice2 .list_preview{float:left;position:relative;width:340px} .box_preview .layer_choice2 .tit_layer + .item_list{margin-top:8px} .box_preview .layer_choice2 .link_load{position:absolute;top:0;right:0;font-weight:400;font-size:13px;color:#555;text-decoration:underline} .box_preview .layer_choice2 .wrap_list{position:relative;max-height:644px;height:644px;font-size:14px} .box_preview .layer_choice2 .list_menu{overflow:hidden;width:100%;margin-bottom:-1px} .box_preview .layer_choice2 .list_menu li{height:80px;border-top:0 none;border-bottom:1px solid #e6e6e6} .box_preview .layer_choice2 .link_menu{display:block;line-height:24px} .box_preview .layer_choice2 .on .link_menu{background-color:#f1f6fc} .box_preview .layer_choice2 .link_menu .tit_menu{display:block;overflow:hidden;padding-top:17px;font-weight:400;color:#111;text-overflow:ellipsis;white-space:nowrap} .box_preview .layer_choice2 .link_menu .desc_menu{display:block;padding-top:2px;font-size:13px;line-height:23px;color:#777} .box_preview .layer_choice2 .link_menu .desc_menu .ico_bar{display:inline-block;width:1px;height:12px;margin:6px 9px 0;background-color:#ccc;vertical-align:top} .box_preview .layer_choice2 .wrap_list .loading_wrap{position:absolute;top:50%;left:0;width:100%;margin-top:-20px;padding-top:0} .box_preview .layer_choice2 .wrap_list .fail_wrap{padding-top:312px;text-align:center} .box_preview .layer_choice2 .area_preview{position:relative;display:table;float:left;width:428px;height:646px;margin:28px 0 0 24px} .box_preview .layer_choice2 .area_preview .inner_preview{display:table-cell;font-size:14px;line-height:28px;text-align:center;vertical-align:middle} .box_preview .layer_choice2 .area_preview .material_default{margin:0 auto} .box_preview .layer_choice2 .area_preview .adview_compact{margin:127px auto 0} /* 랜딩url > 메시지 미리보기 */ .box_message .layer_choice2 .wrap_list{height:508px;max-height:508px} .box_message .layer_choice2 .list_menu li{height:auto;max-height:100px} .box_message .layer_choice2 .link_menu{padding-bottom:16px} .box_message .layer_choice2 .link_menu .tit_menu{display:block;display:-webkit-box;overflow:hidden;max-height:42px;line-height:21px;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal;word-wrap:break-word} .box_message .device_view{height:auto;padding:0;border:0 none} .box_message .device_view:before,.box_message .device_view:after,.device_view .img_spk{display:none} .box_message .device_view .inner_device{margin-top:0} .box_message .layer_choice2 .area_preview{height:510px} .box_message .layer_choice2 .wrap_list .fail_wrap{padding-top:244px} .box_urltool.box_message .layer_choice2 .list_menu{overflow-y:auto;max-height:505px} /* new 애드뷰 만들기 */ .adviewcreate_wrap .box_urlplus .opt_open .layer_choice{border-color:#000;border-radius:2px} .box_message.box_preview{display:block} .adviewcreate_wrap .box_message.box_preview .layer_choice2{width:792px;padding:19px 24px 25px} .adviewcreate_wrap .box_message.box_preview .layer_choice2 .area_preview{width:428px;min-height:auto} .adviewcreate_wrap .box_message.box_preview .layer_choice2 .list_preview{width:340px} .adviewcreate_wrap .box_message.box_preview .layer_choice2 .link_load{color:#555} .adviewcreate_wrap .layer_choice2.layer_nopreview .list_menu{max-height:296px} .adviewcreate_wrap .dsp_tit + .reform_wrap_material{margin-top:20px} .adviewcreate_wrap .layer_choice2.layer_nopreview .wrap_list,.adviewcreate_wrap .layer_choice2.layer_nopreview .list_menu li{height:auto} .adviewcreate_wrap .box_message.box_preview .reform_layer_message{width:731px;padding:0px 0px 15px 16px} .adviewcreate_wrap .box_message.box_preview .reform_layer_message .list_preview{width:321px} .adviewcreate_wrap .box_message.box_preview .reform_layer_message .area_preview{width:380px} .layer_choice2 .nodata_wrap{display:table;width:100%;height:100%} .layer_choice2 .nodata_wrap .inner_nodata{display:table-cell;width:100%;height:100%;padding:16px 0;vertical-align:middle;text-align:center;font-size:13px;line-height:19px;color:#333} .layer_choice2 .nodata_wrap .btn_gm{margin-top:17px} /* 상환 레이어 */ .basic_layer.repay_layer .layer_body{padding:26px 25px 27px} .basic_layer.repay_layer .repay_tit{overflow:hidden;padding-bottom:6px} .basic_layer.repay_layer .tit_repay{float:left;font-weight:500;color:#111} .basic_layer.repay_layer .date_repay{float:right;font-size:13px;color:#777} .basic_layer.repay_layer .txt_repay{margin:36px 0 7px;line-height:20px;color:#555} .basic_layer.repay_layer .cash_repay{font-weight:500;font-size:18px;color:#111} .basic_layer.repay_layer .tbl_layer{margin:0} .basic_layer.repay_layer .tbl_layer th{padding:11px 0 12px 19px} .basic_layer.repay_layer .tbl_layer td{padding-right:20px} .basic_layer.repay_layer .price_repay{overflow:hidden;margin-top:20px;padding:30px 0 30px 109px;border:1px solid #e5e5e5;background-color:#f5f5f5} .basic_layer.repay_layer .lab_price{float:left;height:36px;padding-right:18px;font-weight:500;font-size:15px;line-height:36px;color:#111} .basic_layer.repay_layer .repay_inptxt{float:left;width:295px} .basic_layer.repay_layer .box_inptxt{width:143px;padding:6px 25px 8px 15px} .basic_layer.repay_layer .box_inptxt .inp_txt{text-align:right;font-weight:500;font-size:14px} .basic_layer.repay_layer .box_inptxt.in_active .inp_txt[disabled]{color:#111} .basic_layer.repay_layer .txt_info{padding-top:6px;font-size:13px} .basic_layer.repay_layer .txt_error{padding-top:7px} .basic_layer.repay_layer .loading_wrap{padding:184px 0} /* 상환 상세 내역 레이어,후불한도 변경이력 레이어 */ .basic_layer.repaydetail_layer .inner_basic_layer{width:880px} .basic_layer.repaydetail_layer .layer_body{position:relative;padding:30px} .basic_layer.repaydetail_layer .tit_repaydetail{display:block;margin-bottom:20px;font-weight:700;font-size:14px;line-height:22px;color:#333} .basic_layer.repaydetail_layer .tit_repaydetail.align_l{text-align:left} .basic_layer.repaydetail_layer .opt_select{position:absolute;top:23px;right:25px} .basic_layer.repaydetail_layer .reform_box_calendar .paging_wrap{margin-top:0} .basic_layer.repaydetail_layer .itemtbl_wrap{border-left:0;border-right:0} .basic_layer.repaydetail_layer .itemtbl_wrap .itemtbl_body{max-height:519px} .basic_layer.repaydetail_layer .tbl_itemchoice .inner_tbl{padding:0 12px} .basic_layer.repaydetail_layer .tbl_itemchoice th:first-child .inner_tbl,.basic_layer.repaydetail_layer .tbl_itemchoice td:first-child .inner_tbl{padding:0 10px 0 19px} .basic_layer.repaydetail_layer .tbl_itemchoice tbody tr:hover{background:none} .basic_layer.repaydetail_layer .tbl_itemchoice th{height:50px} .basic_layer.repaydetail_layer .tbl_itemchoice td{height:51px;color:#333} .basic_layer.repaydetail_layer .itemtbl_body .cell_mail .inner_tbl{padding:7px 10px 8px;line-height:18px} .basic_layer.repaydetail_layer .desc_nodata{padding:100px 0;color:#777;text-align:center} .basic_layer.repaydetail_layer .loading_wrap{padding:239px 0} /* 가상계좌 발급이력 레이어 */ .basic_layer.virtual_layer .inner_basic_layer{width:800px} .basic_layer.virtual_layer .layer_body{padding:27px 25px} .basic_layer.virtual_layer .txt_top{padding-bottom:21px;line-height:20px} .basic_layer.virtual_layer .tbl_layer th{padding:16px 0 17px 19px} .basic_layer.virtual_layer .tbl_layer td{padding:0 19px} .basic_layer.virtual_layer .tit_virtual{display:block;padding:26px 0 6px;font-weight:500;color:#111} .basic_layer.virtual_layer .itemtbl_head .tbl_itemchoice .inner_cell{padding:0 11px} .basic_layer.virtual_layer .itemtbl_body{overflow-y:auto;max-height:519px} .basic_layer.virtual_layer .itemtbl_body .tbl_itemchoice{margin-top:-1px} .basic_layer.virtual_layer .itemtbl_body tr:last-child td{border-bottom:0 none} .basic_layer.virtual_layer .itemtbl_body th{height:44px;padding:0 11px} .basic_layer.virtual_layer .itemtbl_body td{height:52px;padding:0 11px;line-height:18px;color:#111} .basic_layer.virtual_layer .itemtbl_body .cell_mail .inner_cell{padding:7px 0 8px} .basic_layer.virtual_layer .itemtbl_body .align_r{padding-right:11px} .basic_layer.virtual_layer .tbl_itemchoice tbody tr:hover{background:none} .basic_layer.virtual_layer .loading_wrap{padding:90px 0} .basic_layer.virtual_layer .txt_nodata{padding:100px 0;color:#777;text-align:center} .basic_layer.virtual_layer .btn_gs{background:none} .tooltip_junhwan.ly_tooltip{max-width:none;width:498px} .tooltip_junhwan .tit_junhwan{display:block;margin-top:13px;font-weight:500;font-size:13px;color:#000} .tooltip_junhwan .tit_junhwan:first-child{margin-top:0} .tooltip_junhwan .txt_junhwan{margin-top:5px;font-size:12px;line-height:19px;color:#555} .tooltip_junhwan .bottom_guide{height:41px;padding:0 13px;margin:12px -17px -12px;background-color:#f8f8f8;font-size:12px;line-height:41px;color:#777} /* 심사서류상세 */ .document_list .list_document li{padding-bottom:4px;border-top:1px solid #ddd} .document_list .tit_document{display:block;position:relative;height:56px;font-weight:500;line-height:60px} .document_list .tit_document .link_fold{display:block;height:100%;padding-left:38px;text-decoration:none} .document_list .tit_document .link_fold:before{position:absolute;left:20px;top:27px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #777;content:''} .document_list .tit_document .txt_num{font-weight:500;color:#326EDC} .document_list .list_file{display:none;padding-bottom:16px} .document_list .item_file{position:relative;overflow:hidden;padding:6px 0;font-size:13px;line-height:20px;color:#555;cursor:default} .document_list .item_file:hover{background-color:#f5f5f5} .document_list .item_file.on{background-color:#f7fafe} .document_list .item_file .file_name{display:block;padding:0 222px 0 38px} .document_list .item_file .file_date{position:absolute;top:5px;right:83px} .document_list .item_file .link_del{position:absolute;top:5px;right:24px;width:30px;height:20px} .document_list .link_del .ico_del{width:10px;height:10px;margin:5px auto;background-position:0 -50px} .document_list .link_del:hover .ico_del{background-position:-180px -100px} .document_list .open .tit_document .link_fold:before{border-top:0 none;border-bottom:5px solid #777} .document_list .open .list_file{display:block} .document_list .in_active .tit_document .link_fold{cursor:default;pointer-events:none} .document_list .in_active .tit_document .link_fold:before{border-top:5px solid #c9c9c9} .customerfile_wrap .document_list{border-top:1px solid #ddd;border-bottom:1px solid #ddd} .customerfile_wrap .document_list .list_document li{padding-bottom:0;border-top:1px solid #EBEBEB} .customerfile_wrap .document_list .list_document li:first-child{border-top:0} .customerfile_wrap .document_list .tit_document .txt_num{font-weight:700;color:#333} .customerfile_wrap .document_list .tit_document .link_fold{padding-left:50px;font-weight:700;font-size:13px;line-height:50px;color:#555} .customerfile_wrap .document_list .item_file{padding:0} .customerfile_wrap .document_list .item_file .file_name{display:inline-block;overflow:hidden;position:relative;max-width:100%;padding:0 135px 0 50px;line-height:40px;color:#333;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box;vertical-align:top} .customerfile_wrap .document_list .item_file .file_date{top:0;right:20px;font-size:13px;color:#777} .customerfile_wrap .document_list .item_file .link_del{top:10px;right:auto;left:10px} .customerfile_wrap .document_list .list_file{padding:10px 0;border-top:1px solid #EBEBEB;background:#fafafa} .customerfile_wrap .document_list .in_active .tit_document .link_fold,.customerfile_wrap .document_list .in_active .tit_document .txt_num{color:#999} .customerfile_wrap .tbl_g2 th .link_g{margin-right:-10px} /* 심사서류등록 레이어 */ .document_list .btn_file{overflow:hidden;position:absolute;right:20px;top:14px} .document_list .btn_file .lab_file{position:relative;cursor:pointer} .document_list .btn_file .inp_file{overflow:hidden;position:absolute;left:0;top:0;width:100%;height:100%;font-size:99px;text-indent:-9999px;opacity:0.01;filter:alpha(opacity=0);cursor:pointer} .basic_layer.file_layer .inner_basic_layer{width:740px} .basic_layer.file_layer .file_tit{display:block;overflow:hidden;margin:26px 0 7px} .basic_layer.file_layer .tit_file{float:left;color:#111} .basic_layer.file_layer .txt_file{float:right;font-size:12px;color:#777} .basic_layer.file_layer .file_tit:first-child{margin-top:0} .basic_layer.file_layer .txt_error{margin:6px 0 -3px} .basic_layer.file_layer .txt_guide{margin:6px 0 -3px;font-size:13px;color:#777} .basic_layer.file_layer .document_list{position:relative;border:1px solid #ccc} .basic_layer.file_layer .document_list .list_document li{padding-bottom:5px;border-color:#ccc} .basic_layer.file_layer .document_list .list_document li:first-child{border-top:0 none} .basic_layer.file_layer .document_list .tit_document{height:49px;line-height:53px} .basic_layer.file_layer .document_list .tit_document .link_fold:before{top:24px;border-top-color:#888} .basic_layer.file_layer .document_list .open .tit_document .link_fold:before{border-bottom-color:#888} .basic_layer.file_layer .document_list .in_active .tit_document .link_fold:before{border-top-color:#c9c9c9} .basic_layer.file_layer .document_list .item_file .file_name{width:590px} .basic_layer.file_layer .document_list .txt_error{padding-left:38px;margin:-3px 0 13px} .basic_layer.file_layer .document_list .txt_error + .list_file{margin-top:-5px} .basic_layer.file_layer .document_list .nodata_wrap{display:table;width:100%;height:250px} .basic_layer.file_layer .document_list .txt_nodata{display:table-cell;text-align:center;vertical-align:middle} .basic_layer.file_layer .document_list .loading_wrap{position:absolute;left:0;top:0;right:0;bottom:0;padding:0;background-color:rgba(255,255,255,0.9);content:''} .basic_layer.file_layer .document_list .loading_wrap .img_loading{position:absolute;left:50%;top:50%;margin:-20px 0 0 -20px} .basic_layer.file_layer .box_category{padding:16px 29px;border:1px solid #e5e5e5;background-color:#f5f5f5} .basic_layer.file_layer .txt_category{font-weight:700;color:#555} /* 심사서류등록 레이어 이전버전 롤백 */ .basic_layer.file_layer .inner_basic_layer1{width:800px} .basic_layer.file_layer .inner_basic_layer1 .wrap_tbl .inner_wrap{width:750px} .basic_layer.file_layer .inner_basic_layer1 .txt_error{margin:4px 0 -4px} /* 참여형 이벤트 상세 레이어 */ .basic_layer .info_scroll{padding-top:25px} .basic_layer .info_scroll + .check_agree{padding-top:15px} /* 채팅탭 소재만들기 > 배너이미지 만들기 레이어 */ .basic_layer.bnrimg_layer .inner_basic_layer{width:1290px;min-height:880px;border-radius:4px;background:#eee} .basic_layer.bnrimg_layer .layer_head{background:#fff;border-radius:4px 4px 0 0} .basic_layer.bnrimg_layer .tab_g8{padding:10px 0 0 24px} /* 상단 이미지 라디오 */ .basic_layer.bnrimg_layer .radio_bnrimg{position:relative;overflow:hidden;padding:20px 0 20px 30px;background:#fff} .basic_layer.bnrimg_layer .radio_bnrimg:after{position:absolute;bottom:0;left:0;right:0;height:1px;background:rgba(0,0,0,0.08);content:''} .basic_layer.bnrimg_layer .radio_bnrimg li{float:left;width:300px} .basic_layer.bnrimg_layer .radio_bnrimg li + li{margin-left:10px} .basic_layer.bnrimg_layer .radio_bnrimg li .box_radioinp .thumb_g{width:300px;height:auto} .radio_bnrimg .img_bnrimg{position:absolute;top:30px;left:0;width:300px;height:75px;background-size:100% auto} .radio_bnrimg .box_radioinp{display:block} .radio_bnrimg .box_radioinp .lab_radio{padding-bottom:84px} .radio_bnrimg .box_radioinp .inp_radio,.radio_bnrimg .box_radioinp .ico_radio{top:2px;margin-top:0} .basic_layer.bnrimg_layer .tooltip_basic.ly_tooltip{max-width:300px} .os_mac .basic_layer.bnrimg_layer .radio_bnrimg .box_radioinp .ico_radio{top:2px;margin-top:0} .basic_layer.bnrimg_layer .layer_foot{padding-right:15px} .basic_layer.bnrimg_layer .layer_foot .gm_line{border-color:rgba(0,0,0,0.15);background:#eee} .basic_layer.bnrimg_layer .layer_foot .gm_line:hover{background:rgba(0,0,0,0.08)} .basic_layer.bnrimg_layer .wrap_bnrimg{display:flex;position:relative;margin-bottom:30px} .basic_layer.bnrimg_layer .wrap_bnrimg:after{display:block;clear:both;content:''} .basic_layer.bnrimg_layer .wrap_bnrimg .tit_layer{display:block;padding-left:30px;padding-bottom:3px;border-bottom:1px solid #ebebeb;font-weight:700;font-size:16px;line-height:56px;color:#111} .basic_layer.bnrimg_layer .bnrimg_area + .bnrimg_area{margin-top:20px} .basic_layer.bnrimg_layer .bnrimg_area.type_check{margin-top:17px} .basic_layer.bnrimg_layer .bnrimg_area + .bnrimg_area.type_cancle{margin:5px 3px -2px 0} .basic_layer.bnrimg_layer .bnrimg_area + .type_subtit{margin-top:8px} .basic_layer.bnrimg_layer .type_subtit + .type_subtit{margin-top:20px} .basic_layer.bnrimg_layer .type_check + .type_subtit,.basic_layer.bnrimg_layer .type_subtit + .type_check{margin-top:19px} .basic_layer.bnrimg_layer .bnrimg_area:after{display:block;clear:both;content:''} .basic_layer.bnrimg_layer .bnrimg_area .tit_bnrimg{float:left;width:157px;margin-top:8px} .basic_layer.bnrimg_layer .bnrimg_area.type_check .tit_bnrimg{margin-top:1px} .basic_layer.bnrimg_layer .bnrimg_area .bnrimg_con{float:left;width:330px} .basic_layer.bnrimg_layer .bnrimg_insert{float:left;position:relative;width:547px;margin:15px 15px 0;padding:0;border-radius:4px;border:1px solid rgba(0,0,0,0.12);background:#fff;box-sizing:border-box} .basic_layer.bnrimg_layer .tit_bnrimg{display:block;line-height:20px;font-weight:700;color:#333} .basic_layer.bnrimg_layer .emph_color{color:#FF414B} .basic_layer.bnrimg_layer .txt_sub{font-weight:400;font-size:12px;line-height:20px;color:#999} .basic_layer.bnrimg_layer .subtit_bnrimg{float:left;width:155px;padding-top:8px;font-weight:400;color:#777;line-height:20px} .basic_layer.bnrimg_layer .tit_bnrimg + .subtit_bnrimg{margin-top:-3px;padding-top:0} .basic_layer.bnrimg_layer .bnrimg_insert .box_checkinp{float:left;min-width:95px} .basic_layer.bnrimg_layer .bnrimg_insert .box_checkinp + .box_checkinp{margin-left:30px} .basic_layer.bnrimg_layer .bnrimg_insert .box_checkinp + .reform_regist_img{display:inline-block;margin-top:14px;vertical-align:top} .basic_layer.bnrimg_layer .bnrimg_insert .lab_check{color:#111} .basic_layer.bnrimg_layer .bnrimg_insert .link_tooltip{float:right;margin-top:2px;font-size:12px;line-height:15px;color:#555;font-weight:400;text-decoration:underline} .basic_layer.bnrimg_layer .bnrimg_insert .tooltip_basic{padding:12px 14px 15px} .basic_layer.bnrimg_layer .bnrimg_insert .tooltip_basic .txt_tooltip{color:#555} .basic_layer.bnrimg_layer .bnrimg_insert .tooltip_basic .tbl_g{margin-top:11px;border:1px solid #e6e6e6} .basic_layer.bnrimg_layer .bnrimg_insert .tooltip_basic .tbl_g th{height:36px;border-bottom:0 none;border-left:1px solid #e6e6e6;font-weight:400;font-size:12px;text-align:center} .basic_layer.bnrimg_layer .bnrimg_insert .tooltip_basic .tbl_g td{height:36px;border-bottom:0 none;text-align:center} .basic_layer.bnrimg_layer .bnrimg_insert .tooltip_basic .tbl_g .txt_cancel{text-decoration:line-through} .basic_layer.bnrimg_layer .bnrimg_insert .wrap_radioinp{padding:5px 0 9px} .basic_layer.bnrimg_layer .bnrimg_insert .wrap_radioinp .box_radioinp:first-child{margin-right:21px} .basic_layer.bnrimg_layer .bnrimg_insert .wrap_radioinp .box_radioinp .link_g .ico_comm{margin:2px 0 0 5px} .basic_layer.bnrimg_layer .bnrimg_insert .box_textarea{height:60px;margin-bottom:2px} .basic_layer.bnrimg_layer .bnrimg_insert .box_textarea2 .tf_area{padding:12px 15px 10px} .basic_layer.bnrimg_layer .bnrimg_insert .txt_error{padding-top:7px} .basic_layer.bnrimg_layer .bnrimg_insert .reform_regist_img,.basic_layer.bnrimg_layer .bnrimg_insert .reform_regist_vod{width:330px} .basic_layer.bnrimg_layer .bnrimg_insert .reform_regist_img + .txt_error{padding-bottom:0} .basic_layer.bnrimg_layer .bnrimg_insert .reform_item_file .reform_img_file{margin-left:23px} .basic_layer.bnrimg_layer .bnrimg_insert .reform_item_file .reform_img_file .span_thumb{display:inline-block;width:70px;height:70px;vertical-align:top;background-repeat:no-repeat} .basic_layer.bnrimg_layer .bnrimg_insert .reform_regist_img .file_info,.basic_layer.bnrimg_layer .bnrimg_insert .reform_item_file .file_info,.basic_layer.bnrimg_layer .bnrimg_insert .reform_item_file .inner_info{background-position:0 -340px} .basic_layer.bnrimg_layer .bnrimg_insert .reform_regist_img:hover .file_info,.basic_layer.bnrimg_layer .bnrimg_insert .reform_regist_img.over .file_info{background-position:0 -435px} .basic_layer.bnrimg_layer .bnrimg_insert .reform_item_file .load_wrap{width:210px} .basic_layer.bnrimg_layer .bnrimg_insert .reform_item_file .load_wrap .load_bg{width:180px} .basic_layer.bnrimg_layer .bnrimg_insert .reform_item_file .load_wrap .btn_del{left:190px} .basic_layer.bnrimg_layer .bnrimg_insert .btn_gm + .reform_regist_img.load_ok,.basic_layer.bnrimg_layer .bnrimg_insert .btn_gw + .reform_regist_img.load_ok{margin-top:20px} .basic_layer.bnrimg_layer .bnrimg_insert .btn_gw .link_help{margin:-4px -5px 0 -2px} .basic_layer.bnrimg_layer .bnrimg_insert .reform_regist_img.load_ok{height:auto;border:1px solid #ddd;border-radius:2px;background:#fff;box-sizing:border-box} .basic_layer.bnrimg_layer .bnrimg_insert .reform_regist_img.load_ok .reform_item_file{position:relative;display:table;width:100%;box-sizing:border-box} .basic_layer.bnrimg_layer .bnrimg_insert .reform_regist_img.load_ok .reform_item_file .inner_img_file{display:table-cell;width:70px;height:68px;text-align:center;vertical-align:middle} .basic_layer.bnrimg_layer .bnrimg_insert .reform_regist_img.load_ok .reform_item_file .inner_img_file img{vertical-align:middle} .basic_layer.bnrimg_layer .bnrimg_insert .reform_regist_img.load_ok .reform_item_file + .reform_item_file:after{position:absolute;top:0;left:10px;right:10px;height:1px;background:#e8e8e8;content:''} .basic_layer.bnrimg_layer .bnrimg_insert .reform_regist_img.load_ok .reform_item_file > .inner_info{position:relative;height:88px;background:none} .basic_layer.bnrimg_layer .bnrimg_insert .reform_regist_img.load_ok .reform_img_file{display:table-cell;position:relative;width:70px;height:70px;margin:9px 20px 0 10px;border:none;border-radius:0} .basic_layer.bnrimg_layer .bnrimg_insert .reform_regist_img.load_ok .reform_img_file .frame_g{position:absolute;top:0;left:0;width:68px;height:68px;border:1px solid #000;opacity:0.04} .basic_layer.bnrimg_layer .bnrimg_insert .reform_regist_img.load_ok .btn_del{position:absolute;top:6px;right:6px;width:20px;height:20px;opacity:0.2} .basic_layer.bnrimg_layer .bnrimg_insert .reform_regist_img.load_ok .btn_del .ico_del{width:10px;height:10px;margin:3px auto;background-position:-770px -150px} .bnrimg_insert .load_ok .reform_item_file .reform_txt_file .txt_upload,.bnrimg_insert .load_ok.in_active .reform_item_file .reform_txt_file .txt_upload{max-width:200px} .basic_layer.bnrimg_layer .bnrimg_insert .cont_layer,.basic_layer.bnrimg_layer .bnrimg_preview .cont_layer{position:relative;min-height:490px;padding:30px;box-sizing:border-box} .basic_layer.bnrimg_layer .bnrimg_insert .cont_layer{padding-right:25px} .basic_layer.bnrimg_layer .cont_layer .bnrtop_area{margin:-16px 0 30px;padding-bottom:15px;border-bottom:1px solid rgba(0,0,0,0.08)} .basic_layer.bnrimg_layer .bnrimg_preview{position:relative;float:left;min-height:550px;margin:15px 0 0;border-radius:4px;border:1px solid rgba(0,0,0,0.12);background:#fff} .basic_layer.bnrimg_layer .bnrimg_preview .bg_bnr{position:relative;width:638px;height:160px;border-radius:9px;background-color:#f3f3f3} .basic_layer.bnrimg_layer .bnrimg_preview .bg_bnr .inner_bnr{overflow:hidden;position:relative;width:638px;height:160px;border-radius:15px} .basic_layer.bnrimg_layer .bnrimg_preview .bg_bnr:after{content:'';display:block;clear:both} .basic_layer.bnrimg_layer .bnrimg_preview .bg_bnr .app_image{position:absolute;top:18px;left:30px;z-index:10;width:24px;height:25px;background:url(/c9586301e5a0f36376c11adcef6717db.png) no-repeat 0 0;background-size:24px 25px} .basic_layer.bnrimg_layer .bnrimg_preview .bg_bnr .belt_image{position:absolute;bottom:22px;right:30px;z-index:10;width:195px;height:32px;background:url(/50768da8357910afa0aec728fd84828e.png) no-repeat 0 0;background-size:195px 32px} .basic_layer.bnrimg_layer .bnrimg_preview .bg_bnr .flag_image{position:absolute;top:0;right:34px;z-index:10;width:51px;height:53px;background:url(/cfc1f6106bd42be4ae0639f8ed57f7b8.png) no-repeat 0 0;background-size:51px 53px} .basic_layer.bnrimg_layer .bnrimg_preview .bg_bnr .type_flag2{background:url(/84360c5d74b270384a11ff02406ba8a6.png) no-repeat 0 0;background-size:51px 53px} .basic_layer.bnrimg_layer .bnrimg_preview .bg_bnr.bnr_round .flag_image{top:22px;right:29px} .basic_layer.bnrimg_layer .info_guide{overflow:hidden;width:639px;padding:15px 0 0} .basic_layer.bnrimg_layer .bnrimg_preview .bg_bnr.set_bnr .app_image{background:url(/74b4b20bf669745f620e66cea5451d6c.png)} .basic_layer.bnrimg_layer .bnrimg_preview.bnr_line1 .app_image{top:33px} .basic_layer.bnrimg_layer .bnrimg_preview.bnr_law .app_image{top:25px} .basic_layer.bnrimg_layer .bnrimg_preview .bg_bnr .min_text{position:absolute;top:0;left:193px;z-index:10;width:1px;height:160px;background:url(/6aa7341e5a3a856e7fb381c2190c38a4.png) no-repeat 0 0;background-size:1px 160px} .basic_layer.bnrimg_layer .bnrimg_preview .bg_bnr .min_text.error{background:url(/b75b5aed68026a87d681eb54cbc911d6.png) no-repeat 0 0;background-size:1px 160px} .basic_layer.bnrimg_layer .bnrimg_preview .bg_bnr.set_bnr .min_text:after{display:none} .basic_layer.bnrimg_layer .bnrimg_preview .bg_bnr .ico_btnmore{position:absolute;top:50%;right:29px;width:16px;height:28px;margin-top:-14px;background:url(/ef99ea1d7956f01d1d8729d7fd90bb3c.png) no-repeat 0 0} .basic_layer.bnrimg_layer .bnrimg_preview .bg_bnr .loading_wrap{position:absolute;top:0;left:0;z-index:100;width:100%;height:160px;padding:0;border-radius:13px;background-color:rgba(243,243,243,0.9)} .basic_layer.bnrimg_layer .bnrimg_preview .bg_bnr .loading_wrap .img_loading{margin-top:38px} .basic_layer.bnrimg_layer .bnrimg_preview .bg_bnr + .txt_error{margin-top:10px} /*오브젝트형*/ .basic_layer.bnrimg_layer .bnrimg_preview .bg_bnr .limit_group{overflow:hidden;z-index:9;position:absolute;bottom:0;right:30px;width:195px;height:160px;/*background:#f3f3f3*/ } .basic_layer.bnrimg_layer .bnrimg_preview .bg_bnr .limit_image,.basic_layer.bnrimg_layer .bnrimg_preview .bg_bnr .limit_bg,.basic_layer.bnrimg_layer .bnrimg_preview .bg_bnr .limit_thumb{position:absolute;bottom:0;left:0;width:195px;height:160px} .basic_layer.bnrimg_layer .bnrimg_preview .bg_bnr .limit_btn{z-index:10;position:absolute} .basic_layer.bnrimg_layer .bnrimg_preview .bg_bnr .limit_image{z-index:4;background:url(/cbd2722865e28375a4a2a4d5d687332d.png) no-repeat 0 0;background-size:195px 160px} .basic_layer.bnrimg_layer .bnrimg_preview .bg_bnr .limit_bg{z-index:3} .basic_layer.bnrimg_layer .bnrimg_preview .bg_bnr .limit_thumb{top:0;bottom:auto;z-index:2;overflow:hidden} .basic_layer.bnrimg_layer .bnrimg_preview .bg_bnr .limit_thumb .thumb_g{z-index:1;position:absolute;bottom:0;left:0} /*썸네일 > 박스형(라운딩)*/ .basic_layer.bnrimg_layer .bnrimg_preview .bg_bnr.bnr_round .limit_group{right:30px;bottom:22px;width:195px;height:116px} .basic_layer.bnrimg_layer .bnrimg_preview .bnr_round .limit_image,.basic_layer.bnrimg_layer .bnrimg_preview .bnr_round .limit_thumb{width:195px;height:116px} .basic_layer.bnrimg_layer .bnrimg_preview .bnr_round .limit_image{background:url(/275497e9c1608b7190be169fec7734a8.png) no-repeat 0 0;background-size:195px 116px} .basic_layer.bnrimg_layer .bnrimg_preview .bnr_round .limit_image.error{background:url(/2340dc2f66e9fcf95e63cf29386b936a.png) no-repeat 0 0;background-size:195px 116px} /*썸네일 > 블러형*/ .basic_layer.bnrimg_layer .bnrimg_preview .bg_bnr.bnr_blur .limit_group{right:47px;width:186px;height:138px} .basic_layer.bnrimg_layer .bnrimg_preview .bnr_blur .limit_image,.basic_layer.bnrimg_layer .bnrimg_preview .bnr_blur .limit_thumb{width:186px;height:138px} .basic_layer.bnrimg_layer .bnrimg_preview .bnr_blur .limit_image{background:url(/3847a16213564557d4c6fa82a9329b53.png) no-repeat 0 0;background-size:186px 138px} .basic_layer.bnrimg_layer .bnrimg_preview .bnr_blur .limit_image.error{background:url(/818dc33a89e6ff1ed78673cc887058bd.png) no-repeat 0 0;background-size:186px 138px} /*썸네일 > 멀티이미지*/ .basic_layer.bnrimg_layer .bnrimg_preview .bg_bnr.bnr_multi .limit_group{right:30px;bottom:26px;width:223px;height:108px} .basic_layer.bnrimg_layer .bnrimg_preview .bnr_multi .limit_thumb{width:223px;height:108px} .basic_layer.bnrimg_layer .bnrimg_preview .bnr_multi .limit_image{position:absolute;width:108px;height:108px} .basic_layer.bnrimg_layer .bnrimg_preview .bnr_multi .limit_image{left:0;top:0;background:url(/f85d63698a4f3df13655b3c50c7b727b.png) no-repeat 0 0;background-size:108px 108px} .basic_layer.bnrimg_layer .bnrimg_preview .bnr_multi .limit_image + .limit_image{left:115px} .basic_layer.bnrimg_layer .bnrimg_preview .bnr_multi .limit_image.error{background:url(/53949978f0224c3568aace86b4438bed.png) no-repeat 0 0;background-size:108px 108px} .basic_layer.bnrimg_layer .bnrimg_preview .bg_bnr .emph_limitimage{position:absolute;bottom:-40px;right:92px;font-size:11px;color:#555} /*마스킹 > 반원형 > 로고상단,마스킹 > 반원형 > 로고하단*/ .basic_layer.bnrimg_layer .bnrimg_preview .bg_bnr.bnr_semicircle .limit_group,.basic_layer.bnrimg_layer .bnrimg_preview .bg_bnr.bnr_semicircle2 .limit_group{overflow:visible;right:29px;width:224px} .basic_layer.bnrimg_layer .bnrimg_preview .bnr_semicircle .limit_image,.basic_layer.bnrimg_layer .bnrimg_preview .bnr_semicircle2 .limit_image,.basic_layer.bnrimg_layer .bnrimg_preview .bnr_semicircle .limit_thumb,.basic_layer.bnrimg_layer .bnrimg_preview .bnr_semicircle2 .limit_thumb{width:224px;height:133px} .basic_layer.bnrimg_layer .bnrimg_preview .bnr_semicircle .limit_image,.basic_layer.bnrimg_layer .bnrimg_preview .bnr_semicircle .limit_thumb{bottom:0} .basic_layer.bnrimg_layer .bnrimg_preview .bnr_semicircle2 .limit_image,.basic_layer.bnrimg_layer .bnrimg_preview .bnr_semicircle2 .limit_thumb{bottom:27px;top:auto} .basic_layer.bnrimg_layer .bnrimg_preview .bnr_semicircle .limit_image{background:url(/9ffc42289d00cb6df8eb5c7eea08b3ea.png) no-repeat 0 0;background-size:224px 133px} .basic_layer.bnrimg_layer .bnrimg_preview .bnr_semicircle .limit_image.error{background:url(/e19aee743921b93744d57574fd67baa1.png) no-repeat 0 0;background-size:224px 133px} .basic_layer.bnrimg_layer .bnrimg_preview .bnr_semicircle2 .limit_image{background:url(/88715bd054cd4e533b08f8ecbd671a94.png) no-repeat 0 0;background-size:224px 133px} .basic_layer.bnrimg_layer .bnrimg_preview .bnr_semicircle2 .limit_image.error{background:url(/f69b29a6de950d5378782f075cd74c2d.png) no-repeat 0 0;background-size:224px 133px} .basic_layer.bnrimg_layer .bnrimg_preview .bnr_semicircle .limit_logo,.basic_layer.bnrimg_layer .bnrimg_preview .bnr_semicircle2 .limit_logo{position:absolute;width:89px;height:39px;z-index:11} .basic_layer.bnrimg_layer .bnrimg_preview .bnr_semicircle .limit_logo{background:url(/9c88711216b53f857090729af0becbbc.png) no-repeat 0 0;background-size:89px 39px}/** 2023-02-02 수정 */ .basic_layer.bnrimg_layer .bnrimg_preview .bnr_semicircle2 .limit_logo{background:url(/9c88711216b53f857090729af0becbbc.png) no-repeat 0 0;background-size:89px 39px}/** 2023-02-02 수정 */ .basic_layer.bnrimg_layer .bnrimg_preview .bnr_semicircle .limit_logo{top:9px;right:0} .basic_layer.bnrimg_layer .bnrimg_preview .bnr_semicircle2 .limit_logo{bottom:9px;right:0} .basic_layer.bnrimg_layer .bnrimg_preview .limit_logo .thumb_g{position:absolute} /*마스킹 > 원기둥형 > 로고좌상단,마스킹 > 원기둥형 > 로고우하단*/ .basic_layer.bnrimg_layer .bnrimg_preview .bg_bnr.bnr_cylinder .limit_group,.basic_layer.bnrimg_layer .bnrimg_preview .bg_bnr.bnr_cylinder2 .limit_group{right:29px;width:196px;height:138px} .basic_layer.bnrimg_layer .bnrimg_preview .bnr_cylinder .limit_image,.basic_layer.bnrimg_layer .bnrimg_preview .bnr_cylinder2 .limit_image,.basic_layer.bnrimg_layer .bnrimg_preview .bnr_cylinder .limit_thumb,.basic_layer.bnrimg_layer .bnrimg_preview .bnr_cylinder2 .limit_thumb{width:196px;height:120px} .basic_layer.bnrimg_layer .bnrimg_preview .bnr_cylinder .limit_image{bottom:0;background:url(/f3633ef121901696843d0f28a754c4b7.png) no-repeat 0 0;background-size:195px 120px} .basic_layer.bnrimg_layer .bnrimg_preview .bnr_cylinder2 .limit_image{bottom:0;background:url(/daae0459ef5f45cc0244cac8ba67a3a2.png) no-repeat 0 0;background-size:195px 120px} .basic_layer.bnrimg_layer .bnrimg_preview .bnr_cylinder .limit_logo,.basic_layer.bnrimg_layer .bnrimg_preview .bnr_cylinder2 .limit_logo{position:absolute;width:75px;height:31px;z-index:11;background:url(/9c88711216b53f857090729af0becbbc.png) no-repeat 0 0;background-size:74px 31px} .basic_layer.bnrimg_layer .bnrimg_preview .bnr_cylinder .limit_logo{top:10px;right:0} .basic_layer.bnrimg_layer .bnrimg_preview .bnr_cylinder2 .limit_logo{top:10px;left:0} /* 비활성화 */ .basic_layer.bnrimg_layer .bnrimg_preview .limit_thumb.in_active{opacity:0.3} .basic_layer.bnrimg_layer .bnrimg_preview .limit_image.in_active{opacity:0.3} .basic_layer.bnrimg_layer .bnrimg_preview .limit_logo.in_active{opacity:0.2} .basic_layer.bnrimg_layer .bnrimg_preview .set_remove .app_image{background:transparent} .basic_layer.bnrimg_layer .bnrimg_preview .set_remove .emph_mintext{display:none} .basic_layer.bnrimg_layer .bnrimg_preview .set_remove .min_text{background:transparent} .basic_layer.bnrimg_layer .bnrimg_preview .set_remove .emph_limitimage{display:none} .basic_layer.bnrimg_layer .bnrimg_preview .set_remove .limit_image{background:transparent} .basic_layer.bnrimg_layer .info_guide .btn_gm{position:absolute;top:-46px;right:30px;min-width:84px;height:30px;padding:0 10px;border-radius:2px} .basic_layer.bnrimg_layer .info_guide .btn_gm .inner_g{padding:3px 0 6px} .os_mac .basic_layer.bnrimg_layer .info_guide .btn_gm .inner_g{padding:5px 0 4px} .basic_layer.bnrimg_layer .info_guide .box_checkinp{display:inline-block;vertical-align:top} .basic_layer.bnrimg_layer .info_guide .box_checkinp + .box_checkinp{margin-left:17px} .basic_layer.bnrimg_layer .info_guide .box_checkinp .link_help{margin-top:-3px} .basic_layer.bnrimg_layer .info_guide .box_checkinp .lab_check{font-weight:500;font-size:12px;color:#777} .basic_layer.bnrimg_layer .info_guide .desc_preview{float:right;padding-top:3px;color:#999;font-size:12px} .basic_layer.bnrimg_layer .box_imgedit{position:relative;width:636px;margin:30px 0 -15px;border:1px solid #DDD;border-radius:2px} .basic_layer.bnrimg_layer .box_imgedit .tit_bnrimg{padding:10px 20px} .basic_layer.bnrimg_layer .box_imgedit .btn_more{position:absolute;top:0;right:3px;padding:16px} .basic_layer.bnrimg_layer .box_imgedit .ico_more{width:14px;height:8px;background-position:-745px -120px} .basic_layer.bnrimg_layer .box_imgedit .bnrimg_area + .bnrimg_area{margin-top:0;border-top:1px solid #EDECEC} .basic_layer.bnrimg_layer .box_imgedit + .txt_error{margin:25px 0 -15px} .basic_layer.bnrimg_layer .list_imgedit{display:none;position:relative;padding:0 20px;border-top:1px solid #E5E5E5;background-color:#FAFAFA} .basic_layer.bnrimg_layer .list_imgedit .bnrimg_area{display:table;width:100%} .basic_layer.bnrimg_layer .list_imgedit .subtit_bnrimg{display:table-cell;width:164px;float:none;padding:0;vertical-align:middle} .basic_layer.bnrimg_layer .list_imgedit .bnrimg_con{display:table-cell;float:none;width:435px} .basic_layer.bnrimg_layer .list_imgedit .box_radioinp{margin:15px 0} .basic_layer.bnrimg_layer .list_imgedit li{margin-right:41px} .basic_layer.bnrimg_layer .list_imgedit.list_masking li{margin-right:20px} .basic_layer.bnrimg_layer .list_imgedit li:last-child,.basic_layer.bnrimg_layer .list_imgedit.list_masking li:last-child{margin-right:0} .basic_layer.bnrimg_layer .list_imgedit .box_radioinp .lab_radio{padding-left:26px} .basic_layer.bnrimg_layer .fold_on .list_imgedit{display:block} .basic_layer.bnrimg_layer .fold_on .ico_more{background-position:-745px -110px} .basic_layer.bnrimg_layer .size_edit{position:relative;padding:15px 0 14px} .basic_layer.bnrimg_layer .size_edit .control_bg{position:absolute;top:25px;left:62px} .basic_layer.bnrimg_layer .size_edit .range_slider{width:256px;height:8px;margin:0;padding:0;border-radius:4px} .basic_layer.bnrimg_layer .size_edit .range_slider .rc-slider-track{background:none} .basic_layer.bnrimg_layer .size_edit .range_slider .rc-slider{padding:0;border-radius:4px} .basic_layer.bnrimg_layer .size_edit .range_slider .rc-slider-rail{background-color:#326EDC} .basic_layer.bnrimg_layer .size_edit .range_slider .rc-slider-step{overflow:hidden;border-radius:4px;background:none} .basic_layer.bnrimg_layer .size_edit .range_slider .rc-slider-track,.basic_layer.bnrimg_layer .size_edit .range_slider .rc-slider-rail{border-radius:4px} .basic_layer.bnrimg_layer .size_edit .range_slider .rc-slider-handle{position:absolute;top:-6px;width:20px;height:20px;margin-left:0;border-radius:50%;border:none;font-size:0;line-height:0;background-color:#fff;box-shadow:0 0 4px rgba(0,0,0,0.4)} /*.bnrimg_layer .size_edit.in_active .range_slider .rc-slider-rail,*/ .basic_layer.bnrimg_layer .size_edit .range_slider.in_active .rc-slider-rail{background-color:#CCC} .basic_layer.bnrimg_layer .size_edit.in_active .control_bar{cursor:default;pointer-events:none} .basic_layer.bnrimg_layer .size_edit .control_btn{text-align:right;margin-right:-1px} .basic_layer.bnrimg_layer .size_edit .control_btn .btn_gm{min-width:38px;height:30px} .basic_layer.bnrimg_layer .size_edit .control_btn .btn_gm + .btn_gm{margin-left:7px} .basic_layer.bnrimg_layer .size_edit .control_btn .btn_gm .inner_g{padding:4px 10px 6px 9px;font-size:11px} .basic_layer.bnrimg_layer .size_edit .control_btn .btn_gm:first-child{float:left} .basic_layer.bnrimg_layer .box_guide{position:relative;margin-top:30px;padding:0 20px;border-radius:2px;background-color:#FAFAFA} .basic_layer.bnrimg_layer .box_imgedit + .box_guide{margin:27px 0 0} .basic_layer.bnrimg_layer .box_guide .tit_guide{display:block;padding:8px 0;font-weight:400;font-size:12px;line-height:32px;color:#333} .basic_layer.bnrimg_layer .box_guide .btn_more{position:absolute;top:0;right:3px;padding:20px 18px 16px} .basic_layer.bnrimg_layer .box_guide .ico_more{width:14px;height:8px;background-position:-745px -120px} .basic_layer.bnrimg_layer .box_guide .list_guide{display:none;padding:2px 0 20px} .basic_layer.bnrimg_layer .box_guide .list_guide li:before{top:8px;background-color:#777} .basic_layer.bnrimg_layer .box_guide .list_guide li{margin:0;padding-left:8px;font-size:12px;line-height:18px;color:#666} .basic_layer.bnrimg_layer .box_guide .list_guide li + li{margin-top:8px} .basic_layer.bnrimg_layer .fold_on .list_guide{display:block} .bnrimg_insert .reform_box_inptxt{margin-top:14px;padding:10px 15px 15px 15px;background:#F5F5F5} .bnrimg_insert .box_textarea2{display:inline-block;width:100%;margin-top:11px;height:80px;vertical-align:top} .reform_group_cancle{float:right;position:relative} .reform_group_cancle .reform_btn_cancle{display:inline-block;font-size:12px;color:#777;line-height:18px} .reform_group_cancle .reform_btn_cancle .ico_arr{display:inline-block;width:11px;height:7px;margin:6px 0 0 2px;background-position:-765px -175px;vertical-align:top} .reform_group_cancle.on .reform_btn_cancle .ico_arr{background-position:-750px -175px} .reform_group_cancle .reform_box_cancle{display:none;position:absolute;z-index:110;top:25px;left:0;width:370px;padding:20px;border:1px solid rgba(0,0,0,0.2);border-radius:10px;background-color:#fff;box-shadow:0 0 20px rgba(0,0,0,0.2);box-sizing:border-box} .reform_group_cancle.on .reform_box_cancle{display:block} .reform_group_cancle .desc_cancle{padding-bottom:10px;color:#777;line-height:20px} .reform_group_cancle .list_cancle{overflow:hidden;border:1px solid #ddd} .reform_group_cancle .list_cancle li{float:left;width:50%} .reform_group_cancle .list_cancle li + li{position:relative} .reform_group_cancle .list_cancle li + li:after{position:absolute;top:0;bottom:0;left:0;width:1px;background:#ddd;content:''} .reform_group_cancle .list_cancle .tit_cancle{display:block;height:39px;font-size:12px;color:#777;font-weight:400;line-height:38px;background:#f5f5f5;text-align:center} .reform_group_cancle .list_cancle .txt_cancle{height:45px;font-size:14px;color:#333;font-weight:400;line-height:44px;text-align:center} .reform_group_cancle .list_cancle .inner_cancle{text-decoration:line-through} .reform_group_cancle .reform_box_inptxt{display:none;margin-top:10px;padding:10px 20px 10px 20px;background:#F5F5F5} /* 카카오TV 가져오기 레이어 */ .basic_layer .inner_kakaotv_layer{width:640px} .basic_layer .inner_kakaotv_layer .layer_body{padding:0 25px} .basic_layer .inner_kakaotv_layer .txt_layer2{padding:25px 0 0;line-height:22px;letter-spacing:-1px} .basic_layer .inner_kakaotv_layer .tit_search{display:block;padding:20px 0 6px;line-height:24px;color:#111} .basic_layer .inner_kakaotv_layer .box_search .box_inptxt.on{padding-right:16px} .basic_layer .inner_kakaotv_layer .box_inptxt .lab_txt{font-size:14px} .basic_layer .inner_kakaotv_layer .box_inptxt .inp_txt{font-size:14px} .basic_layer .inner_kakaotv_layer .btn_gb .inner_g{font-size:14px} .basic_layer .inner_kakaotv_layer .txt_error{display:block} .basic_layer .inner_kakaotv_layer .preview_import{height:346px;margin-top:20px;border:1px solid #e5e5e5;background-color:#fafafa;text-align:center} .basic_layer .inner_kakaotv_layer .thumb_import{display:block;position:relative;width:355px;height:200px;margin:40px auto 0;background:url(/b48e93b2b2769d77d9a616c2dfbb75af.png) no-repeat 50% 50%;background-size:33px 45px;opacity:0.6} .basic_layer .inner_kakaotv_layer .loading .thumb_import{opacity:1;background:none} .basic_layer .inner_kakaotv_layer .thumb_import .img_loading{margin-top:80px} .basic_layer .inner_kakaotv_layer .complete .thumb_import{opacity:1;background:none} .basic_layer .inner_kakaotv_layer .complete .thumb_import:before{content:'';position:absolute;top:0;left:0;bottom:0;right:0;border:1px solid rgba(0,0,0,0.1)} .basic_layer .inner_kakaotv_layer .fullview .thumb_import{width:94px;height:200px} .basic_layer .inner_kakaotv_layer .box_time{position:absolute;bottom:0;right:0;height:26px;padding:0 8px;font-weight:500;font-size:13px;line-height:26px;color:#fff;background-color:rgba(0,0,0,0.5)} .basic_layer .inner_kakaotv_layer .tit_import{display:block;overflow:hidden;max-width:540px;margin:0 auto;padding-top:31px;font-weight:400;font-size:13px;line-height:21px;white-space:nowrap;text-overflow:ellipsis} .basic_layer .inner_kakaotv_layer .tit_import .link_size{color:#777;text-decoration:underline} .basic_layer .inner_kakaotv_layer .desc_import{display:block;overflow:hidden;max-width:540px;margin:0 auto;white-space:nowrap;text-overflow:ellipsis} .basic_layer .inner_kakaotv_layer .desc_import{font-size:13px;line-height:19px;color:#a0a0a0} .basic_layer .inner_kakaotv_layer .complete .tit_import{color:#111} .basic_layer .inner_kakaotv_layer .complete .desc_import{color:#555} .basic_layer .inner_kakaotv_layer .preview_import + .txt_layer2{line-height:20px} .basic_layer .inner_kakaotv_layer .box_checkinp{display:block;margin:13px 0 28px 188px} .basic_layer .inner_kakaotv_layer .box_checkinp .lab_check{font-weight:500;color:#111} .basic_layer .inner_kakaotv_layer .box_checkinp .ico_check{margin-top:-9px} /* 애드뷰 > 풀뷰 > 스크롤타입 > 툴팁 */ .tooltip_basic.tooltip_size2{max-width:initial;width:291px;padding-bottom:17px} .tooltip_basic .list_filetype{overflow:hidden;padding:5px 0 15px} .tooltip_basic .list_filetype dt{float:left;width:89px;font-weight:500;font-size:13px;color:#000} .tooltip_basic .list_filetype dd{float:left;color:#555} .tooltip_basic .wrap_size{border-top:1px solid #e6e6e6} .tooltip_basic .tit_size{display:block;padding-top:15px;font-weight:500;font-size:13px} .tooltip_basic .list_size{overflow:hidden;padding-top:3px} .tooltip_basic .list_size li{overflow:hidden;padding-top:5px;color:#555} .tooltip_basic .list_size .emph_size{float:left;width:32px} .tooltip_basic .list_size .item_volume{padding-top:13px} .tooltip_basic .info_size{padding:12px 0 12px 13px;margin:17px -13px -16px;color:#777;background-color:#f8f8f8} .tooltip_basic .img_size{display:block;margin:18px auto 0} /* 애드뷰만들기 */ .reform_new_material .reform_cont_material{padding:21px 0 30px 41px;border-top:1px solid #ebebeb} .reform_material_item .reform_tit_itemwrap{overflow:hidden;display:block;padding-bottom:6px;line-height:20px} .reform_material_item .tit_item{display:block;font-weight:500;color:#333} .reform_material_item .tit_item .desc_info{color:#777} .adviewcreate_wrap .reform_tit_material .f_right{position:absolute;top:15px;right:40px} .adviewcreate_wrap .reform_tit_material .btn_gm{height:29px} .adviewcreate_wrap .reform_tit_material .btn_gm .inner_g{padding-left:10px;padding-right:10px;line-height:14px;font-size:11px} .adviewcreate_wrap{width:1040px;margin:0 auto} .adviewcreate_wrap .dsp_tit .tit_subject .link_help{margin:-4px 0 0 3px} .adviewcreate_wrap .ad_managebox + .ad_managebox{margin-top:30px} .adviewcreate_wrap .item_material + .item_material{margin-top:25px} .adviewcreate_wrap .reform_sub_imgbnr .tit_item{height:21px} .adviewcreate_wrap .reform_tit_item{display:block;margin-bottom:15px;font-weight:600;color:#111} .adviewcreate_wrap .box_status .txt_sub{font-size:14px;color:#333;line-height:36px} .adviewcreate_wrap .btn_gm .inner_g{padding-left:20px;padding-right:20px} .adviewcreate_wrap .reform_sub_imgbnr{padding-top:20px;background:#fff} .adviewcreate_wrap .reform_guide_file{position:relative} .adviewcreate_wrap .reform_guide_file .tooltip_basic{max-width:310px;min-width:160px} .adviewcreate_wrap .reform_list_filesize .txt_bar{display:inline-block;width:1px;height:10px;margin:4px 10px 0 10px;background-color:#ddd;vertical-align:top} .adviewcreate_wrap .reform_inner_material .reform_material_item + .reform_tit_item{margin-top:60px} .adviewcreate_wrap .reform_inner_material .reform_tit_item{margin-top:0} .adviewcreate_wrap .reform_tit_material .link_help5 + .btn_gm{margin-left:30px} /* 애드뷰 수정 */ .adviewmodify_wrap .reform_regist_banner{margin-top:0} .adviewmodify_wrap .reform_inner_material .reform_material_item + .reform_tit_item{margin-top:48px} .adviewmodify_wrap .reform_new_material .reform_desc_endmodify{padding-top:0;padding-left:13px;color:#777} .adviewmodify_wrap .reform_new_material .reform_desc_endmodify .ico_arr{width:1px;margin-left:7px;margin-right:7px;background:#ddd} /* 설명문구 */ .adviewcreate_wrap .reform_guide_file .reform_list_fileguide{margin:-7px 0 2px} .reform_guide_file .reform_list_fileguide2:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''} .reform_guide_file .reform_list_fileguide2 > li{float:left;position:relative;font-size:12px;line-height:20px;color:#555} .reform_guide_file .reform_list_fileguide2 > li + li{padding-left:16px} .reform_guide_file .reform_list_fileguide2 > li + li:after{position:absolute;top:5px;left:8px;width:1px;height:11px;background:#ddd;content:''} .reform_list_fileguide2 > li .link_guide{color:#555;font-size:12px} .reform_list_fileguide2 > li .link_guide:hover{color:#333} .reform_list_fileguide2 > li .link_guide .ico_guide{display:inline-block;width:10px;height:10px;margin:6px 0 0 5px;background-position:-615px -650px} .reform_list_fileguide2 > li + li .link_guide:hover{color:#326EDC} .reform_list_fileguide2 > li + li .link_guide:hover .ico_guide{background-position:-630px -650px} .regist_adview .list_upload{margin-top:10px} .regist_adview .list_upload .reform_list_fileguide2 li{min-height:auto;border-radius:2px;border:none;background:#fff;box-sizing:border-box} .regist_adview .list_upload .reform_list_fileguide2{padding-top:8px} .regist_adview .list_upload .reform_list_fileguide2 + .reform_regist_img,.regist_adview .list_upload .reform_list_fileguide2 + .reform_regist_vod{margin-top:15px} .reform_guide_file + .reform_regist_img{margin-top:10px} /* 이미지,동영상,소재 업로드 */ .reform_link_imgbnr .txt_upload{display:inline-block;overflow:hidden;margin:2px 0 0;max-width:265px;text-overflow:ellipsis;white-space:nowrap;vertical-align:top} .reform_link_imgbnr .txt_byte{display:block;padding-top:1px;font-size:12px;line-height:19px;color:#777} .reform_link_imgbnr .txt_bar{display:inline-block;overflow:hidden;width:1px;height:10px;margin:5px 8px 0;font-size:0;background:#ddd;vertical-align:top} .reform_list_imgbnr .reform_img_file{text-decoration:none} .reform_sub_imgbnr .reform_guide_file + .reform_link_imgbnr,.reform_sub_imgbnr .reform_guide_file + .reform_link_imgbnr.load_ok{margin-top:15px} .reform_sub_imgbnr .tit_item .link_g{position:static;top:0;right:0;width:20px;height:20px} .reform_sub_imgbnr .tit_item .link_g .ico_help{margin:3px auto} .reform_list_imgbnr .reform_img_vod .reform_img_file .ico_file,.reform_regist_img.regist_adview .catalog_item_vod .inner_img,.reform_regist_img.regist_adview .catalog_item.catalog_item_vod .inner_img,.reform_regist_img.regist_adview .upload_sub .reform_regist_vod .inner_img{background-position:-740px -550px} .reform_list_imgbnr .reform_img_meterial .reform_img_file .ico_file,.reform_regist_img.regist_adview .catalog_item .inner_img{background-position:-820px -550px} .reform_list_imgbnr .reform_img_vod.load_ok .ico_vod,.reform_regist_vod.load_ok .ico_vod,.reform_regist_img.regist_adview .img_catalog .ico_vod{position:absolute;bottom:6px;right:6px;width:16px;height:16px;background-position:-880px -120px} .reform_list_imgbnr .txt_loading{display:block;overflow:hidden;width:280px} .reform_link_imgbnr .load_wrap{display:block;width:302px;margin:-6px 0 -2px} .reform_link_imgbnr .load_wrap .btn_del{top:3px;right:-3px} .regist_adview .catalog_item .load_wrap{display:block;width:252px;margin:-6px 0 -2px} .regist_adview .upload_main .load_wrap .btn_del{top:3px;right:-3px} .reform_link_imgbnr .reform_area_loading,.reform_regist_vod .reform_area_loading{background:#F6F6F6} .catalog_item .inner_img .reform_area_loading .ico_loading{width:6px;height:6px} .reform_regist_img.regist_adview .list_upload .upload_sub{padding-top:20px;padding-bottom:19px} .regist_adview .select_type2{float:left;margin-right:10px} .reform_regist_img.regist_adview .list_upload .list_opt li{min-height:auto;border:none} .reform_regist_img.regist_adview .list_upload .list_opt li + li{margin-top:0} .regist_adview .upload_sub .upload_sub .reform_regist_img,.regist_adview .upload_sub .upload_sub .reform_regist_vod{width:360px} .item_material .gm_line.wd100{width:100%;height:36px;margin-top:10px;box-sizing:border-box} .regist_adview .upload_sub .reform_regist_img,.regist_adview .upload_sub .reform_regist_vod,.regist_adview .upload_sub .upload_sub .reform_regist_img,.regist_adview .upload_sub .upload_sub .reform_regist_vod{height:auto;border:1px solid #ddd;border-radius:2px;background:#fff;box-sizing:border-box} .regist_catalogtool.regist_adview .upload_main .btn_arr{right:1px;margin-top:-22px} .adview_full{margin-top:0} .adview_full .inner_full{border-radius:0} /* 애드뷰 리스트 */ .adviewlist_wrap .box_inptxt.search_inp2{width:185px} /* 애드뷰 상세 */ .adviewlist_wrap .managebox_tit .tit_box,.adviewdetail_wrap .managebox_tit .tit_box{letter-spacing:0} .adviewlist_wrap .managebox_tit .tit_box .fc_empty{font-weight:700} .adviewdetail_wrap .dsp_tit .tit_subject .link_help{margin:-4px 0 0 3px} .adviewdetail_wrap .ad_managebox + .ad_managebox{margin-top:30px} .adviewdetail_wrap .managebox_tit .txt_sub{float:left;font-size:14px;color:#333;line-height:36px} /* 12월과제-2월배포신규추가 */ .adviewdetail_wrap .tbl_g2 td.nodata_info{vertical-align:middle} /* 12월과제-2월배포신규추가 */ .adviewdetail_wrap .managebox_tit .opt_select,.adviewdetail_wrap .managebox_tit .opt_select2{min-width:267px} /* 기존 애드뷰 불러오기 - 레이어 */ .basic_layer.adviewload_layer .tit_layer,.basic_layer.adviewload_layer .message_group .tit_layer{display:block;letter-spacing:0} .basic_layer.adviewload_layer .txt_warn{font-size:12px;color:#777;text-align:center} .basic_layer.adviewload_layer .inner_basic_layer{width:1001px} .message_group .message_load .item_view .txt_warn{margin-top:-8px;padding:0 0 23px 44px;text-align:left} .basic_layer.adviewload_layer .layer_body{padding:30px} .basic_layer.adviewload_layer .message_load{min-height:844px} .basic_layer.adviewload_layer .message_load .item_body{overflow:hidden;width:412px;max-height:884px} .basic_layer.adviewload_layer .message_group .message_load .item_view{min-height:884px;max-height:884px} .basic_layer.adviewload_layer .message_load .item_view .tit_view{padding-bottom:17px} .basic_layer.adviewload_layer .message_load .item_view:after{min-height:844px} .basic_layer.adviewload_layer .message_group .message_load .item_view .tit_view{padding-left:44px} .search_item{position:absolute;top:0;left:0;width:100%;height:77px;padding:20px;border-bottom:1px solid #E5E5E5;box-sizing:border-box} .search_item .search_inp2{width:305px} .search_item .link_refresh{display:block;padding:7px 0 11px 17px;font-size:12px;color:#999} .basic_layer.adviewload_layer .message_load .list_item{overflow-y:auto;margin-top:77px;overflow-x:hidden;max-height:808px} .basic_layer.adviewload_layer .message_load .list_item .desc_menu{margin-top:4px} .basic_layer.adviewload_layer .message_load .list_item .item_nodata{height:808px;border-bottom:none;background:none} .basic_layer.adviewload_layer .message_load .item_nodata .box_nodata{display:table;width:100%;height:808px} .basic_layer.adviewload_layer .message_load .item_nodata .txt_nodata{display:table-cell;text-align:center;vertical-align:middle} .basic_layer.adviewload_layer .search_item .search_inp2{width:288px} .basic_layer.adviewload_layer .message_load li{height:74px} .basic_layer.adviewload_layer .message_load li .radio_inp{margin-top:-3px} .basic_layer.adviewload_layer .info_message .desc_message{padding:14px 0} /* os_mac *//*** mac 분기 스타일 ***/ /* layout */ /*.os_mac .kakao_foot .inner_footer{max-width:477px}*/ /* .os_mac .kakao_foot .link_copyright{line-height:18px} */ /* .os_mac .kakao_foot .list_policy li .link_policy{line-height:16px;letter-spacing:-0.03em} */ /* 공통 */ .os_mac .ico_set{margin-top:5px} .os_mac .tbl_g2 th{letter-spacing:0} /* 공통 - 타이틀 */ .os_mac .dsp_tit .info_step{padding-top:2px} .os_mac .dsp_tit .tit_subject .link_help{margin-top:-7px} /*.os_mac .tit_dsp .sub_title:before{top:9px}*/ /* 공통 - 버튼 */ .os_mac .btn_gm .inner_g{padding-top:7px;padding-bottom:8px} .os_mac .btn_gm .icon_g{padding:0} .os_mac .btn_gm .ico_add{margin-top:5px} .os_mac .btn_gm .ico_download2{margin-top:-1px} .os_mac .btn_gm .ico_refresh{margin-top:3px} /* 로딩실패 */ .os_mac .btn_gs .inner_g{padding-top:2px;padding-bottom:3px} .os_mac .btn_gs .icon_g{padding:0} .os_mac .btn_gs .ico_add{margin-top:4px} .os_mac .g_line2 .inner_g{padding:10px 19px} /* 달력버튼 */ .os_mac .gm_calendar .link_calendar{line-height:33px} .os_mac .tblg_filter .gm_calendar .link_calendar{line-height:38px} /* 광고그룹생성 - 요일선택 레이어 */ .os_mac .calendar_layer .detailtool_wrap dt{line-height:37px} .os_mac .calendar_layer .detailtool_wrap .list_day .box_checkinp{line-height:37px} /* 토글버튼 - 라디오(기본형) */ .os_mac .toggle_radio2 .lab_radio{line-height:26px} /* 체크박스(선택형) */ .os_mac .choice_item .lab_choice{line-height:34px} .os_mac .choice_item2 .lab_choice .link_txt{letter-spacing:0} /* 체크박스(버튼형) */ .os_mac .toggle_check .lab_check{line-height:26px} .os_mac .toggle_check .ico_on{margin-top:9px} /* 드롭다운 - 셀렉트박스 */ .os_mac .opt_select .link_selected,.os_mac .opt_select2 .link_selected{letter-spacing:0} .os_mac .opt_select .ico_on{margin-top:5px} /*.os_mac .opt_select .box_checkinp{line-height:33px}*/ .os_mac .opt_select .link_rowset{line-height:40px} /* 드롭다운 - 셀렉트박스(프로필형) */ .os_mac .box_urlplus .opt_select .link_selected{padding-top:5px;padding-bottom:5px} /* 셀렉트박스_작은사이즈 */ .os_mac .opt_select.opt_small .link_selected{padding-top:3px;padding-bottom:2px} .os_mac .opt_select.opt_small .link_option{line-height:21px} /* 좌측메뉴 */ .os_mac .wrap_select .opt_select .link_selected{padding-top:0} .os_mac .wrap_select .opt_select .opt_list{top:20px} .os_mac .wrap_select .opt_select .ico_arr{margin-top:-8px} /*.os_mac .wrap_select .opt_select .opt_list .ico_sort{top:10px}*/ .os_mac .wrap_select .txt_bar{margin-top:8px} .os_mac .wrap_select .link_selected .ico_sort{margin-top:-8px} .os_mac .wrap_select .link_selected .ico_sort,.os_mac .sortable .desc_sort .ico_sort{margin-top:3px} .os_mac .ico_nav{top:24px} /* 공통 input-text */ .os_mac .box_inptxt{padding-top:6px;padding-bottom:8px} .os_mac .box_inptxt .lab_txt{margin-top:-11px} .os_mac .box_inptxt .txt_won{line-height:35px} .os_mac .box_inptxt .num_byte{line-height:20px} /* 검색 input-text - 버튼이 붙은 type */ .os_mac .box_search .box_inptxt{padding-top:12px;padding-bottom:10px} /* textarea 공통요소 */ .os_mac .box_textarea .num_byte{right:10px} /* 공통 - 페이징 */ .os_mac .paging_wrap .num_paging{line-height:30px} /* 공통 - 페이징 작은사이즈 */ .os_mac .paging_wrap.paging_s .num_paging{line-height:26px} /* gnb */ .os_mac .gnbsub_comm .link_sub{line-height:35px} /* .os_mac .list_gnbsub .link_sub{line-height:35px} .os_mac .layer_service .link_allview{line-height:51px} */ /* 사용자메뉴 */ .os_mac .menu_my .link_gnb:after{margin-top:-2px} .os_mac .list_userinfo .menu_landing .link_gnb{letter-spacing:0} .os_mac .gnbsub_userinfo .list_gnbsub .txt_detail{letter-spacing:0} /* 광고계정선택상자 */ /* .os_mac .cont_info .tit_service{line-height:42px} */ .os_mac .cont_info .opt_state{left:326px} /* SNB */ .os_mac .nav_wrap .list_nav li .link_nav{line-height:20px} /* 공통 - 테이블 */ .os_mac .tbl_g .inner_tbl{padding-top:7px;padding-bottom:6px} .os_mac .tbl_g .ad_state.btn_state{padding-right:55px} .os_mac .tbl_g .ad_state .ico_on,.os_mac .tbl_g .ad_state .ico_off{margin-top:-6px} .os_mac .tbl_g .ad_state .btn_gs .inner_g{padding-right:0;line-height:15px} .os_mac .tbl_g .link_help{margin-top:-1px} /* 공통 - 테이블2 */ .os_mac .ad_managebox .itemtbl_wrap .inner_tbl{padding-top:12px;padding-bottom:12px} /* 테이블내 스몰버튼 */ .os_mac .tbl_g .btn_gs,.os_mac .tbl_g2 .btn_gs,.os_mac .tbl_g3 .btn_gs{letter-spacing:0} /* lnb - 캠페인관리(대쉬보드) */ .os_mac .nav_campaign .btn_fold:before{margin-top:-1px} /* lnb - 캠페인관리(대쉬보드) :서제스트 레이어 */ .os_mac .suggest_layer .list_suggest .suggest_item{line-height:18px} .os_mac .suggest_layer .link_type .ico_type{line-height:15px} .os_mac .suggest_layer .link_type .ico_type{margin-top:2px} /* lnb - 광고만들기(캠페인) */ .os_mac .step_manage .tit_step .link_step{line-height:22px} /* tooltip layer */ .os_mac .tooltip_layer .inner_tooltip_layer{padding:17px 24px 15px 96px} /* 안내메시지 */ .os_mac .guide_msg{padding-top:13px;padding-bottom:12px} .os_mac .guide_msg2{line-height:50px} .os_mac .guide_msg3{line-height:44px} /* basic layer */ /*.os_mac .basic_layer .tit_layer{line-height:63px}*/ .os_mac .basic_layer .txt_layer{padding-top:26px;padding-bottom:21px} .os_mac .basic_layer .layer_subtit{line-height:38px} .os_mac .basic_layer .layer_top .txt_top{line-height:38px} .os_mac .basic_layer .modify_cause .inner_cause{padding-top:17px;padding-bottom:14px} .os_mac .basic_layer .info_step .desc_step{line-height:20px} .os_mac .cpt_layer .txt_layer{padding:0 30px} /* 일예산수정 레이어 */ .os_mac .tooltip_budget .box_inptxt{padding-top:7px;padding-bottom:7px} .os_mac .tooltip_budget .box_checkinp .lab_check{line-height:17px} /* 공통 - 테이블 */ .os_mac .tbl_g3 th .inner_tbl{line-height:70px} .os_mac .tbl_g3 td .inner_tbl{padding-top:23px;padding-bottom:22px} .os_mac .tbl_g3 .tr_box th .inner_tbl{line-height:98px} .os_mac .tbl_g3 .tr_box td .inner_tbl{padding-top:30px;padding-bottom:30px} .os_mac .tbl_g3 .tr_box2 th .inner_tbl{padding-top:27px;padding-bottom:24px;line-height:inherit} .os_mac .tbl_g3 .tr_box2 td .inner_tbl{padding-top:30px;padding-bottom:30px} .os_mac .tbl_g3 .wrap_selinp{margin-top:0} .os_mac .tbl_g3 .wrap_selinp + .group_inp{margin-bottom:6px} .os_mac .tbl_g3 .wrap_selinp + .limit_cell{margin-bottom:6px} .os_mac .tbl_g3 .tr_box .wrap_selinp{margin-bottom:0} .os_mac .tbl_g3 .tr_box2 .wrap_selinp{margin:-3px 0} .os_mac .tbl_g3 .tr_box3 td .inner_tbl{padding-top:25px;padding-bottom:22px} .os_mac .tbl_g3.tbl_g3_type2 th .inner_tbl{line-height:54px} .os_mac .tbl_g3.tbl_g3_type2 td .inner_tbl{padding-top:16px;padding-bottom:15px} .os_mac .tbl_g3.tbl_g3_type2 .tr_box th .inner_tbl{line-height:76px} .os_mac .tbl_g3.tbl_g3_type2 .tr_box td .inner_tbl{padding-top:20px;padding-bottom:20px} .os_mac .ad_managebox .tbl_g3 td .inner_tbl{padding:12px 20px} /* 공통 - 대시보드 */ .os_mac .info_navigation .ico_arrow{margin-top:5px} /* 공통 - 컨텐츠 */ .os_mac .subtit_subject .link_help{margin-top:-2px} /* 공통 - 타이틀 */ .os_mac .dsp_tit .switch_check{margin-top:3px} /* 캠페인정보 */ .os_mac .list_infosum .li_budget .tit_infosum{line-height:40px} /* 레이어팝업 - 열 맞춤 설정 */ .os_mac .tit_row .box_checkinp .lab_check{line-height:18px} .os_mac .body_row .box_choicerow .list_choicerow li{padding:8px 48px 7px 29px} .os_mac .foot_row .box_inptxt .lab_txt{margin-top:-10px} /* 공통 - 광고계정 생성 */ .os_mac .group_inp .box_radioinp{line-height:17px} .os_mac .group_inp .lab_radio{padding-left:24px} .os_mac .verifi_inp .txt_noti{line-height:36px;letter-spacing:0} .os_mac .group_inp.hyphen_inp .txt_hyphen{line-height:39px} .os_mac .group_inp.hyphen_inp .inp_txt{letter-spacing:-1px} /* (popup) 광고계정 멤버 권한 요청 */ .os_mac .layer_mymember .group_inp.hyphen_inp .box_inptxt .inp_txt{letter-spacing:0} .os_mac .layer_mymember .group_inp.hyphen_inp .txt_hyphen{line-height:32px} /* 광고계정 생성 */ .os_mac .info_step .desc_step{line-height:25px;letter-spacing:0} /* 공통 - 컨텐츠테이블 */ .os_mac .itembox_set .txt_error{margin-top:8px} .os_mac .itembox_set .txt_guide{margin-top:8px} .os_mac .itembox_set th .link_help{margin-top:-3px} .os_mac .sortable .desc_sort{margin-top:-9px} /*.os_mac .sortable .menu_layer .ico_sort{top:8px}*/ /* 광고그룹만들기 */ .os_mac .list_targetitem .box_checkinp .lab_check{line-height:34px} .os_mac .list_targetitem .txt_area{line-height:33px} .os_mac .settingtarget_wrap .tit_split{line-height:45px} .os_mac .settingtarget_wrap .list_split .lab_radio{line-height:45px} /* 장소검색 */ .os_mac .settingtarget_wrap .type_search .list_targetitem_type3{margin-top:0} .os_mac .list_targetitem_type3 .box_checkinp .inp_check{top:0} .os_mac .list_targetitem_type3 .box_checkinp .ico_check{top:0} .os_mac .list_targetitem.list_targetitem_type3 .box_checkinp .lab_check{line-height:inherit} /* 카카오 데이터 활용하기 */ .os_mac .list_targetitem_type4 .txt_area{line-height:22px} /* 레이어팝업 테이블 공통 */ .os_mac .tbl_layer .tr_box th{padding-top:28px} .os_mac .tbl_layer .tr_box .inner_cell{padding-top:20px;padding-bottom:20px} .os_mac .tbl_layer2 .inner_cell{padding-top:14px;padding-bottom:11px} /* 레이어팝업 - 저장된타겟,저장된맞춤타겟,캠페인선택 */ .os_mac .item_select .box_radioinp{line-height:47px} .os_mac .item_select .link_help{margin-top:-3px} /* 레이어팝업 - 타겟저장,광고계정관리 */ .os_mac .tbl_layer .tr_bundle .inner_cell{padding-top:16px;padding-bottom:0} .os_mac .tbl_layer .keyword_bundle .inner_cell{padding-top:17px} .os_mac .tbl_layer .mapblock_bundle .inner_cell{padding:0} .os_mac .tbl_layer .tr_keyword .inner_cell{padding-bottom:0} .os_mac .tbl_layer .tr_keyword .inner_cell:after{height:14px} .os_mac .certify_file .btn_gm .inner_g{width:79px;padding-right:0;padding-left:0} .os_mac .wrap_tbl .txt_refund{letter-spacing:0} /* 오디언스설정 레이어 - 모먼트타겟 현재위치 리스트 */ .os_mac .tbl_layer .list_targetblock li{padding-top:13px;padding-bottom:12px} .os_mac .tbl_layer .list_targetblock .txt_address{letter-spacing:0} /* 서류 업로드 */ .os_mac .tbl_layer .target_url .inner_cell{padding-bottom:0} /* 충전금액 */ .os_mac .tbl_layer .box_cash .txt_won{line-height:36px} /* 광고계정관리 */ .os_mac .total_cash > .ico_comm{margin-top:29px} /*.os_mac .managebox_tit .tit_box{line-height:40px}*/ .os_mac .managebox_tit .subtit_box{line-height:40px} .os_mac .managebox_tit .subtit_box2{line-height:40px} .os_mac .account_cardinfo .define_adinfo .btn_gs{margin-top:-2px} .os_mac .ad_managebox .desc_append .ico_star{margin-top:3px} .os_mac .accountmanage_wrap .list_append li:before{top:1px} /* 카드관리 */ .os_mac .card_pay .tit_card .use_card{line-height:23px} .os_mac .card_pay .ico_cardoff{line-height:23px;letter-spacing:0} .os_mac .card_pay .txt_info .ico_cardoff{margin-top:1px} .os_mac .card_pay_s .use_card{line-height:21px} .os_mac .card_pay_s .ico_cardoff{line-height:21px;letter-spacing:0} .os_mac .card_pay_s .tit_card .ico_cardoff{margin-top:0} /* 카드관리 및 캐쉬관리 레이어 */ .os_mac .tbl_layer .list_cash{margin-top:-7px;margin-bottom:-4px} .os_mac .tbl_layer .list_cash .box_radioinp{line-height:39px} /* 레이어 - 대시보드 복사 */ .os_mac .item_copydash{padding-top:19px;padding-bottom:17px} .os_mac .item_copydash .ico_depth{margin-top:0} .os_mac .dashcopy_wrap .copymaterial_list .item_copydash{padding-top:16px;padding-bottom:17px} /* 공통 - 소재 미리보기 타입 */ /* 헤드컨트롤러(소재대시보드용) */ .os_mac .dashboard_top .preview_feed .ico_view{margin-top:4px} /* 소재타입 :기본 */ /*.os_mac .material_preview .material_default .btn_induce1 .ico_arrow{margin-top:9px}*/ /* 소재타입 :Native 이미지2 */ /* 소재타입 :Native 이미지3 */ /*.os_mac .material_img3 .box_induce .btn_induce2{line-height:35px}*/ /* 소재타입 :Native 썸네일타입1 */ /* 소재타입 :Native 썸네일타입2 */ /* 소재타입 :Native 썸네일타입3 */ /*.os_mac .material_thumb3 .info_profile .tit_profile{margin-top:2px;letter-spacing:0}*/ /* 소재타입 :Native 썸네일타입4 */ /* 소재타입 :Native 전면타입1 */ .os_mac .material_preview .material_nativefront1 .btn_induce1 .ico_arrow{margin-top:4px} /* 소재타입 :Native 슬라이드1,2 */ /* 소재타입 :배너 */ /* 소재타입 :동영상 */ /* 소재타입 :동영상배너 */ .os_mac .material_preview .material_moviebnr .btn_induce{margin-left:25px} /* 레이어 - 소재수정사항 */ .os_mac .preview_layer .cause_modify .fc_warn{padding:5px 0} /* 사용자 정보 입력 */ .os_mac .define_selinp .list_define{line-height:23px} .os_mac .box_infoagree{line-height:62px} /* 내정보메뉴 */ .os_mac .myinfo_wrap .subtit_subject{line-height:40px} /* 회원탈퇴/회원탈퇴 불가능 알림 레이어 */ .os_mac .timer_set{line-height:37px} .os_mac .tbl_layer .aftertxt_wrap .btn_gm{letter-spacing:0} /* 내정보 - 알림설정 */ .os_mac .adnotice_wrap .tbl_g3 .tr_box2 th .inner_tbl{padding-top:20px} .os_mac .adnotice_wrap .txt_guide{letter-spacing:normal} /* 전환추적/리타겟팅 통합 */ .os_mac .cts_layer .tbl_g3 .group_inp .txt_noti{letter-spacing:0} /* 소재생성 */ .os_mac .material_item .profile_checkinp .lab_check{line-height:17px} .os_mac .material_item .li_choice .box_radioinp .lab_radio{line-height:23px} .os_mac .material_item .li_choice .box_checkinp .lab_check{line-height:23px} .os_mac .material_item .item_pluslink .box_checkinp .lab_check{line-height:27px} .os_mac .material_item .btn_addset .ico_arrow{margin-top:7px} .os_mac .material_item_type2 .btn_addset{padding-top:0} .os_mac .bnr_paging .num_paging{line-height:35px} /* 소재생성 레이어 */ .os_mac .list_importwrite .group_info{padding-top:17px;padding-bottom:14px} .os_mac .list_importwrite .define_append dt:before{margin-top:4px} .os_mac .list_importwrite .define_append dd.notit_emph:before{margin-top:4px} .os_mac .selectstep_box .tit_step{line-height:49px} .os_mac .list_importmaterial .link_info{padding-top:17px;padding-bottom:14px} .os_mac .list_importmaterial .box_checkinp .tit_info{line-height:49px} /* 알림전체 */ .os_mac .list_notifi .link_notifi{padding:16px 11px 13px} .os_mac .notification_wrap .link_more{line-height:43px} .os_mac .notification_wrap .link_more .ico_arr{margin-top:18px} /* 타겟매니저 */ .os_mac .tbl_layer .target_item .link_help{margin-top:0} .os_mac .tbl_layer .target_item .txt_content{width:373px;padding-right:0} .os_mac .tbl_layer .target_item .txt_setting{width:25px} .os_mac .tbl_layer .depth_item .txt_content{width:355px} .os_mac .tbl_layer .box_checkinp,.os_mac .tbl_layer .box_radioinp{line-height:22px} .os_mac .range_slider .rc-slider-dot{line-height:18px} .os_mac .similar_range .link_range{line-height:24px} .os_mac .connect_plus{line-height:38px} /* 메시지만들기 - 소재템플릿 */ .os_mac .box_msg .desc_msg{letter-spacing:0.06em} .os_mac .box_wideimg .desc_msg{letter-spacing:0.1em} .os_mac .box_widelist .file_msg .tit_file{letter-spacing:0.05em} .os_mac .box_msg .list_wide .thumb_txt{letter-spacing:0.07em} .os_mac .box_widelist .box_profile .txt_name{letter-spacing:0} /* 광고반응타겟만들기 */ .os_mac .targetdata_cont .btn_wrap{top:18px} .os_mac .list_campaigntarget .link_menu{letter-spacing:0} .os_mac .list_campaigntarget .sub_menu .box_checkinp{line-height:46px} .os_mac .list_campaigntarget .sub_menu .box_checkinp .lab_check{letter-spacing:0} .os_mac .datatarget_wrap .cell_subject{padding-top:17px;padding-bottom:14px} .os_mac .datatarget_wrap .tit_target{margin-left:0} .os_mac .tbl_adtarget .inner_tbl{padding-top:15px;padding-bottom:14px} .os_mac .tbl_adtarget .txt_gt{margin-top:-1px} .os_mac .tbl_adtarget .txt_help{margin-top:6px;margin-bottom:-6px} .os_mac .list_getdash .link_getdash{letter-spacing:0} .os_mac .list_getdash .txt_display{letter-spacing:0} .os_mac .list_getdash .txt_category .ico_arr{top:-4px} .os_mac .list_getdash .tit_list .tit_name{letter-spacing:0} .os_mac .tbl_adtarget .link_g{padding:1px 0 0 2px;vertical-align:top} .os_mac .datatarget_wrap .txt_category .ico_arr{top:-4px} /* 광고 반응 데이터 가이드 레이어 */ .os_mac .layer_adtargetguide .tbl_layer th{padding-top:15px;padding-bottom:12px} .os_mac .layer_adtargetguide .tbl_layer .inner_cell{padding-top:15px;padding-bottom:12px} /* 키워드 중복 안내 팝업 */ .os_mac .overlap_keyword{padding-top:15px;padding-bottom:14px;margin-top:24px;margin-bottom:7px} /* 픽셀&SDK 관리 */ /* .os_mac .tbl_event .inner_tbl{padding-top:6px;padding-bottom:4px} */ /* 픽셀&SDK 연동 관리 */ .os_mac .pixelsdk_wrap .list_append li:before{margin-top:9px} .os_mac .dashcopy_wrap .tit_copy .link_help{margin-top:-2px} .os_mac .pixelsdk_set_wrap .list_append li:before{margin-top:0} /* 소재 제한 수 초과 레이어 */ .os_mac .basic_layer2 .box_exceed{padding-top:17px;padding-bottom:15px;margin:24px 0 7px} /* 친구그룹 관리 */ .os_mac .friendgroup_layer .tbl_layer .box_radioinp .link_help{margin-top:-2px} .os_mac .friendgroup_layer .tr_plusfriend .inner_cell{padding-top:0;padding-bottom:0} /* 메시지만들기 */ .os_mac .device_view .plus_thumb .thumb_plusname{margin-top:1px} /* 입찰금액 수정 레이어 */ .os_mac .budget_layer .txt_layer{letter-spacing:0} /* 대시보드 - 개편디자인 */ .os_mac .dashboard_check .btn_gm .inner_g,.os_mac .dashboard_check .reform_box_calendar .gm_calendar .link_calendar{line-height:27px} .os_mac .card_graph .opt_select .ico_on{margin-top:0} /* 애드뷰 콤팩트 타입 */ .os_mac .material_default .wrap_btn .btn_adview{line-height:47px} .os_mac .material_default .btn_adview .ico_oneclick{margin-top:15px} /* 채팅탭 소재만들기 > 배너이미지 만들기 레이어 */ .os_mac .bnrimg_layer .box_checkinp .ico_check{margin-top:-9px} .os_mac .bnrimg_layer .box_radioinp .ico_radio{margin-top:-9px} /* 카카오TV 가져오기 레이어 */ .os_mac .basic_layer .inner_kakaotv_layer .txt_layer2{letter-spacing:0} /* 광고그룹 만들기 */ .os_mac .reform_wrap .hide_all .dsp_tit{top:21px} .os_mac .reform_area_making .hide_all_desc{padding-top:24px} /* 메시지 탑재 */ .os_mac .info_message .desc_message .desc_menu{letter-spacing:normal} .os_mac .ad_managebox .tbl_g3 th .inner_tbl{line-height:46px} .os_mac .messagedetail_wrap .dsp_tit .tit_subject .link_help{margin-top:-4px} /* 애드뷰 - reform */ .os_mac .adviewbox_detail .tbl_g3 th .inner_tbl{line-height:46px} .os_mac .multi_preview_layer .material_default .btn_induce{letter-spacing:-1.3px} /* 픽셀&SDK 연동 관리 */ .os_mac .pixelsdk_wrap .tbl_g2 td .inner_tbl{letter-spacing:0} /* 내정보메뉴 - 자동결제카드등록 레이어 */ .os_mac .selfcard_layer .box_checkinp .lab_check{line-height:28px} /* 공통 */ .reform_wrap{width:1040px;margin:0 auto} .reform_guide_show .reform_wrap{padding-right:280px} .reform_wrap .reform_dsp_tit{padding-top:27px;margin-bottom:9px} .reform_wrap .reform_tit_dsp{overflow:hidden} .reform_wrap .reform_tit_subject{float:left;font-size:20px;font-weight:700;line-height:26px;color:#111} /* 메인타이틀 */ .reform_wrap .reform_txt_subject{float:left;padding:2px 0 0 20px;font-size:14px;line-height:24px;color:#888} /* 메인타이틀의 보조 텍스트 */ .reform_box_nodata{display:table;width:100%;height:196px;padding:4px 15px 15px;box-sizing:border-box} .reform_opt_nodata{display:table-cell;border:1px solid #ccc;line-height:22px;color:#777;text-align:center;vertical-align:middle} .reform_txt_info{position:relative;margin-top:10px;padding:16px 12px 18px 48px;border-radius:2px;line-height:20px;color:#555;background:rgba(245,83,83,0.1);box-sizing:border-box} .reform_txt_info .ico_comm{position:absolute;top:20px;left:23px;width:14px;height:14px;background-position:-715px -130px;vertical-align:top} .tit_copy + .reform_txt_info{padding-right:10px} .reform_txt_info .btn_gs{float:right;height:30px;margin-top:-4px} .reform_txt_info3{position:relative;margin-top:10px;padding:10px 10px 10px 31px;border-radius:2px;font-size:12px;line-height:18px;color:#777;background:#FFF2F2;box-sizing:border-box} .reform_txt_info3 .ico_info3{position:absolute;top:11px;left:11px;width:14px;height:14px;background-position:-715px -130px;vertical-align:top} /* 우측 설명 영역 */ .reform_m_aside{position:fixed;top:60px;bottom:0;right:0;z-index:21;border-left:1px solid #ddd;line-height:22px;font-weight:400;font-size:13px;color:#333} /* z-index :select 보다 1 높게 설정 */ .reform_m_aside .reform_tit_maside{display:block;position:relative;height:30px;padding-left:20px;border-bottom:1px solid #ebebeb;line-height:30px;color:#333;font-size:12px;font-weight:500;background:#fafafa} .reform_m_aside .reform_inner_aside{position:relative;width:280px;height:100%;background:#fff} .reform_m_aside .reform_btn_aside{position:absolute;top:30px;right:281px;width:15px;height:50px;border:1px solid #ccc;border-right:none;background:#fff} .reform_m_aside .reform_btn_aside:hover{background:#f5f5f5} .reform_m_aside .reform_btn_aside .ico_comm{width:6px;height:10px;margin:20px 0 0 5px;background-position:-885px -10px} .reform_m_aside button.reform_btn_aside{width:14px;height:40px} .reform_m_aside button.reform_btn_aside .ico_comm{margin-top:0} .reform_m_aside .reform_btn_aside:hover .ico_comm{background-position:-885px 0} .reform_aside_campaign{padding:20px 17px 23px 20px;border-bottom:1px solid #e8e8e8;box-sizing:border-box} .reform_aside_adgroup{overflow-y:auto;padding:24px 20px;margin:0 3px 0 0;box-sizing:border-box} /* 디자인 스크롤 여백 */ .reform_m_aside .reform_list_aside li + li,.reform_aside_adgroup .reform_list_aside li + li{padding-top:17px} .reform_m_aside .reform_tit_aside{display:block;padding-bottom:14px;font-weight:500;font-size:13px;color:#111} .reform_m_aside .reform_subtit_aside{font-size:12px;color:#999} .reform_m_aside .reform_subtit_aside .link_g{margin-top:-1px} .reform_m_aside .reform_subtit_aside .desc_info{position:relative;padding-left:11px} .reform_m_aside .reform_subtit_aside .desc_info:after{position:absolute;top:4px;left:5px;width:1px;height:11px;background:#eee;content:''} .reform_m_aside .reform_subtit_aside .ico_bar{display:inline-block;width:1px;height:11px;margin:6px 5px 0;background-color:#eee;vertical-align:top} .reform_m_aside .box_error{margin-top:5px;padding:9px 10px;border-radius:2px;font-size:11px;line-height:18px;color:#777;background:#FFF2F2} .reform_aside_campaign .box_error{margin-top:-5px;margin-bottom:18px} .reform_m_aside .box_error .ico_error{display:inline-block;width:15px;height:15px;margin:2px 5px 0 0;background-position:-750px -130px} .reform_aside_campaign .reform_list_aside li{overflow:hidden} .reform_aside_campaign .reform_subdesc_aside{display:-webkit-box;overflow:hidden;width:100%;padding-top:2px;font-size:12px;line-height:18px;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical} .reform_aside_adgroup .reform_desc_adgroup{padding-top:2px;font-size:11px;line-height:17px;color:#777} .reform_aside_adgroup .reform_num_adgroup{display:block;padding-top:5px;min-height:24px;font-weight:500;color:#326edc;font-size:18px} .reform_aside_adgroup .reform_num_adgroup.reform_loading{color:#333} .reform_aside_adgroup .reform_num_adgroup.reform_refresh,.reform_aside_adgroup .reform_num_adgroup.reform_fail{padding-top:0;color:#f51045} .reform_aside_adgroup .reform_num_adgroup.reform_loading .reform_area_loading{display:inline-block;width:50%;margin-top:-13px;margin-left:-6px;text-align:left} .reform_aside_adgroup .reform_num_adgroup .ico_comm{display:inline-block;width:16px;height:16px;margin:2px 10px 0 0;background-position:-845px -90px} .reform_aside_adgroup .reform_num_adgroup.reform_refresh .ico_comm,.reform_aside_adgroup .reform_num_adgroup.reform_fail .ico_comm{width:14px;height:14px;margin:4px 5px 0 0;background-position:-715px -130px} .reform_aside_adgroup .reform_num_adgroup .btn_refresh{display:inline-block;width:22px;height:22px;margin-left:4px;border:1px solid #ddd} .reform_aside_adgroup .reform_num_adgroup .btn_refresh .ico_comm{display:block;width:12px;height:12px;margin:5px auto 0;background-position:-685px -525px} .reform_box_state{width:240px;height:40px;margin-top:8px;border:1px solid #ddd;line-height:37px;font-size:12px;color:#F51045;text-align:center;box-sizing:border-box}/**최적화 상태*/ .reform_box_state .group_loading{padding-bottom:2px} .reform_box_state .btn_refresh{display:inline-block;vertical-align:top} .reform_box_state .btn_refresh .ico_comm{display:block;width:12px;height:12px;margin:13px 10px 13px 2px;background-position:-685px -525px;opacity:0.8} .reform_box_state .btn_refresh:hover .ico_comm{opacity:1} .reform_box_state .tit_state{display:block;height:40px;line-height:37px;font-size:12px;font-weight:700;color:#fff;text-align:center} .reform_box_state.aside_sept1,.reform_box_state.aside_sept2,.reform_box_state.aside_sept3,.reform_box_state.aside_sept4{height:auto;border:none} .reform_box_state.aside_sept1 .tit_state,.table_dashboard .ico_aside.aside_sept1{background:-webkit-linear-gradient(left,#eee 0%,#0AD6D8 60%);background:linear-gradient(to right,#eee 0%,#0AD6D8 60%)} .reform_box_state.aside_sept2 .tit_state,.table_dashboard .ico_aside.aside_sept2{background:-webkit-linear-gradient(left,#0AD6D8 0%,#0090FF 90%);background:linear-gradient(to right,#0AD6D8 0%,#0090FF 90%)} .reform_box_state.aside_sept3 .tit_state,.table_dashboard .ico_aside.aside_sept3{background:-webkit-linear-gradient(left,#0090FF 0%,#001ADC 100%);background:linear-gradient(to right,#0090FF 0%,#001ADC 100%)} .reform_box_state.aside_sept4 .tit_state,.table_dashboard .ico_aside.aside_sept4{background:-webkit-linear-gradient(left,#001ADC 0%,#9100FF 90%);background:linear-gradient(to right,#001ADC 0%,#9100FF 90%)} .reform_box_state.aside_ready,.table_dashboard .ico_aside.aside_ready{border:none;color:#fff;font-weight:700;background:#FFD900} .reform_box_state.aside_ready .loading_ready{display:inline-block;width:auto;padding:0 0 2px 5px} .reform_box_state.aside_ready .loading_ready .group_loading{padding-bottom:0} .reform_box_state.aside_ready .loading_ready .ico_loading{background-color:#fff} .reform_box_state .desc_state{padding:9px;border:1px solid #ddd;border-top:none;font-size:11px;font-weight:500;line-height:17px;color:#777;text-align:left} .reform_box_state .desc_state .link_txt{color:#326EDC} .reform_box_state .desc_state .fc_emph2{font-weight:500} .reform_guide_hide .reform_wrap{padding-right:0} /* 숨김처리 */ .reform_guide_hide .reform_m_aside{overflow:hidden;width:0;border:none} .reform_guide_hide .reform_m_aside .inner_aside_reform{display:none} .reform_guide_hide .reform_m_aside .reform_btn_aside{position:fixed;top:90px;right:0} .reform_guide_hide .reform_m_aside .reform_btn_aside .ico_comm{margin-left:4px;background-position:-875px -10px} .reform_guide_hide .reform_m_aside .reform_btn_aside:hover .ico_comm{background-position:-875px 0} .reform_box_state.aside_simulator{height:auto} .reform_box_state.aside_simulator .desc_state{border:0 none} .reform_box_state.aside_simulator .tit_state{position:relative;padding:0 10px;color:#326edc;background:#ECF3FF;text-align:left} .reform_box_state.aside_simulator .tit_state .ico_cont{position:absolute;top:50%;right:10px;transform:translateY(-50%);width:8px;height:12px;background-position:-115px 0} /* 우측 설명 영역_ 광고요약,설정완료목록 */ .reform_wrap_existing{border-bottom:1px solid #ebebeb} .reform_wrap_existing .reform_tit_existing{position:relative;height:35px;padding-left:20px;line-height:35px;font-size:12px;font-weight:500;color:#333;background:#fafafa} .reform_wrap_existing .reform_tit_existing .fc_emph{font-weight:500} .reform_wrap_existing .reform_tit_existing .reform_btn_dell{position:absolute;top:0;right:40px;height:35px;line-height:35px;font-size:11px;color:#555} .reform_wrap_existing .reform_tit_existing .reform_btn_more{position:absolute;top:0;right:10px;height:35px} .reform_wrap_existing .reform_tit_existing .reform_btn_more .ico_comm{width:10px;height:6px;margin:14px 10px;background-position:-870px -170px;opacity:0.2} .reform_wrap_existing .reform_tit_existing .reform_btn_more:hover .ico_comm{opacity:0.5} .reform_wrap_existing.on .reform_tit_existing .reform_btn_more .ico_comm{background-position:-880px -170px} .reform_wrap_existing .reform_con_existing{display:none;overflow-y:auto;margin:0 3px 0 0} /* 디자인 스크롤 여백 */ .reform_wrap_existing .reform_con_existing .reform_aside_campaign{border-bottom:none} .reform_wrap_existing.on .reform_con_existing{display:block} .reform_wrap_existing.on .reform_con_existing .desc_nodata{display:table;width:100%;height:100%} .reform_wrap_existing.on .reform_con_existing .inner_desc_nodata{display:table-cell;width:100%;height:100%;color:#777;text-align:center;vertical-align:middle} .reform_wrap_existing.on .reform_tit_existing{border-bottom:1px solid #ebebeb} .reform_wrap_existing .reform_aside_adgroup{overflow-y:visible;padding-right:17px;border-top:1px solid #e8e8e8} .reform_wrap_existing .reform_list_complete{float:none;padding:20px} .reform_wrap_existing .reform_list_complete li{overflow:hidden;display:block;width:100%} .reform_wrap_existing .reform_list_complete li + li{margin:15px 0 0} .reform_wrap_existing .reform_list_complete li .reform_link_imgcomplete,.reform_wrap_existing .reform_list_complete .reform_img_file .inner_img_file,.reform_wrap_existing .reform_list_complete li .frame_g,.reform_wrap_existing .reform_list_complete li .load_img,.reform_wrap_existing .reform_list_complete .reform_img_file,.reform_wrap_existing .reform_list_complete .reform_img_file .reform_no_img{width:60px;height:60px} .reform_wrap_existing .reform_list_complete .reform_link_imgcomplete{float:left;margin-right:10px} .reform_wrap_existing .reform_list_complete .reform_link_txtcomplete{display:inline-block;max-width:100%;padding-top:10px;vertical-align:top} .reform_wrap_existing .reform_list_complete li.on .ico_liston{top:6px;left:6px} .reform_wrap_existing .reform_list_complete li .btn_del{top:0;right:0} .reform_wrap_existing .reform_list_complete li .btn_del .ico_del{width:12px;height:12px;margin:0 auto;background-position:-870px -195px} .reform_wrap_existing .reform_list_complete li.img_load_ok .load_img .ico_loading{margin:23px auto} .reform_wrap_existing .reform_list_complete .reform_txt_file{padding-top:2px} .reform_m_aside .reform_desc_error{position:absolute;bottom:66px;left:0;right:0;z-index:20;padding:5px 15px;line-height:16px;font-size:12px;color:#fff;background:rgba(244,83,83,0.9)} .reform_m_aside .reform_existing_btn{position:absolute;bottom:0;left:0;right:0;z-index:10;height:66px;margin-top:0;padding:12px 20px 0 0;border-top:1px solid #ebebeb;background:#f5f5f5;text-align:right;box-sizing:border-box} .reform_m_aside .reform_existing_btn .inner_btn{display:inline-block} .reform_m_aside .reform_existing_btn .btn_gb{float:left} .reform_m_aside .reform_existing_btn .btn_gb + .btn_gb{margin-left:10px} .reform_existing_btn .reform_btn_error{float:left;margin-left:20px;color:#F55353;line-height:34px;font-size:13px;text-decoration:underline} .reform_existing_btn .tooltip_basic{position:absolute;bottom:50px;left:20px;max-width:222px} .reform_existing_btn .tooltip_basic.show{display:block} /* 하단 버튼 */ .reform_page_btn{position:relative;margin-top:30px;text-align:right} .reform_page_btn .inner_btn{display:inline-block} .reform_page_btn .inner_btn:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''} .reform_page_btn .inner_btn .f_left{position:absolute;top:7px;left:40px} .reform_page_btn .desc_checkinp{display:inline-block;padding-left:7px;font-size:12px;color:#777} .reform_page_btn .btn_gb{float:left} .reform_page_btn .btn_gb + .btn_gb{margin-left:10px} .reform_page_btn .btn_gm + .btn_gm{margin-left:10px} /* 컨텐츠 */ .reform_subtit_subject{display:block;padding-top:8px;font-size:16px;font-weight:700;line-height:24px;color:#111} /* 서브타이틀 */ .reform_box_select .reform_cont_subject + .reform_subtit_subject{padding-top:28px} .subtit_subject .link_help{margin:-2px 0 0 9px} .reform_subtit_subject .fc_warn{padding-left:10px} .reform_subtit_subject .ico_comm{display:inline-block;width:20px;height:20px;margin:1px 10px 0 0;vertical-align:top} .reform_subtit_subject .ico_talk{height:21px;background-position:-715px 0} /* 카카오톡 */ .reform_subtit_subject .ico_display{background-position:-740px 0} /* 디스플레이 */ .reform_subtit_subject .ico_shopping{background-position:-765px 0} /* 다음쇼핑 */ .reform_subtit_subject .ico_tag{background-position:-785px 0} /* 메가 플친 */ .reform_subtit_subject .ico_channel{height:21px;background-position:-715px -25px} /* 채널,알림 */ .reform_subtit_subject .ico_vote{background-position:-740px -25px} /* 선거 */ .reform_subtit_subject .ico_change{background-position:-805px 0} /* 전환 */ .reform_subtit_subject .ico_visit{background-position:-825px 0} /* 방문 */ .reform_subtit_subject .ico_arrival{height:22px;background-position:-845px 0} /* 도달 */ .reform_subtit_subject .ico_kakaotv{height:22px;background-position:-800px -25px} /* 카카오TV */ .reform_subtit_subject .ico_video{width:21px;height:21px;background-position:-670px -70px} /* 동영상 */ .reform_subtit_subject .ico_board{width:19px;height:19px;background-position:-735px -740px} /* 스폰서드 보드 */ .reform_subtit_subject .ico_catalog{width:20px;height:20px;background-position:-785px -780px} /* 카탈로그 */ .reform_subtit_subject .ico_inquire{margin-left:3px;background-position:-670px -95px} /* 조회 */ .reform_subtit_subject .ico_message{height:21px;background-position:-545px -590px} /* 메시지 */ .reform_subtit_subject .ico_talkad{background-position:-270px -340px} .reform_subtit_subject .ico_richpop{background-position:-295px -340px} .reform_subtit_subject .ico_focus{width:21px;margin-right:9px;background-position:-475px -235px} .reform_subtit_subject .ico_profile{background-position:-475px -255px} /* 프로필 풀뷰 */ .reform_card_result .btn_gm{background:none} .reform_card_result .btn_gm .reform_ico_modify{width:18px;height:18px;margin:15px auto;background-position:-860px -110px;opacity:0.35} .reform_card_result .btn_gm:hover .reform_ico_modify{opacity:0.6} .link_help5{float:left;padding:10px 0 10px 8px;font-weight:400;font-size:12px;line-height:18px;color:#326EDC;z-index:10} .link_help5 .ico_comm{display:inline-block;width:14px;height:14px;margin:3px 4px 0 0;background-position:-785px -760px} .link_help6{float:left;font-weight:400;font-size:14px;line-height:20px;color:#326EDC;text-decoration:underline;z-index:10} .link_help6 .ico_comm{display:inline-block;width:12px;height:12px;margin:4px 6px 0 0;background-position:-400px -290px} .link_help5 .ico_vod{background-position:-70px -785px}/** 컨텐츠 레이아웃_좌우 영역 분리 형 **/ .reform_group_divide{overflow:hidden;position:relative;margin-top:30px;border:1px solid #ddd;min-height:718px;background:#fff} .reform_group_divide .reform_box_select{overflow-y:auto;float:left;width:679px;min-height:658px;padding:28px 25px 28px;border-right:1px solid #ebebeb;box-sizing:border-box} .reform_box_select .reform_subtit_subject,.reform_box_guide .reform_subtit_subject{padding-top:0;font-size:14px} .reform_group_divide .reform_box_guide{overflow-y:auto;float:left;position:relative;width:355px;min-height:652px;margin:3px 3px 3px 0;padding:19px 30px 25px 25px;border-top:none;box-sizing:border-box} /* 디자인 스크롤 여백 */ .reform_group_divide .dsp_tit{margin-bottom:0;padding:18px 25px 15px 24px;border-bottom:1px solid #eee;font-size:16px;font-weight:500;color:#111;box-sizing:border-box} .reform_group_divide .dsp_tit .reform_tit_subject{font-size:16px;font-weight:700} .reform_box_select .reform_subtit_subject .reform_txt_error{display:inline-block;padding-left:12px;font-weight:400} .reform_group_divide .reform_box_guide .link_help5{float:right;margin:-9px -1px -1px 0} .reform_category_type .box_radioinp{display:block;height:50px;margin-top:8px} .reform_category_type .box_radioinp:first-child{margin-top:12px} .reform_category_type .box_radioinp .lab_radio{overflow:hidden;padding-left:31px;line-height:40px;font-size:16px;color:#555;border:1px solid #eaeaea;border-radius:4px;box-sizing:border-box} .reform_category_type .box_radioinp .inp_radio{margin-left:31px} .reform_category_type .box_radioinp:hover .lab_radio,.reform_category_type .box_radioinp.over .lab_radio{border-color:#999} .reform_category_type .box_radioinp .tit_type{float:left;padding-top:4px;font-weight:500} .reform_category_type .inp_radio:checked + .lab_radio .tit_type,.reform_category_type .box_radioinp.on .tit_type{padding-top:3px} .reform_category_type .box_radioinp .ico_comm{float:left;width:20px;height:20px;margin:15px 11px 0 1px} .reform_category_type .box_radioinp .ico_talk{background-position:-715px 0} /* 카카오톡 */ .reform_category_type .box_radioinp .ico_display{background-position:-740px 0} /* 디스플레이 */ .reform_category_type .box_radioinp .ico_shopping{margin:14px 10px 0 2px;background-position:-765px 0} /* 다음쇼핑 */ .reform_category_type .box_radioinp .ico_tag{background-position:-785px 0} /* 메가 플친 */ .reform_category_type .box_radioinp .ico_channel{height:21px;background-position:-715px -25px} /* 채널,알림 */ .reform_category_type .box_radioinp .ico_vote{background-position:-740px -25px} /* 선거 */ .reform_category_type .box_radioinp .ico_change{background-position:-805px 0} /* 전환 */ .reform_category_type .box_radioinp .ico_visit{background-position:-825px 0} /* 방문 */ .reform_category_type .box_radioinp .ico_kakaotv{background-position:-800px -25px} /* 카카오TV */ .reform_category_type .box_radioinp .ico_video{width:21px;height:21px;margin-top:14px;margin-right:10px;background-position:-670px -70px} /* 동영상 */ .reform_category_type .box_radioinp .ico_board{background-position:-735px -740px} /* 스폰서드 보드 */ .reform_category_type .inp_radio:checked + .lab_radio .ico_video,.reform_category_type .box_radioinp.on .ico_video{width:20px} .reform_category_type .box_radioinp .ico_arrival{height:22px;margin-top:13px;background-position:-845px 0} /* 도달 */ .reform_category_type .box_radioinp .ico_inquire{background-position:-670px -95px} /* 조회 */ .reform_category_type .box_radioinp .ico_talkad{background-position:-270px -340px} /* PC톡하단 */ .reform_category_type .box_radioinp .ico_richpop{background-position:-295px -340px} /* 리치네이티브 */ .reform_category_type .box_radioinp .ico_focus{width:21px;margin-right:10px;background-position:-475px -235px} /* 포커스 풀뷰 */ .reform_category_type .box_radioinp .ico_profile{background-position:-475px -255px} /* 프로필 풀뷰 */ .reform_category_type .inp_radio:checked + .lab_radio,.reform_category_type .box_radioinp.on .lab_radio{border:2px solid #326EDC} .reform_category_type .inp_radio:checked + .lab_radio .ico_comm,.reform_category_type .box_radioinp.on .ico_comm{margin:13px 11px 0 0;background-position:-790px -90px} /* 선택 */ .reform_category_type .box_radioinp.in_active{background:#fafafa} .reform_category_type .box_radioinp.in_active .ico_comm,.reform_category_type .box_radioinp.in_active .tit_type{opacity:0.2} .reform_desc_device + .reform_desc_device{padding-top:2px} .reform_category_type .box_radioinp .ico_catalog{background-position:-785px -780px} /* 카탈로그 */ .reform_category_type .box_radioinp .ico_message{height:21px;background-position:-545px -590px} .reform_category_type .box_radioinp .link_txt{position:absolute;top:0;right:10px;padding:10px;font-size:13px;line-height:28px;color:#326EDC} /* 메시지 */ /* 광고유형,목표 > 광고설명 > 추천 */ .reform_box_guide .reform_subtit_subject{padding-top:4px;line-height:20px} .reform_cont_subject .reform_desc_guide{padding-top:20px;line-height:22px;word-break:normal} .reform_cont_subject .reform_desc_guide + .reform_desc_guide{padding-top:11px} /* 광고유형,목표 > 광고설명 > 광고 유형,목표 선택시 */ .reform_box_guide.box_type_layout .reform_subtit_subject{padding-top:8px} .reform_box_guide.box_type_layout .reform_group_guide{padding-top:22px} .reform_box_guide.box_type_layout .reform_group_guide .reform_tit_guide{display:block;padding-bottom:8px;color:#111;font-weight:500} .reform_box_guide.box_type_layout .reform_area_guide + .reform_area_guide{display:block;margin-top:22px} .reform_box_guide.box_type_layout .reform_desc_guide{padding:3px 0 0;line-height:22px} .reform_box_guide.box_type_layout .reform_layout_guide{overflow:hidden;padding-top:3px} .reform_layout_guide li{float:left;width:100px;margin-top:20px;font-size:12px;line-height:16px;color:#777} .reform_layout_guide li:nth-child(1),.reform_layout_guide li:nth-child(2),.reform_layout_guide li:nth-child(3){margin-top:0} .reform_layout_guide .ico_comm{width:76px;height:74px;margin-bottom:7px} .reform_layout_guide .reform_ico_banner{background-position:-740px -245px} /* 이미지 배너 */ .reform_layout_guide .reform_ico_native{background-position:-820px -245px} /* 이미지 네이티브형 */ .reform_layout_guide .reform_ico_video{background-position:-740px -320px} /* 동영상 배너형 */ .reform_layout_guide .reform_ico_native2{background-position:-820px -625px} /* 동영상 네이티브형 */ .reform_layout_guide .reform_ico_message{background-position:-820px -320px} /* 메시지 */ .reform_layout_guide .reform_ico_imgbox{background-position:-820px -395px} /* 이미지박스 */ .reform_layout_guide .reform_ico_kakaotv{background-position:-740px -395px} /* 카카오티비 */ .reform_layout_guide .reform_ico_catalog{background-position:-740px -475px} /* 이미지 카탈로그 */ .reform_layout_guide .reform_ico_board{background-position:-590px -375px} /* 콘텐츠 */ .reform_layout_guide .reform_ico_richpop{background-position:-510px -395px} /* 리치팝 *//** 컨텐츠 레이아웃_카드형 **/ .reform_area_making{position:relative;margin-top:15px;border:1px solid #ddd;background:#fff} .reform_wrap .reform_group_border:first-child .reform_area_making{margin-top:30px} .reform_wrap .reform_group_border.hide_all:first-child .reform_area_making{margin-top:0} .reform_card_result + .reform_group_border{margin-top:15px} .reform_area_making .dsp_tit{margin-bottom:0;padding:16px 25px 16px 24px;font-size:16px;font-weight:500;color:#111;box-sizing:border-box} .reform_area_making .dsp_tit .reform_txt_error{display:block;float:left;padding-left:84px} /*.hide_all .reform_area_making .dsp_tit .reform_txt_error{display:none}*/ .reform_area_making .dsp_tit .reform_tit_subject{font-size:16px;font-weight:700} .reform_area_making .btn_making_all{position:absolute;top:4px;right:8px;z-index:10} .reform_area_making .btn_making_all .inner_g{display:block;padding:16px 16px;color:#777} .hide_all .reform_area_making .btn_making_all .inner_g{padding:22px 16px} .reform_area_making .btn_making_all .reform_ico_more{display:inline-block;width:14px;height:8px;margin:5px 0 0 6px;background-position:-745px -110px} .hide_all .reform_area_making .btn_making_all .reform_ico_more{display:inline-block;width:14px;height:8px;margin:6px 0 0 5px;background-position:-745px -120px} .reform_area_making .btn_target{float:left;margin:-9px 0 0 30px;z-index:10;text-decoration:none} .reform_area_making .dsp_tit .f_right{position:absolute;top:14px;right:68px} .reform_area_making .dsp_tit + .f_right .link_help5{padding:15px 0 15px 8px} .reform_area_making .dsp_tit .f_right.nobtn{right:25px} .reform_area_making .btn_target .inner_g{display:block;padding:15px 16px 15px 0;font-size:14px;line-height:20px;color:#777} .reform_area_making .btn_target .ico_comm{position:absolute;top:12px;right:0;width:10px;height:6px;background-position:-715px -565px} .reform_area_making .btn_target.on .ico_comm{background-position:-715px -555px} .reform_area_making .btn_making_del{position:absolute;top:14px;right:63px;font-size:12px;color:#555;line-height:30px;z-index:10} .reform_area_making .btn_making_del:hover{color:#111} .hide_all .reform_area_making .btn_making_del{display:none} .reform_group_card .reform_area_card{clear:both;position:relative;color:#777;line-height:18px;border-top:1px solid #eee} .reform_group_card .reform_area_card:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''} .reform_group_card .opt_select.opt_limit .link_option{text-align:right} .reform_group_card .opt_select.opt_wd1{width:648px;max-width:650px} .reform_group_card .opt_select.opt_wd2{width:496px;max-width:496px} .reform_area_card .reform_con_card .reform_tit_card + .reform_item_card .box_inptxt{max-width:660px} .reform_area_card .reform_con_card .reform_desc_radiocheck2 + .box_inptxt{display:inline-block;vertical-align:top} .reform_area_card .reform_con_card .reform_tit_card + .reform_item_card .box_inptxt.inp_wd1{width:452px} .reform_area_card .reform_con_card .reform_item_card .box_inptxt.inp_wd1:hover{border-color:#ddd} .reform_area_card .reform_con_card .reform_item_card .box_inptxt .lab_txt.txt_limit{overflow:hidden;right:15px;white-space:nowrap;text-overflow:ellipsis} .reform_area_card .reform_con_card .reform_item_card .box_inptxt.type_inptxt2:hover{border-color:#ddd} .reform_list_term > li + li{padding-top:10px} .reform_list_term li:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''} .reform_list_term li .reform_subtit_item{float:left;min-width:53px;padding-right:10px;line-height:36px;font-weight:500;color:#333} .reform_list_term li .btn_gm.gm_calendar{margin-right:8px} .reform_list_term li .opt_time + .opt_time{margin-left:3px} .reform_desc_term{padding-top:10px;font-size:12px;color:#777} .reform_desc_term + .reform_desc_term{padding-top:2px} .reform_check_set{padding-top:8px;color:#555;text-align:right} .reform_material_item .reform_desc_item .reform_check_set + .txt_error{padding-top:10px} .reform_material_item .opt_time .opt_list{min-width:96px} .reform_material_item .reform_list_term li .opt_time + .opt_time{margin-top:0;margin-left:5px} .reform_material_item .reform_list_term li .btn_gm.gm_calendar{float:left;margin-right:13px} .reform_material_item .reform_list_term li .btn_gm.gm_calendar .link_calendar{width:161px} .reform_area_card .reform_subtit_card{float:left;width:179px;padding:26px 9px 25px 25px;line-height:20px;font-weight:500;color:#111;box-sizing:border-box} .reform_area_card .reform_subtit_card .link_help{margin:-2px 0 0 2px} .reform_area_card .reform_subtit_card .ico_set{margin-top:1px} .reform_area_card .reform_con_card{float:left;width:858px;padding:25px 37px 25px 40px;box-sizing:border-box} .reform_area_card .reform_con_card .box_inptxt{width:701px} .reform_area_card .reform_con_card .target_check .box_inptxt{width:353px;height:36px;box-sizing:border-box} .reform_area_card .reform_con_card .box_inptxt.reform_inp_num{float:left;width:172px} .reform_area_card .reform_con_card .box_inptxt.reform_inp_num .lab_txt{left:auto;right:32px} .box_btnnum{float:left;margin-left:10px} .box_btnnum .btn_gw{float:left;min-width:40px;margin-left:0;border-radius:0} .box_btnnum .btn_gw + .btn_gw{border-left:0} .box_btnnum .btn_gw:first-child{border-radius:2px 0 0 2px} .box_btnnum .btn_gw:last-child{border-radius:0 2px 2px 0} .box_btnnum .btn_gw .ico_add2{display:inline-block;vertical-align:top} .reform_area_card .reform_con_card .reform_txt_num,.tooltip_budget .reform_txt_num,.basic_layer.modifybudget_wrap .reform_txt_num{clear:both;display:inline-block;min-width:200px;font-size:12px;line-height:20px;color:#555;text-align:right} .reform_area_card .reform_con_card .reform_txt_num{padding:5px 0 9px} .tooltip_budget .reform_txt_num{padding:5px 0 0;margin-bottom:-11px} .basic_layer.modifybudget_wrap .reform_txt_num{min-width:185px;padding:5px 0 0;margin-bottom:-3px} .reform_area_card .reform_subbox_radiocheck .reform_txt_num{padding-bottom:0;margin-bottom:-1px} .reform_area_card .reform_con_card .settingtarget_wrap{margin-left:0} .reform_item_card .box_btnnum + .box_checkinp,.reform_item_card .box_inptxt + .box_checkinp,.reform_item_card .opt_select + .box_checkinp,.reform_item_card .opt_select2 + .box_checkinp{margin:8px 0 8px 20px} .reform_item_card .box_inptxt + .btn_gm{margin-left:10px} .reform_item_card .reform_list_card li{line-height:18px} .reform_item_card .reform_list_card > li + li{padding-top:22px} .reform_item_card .reform_list_card .lab_radio{color:#111} .reform_item_card .reform_list_card .reform_area_radio{padding:10px 0 0 30px} .reform_item_card .reform_list_card .reform_desc_detail{padding:6px 0 0 30px;line-height:18px} .reform_item_card .reform_list_card .reform_desc_detail .ico_info{width:14px;height:14px;margin:3px 7px 7px 0;background-position:-650px -340px} .reform_item_card .reform_list_card .reform_box_radiocheck{width:440px;margin:10px 0 0 30px;padding-top:15px;padding-bottom:15px;border-color:#ddd} .reform_item_card .reform_list_card .reform_txt_radio{padding:6px 0 0 28px;font-size:13px} .reform_item_card .reform_list_card .reform_txt_info{margin:10px 0 0 28px} .reform_item_card .reform_list_card li .reform_wrap_guide{margin:10px 0 0 28px} .reform_area_card .btn_card_more{position:absolute;top:15px;right:8px;padding:16px 16px} .reform_area_card .btn_card_more .reform_ico_more{display:block;width:14px;height:8px;background-position:-745px -110px} .reform_area_card.hide_list .reform_ico_more{background-position:-745px -120px} .reform_group_card .reform_tit_card{overflow:hidden} .reform_group_card .reform_tit_card .reform_tit_detail{padding-bottom:10px} .reform_group_card .reform_item_card + .reform_item_card{margin-top:15px} .reform_group_card .reform_item_card + .reform_item_card .reform_btn_admore{margin-top:0} .reform_list_radiocheck li .reform_item_card{margin-top:11px} .reform_group_card .reform_item_card + .reform_tit_card{margin-top:27px} .reform_group_card .reform_item_card:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''} .reform_group_card .reform_area_card .reform_tit_detail{float:left;padding-right:10px;color:#111;font-weight:400} .reform_group_card .reform_area_card .reform_tit_detail.fc_emph{color:#333} .reform_group_card .reform_area_card .reform_tit_detail + .link_help{margin:-4px 0 0 -10px} .reform_group_card .reform_item_card .reform_tit_detail + .link_help{margin-top:-2px} .reform_group_card .reform_area_card .reform_desc_detail{font-size:12px;line-height:20px;color:#999} .reform_group_card .reform_area_card .reform_txt_info{width:660px} .reform_item_card > .reform_txt_info{margin-top:0} .reform_group_card .reform_area_card .reform_wrap_guide{padding-bottom:10px;margin-top:-5px} .reform_group_card .reform_area_card .reform_desc_radiocheck2 + .reform_wrap_guide{padding-bottom:0} .reform_group_card .reform_area_card .reform_link_guide{display:inline-block;position:relative;font-size:13px;line-height:20px;color:#326EDC;text-decoration:none;vertical-align:top} .reform_group_card .reform_area_card .reform_link_guide .thumb_icon{overflow:hidden;display:inline-block;width:20px;height:20px;margin-right:8px;border-radius:6px;vertical-align:top} .reform_group_card .reform_area_card .reform_link_guide .img_g{width:100%;height:100%} .reform_group_card .reform_area_card .reform_link_guide .ico_outlink{display:inline-block;width:10px;height:10px;margin:6px 0 0 4px;background-position:-495px -790px;vertical-align:top} .reform_box_time .reform_link_card{display:inline-block;padding:3px 0;color:#555} .opt_select2 .opt_ban{height:50px} .opt_select2 .opt_ban .link_guide{display:block;position:relative;padding:16px 17px 16px 52px;font-weight:500;font-size:13px;line-height:18px;color:#fff;background:#191D66;text-decoration:none} .opt_select2 .opt_ban .link_guide .ico_outlink{display:inline-block;width:10px;height:10px;margin:5px 0 0 4px;background-position:-510px -790px;vertical-align:top} .opt_select2 .opt_ban .link_guide .thumb_icon{position:absolute;left:17px;top:16px;width:25px;height:18px} .opt_select2 .opt_ban .link_guide .thumb_icon .img_g{width:100%;height:100%} .opt_select2 .opt_ban + .wrap_list .list_option{max-height:299px} .reform_box_time .reform_link_card:hover{text-decoration:none} .reform_box_time .reform_link_card .reform_ico_more{display:inline-block;width:15px;height:8px;margin:5px;background-position:-760px -120px} .reform_box_time.on .reform_link_card .reform_ico_more{margin-top:6px;background-position:-760px -110px} .reform_box_time .reform_subbox_radiocheck{display:none} .reform_box_time.on .reform_subbox_radiocheck,.reform_box_time.on > .reform_subbox_radiocheck{display:block} .reform_box_radiocheck .reform_top_adset{padding:0 0 2px} .reform_subbox_radiocheck .reform_area_adset{padding-top:0;margin-left:0;margin-bottom:6px} .reform_subbox_radiocheck .reform_area_adset .cell_num{margin-right:-9px;color:#777} .reform_subbox_radiocheck .reform_area_adset .cell_num .fc_emph2{padding-left:4px} .reform_subbox_radiocheck .reform_box_adset.reform_scroll_adset{max-height:361px;margin:4px 4px -17px -15px;padding-bottom:20px} /* 디자인 스크롤 여백 */ .reform_subbox_radiocheck .reform_list_adset{width:720px;margin-right:-20px;padding-left:0;padding-bottom:0} .reform_box_radiocheck > .reform_subbox_radiocheck .reform_list_adset li{width:356px;margin-top:3px;margin-right:0} .reform_subbox_radiocheck .reform_list_adset li .reform_txt_adset{width:350px;padding-right:43px} .reform_subbox_radiocheck .reform_list_info li:first-child{margin-top:13px} .reform_subbox_radiocheck .reform_list_info li{position:relative;padding-left:10px;line-height:20px;color:#777} .reform_subbox_radiocheck .reform_list_info li + li{margin-top:3px} .reform_subbox_radiocheck .reform_list_info li:before{position:absolute;top:9px;left:3px;width:2px;height:2px;border-radius:2px;background:#777;content:''} .reform_subbox_radiocheck .reform_list_info .reform_list_info li:first-child{margin-top:0} .opt_select .opt_guide + .list_preview,.opt_select .opt_guide + .list_opt{width:50%} .opt_select .opt_guide + .list_preview .list_menu{padding:10px 0} .opt_select .opt_guide + .list_preview .list_menu .link_menu{padding:0 16px} .opt_select .opt_guide + .list_preview .list_menu .desc_cell{margin-top:0} .opt_select .opt_guide + .list_preview .list_menu .link_menu .tit_menu{line-height:31px} .opt_select .tit_layer + .opt_guide + .list_preview .list_menu{max-height:349px} .layer_choice2 .wrap_choice .tit_layer + .box_choice .opt_guide{top:50px;max-height:349px} .reform_area_adgroup{position:relative;padding-left:25px;border-top:1px solid #eee;background:#f5f5f5} .reform_area_adgroup .reform_tit_adgroup{line-height:47px;font-size:14px;font-weight:500;color:#777} .reform_area_adgroup .reform_titbtn_adgroup + .reform_tit_adgroup{line-height:47px;font-size:14px;font-weight:500;color:#777} .reform_area_adgroup .reform_tit_adgroup .ico_arrow{display:inline-block;width:6px;height:10px;margin-top:18px;background-position:-725px -430px} .reform_list_radiocheck li .reform_area_adbid .reform_tit_detail{padding-top:5px;padding-bottom:10px;color:#333} .reform_group_card .reform_area_card .reform_subtit_detail{display:block;padding-top:5px;font-weight:400;font-size:14px;line-height:20px;color:#333} .reform_group_card .reform_area_card .reform_tit_detail{float:left;padding:0 10px 15px 0;font-weight:400;line-height:20px;color:#111} .reform_group_card .reform_area_card .reform_box_radiocheck .reform_subtit_detail{padding-top:0} .reform_group_card .reform_area_card .reform_subtit_detail + .reform_txt_radio{padding-top:9px} .reform_group_card .reform_area_card .tblg2_wrap{width:756px;margin-top:10px} .reform_group_card .reform_area_card .tbl_g2 tbody tr.on td{font-weight:700;background:#F1F6FC} .reform_list_radiocheck li .reform_area_adbid .reform_item_card{margin-top:0} .reform_list_radiocheck .reform_txt_radio,.reform_list_radiocheck ~ .reform_txt_radio{padding:12px 0 0 0;color:#777;line-height:23px} .reform_list_radiocheck li .reform_area_adbid .reform_desc_radiocheck{padding-top:10px;padding-right:20px;font-size:12px;line-height:18px} .reform_item_card .choice_item{width:60px} .reform_item_card .choice_item .lab_choice{padding:0} .reform_list_radiocheck .reform_item_network .reform_item_card{margin:9px 0 0 26px} .reform_item_card .reform_area_radio + .reform_area_radio{padding-top:10px} .reform_box_radiocheck .reform_area_price .reform_tit_card{float:left;width:83px} .reform_box_radiocheck .reform_area_price .reform_tit_detail{padding:0 10px 0 0;font-size:14px;line-height:20px;color:#333} .reform_box_radiocheck .reform_area_price .reform_item_card{overflow:hidden;padding-bottom:0} .reform_box_radiocheck .reform_area_price .txt_price{line-height:20px;color:#333} .reform_box_radiocheck .reform_area_price .price_sale{color:#777;text-decoration:line-through} .reform_box_radiocheck .reform_area_price .price_induce{font-weight:700} .reform_box_radiocheck .reform_area_price .link_txt{float:right;font-size:13px;line-height:19px;color:#326EDC} .reform_box_radiocheck .reform_area_price .link_txt.on{text-decoration:underline} .reform_item_card .reform_txt_detail{font-weight:500;line-height:23px} .reform_item_card .fc_black{color:#333} .reform_item_card .reform_txt_detail + .box_checkinp{margin-top:28px} .reform_box_time .reform_subbox_inner .reform_list_info li{line-height:23px} .reform_box_time .reform_subbox_inner + .reform_subbox_inner{margin-top:15px;padding-top:15px;border-top:1px solid #e8e8e8} .reform_box_time .reform_subbox_inner .reform_list_info .reform_list_info{margin-top:2px} .reform_box_time .reform_item_card .group_inp .box_checkinp{margin:7px 0 0 16px} .reform_box_time .reform_subbox_inner .reform_list_budget li{line-height:30px} .reform_box_time .reform_subbox_inner .reform_list_budget li + li{margin-top:0} .reform_box_time .reform_subbox_inner .reform_txt_budget{display:inline-block;width:91px;text-align:right;vertical-align:top} .reform_box_time .reform_subbox_inner .reform_list_budget + .reform_desc_radiocheck{margin-top:-3px} .reform_box_radiocheck .reform_subbox_radiocheck .reform_subbox_inner{margin-right:20px} .reform_box_option{padding-top:4px} .reform_box_option .reform_link_card{display:inline-block;padding:3px 0;color:#555} .reform_box_option .reform_link_card:hover{text-decoration:none} .reform_box_option .reform_link_card .reform_ico_more{display:inline-block;width:15px;height:8px;margin:5px;background-position:-760px -120px} .reform_box_option .reform_link_card + .reform_txt_radio{margin-top:15px;padding-bottom:24px} .reform_box_option.on > .reform_link_card .reform_ico_more{margin-top:6px;background-position:-760px -110px} .reform_box_option .reform_subbox_option{display:none} .reform_box_option.on > .reform_subbox_option{display:block} .reform_box_option .reform_subbox_inner .reform_list_info li{line-height:23px} .reform_box_option .reform_subbox_inner + .reform_subbox_inner{margin-top:15px;padding-top:15px;border-top:1px solid #e8e8e8} .reform_box_option .reform_subbox_inner .reform_list_info .reform_list_info{margin-top:2px} .reform_box_option .reform_item_card .group_inp .box_checkinp{margin:7px 0 0 16px} .reform_box_option .reform_subbox_inner .reform_list_budget li{line-height:30px} .reform_box_option .reform_subbox_inner .reform_list_budget li + li{margin-top:0} .reform_box_option .reform_subbox_inner .reform_txt_budget{display:inline-block;width:91px;text-align:right;vertical-align:top} .reform_box_option .reform_subbox_inner .reform_list_budget + .reform_desc_radiocheck{margin-top:-3px} .reform_box_option .reform_link_card ~ .reform_subbox_option{width:756px;padding-top:15px;border-top:1px solid #eee} .reform_box_option .reform_subbox_option .reform_box_radiocheck{margin-top:0} .reform_box_option .reform_link_card + .reform_subbox_option{margin-top:15px} .reform_box_option .reform_subbox_option .reform_list_radiocheck + .reform_box_radiocheck{margin-top:16px} .reform_con_card .reform_list_info2{padding-top:15px} .reform_con_card .reform_list_info2 li{position:relative;padding-left:8px;line-height:18px;font-size:12px;color:#777} .reform_con_card .reform_list_info2 li:before{position:absolute;top:0;left:0;content:'·'} .reform_titbtn_adgroup{position:absolute;top:8px;right:25px} .reform_titbtn_adgroup .btn_gs + .btn_gs{margin-left:4px} .reform_titbtn_adgroup .btn_gs{height:30px} .reform_titbtn_adgroup .btn_gs .inner_g{line-height:23px;font-size:11px} .reform_titbtn_adgroup .btn_gs.gs_line{background:#F5F5F5} .reform_titbtn_adgroup .btn_gs.gs_line:hover{background:#EBEBEB} .reform_titbtn_adgroup .box_titbtn{position:relative;width:240px;height:28px;border:1px solid #ddd;border-radius:2px;background:#fff} .reform_titbtn_adgroup .box_titbtn .desc_titbtn{overflow:hidden;width:180px;padding:5px 0 0 9px;font-size:12px;color:#333;line-height:18px;text-overflow:ellipsis;white-space:nowrap} .reform_titbtn_adgroup .box_titbtn .btn_modify{position:absolute;top:0;right:21px;width:16px;height:28px} .reform_titbtn_adgroup .box_titbtn .btn_modify .ico_comm{width:10px;height:10px;margin:9px auto;background-position:-670px -385px} .reform_titbtn_adgroup .box_titbtn .btn_modify:hover .ico_comm{background-position:-680px -385px} .reform_titbtn_adgroup .box_titbtn .btn_close{position:absolute;top:1px;right:3px;width:16px;height:28px} .reform_titbtn_adgroup .box_titbtn .btn_close .ico_comm{width:10px;height:10px;margin:9px auto;background-position:-680px -370px} .reform_titbtn_adgroup .box_titbtn .btn_close:hover .ico_comm{background-position:-640px -335px} /* 캠페인 접기 */ .hide_all .reform_area_making{overflow:hidden;background:#fffdf3} /* 캠페인 전체 접기 (전체 요약 보기) */ .hide_all .reform_area_making .reform_desc_card{width:100%;margin-bottom:0} .reform_wrap .hide_all .dsp_tit{position:absolute;top:21px;left:0;margin-bottom:0;padding-top:0;z-index:10} .reform_wrap .hide_all .dsp_tit .reform_tit_subject{font-size:14px;color:#333} .reform_area_making .hide_all_desc{display:none;width:860px;padding:23px 40px 24px 219px;font-size:14px;color:#555;box-sizing:border-box} .hide_all .reform_area_making .reform_group_card{display:none} .hide_all .reform_area_making .hide_all_desc{display:block} .hide_all .reform_area_making .btn_making_all{top:2px;right:8px} .reform_group_card .reform_area_card.hide_list + .hide_list{margin-top:-1px;border-top:1px solid #f2f2f2;border-radius:0 0 4px 4px} .reform_group_card .reform_con_card.hide_list_desc{display:none} .hide_list .reform_con_card{display:none} .hide_list .reform_con_card.hide_list_desc{display:block} .hide_list{display:table} /* 리스트 닫혔을 경우,타이틀&요약정보 세로 가운데 정렬 */ .hide_list .reform_subtit_card,.hide_list .reform_con_card.hide_list_desc{float:none;display:table-cell;height:100%;vertical-align:middle} .hide_list.reform_area_card .btn_card_more{top:50%;margin-top:-20px} .reform_group_card .reform_area_card .desc_calendar{display:inline-block;margin-left:-4px;padding-left:10px;font-size:14px;line-height:34px;color:#111;vertical-align:top} .reform_group_card .reform_area_card .desc_calendar .fc_warn{color:#F51405} .reform_group_card .reform_area_card .reform_area_guide{float:right;margin-right:20px} .reform_group_card .reform_area_card .reform_area_guide .reform_link_guide{padding-left:0;font-size:14px} /* 광고그룹 2개이상 연속 접힌 경우 */ .reform_group_border.hide_all{overflow:hidden;margin-top:15px;border:1px solid #ddd;background:#fff} .reform_group_border.hide_all .reform_area_making{min-height:68px;margin-top:0;border-radius:0;border:none;box-shadow:none} .reform_group_border.hide_all .reform_area_making + .reform_area_making{border-top:1px solid rgba(0,0,0,0.08)} /* error */ .reform_txt_error{display:none;color:#F51045} .reform_txt_error.show{display:block} .making_error{position:relative} .making_error .reform_subtit_card:before,.making_error.hide_all_desc:before{position:absolute;top:0;bottom:0;left:0;width:4px;background:#F51045;z-index:1;content:''} .making_error.hide_all_desc:before{top:0;left:-1px} .reform_area_making .hide_list:last-child .reform_subtit_card:before{border-radius:0 0 0 4px} .making_error .reform_txt_error{display:inline-block} .making_error .reform_tit_card .reform_txt_error{margin-bottom:10px} .making_error.hide_list .hide_list_desc{display:block} .making_error.hide_list.reform_item_card{display:none} .making_error .reform_item_card .reform_list_card{padding-top:10px} .making_error.hide_list .reform_item_card,.making_error.hide_all_desc .reform_desc_card{display:none} .making_error.hide_list .reform_txt_error,.making_error.hide_all_desc .reform_txt_error{display:block} .making_error .reform_item_card .reform_list_card .box_radioinp + .reform_txt_error{padding-left:10px} .making_error .reform_tit_card .reform_txt_error2{display:block;margin-bottom:6px;line-height:20px;color:#F51045} /* 캠페인 만들기 */ .reform_card_result{position:relative;clear:both;height:70px;margin-top:30px;padding-left:25px;border:1px solid #ddd;background:#fffdf3;box-sizing:border-box} .reform_card_result .reform_area_result{float:left;padding-top:10px;font-size:14px;line-height:48px;color:#555} .reform_card_result .reform_area_result .tit_ad_result{float:left;width:183px;font-weight:700} .reform_card_result .reform_area_result .desc_ad_result{float:left;padding-left:12px;font-size:14px;font-weight:400;color:#555} .reform_card_result .reform_area_result .desc_ad_result .ico_comm{display:inline-block;width:10px;height:10px;margin:20px 7px 0;background-position:-830px -225px;vertical-align:top} .reform_card_result .btn_gm{position:absolute;top:1px;right:8px;height:64px;border-color:#fffdf3} .reform_card_result .btn_gm:hover{background:#fffdf3} .reform_group_card.campaign_on .btn_campaign_all .reform_ico_more{background-position:-195px -70px}/*** 광고그룹 만들기 ***/ .reform_box_admore{width:754px;margin:10px 0;border:1px solid #ebebeb;border-radius:2px;background:#fcfcfc} .reform_con_card .reform_item_card:last-child .reform_box_admore{margin-bottom:0} .reform_box_admore .toggle_radio2 .radio_g{width:43px;height:28px} .reform_box_admore .toggle_radio2 .lab_radio{height:26px;border-color:#ccc;font-size:12px;line-height:24px;color:#333;background:#fff} .reform_box_admore .toggle_radio2 .radio_g.on .lab_radio{border-color:#326EDC;background:#ECF3FF;font-weight:500;color:#326EDC} .reform_box_admore .toggle_radio2 .inp_radio:checked + .lab_radio{border-color:#326EDC;background:#ECF3FF;font-weight:500;color:#326EDC} .reform_area_card .reform_con_card .reform_item_card + .reform_item_card .reform_top_admore{padding-top:5px} .reform_box_admore .toggle_radio2.in_active .lab_radio,.reform_box_admore .toggle_radio2 .in_active .lab_radio,.reform_box_admore .toggle_radio2.in_active .on .lab_radio,.reform_box_admore .toggle_radio2 .in_active.on .lab_radio,.reform_box_admore .toggle_radio2.in_active .inp_radio:checked + .lab_radio,.reform_box_admore .toggle_radio2 .in_active .inp_radio:checked + .lab_radio{border-color:#ccc;color:#ccc;background:#F5F5F5} .reform_area_card .reform_list_radiocheck + .box_info3{width:756px;margin:15px 0 -8px} .reform_item_card .reform_btn_admore{display:inline-block;color:#326EDC;text-decoration:none} .reform_btn_admore .ico_comm{display:inline-block;width:15px;height:15px;margin:2px 8px 0 0;background-position:-730px -130px;vertical-align:top} .reform_item_card .reform_btn_admore.in_active{color:#ccc;cursor:default;pointer-events:none} .reform_btn_admore.in_active .ico_comm{background-position:-840px -200px} .reform_btn_admore .ico_outlink{width:10px;height:10px;margin:6px 6px 0 0;background-position:-495px -790px} .reform_btn_admore.in_active .ico_outlink{background-position:-525px -790px} .reform_btn_admore + .reform_btn_admore:before{display:inline-block;width:1px;height:15px;margin:4px 6px 0 5px;background:#ddd;vertical-align:top;content:''} /* 설정 레이어팝업 */ .reform_top_admore{position:relative} .reform_layer_adset{position:absolute;top:30px;left:0;z-index:10;border-radius:4px;background:#fff;box-shadow:1px 1px 10px rgba(0,0,0,0.25)} .reform_inner_adset{overflow:hidden} .reform_list_layterset{float:left;width:143px;padding:15px 0;box-sizing:border-box} .reform_list_layterset .reform_link_layterset{display:block;position:relative;height:36px;padding:0 16px;line-height:36px} .reform_list_layterset li:hover .reform_link_layterset{background:rgba(0,0,0,0.03);text-decoration:none} .reform_list_layterset .reform_link_layterset .ico_comm{display:none;position:absolute;top:14px;left:129px;width:6px;height:8px;background-position:-875px -80px} .reform_desc_layterset{display:none;float:left;width:181px;padding:23px 10px 23px 16px;font-size:13px;line-height:22px;box-sizing:border-box} .reform_desc_layterset:after{position:absolute;top:0;bottom:0;left:143px;width:1px;background:rgba(0,0,0,0.05);content:''} .reform_list_layterset:hover + .reform_desc_layterset,.reform_list_layterset .reform_link_layterset:hover .ico_comm{display:block} .reform_list_layterset li.in_active .reform_link_layterset,.reform_list_layterset li.in_active:hover .reform_link_layterset{color:#ccc;background:#fff} /* 설정 목록 */ .reform_list_custom li{display:table;width:704px;margin-left:25px;padding:20px 0 17px} .reform_list_custom li + li{border-top:1px solid rgba(0,0,0,0.05)} .reform_list_custom .desc_cell{display:table-cell;vertical-align:middle} .reform_list_custom .cell_category{width:36px;padding:20px 0 20px 20px} .reform_list_custom .cell_category .img_comm{width:36px;height:36px} .reform_list_custom .cell_subject{width:390px;padding-right:20px} .reform_list_custom .cell_num{position:relative;padding-left:24px;color:#333;font-weight:500} .reform_list_custom .cell_num .txt_info{padding-top:1px;font-size:12px;font-weight:normal;color:#999} .reform_list_custom .reform_loading{width:100px;padding-left:0;font-weight:400} .reform_list_custom .reform_loading .wrap_loading{float:left;padding-top:4px} .reform_list_custom .reform_loading .txt_loading{float:left;padding-left:7px} .reform_list_custom .reform_fail{padding-left:0;font-weight:400;color:#F51045} .reform_list_custom .cell_num .ico_comm{position:absolute;top:50%;left:0;width:16px;height:16px;margin:-9px 8px 0 0;vertical-align:top} .reform_list_custom .cell_num .ico_comm{background-position:-845px -90px} .reform_list_custom .reform_loading .ico_comm{background-position:-855px -70px} .reform_list_custom .cell_num .ico_fail{position:static;top:auto;left:auto;width:16px;height:16px;margin:1px 0 0 4px;background-position:-750px -130px} .reform_list_custom .cell_setup{text-align:right;font-size:13px;color:#333} .reform_list_custom .txt_category{display:block;font-weight:400;font-size:14px;color:#333} .reform_list_custom .tit_filename{display:block;padding-top:3px;font-weight:400;line-height:20px;color:#999} .reform_list_custom .tit_filename .fc_warn{padding-right:3px} .reform_list_custom .link_del{height:26px;margin-left:16px;vertical-align:top} .reform_list_custom .ico_del{width:12px;height:12px;margin:8px auto;background-position:-770px -135px;opacity:0.3} .reform_list_custom .link_del:hover .ico_del{opacity:0.5} .reform_list_custom .link_del.in_active .ico_del,.reform_list_custom .link_del.in_active:hover .ico_del{opacity:0.1} .reform_list_custom .link_help{margin:1px 0 0 1px;vertical-align:top} .reform_list_custom .cell_setup .txt_ex{padding-right:2px;color:#333;box-sizing:border-box} .reform_list_custom .txt_ex{display:inline-block;width:91px;font-size:13px;line-height:26px;color:#111;text-align:center;vertical-align:top} .reform_list_custom.target_ing .ico_person{background-position:-160px -270px} .reform_list_custom.target_ing .cell_num{color:#777} .reform_area_adset{display:block;margin:0 24px 8px;padding:15px 0 16px;border-bottom:1px solid rgba(0,0,0,0.05)} .reform_area_adset .reform_tit_adset{font-weight:500;color:#111} .reform_area_adset .cell_num{float:right;margin-right:-9px;font-weight:500} .reform_area_adset .link_del{height:26px;margin-left:11px;vertical-align:top} .reform_area_adset .ico_del{width:12px;height:12px;margin:3px auto;background-position:-770px -135px;opacity:0.2} .reform_box_admore .reform_area_adset .ico_del{opacity:0.3} .reform_area_adset .link_del:hover .ico_del{opacity:0.5} .reform_area_adset .link_del.in_active .ico_del,.reform_area_adset .link_del.in_active:hover .ico_del{opacity:0.1} .reform_box_adset{overflow-x:hidden} .reform_box_adset.reform_scroll_adset{overflow-y:auto;max-height:365px;margin:3px 3px 3px 0;box-sizing:border-box} /* 디자인 스크롤 여백 */ .reform_box_adset.reform_scroll_category{max-height:581px;margin:3px 3px 3px 0;box-sizing:border-box} /* 디자인 스크롤 여백 */ .reform_box_adset .reform_subtit_adset{display:block;padding:2px 25px;line-height:32px;color:#111;font-weight:500} .reform_box_adset .reform_subtit_adset + .reform_subtit_adset{padding-top:15px} .reform_list_adset{overflow:hidden;width:786px;padding:0 10px 15px} .reform_list_adset li{float:left;width:262px;margin-top:3px;line-height:24px} .reform_list_adset li .reform_txt_adset{position:relative;display:block;width:210px;height:32px;padding:4px 25px 0 14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box} .reform_list_adset li .reform_txt_adset:hover{border-radius:16px;background:rgba(0,0,0,0.03)} .reform_list_adset li .link_del{position:absolute;top:1px;right:7px;width:10px;height:12px;padding:9px 10px} .reform_list_adset li .link_del .ico_comm{display:inline-block;width:10px;height:10px;margin-top:1px;background-position:-770px -150px;vertical-align:top;opacity:0.3} .reform_list_adset li .reform_txt_adset:hover .ico_del{opacity:0.5} .reform_list_adset li.in_active .reform_txt_adset:hover{background:none} .reform_list_adset li.in_active .reform_txt_adset .ico_del,.reform_list_adset li.in_active .reform_txt_adset:hover .ico_del{opacity:0.1} .reform_txt_adset .ico_sort{display:inline-block;width:6px;height:10px;margin:7px 3px 0 1px;background-position:-800px -205px;vertical-align:top} /* 게재지면,디바이스,입찰방식 */ .reform_box_radiocheck{width:756px;margin-top:15px;padding:20px;border-radius:2px;border:1px solid #ddd;box-sizing:border-box} .reform_box_radiocheck:after{display:block;clear:both;content:''} .reform_item_card > .reform_box_radiocheck{margin-top:0} .reform_box_radiocheck .reform_tit_detail{padding-top:2px;padding-bottom:8px} .reform_item_card .box_radioinp .lab_radio,.reform_item_card .box_checkinp .lab_check{color:#333} .reform_item_card .box_radioinp2 .lab_radio{color:#555} .reform_item_card .box_checkinp .lab_check .link_help{margin-left:2px} .reform_list_radiocheck > li{position:relative;margin-top:15px;margin-right:35px;color:#333} .reform_list_radiocheck li .box_radioinp .ico_radio{margin-top:-9px} .reform_list_radiocheck li .box_radioinp .ico_help{margin-top:3px} .reform_list_radiocheck.reform_list_float{margin-right:-20px} .reform_list_radiocheck.reform_list_float:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''} .reform_list_radiocheck.reform_list_float li{float:left;margin-top:0} .reform_box_radiocheck > .reform_list_radiocheck.reform_list_float li{padding:0 40px 0 0} .reform_box_radiocheck > .reform_list_radiocheck.reform_list_float li:first-child{padding-top:0} .reform_list_radiocheck li:first-child{margin-top:0} .reform_list_radiocheck .reform_desc_radiocheck + .reform_box_radiocheck{margin:15px 0 25px} .reform_desc_radiocheck{padding-top:9px;line-height:20px;color:#777} .reform_desc_radiocheck2{padding-bottom:10px;line-height:20px;color:#777;font-size:13px} .reform_desc_radiocheck3{padding-top:9px;line-height:36px;color:#777} .reform_area_card .reform_desc_radiocheck3 .box_inptxt{display:inline-block;width:45px;padding:7px 15px 7px 15px;margin:0 6px;vertical-align:top} .reform_area_card .reform_desc_radiocheck3 .box_inptxt .inp_txt{text-align:right} .reform_tit_radiocheck{float:left;padding-right:40px;color:#333} .reform_tit_radiocheck + .reform_desc_radiocheck{padding-top:0} .reform_box_radiocheck .reform_tit_radiocheck + .opt_select,.reform_box_radiocheck .reform_tit_radiocheck + .opt_select2{margin:-8px 0 -8px -20px} .reform_box_radiocheck .reform_list_radiocheck li{margin-right:0} .reform_box_radiocheck .reform_list_radiocheck li .btn_card_more{display:inline-block;position:relative;top:-1px;left:-5px;padding:6px} .reform_box_radiocheck .reform_list_radiocheck li.on.btn_card_more{top:-2px} .reform_box_radiocheck .reform_list_radiocheck li .btn_card_more .reform_ico_more{width:15px;height:8px;background-position:-760px -120px} .reform_box_radiocheck .reform_list_radiocheck li.on .btn_card_more .reform_ico_more{background-position:-760px -110px} .reform_subbox_radiocheck{max-width:726px;margin-top:12px;padding:17px 20px 20px;border-radius:2px;background:#f5f5f5} .reform_box_radiocheck .reform_subbox_radiocheck{max-width:716px;margin-top:12px;padding-right:0} .reform_subbox_radiocheck li:first-child{margin-top:15px} .reform_subbox_radiocheck .reform_desc_radiocheck{padding:12px 10px 2px 0;color:#777} .reform_subbox_radiocheck .reform_desc_radiocheck + .reform_desc_radiocheck{padding-top:18px} .reform_subbox_radiocheck .reform_desc_radiocheck .link_txt{color:#326EDC} .reform_subbox_radiocheck .reform_list_radiocheck{margin-top:-15px} .reform_list_radiocheck li.reform_item_network .reform_subbox_radiocheck{display:none} .reform_list_radiocheck li.on .reform_subbox_radiocheck{display:block} .reform_list_radiocheck li.reform_item_network .reform_subbox_radiocheck{overflow:hidden} .reform_list_radiocheck li.reform_item_network .reform_subbox_radiocheck li,.reform_subbox_radiocheck .reform_list_float li{float:left;width:33%} .reform_subbox_radiocheck .reform_list_float li:nth-child(3n-1){width:38%} .reform_subbox_radiocheck .reform_list_float li:nth-child(3n){width:27%} .reform_box_radiocheck .reform_item_card{padding-bottom:2px} .reform_box_radiocheck > .reform_subbox_radiocheck li{margin-top:15px} .reform_subbox_radiocheck li + li{margin-top:15px} .reform_box_radiocheck > .reform_list_radiocheck + .reform_subbox_radiocheck{margin-top:16px} .reform_list_budget li:first-child{margin-top:0} .reform_list_budget li .reform_tit_budget{display:inline-block;width:158px} .reform_list_budget + .reform_desc_radiocheck{margin-top:5px} .check_budget{margin:8px 0 0 20px} .reform_area_card .reform_desc_radiocheck .box_inptxt{display:inline-block;width:75px;vertical-align:top} .reform_list_radiocheck2 li{position:relative;margin-right:35px;color:#333} .reform_list_radiocheck2 li + li{margin-top:19px} .reform_list_radiocheck2 .lab_check{padding-left:28px;line-height:22px} .reform_list_radiocheck .reform_item_sublist .reform_box_time{margin:9px 0 0 26px} .reform_list_radiocheck li .day_completetool{margin-top:11px} .reform_item_card .reform_list_radiocheck.reform_list_float ~ .reform_box_radiocheck{margin-top:15px} .reform_item_card .reform_list_radiocheck.reform_list_float ~ .reform_box_radiocheck .reform_desc_radiocheck{font-size:12px;line-height:18px} .reform_item_card .reform_list_radiocheck.reform_list_float ~ .reform_box_radiocheck .box_checkinp{margin-top:6px} .reform_subbox_radiocheck .reform_desc_radiocheck + .reform_item_card{margin-top:16px} .reform_item_card .reform_list_radiocheck.reform_list_float ~ .reform_box_radiocheck .box_checkinp + .reform_area_adbid{display:none} .reform_item_card .reform_list_radiocheck.reform_list_float ~ .reform_box_radiocheck .box_checkinp.on + .reform_area_adbid{display:block} .reform_subbox_radiocheck .box_info2{padding:14px 14px 14px 34px;margin:15px 20px 0 0;line-height:18px} .reform_subbox_radiocheck .box_info2 .ico_info4{position:absolute;top:17px;left:14px} .reform_subbox_radiocheck .box_info2 + .reform_desc_radiocheck{padding-top:20px} .reform_m_aside .reform_wrap_existing .reform_list_complete .img_thumb{width:60px;height:60px} .reform_item_card .box_radioinp .lab_radio .txt_badge{display:inline-block;height:18px;padding:0 3px;margin:1px 0 0 8px;border-radius:3px;font-weight:500;font-size:11px;line-height:17px;color:var(--blue500s);background:rgba(50,110,220,0.14);vertical-align:top}/*** 소재 만들기 ***/ /* 설정완료 소재 */ .reform_list_complete{float:left;display:block;padding-left:30px;padding-right:30px;white-space:nowrap} .reform_list_complete li{display:inline-block;width:160px;text-align:left;white-space:nowrap;vertical-align:top} .reform_list_complete li + li{margin-left:16px} .reform_list_complete li .reform_link_imgcomplete{display:block;position:relative;overflow:hidden;padding:0;text-decoration:none} .reform_list_complete .reform_img_file{display:table;width:160px;height:160px;text-align:center;vertical-align:middle} .reform_list_complete .reform_link_txtcomplete{display:inline-block;max-width:100%;padding-top:10px} .reform_list_complete .reform_link_txtcomplete:hover{text-decoration:none} .reform_list_complete .reform_link_txtcomplete .fc_empty{float:right;margin-top:-1px;padding-left:3px;font-size:12px} .reform_list_complete .reform_tit_file{display:block;overflow:hidden;line-height:20px;font-weight:400;font-size:12px;color:#333;text-overflow:ellipsis;white-space:nowrap} .reform_list_complete .reform_txt_file{display:block;overflow:hidden;line-height:20px;margin-top:-2px;font-size:12px;color:#777;text-overflow:ellipsis;white-space:nowrap} .reform_list_complete .reform_tit_file .ico_sort{display:inline-block;width:7px;height:11px;margin:4px 2px 0 4px;background-position:-855px -200px;vertical-align:top} .os_mac .reform_list_complete .reform_tit_file .ico_sort{margin-top:5px} .reform_list_complete .reform_img_file .inner_img_file{display:table-cell;width:160px;height:160px;text-align:center;vertical-align:middle} .reform_list_complete .reform_img_file .inner_img_file img{vertical-align:middle} .reform_list_complete .reform_img_file .reform_bg_file{display:inline-block;width:100%;height:100%;background:#fff;vertical-align:middle} .reform_list_complete .reform_img_file .reform_no_img{display:table-cell;width:160px;height:160px;font-size:12px;line-height:14px;color:rgba(119,119,119,0.3);background:#f5f5f5;vertical-align:middle} .reform_list_complete .reform_img_file .ico_mov{position:absolute;right:6px;bottom:12px;width:16px;height:16px;background-position:-880px -120px} .reform_list_complete li .reform_link_imgcomplete:hover .reform_img_file.frame_g{border-color:#326EDC} .reform_list_complete li .btn_del{display:none;position:absolute;top:7px;right:6px;z-index:10;width:28px;height:28px} .reform_list_complete li .btn_del .ico_del{width:28px;height:28px;background-position:-785px -135px} .reform_list_complete li .reform_img_file:after{display:none;position:absolute;top:0;left:0;z-index:1;width:160px;height:160px;background:#000;opacity:0.08;content:''} .reform_list_complete li .reform_link_imgcomplete:hover .reform_img_file:after,.reform_list_complete li .reform_link_imgcomplete:hover .btn_del{display:block} .reform_list_complete li.img_load_ok:hover .reform_img_file:after,.reform_list_complete li.img_load_ok:hover .btn_del,.reform_list_complete li.on:hover .reform_img_file:after,.reform_list_complete li.on:hover .btn_del{display:none} .reform_list_complete li .frame_g{z-index:10;border:1px solid rgba(0,0,0,0.08)} .reform_list_complete li .frame_g,.reform_list_complete li .load_img{position:absolute;top:0;left:0;width:160px;height:160px;box-sizing:border-box} .reform_list_complete li.img_load_ok .load_img .ico_loading{width:20px;height:14px;margin:73px auto;background-position:-835px -70px} .reform_list_complete li.img_load_ok .load_img,.reform_list_complete li.img_load_ok:hover .load_img{display:block;background:rgba(50,110,220,0.6)} .reform_list_complete li.on .frame_g{border:2px solid #326EDC} .reform_list_complete li.in_error .frame_g{display:block;border:2px solid #fc4842} .reform_list_complete li.on .ico_liston{position:absolute;top:10px;left:10px;width:20px;height:20px;background-position:-790px -90px} /* 기존 소재 */ .reform_wrap_material .reform_box_existing{float:left;width:419px;height:775px;padding:0;border-radius:4px 0 0 0;border-top:none;border-right:1px solid #ebebeb;border-bottom:1px solid #ebebeb;background:#fff;box-sizing:border-box} .reform_wrap_material .reform_box_existing + .reform_box_existing{position:relative;width:618px;border-right:none} .reform_wrap_material .reform_desc_existing{position:absolute;bottom:-58px;left:0;z-index:1;width:200px;font-size:16px;font-weight:500;text-align:center} .reform_wrap_material .reform_desc_existing .reform_desc_complete .fc_empty{display:inline-block;padding-left:3px} .reform_wrap_material .reform_page_btn.reform_page_existing{clear:both;padding-top:30px} .reform_cont_complete .reform_txt_complete{padding-top:63px;color:#777;font-size:12px;text-align:center} .reform_group_message .reform_desc_item:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''} .reform_box_existing .reform_scroll_complete{float:left;padding:0 3px 3px 0} /* 디자인 스크롤 여백 */ .reform_box_existing .reform_scroll_complete .reform_list_complete{overflow-y:auto;height:709px} .reform_box_existing .reform_list_complete{padding:11px 0 0 10px} .reform_box_existing .reform_list_complete li{float:left;height:205px;margin:0 0 25px 30px} .reform_box_existing .reform_list_complete li .reform_link_imgcomplete:hover .btn_del{display:none} .reform_box_existing .reform_tit_itemwrap{display:block;padding:26px 40px 8px} .reform_box_existing .reform_txt_file{margin-top:-6px} .reform_box_existing .reform_list_complete .reform_img_file .ico_mov{bottom:16px} .reform_search_complete{padding:11px 40px 0} .reform_search_complete .reform_inner_complete{padding-bottom:20px;margin-bottom:10px;border-bottom:1px solid #ddd} .reform_box_existing .reform_material_item{padding:0 3px 0 0} /* 디자인 스크롤 여백 */ .reform_material_item .txt_nodata{padding-top:305px;text-align:center} .reform_scroll_searchlist{overflow-y:auto;height:641px;padding:0 30px} .reform_list_import li{display:block;padding-top:11px} .reform_list_import .reform_tit_info{display:block;overflow:hidden;line-height:20px;font-weight:400;font-size:14px;color:#555;text-overflow:ellipsis;white-space:nowrap} .reform_list_import .reform_link_info{display:block;border-radius:2px} .reform_list_import .reform_inner_link{display:inline-block;position:relative;max-width:100%;height:30px;padding:5px 10px 4px 26px;color:#555;box-sizing:border-box} .reform_list_import .reform_link_info:hover{background:rgba(0,0,0,0.03);text-decoration:none} .reform_list_import .reform_link_info .fc_empty{float:right;padding-left:2px;color:#555} .reform_num_info{float:right;height:16px;padding:0 5px;margin:3px 0 0 7px;border-radius:8px;font-size:10px;line-height:16px;color:#fff;background:#326EDC} .reform_list_import .reform_link_info .ico_arrow{position:absolute;top:12px;left:10px;width:8px;height:5px;background-position:-865px 0} .reform_list_import li.item_on > .reform_link_info .reform_tit_info,.reform_list_import li.item_on > .reform_link_info .fc_empty{color:#111} .reform_list_import .reform_link_info.on .reform_tit_info,.reform_list_import .reform_link_info.on .fc_empty{color:#111;font-weight:500} .reform_list_import li.item_on .reform_link_info .ico_arrow{background-position:-865px -5px} .reform_sublist_import{display:none;padding-top:5px} .reform_list_import li.item_on .reform_sublist_import{display:block} .reform_sublist_import li .reform_link_info{padding-left:20px} .reform_sublist_import li{padding-top:5px} .reform_sublist_import li.on .reform_link_info{background:#f1f6fc} .reform_list_import li.on .reform_link_info:hover{background:#f1f6fc} .reform_sublist_import li.on .reform_link_info .reform_tit_info,.reform_sublist_import li.on .reform_link_info .fc_empty{color:#326EDC} .reform_wrap_material .reform_box_existing .reform_img_file .inner_img_file .img_thumb{width:160px;height:160px} /* 기존소재 > 비활성화 케이스 */ .reform_list_complete .reform_tit_file .link_help{height:14px} .reform_list_complete .reform_tit_file .link_help .ico_info{margin:0 5px 0 0} .reform_box_existing .reform_list_complete li.disabled .reform_link_imgcomplete{pointer-events:none;cursor:default} .reform_box_existing .reform_list_complete li.disabled .reform_tit_file{color:#999} .reform_box_existing .reform_list_complete li.disabled .reform_txt_file{color:#999} .reform_list_complete li.disabled .reform_link_imgcomplete:after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.3)} /* 메시지 소재 목록 */ .reform_wrap_material .reform_group_message .reform_desc_existing{left:50%;bottom:-61px;margin-left:-88px;text-align:center} .reform_wrap_material .reform_group_message .reform_box_existing{position:relative;width:100%} .reform_wrap_material .reform_group_message .reform_box_existing .txt_nodata{display:table-cell;text-align:center;vertical-align:middle} .reform_wrap_material .reform_box_existing .reform_scroll_complete .reform_list_complete{height:718px;margin-left:-1px;padding-left:0;padding-top:10px;box-sizing:border-box} .reform_wrap_material .reform_group_message .reform_list_complete{padding-top:17px;padding-left:12px} .reform_wrap_material .reform_group_message .reform_list_complete li{margin-left:40px;margin-bottom:25px} /* 메시지만들기 > */ .reform_box_infomsg{padding:15px 20px;border:1px solid #ddd;border-radius:2px} .reform_box_infomsg .desc_infomsg{font-size:12px;line-height:18px;color:#111} .reform_box_infomsg .subtit_infomsg{display:block;padding-top:10px;font-size:12px;font-weight:400;line-height:18px;color:#666} .reform_box_infomsg .list_infomsg li{font-size:12px;line-height:18px;color:#666} .reform_box_infomsg .link_txt{color:#326edc;text-decoration:underline} /* 새로운 소재 */ .reform_wrap_material .reform_new_material{overflow:hidden;border-bottom:1px solid #ebebeb} .reform_new_material .reform_tit_material{overflow:hidden;position:relative} .reform_wrap_material .reform_page_btn{position:relative;clear:both;margin-top:0;padding:0 40px 30px} .reform_new_material .reform_subtit_subject{padding:17px 39px 18px} .reform_new_material .reform_desc_endmodify{display:inline-block;padding-left:10px;padding-top:2px;margin-bottom:-2px;font-size:12px;font-weight:500;color:#333;vertical-align:top} .reform_new_material .reform_desc_endmodify .ico_arr{width:6px;height:10px;margin:8px 4px 0 6px;background-position:-775px -160px} .reform_new_material .reform_desc_endmodify .fc_empty{display:inline-block;padding-left:3px} .reform_new_material .reform_desc_subject{height:29px;padding-left:40px;font-size:12px;color:#777;line-height:29px;background:#fafafa;border-top:1px solid #ebebeb} .reform_new_material .reform_desc_subject .reform_subtit_subject2{display:inline-block;padding-right:10px;color:#555;font-weight:500} .reform_new_material .reform_desc_subject .ico_arr{display:inline-block;width:6px;height:10px;margin:10px 5px 0 5px;background-position:-775px -160px;opacity:0.7} .reform_new_material .reform_desc_subject .reform_desc_endmodify{font-size:14px;color:#333;font-weight:500} .reform_new_material .reform_tit_material .reform_desc_subject + .f_right{top:0;right:22px} .reform_new_material .reform_tit_material .reform_desc_subject + .f_right .link_help5{margin-top:15px} .reform_top_complete{position:absolute;top:0;right:22px} .reform_top_complete li{float:left;position:relative;margin:0 3px} .reform_top_complete .reform_btn_complete:hover{text-decoration:none} .reform_top_complete li .reform_btn_complete{color:#555} .reform_top_complete li.on .reform_btn_complete{color:#326EDC} .reform_top_complete li.on .reform_btn_complete .inner_g:after{position:absolute;bottom:0;left:0;right:0;height:1px;background:#326EDC;content:''} .reform_top_complete .reform_btn_complete .inner_g{display:inline-block;padding:20px 14px 19px 10px} .reform_top_complete .reform_btn_complete .ico_comm{display:inline-block;width:15px;height:15px;margin:3px 8px 0 0;background-position:-730px -130px} .reform_top_complete .reform_btn_complete.in_active .ico_comm{background-position:-840px -200px} .reform_top_complete .reform_btn_complete.in_active .inner_g{color:#aaa} .reform_new_material .reform_desc_endmodify + .txt_bar{display:inline-block;width:1px;height:12px;margin:4px 5px;background:#ccc;vertical-align:top} .reform_new_material .txt_barl + .reform_desc_endmodify{display:inline-block} .reform_new_material .reform_cont_material{padding:21px 0 30px 41px;border-top:1px solid #ebebeb} .reform_material_type{overflow:hidden;min-height:74px;margin-right:-12px} .reform_material_type .txt_nodata{margin-top:10px;line-height:62px;color:#999;text-align:center} .reform_material_type .box_radioinp{float:left;position:relative;width:150px;height:64px;margin:10px 12px 0 0} .reform_material_type .box_radioinp .lab_radio{overflow:hidden;padding:0 40px 0 14px;line-height:40px;font-size:16px;color:#777;border:1px solid #E8E8E8;border-radius:4px;background:#f7f8fb;box-sizing:border-box} .reform_material_type .box_radioinp:hover .lab_radio{border-color:#A0BFF8} .reform_material_type .box_radioinp .tit_type,.reform_material_type .box_radioinp .txt_type{display:block;padding-top:2px;font-size:14px;font-weight:500;color:#111;line-height:20px} .reform_material_type .box_radioinp .txt_type{padding-top:10px;font-size:12px;color:#111;opacity:0.5} .reform_material_type .inp_radio:checked + .lab_radio,.reform_material_type .box_radioinp.on .lab_radio{border-color:#326edc;background:#326edc} .reform_material_type .inp_radio:checked + .lab_radio .tit_type,.reform_material_type .box_radioinp.on .tit_type,.reform_material_type .inp_radio:checked + .lab_radio .txt_type,.reform_material_type .box_radioinp.on .txt_type{color:#fff} .reform_material_type .box_radioinp .ico_comm{position:absolute;top:13px;right:16px} .reform_material_type .reform_ico_img{width:20px;height:16px;background-position:-760px -70px} /* 이미지 */ .reform_material_type .inp_radio:checked + .lab_radio .reform_ico_img,.reform_material_type .box_radioinp.on .reform_ico_img{background-position:-735px -70px} .reform_material_type .reform_ico_vod{width:20px;height:16px;background-position:-810px -70px} /* 동영상 */ .reform_material_type .inp_radio:checked + .lab_radio .reform_ico_vod,.reform_material_type .box_radioinp.on .reform_ico_vod{background-position:-785px -70px} .reform_material_type .reform_ico_message{width:18px;height:18px;background-position:-715px -70px} /* 메시지 */ .reform_material_type .inp_radio:checked + .lab_radio .reform_ico_message,.reform_material_type .box_radioinp.on .reform_ico_message{background-position:-695px -70px} .reform_material_type .reform_ico_service{width:20px;height:16px;background-position:-780px -740px} /* 서비스 */ .reform_material_type .inp_radio:checked + .lab_radio .reform_ico_service,.reform_material_type .box_radioinp.on .reform_ico_service{background-position:-755px -740px} .reform_new_material .reform_tit_material .f_right{position:absolute;top:15px;right:40px} .reform_new_material .reform_tit_material .f_right .reform_top_complete{display:inline-block;overflow:hidden;position:relative;right:0;margin-left:18px;vertical-align:top} .reform_new_material .reform_tit_material .f_right .link_help5{padding:6px 0 7px 8px} .reform_new_material .reform_desc_emph{border-top:1px solid #eee;color:#326EDC;background:#F2F6FD} .reform_new_material.type_person .reform_cont_material{padding:11px 38px 21px 39px;border-top:1px solid #eee} .reform_new_material.type_person .reform_subtit_subject2{padding-right:25px} .reform_new_material .reform_desc_emph .reform_subtit_subject2{padding-right:15px;color:#326EDC} /* 소재설정 */ .reform_wrap_material{margin-top:30px;border:1px solid #ddd;background:#fff} .dsp_tit + .reform_wrap_material{margin-top:0} .reform_wrap_material:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''} .reform_wrap_material .reform_group_material{display:flex;position:relative;background:#fafafa} .reform_tit_material + .reform_group_material{border-top:0 none} .reform_group_material + .reform_cont_material{border-radius:0 0 4px 4px} .reform_wrap_material .reform_box_material{position:relative;width:520px;border-radius:4px 0 0 0;border-top:none;border-right:1px solid #ebebeb;background:#fff;box-sizing:border-box} .reform_box_material .reform_inner_material{position:relative;padding:30px 39px 37px;box-sizing:border-box} .reform_box_material .reform_inner_material .reform_material_item + .reform_item_data{margin-top:20px} .reform_box_material .reform_inner_material.reform_inner_data .reform_item_data + .reform_item_data,.reform_box_material .reform_inner_material.reform_inner_data .reform_item_data.off{margin-top:20px} .reform_box_material .reform_inner_material.reform_inner_data .reform_item_data.off + .reform_item_data.off,.reform_box_material .reform_inner_material.reform_inner_data .reform_item_data.off + .reform_item_data{margin-top:5px} .reform_box_material .reform_inner_material.reform_inner_data .reform_item_data:first-child{margin-top:0} .reform_material_item .item_material.off .reform_tit_itemwrap{padding-bottom:0} .reform_box_material .reform_inner_material + .reform_inner_material{margin-top:-3px;padding-top:20px;padding-bottom:30px;border-top:1px solid #ebebeb} .item_material + .item_material{margin-top:25px} .reform_material_item + .reform_material_item,.reform_material_item + .reform_item_set,.reform_item_set + .reform_material_item,.reform_item_set + .reform_item_set,.reform_item_set .item_material + .item_material{margin-top:25px} .reform_item_set .item_material{margin-top:10px} .reform_material_item .reform_tit_itemwrap,.reform_item_set .reform_tit_itemwrap{position:relative;overflow:hidden;display:block;padding-bottom:10px;line-height:20px} .reform_tit_itemwrap .tit_item .link_g,.reform_regist_img .reform_btn_set .link_help{position:static;top:0;right:0;width:20px;height:20px} .reform_tit_itemwrap .tit_item .link_g .ico_help{margin:3px auto;background-position:-865px -30px} .reform_tit_itemwrap .tit_item .link_g:hover .ico_help{background-position:-865px -30px} .reform_tit_itemwrap .txt_info{color:#777777} .reform_tit_itemwrap .f_right{position:absolute;top:1px;right:0} .reform_tit_itemwrap .f_right:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''} .reform_tit_itemwrap .f_right .box_checkinp,.reform_tit_itemwrap .f_right .link_help{float:left} .reform_tit_itemwrap .f_right .link_help{margin:1px -3px 0 0} .reform_item_set .reform_desc_item .txt_error,.reform_group_item{display:block;padding-top:6px} .reform_material_item .reform_desc_item .txt_error{display:block} /*QA 수정 :KAMOQA-16254 */ .reform_material_item .reform_tit_itemwrap .reform_btn_itemwrap,.reform_item_set .reform_tit_itemwrap .reform_btn_itemwrap{text-decoration:none} .reform_item_set .reform_tit_itemwrap .ico_arr{display:inline-block;width:14px;height:8px;margin:6px 0 0 4px;background-position:-830px -90px;vertical-align:top} .item_material.off .reform_tit_itemwrap .ico_arr{background-position:-830px -100px} .item_material.off .reform_desc_item{display:none} .reform_item_set > .reform_tit_itemwrap{padding-bottom:0} .reform_subtit_itemwrap{overflow:hidden;position:relative;padding:4px 0 2px} .reform_subtit_item{color:#333;font-size:12px;line-height:24px} .reform_subtit_itemwrap .box_checkinp{float:right;margin-top:-3px} .reform_subtit_itemwrap .box_checkinp .lab_check{font-size:14px;line-height:20px;color:#555} .reform_subtit_itemwrap .reform_subtxt_item{overflow:hidden;padding-top:7px;font-size:13px;line-height:20px;color:#777} /*메시지만들기에서 사용*/ .reform_subtxt_item .desc_g{float:left} .reform_subtxt_item .desc_g + .desc_g{position:relative;padding-left:18px} .reform_subtxt_item .desc_g + .desc_g:after{position:absolute;top:50%;left:9px;width:1px;height:10px;margin-top:-5px;background:#ddd;content:''} .reform_item_set.off .reform_material_item{display:none} .reform_item_set > .reform_tit_itemwrap .reform_btn_itemwrap{position:relative;padding-left:13px;font-weight:500;font-size:12px;color:#777} .reform_item_set > .reform_tit_itemwrap .reform_btn_itemwrap:hover{text-decoration:underline} .reform_item_set > .reform_tit_itemwrap .reform_btn_itemwrap .ico_arr{position:absolute;top:7px;left:0;width:8px;height:5px;margin:0;background-position:-865px -20px} .reform_item_set.off > .reform_tit_itemwrap .reform_btn_itemwrap .ico_arr{background-position:-865px -15px} .reform_material_item .box_textarea2 .tf_area{overflow-y:auto;padding-top:7px;padding-right:15px} .reform_material_item .box_textarea2 .num_byte + .tf_area{padding-right:58px} .reform_material_item .box_textarea2 .btn_history + .num_byte + .tf_area{padding-right:80px} .reform_wrap_material .box_textarea2 + .reform_subtit_itemwrap{margin-top:19px} .reform_wrap .reform_material_item .reform_subtit_itemwrap + .box_textarea2{margin-top:0} .reform_material_item .reform_txt_info{width:440px} .reform_desc_material{padding-top:13px;color:#555} .reform_desc_item > .reform_desc_material{padding-top:0} .reform_wrap_material .reform_profile_upload{overflow:hidden;padding-bottom:25px} .reform_wrap_material .reform_profile_upload .box_checkinp{float:right;height:23px;padding-top:10px} .reform_wrap_material .reform_profile_upload .box_checkinp .inp_check,.reform_wrap_material .reform_profile_upload .box_checkinp .ico_check{margin-top:-5px} .reform_wrap_material .reform_profile_upload .box_checkinp .lab_check{line-height:18px} .reform_desc_item .reform_box_inptxt + .reform_box_inptxt{padding-top:9px} .reform_material_item .box_textarea2.tf_num2 + .group_checkinp{margin-top:10px} .reform_material_item .reform_box_inptxt + .reform_regist_btn{padding-top:10px} .reform_material_item .item_material .txt_error + .reform_regist_btn{padding-top:20px} .reform_wrap_material .reform_view_material{width:517px} .reform_view_material .reform_view_guide{position:absolute;bottom:37px;right:40px;width:440px;padding:16px 20px 16px 20px;border:1px solid #e8e8e8;box-sizing:border-box} .reform_view_material .reform_view_list li{position:relative;padding-left:8px;line-height:18px;font-size:12px;color:#666} .reform_view_material .reform_view_list li:before{position:absolute;top:8px;left:1px;width:2px;height:2px;border-radius:50%;background:#666;content:''} .reform_view_material .reform_material_item{position:relative;padding:30px 39px 0;border-radius:0 4px 0 0} .reform_view_material .reform_material_item .view_tit{padding-top:1px} .reform_view_material .reform_material_item .view_tit .tit_materialcont{font-weight:500;color:#111} .reform_view_material .reform_material_item .view_tit .tit_materialcont .link_help{margin-top:-3px} .reform_view_material .reform_material_item .view_tit .fc_emph{font-size:12px} .reform_view_material .reform_material_item .view_tit .btn_gs{height:30px} .reform_view_material .reform_material_item .view_cont{padding-top:2px;font-weight:400;color:#555;font-size:12px} .reform_view_material .control_btn{position:absolute;bottom:-4px;right:40px} .reform_view_material .control_btn .num_paging{float:left;padding-right:6px;color:#999;line-height:26px;font-size:12px;font-weight:400} .reform_view_material .control_btn .num_paging .txt_bar{padding:0 1px;color:#999} .reform_view_material .control_btn .num_paging .txt_current{color:#999;font-size:12px;font-weight:400} .reform_view_material .control_btn .num_paging .num_current{color:#111;font-weight:700} .reform_view_material .control_btn .btn_gs{float:left;border:1px solid #E8E8E8;border-radius:2px 0 0 2px} .reform_view_material .control_btn .btn_gs + .btn_gs{border-radius:0 2px 2px 0} .reform_view_material .control_btn .btn_gs .ico_prev,.reform_view_material .control_btn .btn_gs .ico_next{width:8px;height:10px;margin:8px auto 0} .reform_view_material .control_btn .btn_gs .ico_prev{background-position:-775px -110px} .reform_view_material .control_btn .btn_gs .ico_next{background-position:-785px -110px} .reform_view_material .control_btn span.btn_gs .ico_prev,.reform_view_material .control_btn span.btn_gs .ico_next{opacity:0.3} .reform_wrap_material .reform_cont_material{position:relative;clear:both;padding:20px 38px 30px 39px;border-top:1px solid #ebebeb} .reform_material_item .box_inptxt{padding-right:10px;border-radius:2px} .reform_material_item .box_textarea2{padding-right:3px;border-radius:2px} .reform_material_item .box_inptxt .num_byte,.reform_material_item .box_textarea2 .num_byte{font-weight:400} .reform_wrap_material .reform_cont_material .reform_material_item .tit_item{padding-top:1px;font-weight:500;color:#111} .reform_material_item .reform_btn_itemwrap2{position:relative;display:block;text-decoration:none} .reform_material_item .reform_btn_itemwrap2 .ico_arr{position:absolute;top:0;right:0;width:14px;height:8px;margin:6px 0 0 4px;background-position:-745px -120px;vertical-align:top} .reform_material_item .reform_btn_itemwrap2.on .ico_arr{background-position:-745px -110px} .reform_material_item .box_inptxt + .box_inptxt,.reform_material_item .box_inptxt + .box_textarea,.reform_material_item .box_inptxt + .box_textarea2,.reform_material_item .box_textarea + .box_inptxt,.reform_material_item .box_textarea + .box_textarea,.reform_material_item .box_textarea + .box_textarea2,.reform_material_item .box_textarea2 + .box_inptxt,.reform_material_item .box_textarea2 + .box_textarea,.reform_material_item .box_textarea2 + .box_textarea2{margin-top:10px} .item_material .upload_sub .txt_error + .opt_select,.item_material .upload_sub .txt_error + .opt_select2,.item_material .upload_sub .txt_error + .box_inptxt,.item_material .upload_sub .txt_error + .box_textarea,.item_material .upload_sub .txt_error + .box_textarea2{margin-top:10px} .item_material .regist_error + .opt_select,.item_material .regist_error + .opt_select2,.item_material .regist_error + .box_inptxt,.item_material .regist_error + .box_textarea,.item_material .regist_error + .box_textarea2{margin-top:10px} .reform_material_item .item_material .txt_error{padding-top:10px} .reform_wrap .reform_material_item .box_textarea2{height:76px} .reform_wrap .reform_material_item .box_textarea2.textarea_s{height:55px} .reform_wrap .reform_material_item .box_textarea.textarea_l{height:194px} .reform_wrap .reform_material_item .box_textarea.textarea_l .lab_txt{padding-right:58px} .reform_wrap .reform_material_item .box_textarea2 .tf_area{line-height:20px} .reform_wrap .reform_material_item .box_textarea2 .lab_txt{top:7px;right:55px} .reform_wrap .reform_material_item .upload_sub .box_textarea2 + .box_checkinp,.reform_wrap .reform_material_item .box_textarea2 + .box_checkinp,.reform_wrap .reform_material_item .box_inptxt + .box_checkinp,.reform_wrap .reform_material_item .opt_select + .box_checkinp{margin-top:14px} .reform_wrap .reform_material_item .item_bg{border-radius:2px;border:1px solid rgba(50,110,220,0.1);background:#F2F6FD} .reform_wrap .reform_material_item .item_bg.item_tooltip{border-color:#326EDC} .reform_wrap .reform_material_item .item_bg .tit_item{font-weight:700} .reform_wrap .reform_material_item .item_bg .reform_box_infomsg{padding:15px;border:none} .reform_wrap .reform_material_item .item_bg .reform_box_infomsg .desc_infomsg{color:#333;letter-spacing:-0.1px} .reform_wrap .reform_material_item .item_bg .reform_tit_itemwrap{padding:14px 15px 12px} .reform_wrap .reform_material_item .item_bg .reform_tit_itemwrap + .reform_desc_item{margin-top:-7px} .reform_wrap .reform_material_item .item_bg .reform_tit_itemwrap + .reform_desc_item .reform_box_infomsg{padding:0 15px 15px 41px} .reform_wrap .reform_material_item .item_bg .box_checkinp .lab_check{color:#333} .item_material .upload_sub .tit_item,.item_material .reform_sub_imgbnr .tit_item{font-weight:700;font-size:12px} .reform_group_inptxt{position:relative;overflow:hidden} .reform_material_item .box_inptxt + .reform_group_inptxt,.reform_material_item .box_textarea + .reform_group_inptxt,.reform_material_item .box_textarea2 + .reform_group_inptxt,.reform_material_item .reform_group_inptxt + .reform_group_inptxt{padding-top:10px} .reform_group_inptxt .reform_subtit_item{float:left;width:40px;line-height:36px} .reform_group_inptxt .box_inptxt{float:left;width:373px} .reform_regist_btn + .reform_group_item,.reform_guide_file + .reform_group_item,.reform_guide_file + .reform_regist_vod,.reform_guide_file + .reform_regist_img{margin-top:20px} .reform_group_item{padding:20px;border:1px solid #ddd} .reform_material_item .box_inptxt + .reform_group_item,.reform_material_item .box_textarea + .reform_group_item,.reform_material_item .box_textarea2 + .reform_group_item,.reform_material_item .reform_group_item + .reform_group_item{margin-top:10px} .reform_group_item .reform_tit_itemwrap + .box_radioinp{display:block;margin-top:7px} .reform_group_item .reform_tit_itemwrap + .box_radioinp + .box_radioinp{margin-top:15px;margin-left:0} .reform_desc_item .box_radioinp + .box_radioinp{margin-left:40px} .reform_group_item .box_radioinp + .reform_regist_btn,.reform_group_item .box_radioinp + .reform_regist_img{margin-top:10px} .reform_group_item .reform_regist_img,.reform_group_item .reform_regist_vod{width:auto} .reform_group_item .reform_regist_img .link_g .ico_modify{display:none} .reform_group_item .reform_regist_img:hover .link_g .ico_modify{display:block} .reform_group_item .reform_regist_img + .reform_tit_itemwrap,.reform_group_item .reform_regist_vod + .reform_tit_itemwrap,.reform_group_item .reform_link_imgbnr + .reform_tit_itemwrap,.reform_group_item .reform_regist_btn + .reform_tit_itemwrap,.reform_group_item .box_inptxt + .reform_tit_itemwrap,.reform_group_item .regist_error + .reform_tit_itemwrap{padding-top:20px} .reform_material_item .reform_group_item .reform_item_file .btn_del{display:block} .reform_list_imgbnr li .reform_sub_imgbnr .reform_group_item .link_g{display:none} .reform_list_imgbnr li .reform_sub_imgbnr .reform_group_item .link_g.link_help{display:inline-block} .reform_list_imgbnr li .reform_sub_imgbnr .reform_link_imgbnr:hover .link_g{display:block} .reform_sub_imgbnr .reform_group_item .reform_regist_btn + .reform_tit_itemwrap,.reform_sub_imgbnr .reform_group_item .reform_regist_img + .reform_tit_itemwrap,.reform_sub_imgbnr .reform_group_item .reform_regist_vod + .reform_tit_itemwrap{padding-top:23px} .reform_sub_imgbnr .reform_group_item .reform_link_imgbnr + .reform_tit_itemwrap{padding-top:19px} .reform_group_set{margin-top:8px} .reform_group_set .reform_box_inptxt{display:none;margin-top:10px;padding:10px 20px 10px 20px;background:#F5F5F5} .reform_group_set .reform_box_inptxt .reform_subtit_itemwrap{margin-top:0;margin-bottom:2px} .reform_group_set .reform_box_inptxt .box_textarea2{margin-bottom:10px} .reform_btn_set{display:inline-block;position:relative;padding:5px 5px 5px 11px;font-size:12px;color:#777;vertical-align:top} .reform_btn_set:hover{text-decoration:underline} .reform_btn_set .ico_comm{position:absolute;top:11px;left:0;width:8px;height:5px;background-position:-865px -15px} .reform_btn_set + .reform_box_inptxt{margin-top:0} .reform_group_set .reform_subtit_itemwrap .box_checkinp{margin-top:1px} .reform_group_set.on .reform_btn_set .ico_comm,.reform_btn_item.on .reform_btn_set .ico_comm{background-position:-865px -20px} .reform_group_set.on .reform_box_inptxt{display:block} .reform_material_item + .reform_btn_item{margin:0 0 -5px;padding-top:26px} .reform_btn_item .reform_btn_set{font-weight:500;color:#326EDC} .reform_btn_set + span .link_help,.reform_btn_set + .link_help{margin:5px 0 0 -5px} .reform_regist_img .reform_group_set .link_help{position:relative;top:auto;right:auto;width:20px;height:20px;margin-top:0} .reform_regist_img .reform_group_set .link_help .ico_help,.reform_regist_img .reform_group_set .link_help:hover .ico_help{margin-top:4px;background-position:-865px -30px} .reform_material_item .reform_regist_btn + .reform_box_inptxt{margin-top:8px} /* 2023-07-31 추가 *//*** 첨부이미지 ***/ .reform_regist_img,.reform_regist_vod{overflow:hidden;position:relative;width:440px;height:90px;border:1px solid #ddd;background-color:#fff} .reform_regist_img.in_active,.reform_regist_vod.in_active,.basic_layer.bnrimg_layer .bnrimg_insert .reform_regist_img.in_active,.basic_layer.bnrimg_layer .bnrimg_insert .reform_regist_vod.in_active{background:#f5f5f5} .reform_regist_img + .reform_regist_img,.reform_regist_vod + .reform_regist_vod,.reform_regist_img + .reform_regist_vod,.reform_regist_vod + .reform_regist_img,.reform_sub_regist + .reform_regist_img,.reform_sub_regist + .reform_regist_vod{margin-top:10px} .reform_regist_img .reform_item_file,.reform_regist_vod .reform_item_file{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:auto} .reform_regist_img .reform_item_file .inp_file,.reform_regist_vod .reform_item_file .inp_file{position:absolute;left:0;top:0;z-index:10;width:100%;height:100%;font-size:99px;text-indent:-9999px;opacity:0.01;filter:alpha(opacity=0);cursor:pointer} .reform_item_file .file_info,.reform_item_file .inner_info{display:block;height:90px;font-size:14px;line-height:20px;color:#333;background:url(/127eae7a6adea334e35d0dc64cd51c8f.png) no-repeat 0 0;background-size:500px 750px} /* 2020-07-17 수정 */ .reform_regist_img.over .file_info,.reform_regist_img .file_info:hover,.reform_regist_img.over .inner_info,.reform_regist_vod.over .file_info,.reform_regist_vod .file_info:hover,.reform_regist_vod.over .inner_info{background-position:0 -95px} .reform_regist_img .reform_item_file:hover > .file_info,.reform_regist_vod .reform_item_file:hover > .file_info{background-position:0 -95px} .reform_regist_img .reform_regist_vod:hover .file_info,.reform_regist_vod .reform_regist_vod:hover .file_info{background-position:0 -265px} .reform_item_file .reform_txt_file{display:table-cell;height:88px;vertical-align:middle} .reform_item_file .reform_txt_file .txt_loading{display:block;display:-webkit-box;overflow:hidden;width:300px;max-height:42px;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical} /*2021-04-07 추가*/ .reform_item_file .reform_txt_file .txt_upload{display:block;padding-top:3px;margin-bottom:-5px} .reform_item_file .inner_info .reform_txt_file .txt_upload{display:inline-block;overflow:hidden;margin:5px 0 -5px;max-width:265px;text-overflow:ellipsis;white-space:nowrap;vertical-align:top} .reform_item_file .inner_info .reform_txt_file .txt_itemname{display:-webkit-box;margin:0 0 -5px;max-width:230px;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal} .reform_item_file .reform_txt_file .txt_byte{display:block;padding-top:3px;font-size:12px;line-height:19px;color:#777} .reform_item_file .reform_txt_file .txt_bar{display:inline-block;overflow:hidden;width:1px;height:10px;margin:5px 8px 0;font-size:0;background:#ddd;vertical-align:top} .reform_item_file .reform_img_file{position:relative;float:left;width:46px;height:46px;margin:22px 20px 0 30px;border-radius:23px;border:1px solid #326EDC;background:none;text-align:center;box-sizing:border-box} .reform_item_file .reform_img_file .ico_comm{display:inline-block;vertical-align:top} .reform_item_file .reform_img_file .reform_ico_img{width:25px;height:16px;margin-top:13px;background-position:-740px -90px} .reform_item_file .reform_img_file .reform_ico_vod{width:20px;height:13px;margin-top:15px;background-position:-715px -90px} .reform_item_file .reform_img_file .reform_ico_file{width:16px;height:20px;margin-top:11px;background-position:-715px -195px} .reform_item_file .reform_img_file .reform_ico_modify{width:19px;height:19px;margin-top:13px;background-position:-770px -90px} .reform_item_file .load_wrap{display:inline-block;position:relative;width:315px;padding:13px 0 11px 0} .reform_item_file .load_wrap .load_bg{width:280px;background-color:#dedede} .reform_item_file .load_wrap .load_bar{border-radius:6px;background-color:#326EDC} .reform_item_file .load_wrap .btn_del{position:absolute;top:2px;right:auto;left:286px;width:20px;height:20px;opacity:0.2} .reform_item_file .load_wrap .btn_del .ico_del{width:10px;height:10px;margin:8px auto;background-position:-770px -150px} .reform_regist_vod.load_ok .reform_img_file .load_img,.reform_regist_img.load_ok .reform_img_file .load_img,.list_material .load_ok .load_img,.reform_list_imgbnr li .load_img{position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(50,110,220,0.6);box-sizing:border-box} .reform_list_imgbnr li > .reform_link_imgbnr:hover{background-color:rgba(0,0,0,0.03);cursor:pointer} .reform_list_imgbnr li > .reform_link_imgbnr:hover .btn_del{display:block} .reform_regist_vod.load_ok .reform_img_file .load_img .ico_loading,.reform_regist_img.load_ok .reform_img_file .load_img .ico_loading,.list_material .load_ok .load_img .ico_loading,.reform_list_imgbnr li .load_img .ico_loading{width:20px;height:14px;margin:30px 0 0 1px;background-position:-835px -70px} .reform_list_imgbnr li .load_img .ico_loading{display:inline-block;vertical-align:top} .load_ok .reform_item_file .reform_txt_file .txt_upload{margin-top:0;padding-top:0} /* 이미지형 - 만들기툴 버튼 */ .reform_regist_img .link_g{position:absolute;top:20px;right:1px;width:50px;height:50px} .reform_regist_img .link_g .ico_modify{margin-top:17px;background-position:-885px -180px} .reform_regist_img .link_g:hover .ico_modify{background-position:-885px -195px} .reform_regist_img button.link_g .ico_modify{margin-top:0} .reform_regist_img .link_g.link_help{position:relative;top:auto;right:auto;width:20px;height:20px} /* 오버 및 버튼 컨트롤 */ .reform_regist_img .reform_item_file:hover,.reform_regist_vod .reform_item_file:hover{background-color:rgba(0,0,0,0.03);cursor:pointer} .reform_material_item .reform_item_file .btn_del{display:none} .reform_regist_img .reform_item_file:hover .btn_del,.reform_regist_vod .reform_item_file:hover .btn_del{display:block} .regist_catalogtool .list_upload .opt_group_row .opt_select2 + .box_textarea2{float:right;width:calc(100% - 108px);margin-top:0}/*** 랜딩url > 애드뷰 미리보기 ***/ .layer_choice2 .list_preview{display:inline-block;position:relative;width:100%;vertical-align:top} .layer_choice2 .link_load{position:absolute;top:18px;right:16px;font-weight:400;font-size:12px;color:#326EDC} .reform_material_item .layer_choice2 .wrap_list{position:relative;font-size:14px} .reform_material_item .layer_choice2 .list_menu li{position:relative} .reform_material_item .layer_choice2 .list_preview .list_menu .tit_menu{-webkit-line-clamp:1} .layer_choice2 .list_preview .list_menu li > .btn_gs{float:right;margin:15px 16px 0 0} .reform_material_item .layer_choice2 .list_menu li:hover{background-color:rgba(0,0,0,0.03)} .reform_material_item .layer_choice2 .link_menu .tit_menu{display:block;overflow:hidden;font-weight:400;font-size:13px;line-height:19px;color:#333;text-overflow:ellipsis;white-space:nowrap} .reform_material_item .layer_choice2 .on,.reform_material_item .layer_choice2 .on:hover{background-color:#F7FBFF} .layer_choice2 li .desc_menu{display:block;padding-top:3px;font-size:12px;line-height:18px;color:#999} .reform_material_item .layer_choice2 .list_menu .on .tit_menu,.reform_material_item .layer_choice2 .list_menu .on .desc_menu,.reform_material_item .layer_choice2 .list_menu .on .subtit_menu,.layer_choice2 .list_menu .on .tit_brand{color:#326EDC} .reform_material_item .layer_choice2 .desc_menu .ico_bar{display:inline-block;width:1px;height:12px;margin:4px 9px 0;background-color:#ccc;vertical-align:top} .reform_material_item .layer_choice2 .wrap_list .loading_wrap{position:absolute;top:50%;left:0;width:100%;margin-top:-20px;padding-top:0} .reform_material_item .layer_choice2 .wrap_list .fail_wrap{padding-top:307px;text-align:center;color:#777} .layer_choice2 .area_preview{display:inline-block;position:absolute;top:0;left:100%;margin:0 0 0 10px;padding-bottom:40px;border-radius:4px;background:#fff;box-shadow:0 2px 10px 0 rgba(0,0,0,0.25);box-sizing:border-box} .layer_choice2 .area_preview .inner_preview{min-width:268px;padding:16px 16px 0;font-size:14px;line-height:20px;color:#777;vertical-align:middle} .reform_material_item .layer_opt .area_preview .inner_preview .item_carousel{padding-bottom:0} .reform_material_item .layer_opt .area_preview .inner_preview .item_carousel .btn_next{top:320px;right:-56px} .reform_material_item .layer_opt .area_preview .inner_preview .item_carousel .btn_prev{top:320px;left:-56px} .layer_opt .area_preview .inner_preview .item_carousel .carousel_price .num_price{font-weight:400} .layer_opt .area_preview .inner_preview .item_carousel .carousel_price{overflow:hidden;margin-top:0;font-size:18px;line-height:21px;font-weight:bold;color:#191919;text-align:left} .layer_opt .list_preview .reform_area_loading,.opt_list .wrap_list .reform_area_loading{padding:31px 0} /*애드뷰 선택*/ /*캐러셀형 일때 다음,이전버튼 숨김*/ .reform_material_item .layer_choice2 .item_carousel .btn_prev,.reform_material_item .layer_choice2 .item_carousel .btn_next{display:block} /* 메시지 미리보기 */ .reform_material_item .reform_layer_message .list_menu li{display:table} .reform_material_item .reform_layer_message .link_menu .desc_menu .ico_bar{height:10px;margin:8px 7px 0;background-color:#ddd} .reform_material_item .reform_layer_message .area_preview .inner_preview{position:relative;padding-bottom:0} .reform_material_item .reform_layer_message .device_view{height:510px;padding:0;border:none} .reform_material_item .reform_layer_message .device_view:after,.reform_material_item .reform_layer_message .device_view:before{display:none} .reform_material_item .reform_layer_message .device_view .inner_device{margin-top:0} .reform_material_item .reform_layer_message .wrap_list .fail_wrap{padding-top:245px} .reform_layer_message .opt_viewmore{height:34px;margin:20px;border:1px solid rgba(0,0,0,0.15);border-radius:2px} .reform_layer_message .opt_viewmore .link_more{display:block;line-height:34px;font-size:12px;font-weight:bold;color:#555;text-align:center} .reform_layer_message .opt_viewmore .link_more:hover{text-decoration:none} .reform_layer_message .area_preview .view_inner{min-height:620px} /* 보드 미리보기 */ .reform_material_item .layer_choice2 .list_preview li .tit_menu{display:-webkit-box;overflow:hidden;max-height:40px;padding-top:0;font-weight:400;font-size:13px;line-height:19px;color:#333;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical} .reform_material_item .layer_choice2 .list_preview .link_menu .desc_menu .ico_bar{height:10px;margin:5px 7px 0;background-color:#ddd} .reform_material_item .layer_choice2 .area_preview .desc_board{width:498px;margin-top:16px;text-align:center} .opt_select .reform_img_opt .list_menu{padding:6px 0} /* 참여형 이벤트 랜딩 URL */ .reform_material_item .layer_choice2 .link_menu .subtit_menu{display:block;font-size:12px;line-height:18px;color:#999} .reform_material_item .layer_choice2 .link_menu .subtit_menu + .tit_menu{padding-top:0} .reform_material_item .reform_layer_event .link_menu .tit_menu{display:-webkit-box;padding-top:2px;line-height:20px;text-overflow:ellipsis;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical} .reform_material_item .reform_layer_event .link_menu .desc_menu{padding-top:3px} .reform_material_item .reform_layer_event .reform_link_fail{display:block;margin-top:20px;color:#326EDC} .reform_material_item .reform_layer_event .wrap_list .fail_wrap{padding-top:285px} /* 포스트 채널 랜딩 URL */ .reform_material_item .reform_layer_post .list_preview .list_menu li{padding:0} .reform_material_item .reform_layer_post .wrap_list{overflow:hidden} .reform_material_item .reform_layer_post .link_menu .tit_menu{display:-webkit-box;padding-top:0;line-height:19px;text-overflow:ellipsis;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical} .reform_material_item .reform_layer_post .opt_viewmore{height:34px;margin:20px;border:1px solid rgba(0,0,0,0.15);border-radius:2px} .reform_material_item .reform_layer_post .opt_viewmore .link_more{display:block;line-height:34px;font-size:12px;font-weight:bold;color:#555;text-align:center} .reform_material_item .reform_layer_post .opt_viewmore .link_more:hover{text-decoration:none} /* 카탈로그 */ .layer_choice2 .list_menu .reform_opt_img + .link_menu,.opt_list .list_menu .reform_opt_img + .link_menu{overflow:hidden;padding-left:72px;line-height:40px;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box} .reform_img_opt .list_menu li{position:relative} /* 톡구매 */ .basic_layer.talkbuy_layer .inner_basic_layer{width:810px} .basic_layer.talkbuy_layer .inner_basic_layer .layer_body{padding:30px} .basic_layer.talkbuy_layer .inner_basic_layer .group_info{height:36px;padding-bottom:20px;border-bottom:1px solid #eee} .basic_layer.talkbuy_layer .group_info .f_left + .f_left{margin-left:20px} .basic_layer.talkbuy_layer .group_info .lab_option{line-height:36px;color:#333} .basic_layer.talkbuy_layer .group_info .opt_select,.basic_layer.talkbuy_layer .group_info .opt_select2{min-width:138px;max-width:138px} .basic_layer.talkbuy_layer .group_info .opt_select .list_opt{overflow-y:auto;max-height:323px} .basic_layer.talkbuy_layer .group_info .opt_select .opt_list{width:108px} .basic_layer.talkbuy_layer .group_info .box_inptxt{width:199px} .basic_layer.talkbuy_layer .layer_body .tit_layer{display:block;padding:20px 0 11px 0;line-height:20px;font-weight:500;font-size:14px} .basic_layer.talkbuy_layer .layer_body .tit_layer .fc_empty{font-weight:500} .basic_layer.talkbuy_layer .layer_body .link_g .ico_comm{margin-top:3px} .basic_layer.talkbuy_layer .itemtbl_wrap{border-radius:2px} .basic_layer.talkbuy_layer .tbl_itemchoice th{font-weight:700;border-bottom:1px solid #ebebeb} .basic_layer.talkbuy_layer .tbl_itemchoice td{height:90px;color:#333} .basic_layer.talkbuy_layer .tbl_itemchoice .inner_cell{padding:0 12px;font-size:13px} .basic_layer.talkbuy_layer .tbl_itemchoice .th_choice,.basic_layer.talkbuy_layer .tbl_itemchoice .td_choice{text-align:center} .basic_layer.talkbuy_layer .tbl_itemchoice .line_clamp{max-height:40px} .basic_layer.talkbuy_layer .tbl_itemchoice .txt_del{display:block;text-align:right;color:#999} .basic_layer.talkbuy_layer .tbl_itemchoice .txt_info{display:block;text-align:right} .basic_layer.talkbuy_layer .box_thumb{position:relative;width:70px;height:70px;margin:0 auto} .basic_layer.talkbuy_layer .box_thumb .inner_thumb{display:block} .basic_layer.talkbuy_layer .paging_wrap{margin-top:0;padding:20px 0;border-top:1px solid #eee} .basic_layer.talkbuy_layer .tbl_itemchoice .nodata_info{height:203px;text-align:center;color:#777} .basic_layer.talkbuy_layer .tbl_itemchoice tr:hover .nodata_info{background-color:#fff} .opt_select .opt_list .reform_box_nodata,.opt_select .layer_choice2 .reform_box_nodata{height:auto;padding:16px;box-sizing:border-box} .opt_select .opt_list .reform_box_nodata .reform_opt_nodata,.opt_select .layer_choice2 .reform_box_nodata .reform_opt_nodata{border:0;font-size:13px;line-height:19px;color:#333} .opt_select .opt_list .reform_box_nodata .link_txt,.opt_select .layer_choice2 .reform_box_nodata .link_txt{color:#326edc} /* 로딩완료 */ .reform_material_item .load_ok{height:auto;border:1px solid #ddd;border-radius:2px;background:#fff;box-sizing:border-box} .reform_material_item .load_ok .reform_item_file{position:relative;display:table;width:100%;box-sizing:border-box} .reform_material_item .reform_item_file .inner_img_file{background-color:#fff} .reform_material_item .load_ok .reform_item_file .inner_img_file{display:table-cell;width:70px;height:70px;text-align:center;vertical-align:middle} .reform_material_item .load_ok .reform_item_file > .inner_info.file_info .inner_img_file{background:#ddd url(/f8886a608b2d0a6a51369f141e64a73e.png) no-repeat 50% 0;background-size:70px 70px} .reform_material_item .load_ok .reform_item_file + .reform_item_file:after{position:absolute;top:0;left:10px;right:10px;height:1px;background:#e8e8e8;content:''} .reform_material_item .load_ok .reform_item_file > .inner_info{position:relative;height:88px;background:none} .reform_material_item .load_ok .reform_img_file{display:table-cell;position:relative;width:70px;height:70px;margin:9px 20px 0 10px;border:none;border-radius:0} .reform_material_item .load_ok .reform_img_file .frame_g{position:absolute;top:0;left:0;width:70px;height:70px;border:1px solid #000;opacity:0.04;box-sizing:border-box} .reform_regist_vod.load_ok .reform_img_file{margin:10px 20px 0 10px;background:#fff} .reform_regist_vod.in_active .reform_img_file{opacity:0.5} .reform_regist_vod.load_ok .inner_info .reform_img_file .frame_g{position:absolute;top:0;left:0;width:70px;height:70px;border:1px solid #000;opacity:0.04} .reform_regist_img.load_ok .ico_vod{position:absolute;bottom:6px;right:6px;width:16px;height:16px;background-position:-880px -120px} .reform_regist_img + .txt_error,.reform_regist_vod + .txt_error{padding:11px 0 30px} .reform_material_item .load_ok .btn_del{position:absolute;top:0;right:0;width:30px;height:30px;opacity:0.2} .reform_material_item .load_ok .btn_del .ico_del{width:10px;height:10px;margin:3px auto;background-position:-770px -150px} /* 메시지만들기 - 맞춤형 썸네일 */ .reform_sub_regist{width:440px;padding:0 20px 26px 20px;margin-top:-1px;border-radius:0 0 2px 2px;border:1px solid #ddd;box-sizing:border-box} .reform_sub_regist .reform_tit_itemwrap,.createmessage_wrap .reform_group_item .reform_sub_regist .reform_tit_itemwrap:first-child{padding-top:20px} .reform_sub_regist .reform_regist_img,.reform_sub_regist .reform_regist_vod{width:400px} .reform_sub_regist .load_ok.in_active .reform_item_file .reform_txt_file .txt_upload{max-width:265px} .sub_line .reform_sub_regist{width:399px} .sub_line .reform_sub_regist .reform_regist_img,.sub_line .reform_sub_regist .reform_regist_img.load_ok,.sub_line .reform_sub_regist .reform_regist_vod,.sub_line .reform_sub_regist .reform_regist_vod.load_ok{width:357px} .sub_line .reform_sub_regist .reform_txt_file .txt_upload{width:240px} .reform_group_item .reform_sub_regist{width:100%} .reform_group_item .reform_sub_regist .reform_regist_img,.reform_group_item .reform_sub_regist .reform_regist_vod{width:100%} .reform_group_item .reform_sub_regist .reform_item_file .txt_upload{max-width:225px} /* 업로드 후 비활성화 */ .reform_material_item .load_ok.in_active{background:#f5f5f5;pointer-events:none} .load_ok.in_active .reform_item_file .reform_txt_file .txt_upload{color:#ccc;max-width:310px} .reform_group_item .load_ok.in_active .reform_item_file .reform_txt_file .txt_upload{max-width:265px} .load_ok.in_active .reform_item_file .reform_txt_file .txt_byte{color:#ccc} .load_ok.in_active .btn_del{display:none} .load_ok.in_active .btn_edit{display:none} /* 메시지만들기 > error */ .reform_material_item .load_ok.in_error{border-color:#F51045} .regist_error:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''} .regist_error .txt_error{float:left;padding-top:10px} .regist_error .link_more,.regist_error .link_guide{float:left;margin-left:7px;padding-top:10px;color:#777;font-size:12px;line-height:18px} .regist_error .link_more + .link_guide{position:relative;margin-left:13px} .regist_error .link_more + .link_guide:before{position:absolute;left:-7px;top:13px;width:1px;height:13px;background:#ddd;content:''} .regist_error .link_more:hover{color:#333;text-decoration:underline} .regist_error .link_guide:hover{color:#326EDC;text-decoration:underline} .regist_error .link_guide .ico_comm{display:inline-block;width:12px;height:11px;margin:4px 0 0 4px;background-position:-585px -650px} .regist_error .link_guide:hover .ico_comm{background-position:-600px -650px} .regist_error + .reform_group_set{margin-top:5px} /*툴팁*/ .tooltip_basic .regist_error .link_more,.tooltip_basic .regist_error .link_guide{padding-top:5px;margin-left:0} .tooltip_basic .regist_error .link_more + .link_guide{margin-left:13px} .tooltip_basic .regist_error .link_more + .link_guide:before{top:8px} /* 메시지만들기 내 간격 */ .createmessage_wrap .reform_material_item .reform_desc_item .txt_error{padding-top:10px} .createmessage_wrap .reform_desc_item .txt_error + .reform_regist_img{margin-top:15px} /* 업로드 이미지 */ .reform_regist_upload{margin-top:15px;border:1px solid #ddd;border-radius:2px} .reform_regist_upload .reform_tit_imgupload{display:block;overflow:hidden;height:50px;margin:0 20px;padding:11px 0 11px;border-bottom:1px solid #e8e8e8;color:#333;line-height:28px;font-weight:500;box-sizing:border-box} .reform_regist_upload .reform_tit_imgupload .num_upimg{display:inline-block;padding-left:8px;font-weight:400;vertical-align:top} .reform_regist_upload .reform_tit_imgupload .fc_emph{display:inline-block;padding-right:2px;font-weight:700;vertical-align:top} .reform_box_imgupload{position:relative} .reform_box_imgupload .btn_del{position:absolute;top:6px;right:10px;padding:10px;font-size:12px;color:#555} .reform_box_imgupload .btn_del:hover{text-decoration:underline} .reform_list_imgupload{overflow:hidden;padding:10px 0 10px 20px} .reform_list_imgupload li{float:left;width:100px;padding:3px 0} .reform_list_imgupload .link_imgupload{font-size:12px;line-height:24px;color:#333} .reform_list_imgupload .link_imgupload .num_imgupload{display:inline-block;padding-left:2px;vertical-align:top} .reform_list_imgupload .on .link_imgupload,.reform_list_imgupload .on .link_imgupload .num_imgupload{color:#326EDC;font-weight:700;text-decoration:none} .reform_scroll_imgsize{padding:3px 3px 3px 0;border-top:1px solid #ccc;background:#fff} /* 디자인 스크롤 여백 */ .reform_inner_imgsize{position:relative;overflow-x:hidden;overflow-y:auto;max-height:537px} .reform_box_imgsize{position:relative} .reform_box_imgsize + .reform_box_imgsize:after{position:absolute;top:0;left:0;right:0;height:1px;background:#ebebeb;content:''} .reform_box_imgsize .reform_tit_imgsize{display:block;position:relative;padding:12px 20px 8px;line-height:20px;font-size:14px;font-weight:500;color:#333} .reform_box_imgsize .reform_tit_imgsize.on .link_imgupload{color:#326EDC;font-weight:700;text-decoration:none} .reform_box_imgsize .reform_tit_imgsize .btn_del{position:absolute;top:6px;right:9px;padding:10px 10px 4px 10px} .reform_box_imgsize .reform_tit_imgsize .btn_del .ico_del{width:12px;height:12px;margin:3px auto;background-position:-770px -135px;opacity:0.2} .reform_box_imgsize .reform_tit_imgsize .btn_del:hover .ico_del{opacity:0.5} .reform_list_imgsize{padding-bottom:9px} .reform_list_imgsize li{position:relative} .reform_list_imgsize li .reform_link_imgsize{display:block;position:relative;overflow:hidden;height:70px;padding:8px 20px;text-decoration:none} .reform_list_imgsize li .reform_link_imgsize:hover{background:#f5f5f5} .reform_list_imgsize li.on .reform_link_imgsize,.reform_list_imgsize li.on .reform_link_imgsize:hover{background:#f1f6fc} .reform_list_imgsize .reform_img_file{display:table;float:left;width:70px;height:70px;text-align:center;vertical-align:middle;background-color:#fff} .reform_list_imgsize .reform_txt_file{display:block;overflow:hidden;padding:0 30px 0 15px;line-height:70px;color:#555;text-overflow:ellipsis;white-space:nowrap} .reform_list_imgsize .reform_img_file .inner_img_file{display:table-cell;width:70px;height:70px;text-align:center;vertical-align:middle} .reform_list_imgsize .reform_img_file .reform_bg_file{display:inline-block;width:100%;height:100%;background:#d8d8d8;vertical-align:middle} .reform_list_imgsize li:hover .reform_img_file.frame_g{border-color:#326EDC} .reform_list_imgsize li:hover .btn_del{position:absolute;top:50%;right:5px;width:20px;height:20px;margin-top:-10px;opacity:0.2} .reform_list_imgsize li:hover .btn_del .ico_del{width:10px;height:10px;margin:3px auto;background-position:-770px -150px} .reform_list_imgsize li:hover .btn_del:hover{opacity:0.5} .reform_list_imgsize li .reform_img_file:after{display:none;position:absolute;top:8px;left:20px;z-index:1;width:70px;height:70px;background:#f5f5f5;opacity:0.07;content:''} .reform_list_imgsize li:hover .reform_img_file:after{display:block} .reform_list_imgsize li .frame_g{z-index:10;border:1px solid rgba(0,0,0,0.08)} .reform_list_imgsize li .frame_g,.reform_list_imgsize li .load_img{position:absolute;top:8px;left:20px;width:70px;height:70px;box-sizing:border-box} .regist_catalogtool .upload_main .img_load_ok .load_img,.regist_catalogtool .upload_sub .img_load_ok .load_img{position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box} .reform_list_imgsize li.img_load_ok .load_img .ico_loading{width:20px;height:14px;margin:28px auto;background-position:-835px -70px} .regist_catalogtool .upload_main .img_load_ok .ico_loading,.regist_catalogtool .upload_sub .img_load_ok .ico_loading{width:20px;height:14px;margin:28px auto;background-position:-835px -70px} .reform_list_imgsize li.img_load_ok .load_img,.reform_list_imgsize li.img_load_ok:hover .load_img,.regist_catalogtool .upload_main .img_load_ok .load_img,.regist_catalogtool .upload_sub .img_load_ok .load_img{display:block;background:rgba(50,110,220,0.6)} .reform_list_imgsize li.on .frame_g{border:2px solid #326EDC} .regist_catalogtool .upload_main .btn_arr{position:absolute;top:50%;right:1px;width:50px;height:40px;margin-top:-22px} .regist_catalogtool .upload_main .ico_arr2{width:14px;height:8px;margin:17px auto;background-position:-745px -120px;vertical-align:top} .regist_catalogtool .upload_main .btn_arr.on .ico_arr2{background-position:-745px -110px} .reform_list_imgsize .link_bnrtool .reform_txt_file{padding-top:6px;line-height:20px} .reform_list_imgsize .link_bnrtool .txt_fileinfo{display:block;overflow:hidden;padding:1px 15px 0;line-height:20px;font-size:12px;color:#777} .reform_list_imgsize .link_bnrtool .btn_edit{display:none} .reform_list_imgsize li:hover .btn_edit{display:block;position:absolute;top:50%;right:28px;width:20px;height:20px;margin-top:-10px} .reform_list_imgsize .link_bnrtool .btn_edit .ico_more{width:14px;height:14px;margin:4px auto 2px;background-position:-885px -180px} .reform_list_imgsize .link_bnrtool .btn_edit:hover .ico_more{background-position:-885px -195px} /* 이미지 업로드 툴 */ .reform_material_item .regist_bnrtool .reform_regist_img{width:70px} .reform_material_item .regist_bnrtool.load_ok .reform_img_file{width:70px;margin-right:11px} .reform_material_item .regist_bnrtool.load_ok .reform_img_file .frame_g{width:70px} /* .regist_bnrtool .reform_item_file .inner_info .reform_txt_file .txt_upload{max-width:300px} */ .reform_material_item .regist_bnrtool .btn_edit{position:absolute;top:3px;right:26px;width:20px;height:20px} .reform_material_item .regist_bnrtool .btn_edit .ico_more{width:14px;height:14px;margin:4px auto 2px;background-position:-885px -180px} .reform_material_item .regist_bnrtool .btn_edit:hover .ico_more{background-position:-885px -195px} .reform_material_item .btn_del:hover{opacity:0.4} .reform_box_imgupload .btn_del:hover,.reform_box_banner .btn_del:hover{opacity:1;text-decoration:underline} /* 2020-07-17 추가 시작 :카탈로그 소재 등록 */ /* 카탈로그 소재 */ .reform_inner_material .reform_tit_item{display:block;overflow:hidden;margin:10px 0 25px;color:#333;font-size:18px;line-height:27px} .reform_inner_material .reform_tit_item .box_checkinp{float:right;font-weight:normal} .reform_inner_material .reform_tit_item .box_checkinp .lab_check{color:#111} .reform_inner_material .reform_material_item + .reform_tit_item{margin-top:30px} .reform_inner_material .reform_item_data + .reform_tit_item{margin-top:25px} .reform_material_item .reform_tit_itemwrap .reform_btn_itemwrap .ico_arr{display:inline-block;width:10px;height:6px;margin:7px 8px 0 0;background-position:-715px -555px;vertical-align:top} .reform_material_item .item_material.off .reform_tit_itemwrap .reform_btn_itemwrap .ico_arr{background-position:-715px -565px} .reform_material_item .reform_tit_itemwrap .reform_btn_itemwrap .desc_info{color:#777} .reform_material_item .regist_catalogtool{overflow:visible;position:static;height:auto;border:0 none} .regist_catalogtool .list_upload{margin-top:9px} .regist_catalogtool .list_upload > li{min-height:91px;border-radius:2px;border:1px solid #DDDDDD;background:#fff;box-sizing:border-box} .regist_catalogtool .list_upload > li + li{margin-top:10px} .regist_catalogtool .list_upload li.bg_move{position:relative;border:0 none;background:url(/127eae7a6adea334e35d0dc64cd51c8f.png) no-repeat 0 0;background-size:500px 750px} .regist_catalogtool .list_upload li.bg_move:after{position:absolute;top:0;bottom:0;right:0;width:10px;background:url(/127eae7a6adea334e35d0dc64cd51c8f.png) no-repeat -430px 0;background-size:500px 750px;content:''} .regist_catalogtool .list_upload li.item_move{-webkit-box-shadow:0 2px 8px rgba(0,0,0,0.25);box-shadow:0 2px 8px rgba(0,0,0,0.25)} .regist_catalogtool .list_upload li.in_error{border:2px solid #F51045} .regist_catalogtool .list_upload li.open .btn_del{display:block} .regist_catalogtool .list_upload .reform_layer_post li{border-left:none;border-right:none} .regist_catalogtool .list_upload .reform_layer_post li + li{margin-top:0} .regist_catalogtool .list_upload .upload_main{overflow:hidden;position:relative;height:89px;padding:0 50px 0 32px} .regist_catalogtool .list_upload .upload_main:hover{background-color:rgba(0,0,0,0.03);cursor:pointer} .regist_catalogtool .list_upload .upload_main:hover > .catalog_item{background:0 none} .regist_catalogtool .list_upload .upload_sub{background:#fafafa} .regist_catalogtool .list_upload .upload_sub .reform_regist_img.img_load_ok{border:1px solid #ddd;border-radius:2px;background:#fff} .regist_catalogtool .list_upload .upload_sub .upload_sub{background:#fff} .reform_desc_item .reform_check_catalog{padding-top:25px} .regist_catalogtool .list_upload .upload_main .ico_error{position:absolute;top:50%;right:17px;width:16px;height:16px;margin-top:-8px;background-position:-750px -130px} .regist_catalogtool .list_upload .upload_sub .upload_main{height:88px;padding:0 25px 0 8px} .regist_catalogtool .catalog_item{overflow:hidden;position:relative;padding:10px 0} .regist_catalogtool .catalog_item.load_ok{border:0 none} .regist_catalogtool .catalog_img{display:inline-block;overflow:hidden;position:relative;width:70px;height:70px;vertical-align:bottom} .regist_catalogtool .catalog_img .frame_g{position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid rgba(0,0,0,0.04)} .regist_catalogtool .on .catalog_img .frame_g{border:2px solid #326EDC} .regist_catalogtool .img_catalog{display:table;width:100%;height:100%;background-color:#fff} .regist_catalogtool .img_catalog .inner_img{display:table-cell;text-align:center;vertical-align:middle;background-position:-820px -475px} .regist_catalogtool .upload_main .img_load_ok .inner_img,.regist_catalogtool .upload_sub .img_load_ok .inner_img,.regist_catalogtool .upload_main .load_ok .inner_img,.regist_catalogtool .upload_sub .load_ok .inner_img{background:none} .regist_catalogtool .catalog_item .img_thumb{display:block;margin:0 auto} .regist_catalogtool .catalog_txt{display:inline-block;position:absolute;top:50%;transform:translateY(-50%);margin-left:20px;vertical-align:top} .regist_catalogtool .catalog_txt .inner_txt{display:-webkit-box;overflow:hidden;max-height:42px;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical} /*말줄임시 추가됨*/ .regist_catalogtool .upload_sub .catalog_txt{width:273px;font-size:14px;color:#333} .regist_catalogtool .upload_sub .txt_byte{display:block;padding-top:6px;font-size:12px;line-height:19px;color:#777} .regist_catalogtool .upload_sub .txt_bar{display:inline-block;overflow:hidden;width:1px;height:10px;margin:5px 8px 0;font-size:0;background:#dddddd;vertical-align:top} .regist_catalogtool .upload_sub .txt_error{padding:10px 0 0 0} .regist_catalogtool .upload_main .ico_move{position:absolute;top:37px;left:10px;width:12px;height:12px;background-position:-760px -25px;cursor:move} .regist_catalogtool .item_move .ico_move{background-position:-775px -25px} .regist_catalogtool .upload_main .btn_gs{position:absolute;top:29px;right:17px;height:30px;border:1px solid #DDDDDD} .regist_catalogtool .btn_gs .ico_comm{display:inline-block;width:10px;height:6px;margin:5px 0 0 3px;background-position:-760px -40px;vertical-align:top} .regist_catalogtool .open .btn_gs .ico_comm{background-position:-770px -40px} .regist_catalogtool .upload_main .btn_del{display:none;position:absolute;top:0;right:0;width:30px;height:30px;opacity:0.2} .regist_catalogtool .upload_main .btn_del .ico_del{width:10px;height:10px;margin:3px auto;background-position:-770px -150px} .regist_catalogtool .upload_main .btn_del:hover{opacity:0.4} .regist_catalogtool .list_upload .upload_main:hover .btn_del{display:block} .regist_catalogtool .list_upload .upload_sub{display:none;padding:26px 20px;border-top:1px solid #E8E8E8} .regist_catalogtool .open .upload_sub{display:block} .regist_catalogtool .upload_sub .reform_regist_img,.regist_catalogtool .upload_sub .reform_regist_vod,.regist_catalogtool .upload_sub .reform_tit_itemwrap{width:400px;box-sizing:border-box} .regist_catalogtool .upload_sub .box_inptxt + .reform_tit_itemwrap{padding-top:20px} .regist_catalogtool .upload_sub .item_material + .item_material{margin-top:25px} .regist_catalogtool .upload_sub .reform_regist_btn + .reform_regist_img{margin-top:10px} .regist_catalogtool .upload_sub .reform_item_file .file_info{background-position:0 -530px} .regist_catalogtool .upload_sub .reform_item_file:hover .file_info{background-position:0 -625px} .regist_catalogtool .list_upload .list_opt li{min-height:auto;border-radius:0px;border:0 none} .regist_catalogtool .list_upload .list_opt li + li{margin-top:0} .regist_catalogtool .list_upload .opt_group_row:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''} .regist_catalogtool .list_upload .opt_group_row .box_inptxt{float:right;width:261px;margin-top:0px} .type_person .regist_catalogtool .catalog_txt{display:block;display:-webkit-box;overflow:hidden;left:70px;width:225px;max-height:63px;word-wrap:break-word;-webkit-line-clamp:3;-webkit-box-orient:vertical;white-space:normal} /*박스 내 업로드 된 이미지*/ .reform_group_item .regist_catalogtool .upload_sub .reform_regist_img,.reform_group_item .regist_catalogtool .upload_sub .reform_regist_vod{width:357px} .reform_group_item .regist_catalogtool .upload_sub .reform_item_file .reform_txt_file .txt_upload{max-width:235px} .reform_desc_item .sub_line .reform_group_item .reform_item_file .reform_txt_file .txt_upload{max-width:235px} .reform_group_item .reform_regist_img .reform_group_set .link_help,.reform_group_item .regist_catalogtool .tit_item .link_g{display:inline-block} .reform_group_item .regist_catalogtool .list_upload .opt_group_row .box_inptxt{width:222px} .createmessage_wrap .reform_group_item .regist_catalogtool .reform_group_item{background:#fafafa} /* 메시지만들기 > 쿠폰 목록 */ .regist_coupon{padding-top:7px} .regist_coupon .reform_regist_img .btn_del{display:block} /* 2020-07-17 추가 끝 :카탈로그 소재 등록 */ /* 설명문구 */ .reform_guide_file{margin-top:8px} .reform_guide_file .desc_info{font-size:12px;line-height:18px;color:#777} .reform_guide_file .reform_list_fileguide > li{position:relative;padding-left:9px;font-size:12px;line-height:20px;color:#777} .reform_guide_file .reform_list_fileguide > li:before{position:absolute;left:2px;top:9px;width:2px;height:2px;border-radius:2px;background-color:#888;opacity:0.8;content:''} .reform_guide_file .reform_list_fileguide .link_guide{color:#326edc} .reform_guide_file .reform_list_fileinfo li{overflow:hidden;color:#555;margin-top:7px;line-height:14px} /* 설명문구 (증빙) */ .reform_guide_file2{margin-top:2px} .reform_guide_file2 .reform_list_fileguide > li{position:relative;padding-left:9px;font-size:12px;line-height:20px;color:#777} .reform_guide_file2 .reform_list_fileguide > li:before{position:absolute;left:2px;top:9px;width:2px;height:2px;border-radius:2px;background-color:#888;opacity:0.8;content:''} /* 추가설정 */ .reform_list_set{padding-top:15px} .reform_list_set > li + li{padding-top:13px} .reform_list_set li .box_radioinp{display:block} .reform_list_set li .reform_txt_set{padding:3px 0 0 28px;font-size:12px;color:#777} .reform_list_set li .reform_inp_num{width:173px;margin:6px 0 0 28px} .item_frequency .reform_opt_set{display:inline-block;margin:6px 0 0 28px;line-height:36px;font-size:12px;color:#777;vertical-align:top} .reform_list_set .reform_tit_set{display:inline-block} .reform_area_making .btn_making_all .reform_ico_more{display:inline-block;width:14px;height:8px;margin:5px 0 0 6px;background-position:-745px -110px} .hide_all .reform_area_making .btn_making_all .reform_ico_more{display:inline-block;width:14px;height:8px;margin:6px 0 0 5px;background-position:-745px -120px} .reform_area_making .dsp_tit .tooltip_info{min-width:74px} .reform_area_making .dsp_tit .btn_making_del2{float:left;width:26px;height:25px} .reform_area_making .dsp_tit .btn_making_del2 .ico_comm{width:14px;height:14px;margin:8px auto 0;background-position:-720px -330px} .reform_area_making .dsp_tit .btn_making_del2:hover .ico_comm{background-position:-720px -345px} .reform_area_making .tit_delbtn{position:relative;float:left;width:26px} .tooltip_info{position:absolute;top:25px;left:1px;z-index:10;height:24px;padding:0 5px;border-radius:2px;line-height:22px;font-weight:500;font-size:11px;color:#fff;background:#666;text-align:center} /* 의견 및 증빙 (선택자료) */ .reform_item_data .reform_tit_data{display:block} .reform_item_data .reform_tit_data .reform_btn_itemwrap{position:relative;display:block;padding-left:18px;padding-bottom:15px;font-size:14px;color:#333;font-weight:500;text-decoration:none} .reform_item_data .reform_btn_itemwrap .ico_arr{position:absolute;top:8px;left:0;width:10px;height:6px;background-position:-715px -555px;vertical-align:top} .reform_item_data.off .reform_btn_itemwrap .ico_arr{background-position:-715px -565px} .reform_item_data .reform_tit_data .desc_info{color:#777} .reform_item_data .item_material{margin-top:25px} /* 2020-05-12 수정 */ .reform_item_data .item_material:first-child{margin-top:10px} /* 2020-05-12 수정 */ .reform_item_data .reform_tit_itemwrap{overflow:hidden;display:block;padding-bottom:10px;line-height:20px} .reform_item_data .reform_desc_item .txt_error{display:block;padding-top:6px} .reform_item_data.off .reform_material_item{display:none} /* 파일목록 */ .reform_box_file{margin-top:15px;border:1px solid #ddd} .reform_box_file + .reform_box_file{margin-top:0;border-top:none} .reform_box_file .reform_tit_file .link_file{display:block;position:relative;height:49px;line-height:48px;padding-top:2px;margin:0 19px;font-weight:500;font-size:14px;color:#333;text-decoration:none;border-bottom:1px solid #e8e8e8} .reform_box_file.off .reform_tit_file .link_file{border-bottom:0 none} .reform_box_file .reform_tit_file .ico_arr{position:absolute;top:23px;right:0;width:14px;height:8px;background-position:-745px -110px;vertical-align:top} .reform_box_file.off .reform_tit_file .ico_arr{background-position:-745px -120px} .reform_box_file.off .reform_list_file{display:none} .reform_list_file{padding:7px 0 10px} .reform_list_file li{position:relative;padding:0 19px;margin:2px 0} .reform_list_file li:hover{background-color:rgba(0,0,0,0.03)} .reform_list_file .link_file{height:30px;line-height:30px;color:#555} .reform_list_file .link_file:hover{text-decoration:none} .reform_list_file .link_file .file_name{display:inline-block;overflow:hidden;max-width:315px;text-overflow:ellipsis;white-space:nowrap;vertical-align:top} .reform_list_file li.del:hover{background-color:transparent} .reform_list_file li.del:hover .link_file{pointer-events:none;cursor:pointer} .reform_list_file .del .link_file{position:relative;color:#999} .reform_list_file .del .link_file:after{position:absolute;top:50%;left:0;width:100%;height:1px;background-color:#999;content:''} .reform_list_file .txt_date{display:block;margin:-4px 0 6px 0;color:#999} .reform_list_file .btn_del{display:none;position:absolute;top:0;right:7px;padding:10px} .reform_list_file .ico_del{width:10px;height:10px;margin:0 auto;background-position:-770px -150px;opacity:.2} .reform_list_file li:hover .btn_del{display:block} .reform_sub_imgbnr .reform_desc_item .reform_subtit_itemwrap,.reform_wrap_material .reform_sub_imgbnr .reform_regist_btn + .reform_subtit_itemwrap{min-height:auto;margin:15px 0 7px} .reform_sub_imgbnr .reform_desc_item .reform_subtit_itemwrap .reform_subtit_item,.reform_wrap_material .reform_sub_imgbnr .reform_regist_btn + .reform_subtit_itemwrap .reform_subtit_item{font-weight:400;font-size:12px;line-height:18px} .reform_desc_item .reform_regist_btn .reform_btn_admore{margin-top:10px;font-size:13px} /* 매개변수 입력 버튼 */ .reform_regist_btn .reform_btn_admore{margin-top:13px;color:#326EDC} .reform_regist_btn .reform_btn_admore .ico_plus{display:inline-block;width:15px;height:15px;margin:3px 6px 0 0;background-position:-730px -130px} .reform_regist_btn .reform_btn_admore.in_active{color:#999;pointer-events:none} .reform_regist_btn .reform_btn_admore.in_active .ico_plus{background-position:-840px -200px} /* 미리보기 */ .reform_view_material > .view_tit{padding:28px 39px 0} .reform_view_material > .view_tit .tit_materialcont{font-weight:500} .reform_view_material > .view_tit + .reform_view_cont{margin-top:26px;text-align:center} .reform_view_cont{min-height:710px;padding:0 39px 200px 40px;margin-top:22px;box-sizing:border-box} /*position:relative*/ .adviewcreate_wrap .reform_view_cont{padding:0 9px 155px 10px} .reform_view_cont .reform_view_banner{overflow:hidden;width:460px;margin-left:-10px} .reform_view_cont .reform_view_banner .bnr_wrap{position:relative;display:block;padding:0 10px 20px;text-align:center;box-sizing:border-box} .reform_view_cont .reform_view_banner.banner_num2 .bnr_wrap{float:left;width:50%} .reform_view_cont .reform_view_banner.banner_num3 .bnr_wrap{float:left;width:33.3%} .reform_view_cont .reform_view_banner.banner_num3 .bnr_wrap .inner_bnr_wrap{width:134px} .reform_view_cont .reform_view_banner .bnr_wrap.on:before{position:absolute;top:0;bottom:20px;left:10px;right:10px;z-index:2;border:2px solid #326EDC;content:''} .reform_view_cont .reform_view_banner .bnr_wrap.in_error:before{position:absolute;top:0;bottom:20px;left:10px;right:10px;z-index:2;border:2px solid #fc4842;content:''} .reform_view_cont .reform_view_banner .bnr_wrap .inner_bnr_wrap{position:relative;display:inline-block;max-width:440px;vertical-align:top} .reform_view_cont .reform_view_banner .bnr_wrap .reform_btn_banner:before{display:none;position:absolute;top:0;bottom:0;left:0;right:0;z-index:1;background:rgba(0,0,0,0.1);content:''} .reform_view_cont .reform_view_banner .bnr_wrap .reform_btn_banner{display:inline-block;width:100%;vertical-align:top} .reform_view_cont .reform_view_banner .bnr_wrap .reform_btn_banner .img_thumb{max-width:100%} .reform_view_cont .reform_view_banner .bnr_wrap .btn_zoom{display:none;position:absolute;right:8px;bottom:8px;z-index:3;width:40px;height:40px;border-radius:20px;background:rgba(0,0,0,0.2);text-align:center} .reform_view_cont .reform_view_banner .bnr_wrap .btn_zoom .ico_zoom{width:20px;height:20px;margin:10px auto 0;background-position:-880px -40px} .reform_view_cont .reform_view_banner .bnr_wrap:hover .btn_zoom,.reform_view_cont .reform_view_banner .bnr_wrap:hover .reform_btn_banner:before{display:block} .reform_view_cont .reform_device_view{width:330px;margin:0 auto} .adviewcreate_wrap .reform_list_imgbnr .reform_txt_file{display:block;width:300px;max-height:21px;-webkit-line-clamp:1;white-space:nowrap} /*2021-04-07 추가*/ /* 캠페인,광고그룹 만들기 버튼 */ .reform_page_btn .reform_btn_making{display:block;height:18px;text-align:left} .reform_wrap .reform_btn_making .gb_bl{position:absolute;top:-17px;left:0;height:35px;border:none;color:#326edc;line-height:23px;background:none} .reform_wrap .reform_btn_making .gb_bl:hover{background:rgba(50,110,220,0.15)} .reform_wrap .reform_btn_making .gb_bl .inner_g{padding:5px 10px 5px 10px;line-height:25px;font-size:14px;font-weight:400} .reform_wrap .reform_btn_making .ico_comm{display:inline-block;width:15px;height:15px;margin:5px 7px 0 0;background-position:-730px -130px} .reform_wrap .reform_btn_making .gb_bl.in_active{color:#ccc} .reform_wrap .reform_btn_making .gb_bl.in_active:hover{background:#fff} .reform_wrap .reform_btn_making .gb_bl.in_active .ico_comm{background-position:-840px -200px} .reform_page_btn .reform_txt_making{display:inline-block;padding-top:2px;color:#999}/*** 미리보기 기존 모먼트 스타일 ***/ /* 소재생성관련이미지 */ /* 로봇분석보고서 */ .tooltip_basic.tooltip_robot{max-width:364px} .basic_layer.robot_layer .inner_basic_layer{width:820px} .basic_layer.robot_layer .layer_body{padding:30px 30px 45px 30px} .basic_layer.robot_layer .txt_robot{margin-top:-4px;font-size:14px;line-height:24px;color:#555} .basic_layer.robot_layer .box_card{margin-top:30px;border-color:#d9d9d9;border-radius:4px} .basic_layer.robot_layer .tab_g{display:flex} .basic_layer.robot_layer .tab_g li{width:100%;height:100%} .basic_layer.robot_layer .tab_g .link_tab{padding:0;line-height:18px;color:#777;letter-spacing:0} .basic_layer.robot_layer .tab_g .inner_tab{display:table;width:254px;height:100%} .basic_layer.robot_layer .tab_g .inner_txt{display:table-cell;vertical-align:middle} .basic_layer.robot_layer .tab_g .on .link_tab{border-color:#d9d9d9;border-bottom-color:#fff;color:#111} .basic_layer.robot_layer .tab_cont{position:relative;padding:28px 29px 29px} .basic_layer.robot_layer .tab_cont .gm_line{position:absolute;bottom:30px;right:30px} .basic_layer.robot_layer .graph_wrap{height:400px} .basic_layer.robot_layer .graph_wrap .txt_nodata{line-height:400px;text-align:center} .basic_layer.robot_layer .graph_mgtop1{margin-top:20px} .basic_layer.robot_layer .graph_mgtop2{margin-top:30px} .basic_layer.robot_layer .area_choice{overflow:hidden} .basic_layer.robot_layer .graph_wrap .graph_mgtop1 .txt_nodata,.basic_layer.robot_layer .graph_wrap .graph_mgtop2 .txt_nodata{line-height:300px} .basic_layer.robot_layer .area_choice .choice_item{float:left} .basic_layer.robot_layer .choice_item + .choice_item{margin-left:-1px} /* 메시지 리스트 */ .message_wrap .managebox_tit .single_wrap{position:relative} .message_wrap .managebox_tit .single_wrap .link_help{margin-left:-3px;margin-right:-5px} .message_wrap .dsp_tit .tit_subject{letter-spacing:0} .message_wrap .tit_dsp .sub_title{letter-spacing:0} .message_wrap .managebox_tit .tit_box{letter-spacing:0} .message_wrap .tblg2_wrap .msg_type{position:relative;padding:0 8px 0 68px} .message_wrap .tblg2_wrap .link_txt{display:inline-block;overflow:hidden;max-width:100%;vertical-align:top;white-space:nowrap;text-overflow:ellipsis} .box_thumb{position:absolute;top:50%;left:0;width:56px;height:56px;margin-top:-28px;box-sizing:border-box} .box_thumb:after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid rgba(0,0,0,0.08)} .box_thumb .link_thumb{display:table;position:relative;width:56px;height:56px} .box_thumb .link_thumb .ico_vod{position:absolute;bottom:6px;right:6px;width:16px;height:16px;background-position:-880px -120px} .box_thumb .inner_thumb{display:table-cell;height:100%;text-align:center;vertical-align:middle} .msg_type.no_image .box_thumb:after{content:none} .msg_type.no_image .box_thumb .inner_thumb{display:block;height:100%;background-image:url(/fe0589aedbd0e78ee329e946f27f5f76.png);background-position:50% 0;background-size:contain} .message_wrap .tblg2_wrap .box_thumb{width:40px;height:40px;margin-top:-20px} .message_wrap .tblg2_wrap .link_thumb{width:40px;height:40px} .basic_layer.channel_layer .inner_basic_layer{width:900px} .basic_layer.channel_layer .tit_layer{letter-spacing:0} .basic_layer.channel_layer .layer_body{padding:30px 30px 30px 30px} .basic_layer.channel_layer .txt_message{margin-top:-4px;font-size:14px;line-height:21px;color:#777} .basic_layer.channel_layer .info_message .desc_message .desc_menu{margin-top:3px} .basic_layer.channel_layer .tbl_layer{margin:20px 0 30px 0;border-left:0 none} .basic_layer.channel_layer .tbl_layer th{vertical-align:middle} .basic_layer.channel_layer .tbl_layer td{border-right:0 none} .basic_layer.channel_layer .channel_select .opt_select{min-width:291px;max-width:291px} .message_group .nodata_info{position:absolute;top:50%;width:100%;margin-top:-10px;text-align:center;color:#333;line-height:20px} .message_group .tit_layer{margin:0 0 15px;line-height:20px;font-weight:500;font-size:14px} .message_group .tit_layer .fc_empty{font-weight:500} .message_group .tit_layer .link_g{margin-top:-3px} .message_load{position:relative;min-height:690px;border:1px solid #E5E5E5;border-radius:2px} .message_load .item_body{float:left;position:relative;overflow-x:hidden;width:420px;max-height:691px;margin-bottom:-1px} .message_load .list_item{overflow:hidden} .message_load li{display:table;width:100%;height:76px;border-bottom:1px solid #E8E8E8} .message_load li:hover{background-color:rgba(0,0,0,0.03)} .message_load li .info_radio{display:table-cell;width:59px;min-width:59px;text-align:center;vertical-align:middle} .message_load li .info_message{display:table-cell;vertical-align:middle} .message_load li.on{background-color:#F1F6FC} .info_message .desc_message{display:table-cell;padding:15px 0;vertical-align:middle} .info_message .desc_message .tit_menu{display:block;display:-webkit-box;overflow:hidden;max-width:345px;max-height:38px;line-height:20px;text-overflow:ellipsis;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:400;color:#333} /* KAMOQA-12804 수정 */ .info_message .desc_message .desc_menu{display:block;font-size:12px;line-height:18px;color:#777;letter-spacing:-1px} .info_message .desc_message .desc_menu .tit_date{display:inline-block;padding-right:3px;vertical-align:top} .info_message .desc_message .ico_bar{display:inline-block;width:1px;height:10px;margin:5px 8px 0 6px;background-color:#ddd;vertical-align:top} .message_info .reform_txt_info{margin-top:20px;font-size:12px} .message_info .desc_info{margin-top:10px;line-height:20px;color:#777;font-size:12px} /* 메시지 미리보기 - 레이아웃 */ .message_group .message_load .item_view{overflow:hidden;position:relative;min-height:690px;padding-bottom:20px;background-color:#FAFAFA} .message_load .item_view:after{content:'';position:absolute;top:0;left:0;width:1px;height:100%;min-height:690px;background-color:#E5E5E5} .message_group .message_load .item_view .tit_view{display:block;padding:19px 0 12px 20px;line-height:20px;font-size:14px;color:#111;font-weight:500} .message_group .message_load .message_view{width:380px;margin:0 auto} /* 메시지 미리보기 - 내부상세 */ .view_inner{position:relative;width:380px;margin:0 auto} .message_view{position:relative;width:380px;min-height:760px;padding:12px 16px;background:#B2C7DA;box-sizing:border-box} .message_view .top_view{overflow:hidden;text-align:center} .message_group .message_view .top_view .tit_view{padding:0} .message_group .message_view .top_view .tit_view,.message_view .top_view .tit_view{display:block;font-size:15px;color:#191919;font-weight:bold} .message_view .top_view .txt_num{display:block;overflow:hidden;max-width:310px;font-size:11px;color:rgba(25,25,25,0.6);text-overflow:ellipsis;white-space:nowrap} .message_view .top_view .txt_info{display:inline-block;position:relative} .message_view .top_view .txt_info:after{position:absolute;right:-10px;top:50%;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid rgba(25,25,25,0.6);content:''} .cont_view .box_view{position:relative;padding-left:43px} .cont_view .info_thumb{position:absolute;top:0;left:0;width:38px;height:38px} .cont_view .profile_thumb{display:block;width:38px;height:38px} .cont_view .img_thumb{display:block;width:100%;vertical-align:top} .box_message{position:relative;display:inline-block} .box_message .inner_message{overflow:hidden;width:240px;margin:-19px 43px 0 52px;border-radius:14px;border:1px solid rgba(0,0,0,0.03);box-sizing:border-box} .box_message + .box_message{margin-top:15px} .box_message .desc_message{padding:12px 10px;font-size:14px;line-height:17px;color:#191919;background-color:#fff;word-break:break-word;text-align:left} .box_message .desc_message .inner_g{display:block;display:-webkit-box;overflow:hidden;max-height:399px;word-wrap:break-word;-webkit-line-clamp:19;-webkit-box-orient:vertical;white-space:normal} .box_message .area_coupon{padding:0 10px 10px;background:#fff} .box_message .inner_coupon{position:relative;height:51px;padding:7px 55px 8px 8px;border-radius:6px;box-sizing:border-box} .box_message .inner_coupon:after{position:absolute;top:0;bottom:0;left:0;right:0;border-radius:6px;border:1px solid rgba(0,0,0,0.12);content:''} .box_message .area_coupon .img_coupon{overflow:hidden;position:absolute;top:0;bottom:0;right:0;width:51px;height:51px;border-radius:0 6px 6px 0;background:#f2f5ff url(/8ab5243bb9e9be6ce84e27c02456f27f.png) no-repeat 50% 0;background-size:51px 51px;text-align:right} .box_message .area_coupon .img_coupon.coupon_multi{background:#f2f5ff url(/89f47a780b89b62437fa7c38e3eb5e20.png) no-repeat 50% 0;background-size:51px 51px} .box_message .area_coupon .img_coupon .img_thumb{display:inline-block;width:47px;vertical-align:top} .box_message .area_coupon .tit_coupon,.box_message .area_coupon .txt_coupon{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .box_message .area_coupon .tit_coupon{display:block;font-size:13px;color:#191919;line-height:18px;font-weight:bold} .box_message .area_coupon .txt_coupon{font-size:11px;color:#8E8E8E;line-height:16px} .item_message{margin-left:-10px;padding-top:10px} .item_message + .item_message{margin-top:20px} .item_message .txt_append{padding-top:5px;padding-right:53px;font-size:11px;color:rgba(25,25,25,0.5);text-align:right} .item_message .txt_append .bar_append{display:inline-block;width:1px;height:10px;margin:3px 4px 0;background-position:-670px -615px} .item_message .txt_append .arrow_append{display:inline-block;width:5px;height:12px;margin:4px 2px 0 3px;background-position:-675px -615px} .item_message .info_profile{overflow:hidden;padding-left:9px;text-align:left} .item_message .img_profile{position:relative;float:left;width:38px;height:38px} .item_message .img_profile .frame_thumb{position:absolute;top:-1px;left:-1px;width:40px;height:40px;background:url(/6ab0edfa84811ed62804f1d16aef4c6d.png) no-repeat 0 0;background-size:40px 40px} .item_message .txt_profile{display:inline-block;overflow:hidden;margin-top:-1px;padding-left:4px;font-size:12px;line-height:18px;color:#000;vertical-align:top} .item_message .txt_profile .txt_ad{color:rgba(0,0,0,0.4)} .box_message .img_message.no_image,.item_widelist .box_message .img_message.no_image{height:105px;background:#F3F3F4 url(/ec82e0add906a2f8869c45c830f08376.png) no-repeat 50% 50%} .box_message .vod_message.no_image{height:105px;background:#F3F3F4} .box_message .img_message,.box_message .vod_message{position:relative;overflow:hidden;height:auto;border-radius:14px 14px 0 0} .box_message .img_message{background:#F5F5F5} .box_message .vod_message{background:#000} .box_message .img_message + .btn_message,.box_message .vod_message + .btn_message{padding-top:10px} .box_message .no_image .thumb_img{height:105px} .box_message .img_message,.box_message .vod_message,.box_message .img_message .inner_thumb,.box_message .vod_message .inner_thumb{min-height:119px;max-height:238px}/**최소높이 :넓이의1/2,최대높이 :넓이길이*/ .item_wideimg .img_message,.item_wideimg .vod_message,.item_wideimg .img_message .inner_thumb,.item_wideimg .vod_message .inner_thumb{min-height:151px;max-height:302px} .item_widelist .img_message,.item_widelist .vod_message,.item_widelist .img_message .inner_thumb,.item_widelist .vod_message .inner_thumb{min-height:141px;max-height:141px} .box_message .thumb_img{display:block;width:100%;height:auto;margin:0 auto} .box_message .img_message .thumb_img,.box_message .vod_message .thumb_img{display:block;max-height:100%;margin:0 auto} .box_message .img_message.img_portrait .thumb_img,.box_message .vod_message.vod_portrait .thumb_img{width:auto;height:238px} /*.box_message .thumb_img2{display:block;max-height:100%;margin:0 auto}*/ .box_message .ico_talk{position:absolute;top:50%;right:0;width:29px;height:29px;margin-top:-34px;background-position:-585px -615px} .box_message .ico_time{position:absolute;bottom:11px;left:11px;height:15px;padding:0 4px;border-radius:2px;line-height:14px;font-size:10px;color:#fff;background:rgba(25,25,25,0.35);text-shadow:0 1px 1px rgba(0,0,0,0.1)} .box_message .ico_play{position:absolute;bottom:11px;right:11px;z-index:1;width:28px;height:28px;background-position:-620px -615px} .btn_message{overflow:hidden;padding:0 10px 11px;font-size:0;background:#fff} .btn_message .btn_gm{width:100%;height:37px;margin-top:0;border-radius:6px;border:none;box-sizing:border-box} .btn_message .btn_gm:hover{background:none} .btn_message .btn_gm .inner_g{display:block;overflow:hidden;padding:8px 8px 9px;border-radius:6px;line-height:20px;font-size:13px;color:#191919;font-weight:normal;background:#F5F5F5;white-space:nowrap;text-overflow:ellipsis} .btn_message .btn_gm.gm_bl2 .inner_g{background:#FEE500} .btn_message.btn_num2 .btn_gm{float:left;width:50%} .btn_message.btn_num2 .btn_gm:first-child .inner_g{margin-right:2px} .btn_message.btn_num2 .btn_gm:last-child .inner_g{margin-left:2px} .message_view .box_message .default_message,.item_widelist .list_message li .default_message{color:#a0a0a0} /* 와이드 이미지형 */ .item_wideimg .box_message .inner_message{width:304px;margin:-19px 0 0 52px} .item_wideimg .txt_append{padding-right:0} .item_wideimg .box_message .img_message.no_image,.item_wideimg .box_message .vod_message.no_image{height:193px} .item_wideimg .box_message .img_message,.item_wideimg .box_message .vod_message{max-height:302px} .item_wideimg .box_message .img_message .thumb_img,.item_wideimg .box_message .vod_message .thumb_img{max-height:302px} .item_wideimg .box_message .img_message.img_portrait .thumb_img,.item_wideimg .box_message .vod_message.vod_portrait .thumb_img{width:auto;height:302px} .item_wideimg .box_message .desc_message{line-height:21px;font-size:15px} /* 와이드 리스트형 */ .item_widelist .box_message .inner_message{width:304px;margin:-19px 0 0 52px;background:#fff} .item_widelist .txt_append{padding-right:0} .item_widelist .box_message .img_message,.item_widelist .box_message .vod_message{width:283px;height:141px;margin:0 auto;border-radius:2px} .item_widelist .box_message .vod_message{position:relative} .item_widelist .box_message .img_message.no_image,.item_widelist .box_message .vod_message.no_image{height:141px} .item_widelist .box_message .vod_message.no_image{background:#f3f3f3} .item_widelist .box_message .img_message.img_portrait .thumb_img,.item_widelist .box_message .vod_message.vod_portrait .thumb_img{width:auto;height:141px} .item_widelist .list_message .img_message.img_portrait .thumb_img,.item_widelist .list_message .vod_message.vod_portrait .thumb_img{width:auto;height:41px} .item_widelist .img_message:after,.item_widelist .vod_message:after{position:absolute;left:0;bottom:0;width:100%;height:70px;border-radius:2px;opacity:0.28;content:'';background:-webkit-linear-gradient(bottom,black 0%,rgba(0,0,0,0) 100%);background:linear-gradient(to top,black 0%,rgba(0,0,0,0) 100%)} .item_widelist .thumb_img{border-radius:2px} .item_widelist .tit_img{display:-webkit-box;overflow:hidden;position:absolute;left:10px;right:60px;bottom:12px;z-index:1;max-height:42px;color:#fff;font-size:15px;line-height:21px;text-shadow:0 0 1px rgba(0,0,0,0.2);-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all;text-align:left} /* 와이드리스트 - 상세 리스트 */ .item_widelist .list_message{padding:11px 10px 10px} .item_widelist .list_message li{overflow:hidden;height:auto;border:0 none;font-size:15px;line-height:21px;background:transparent} .item_widelist .list_message li .inner_g{display:table;width:100%;height:100%} .item_widelist .list_message li .desc_g{display:table-cell;width:100%;height:100%;vertical-align:middle;text-align:left} .item_widelist .list_message li + li{padding-top:7px} .item_widelist .tit_message{display:block;overflow:hidden;max-width:284px;margin:0 auto;padding:9px 0 12px;color:rgba(0,0,0,0.85);font-size:15px;line-height:18px;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-weight:500} .item_widelist .list_message .ico_play{position:absolute;right:4px;bottom:3px;z-index:1;width:16px;height:16px;background-position:-650px -615px} .item_widelist .list_message .img_message:after,.item_widelist .list_message .vod_message:after{content:none} .item_widelist .box_message .list_message .thumb_img{height:41px} .item_widelist .list_message .img_message{overflow:hidden;position:relative;display:block;float:left;width:41px;height:41px;min-height:auto;margin-right:8px;border-radius:2px} .item_widelist .list_message .img_message.no_image{height:41px;background:#F3F3F4 url(/687e2795867c70b3a7b554848d3477e2.png) no-repeat 50% 50%} .item_widelist .list_message .img_message{background:#F3F3F4} .item_widelist .list_message .img_message .thumb_g,.item_widelist .list_message .img_message .thumb_img{width:auto;height:41px;margin:0 auto} .item_widelist .list_message .vod_message{overflow:hidden;position:relative;display:block;float:left;width:41px;height:41px;min-height:auto;margin-right:8px;border-radius:2px;background:#000} .item_widelist .list_message .vod_message.no_image{height:41px;background:#F3F3F4} .item_widelist .list_message .vod_message .thumb_img{width:100%;min-height:41px} .item_widelist .group_thumb .wrap_thumb{position:relative;padding-top:100%;overflow:hidden;border-radius:0 5px 5px 0} .item_widelist .group_thumb .inner_thumb{position:absolute;top:0;left:0;right:0;bottom:0;-webkit-transform:translate(50%,50%);-ms-transform:translate(50%,50%);transform:translate(50%,50%)} .item_widelist .group_thumb .thumb_g{position:absolute;top:0;left:0;height:100%;width:auto;min-width:59px;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);object-fit:cover} /*center & crop*/ .item_message .box_message .thumb_center{min-height:auto;max-height:none} .item_message .box_message .thumb_center .wrap_thumb{position:relative;padding-top:100%;overflow:hidden} .item_message .box_message .thumb_center .inner_thumb{position:absolute;top:0;left:0;right:0;bottom:0;min-height:auto;-webkit-transform:translate(50%,50%);-ms-transform:translate(50%,50%);transform:translate(50%,50%)} .item_message .box_message .thumb_center .thumb_img{position:absolute;top:0;left:0;min-height:100%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);object-fit:cover} .item_widelist .box_message .thumb_center .inner_thumb{min-height:141px} .item_widelist .box_message .thumb_center .thumb_img{height:141px} .item_message .box_message .img_portrait.thumb_center .thumb_img,.item_message .box_message .vod_portrait.thumb_center .thumb_img{width:100%;height:auto;max-height:none}/** 이미지 세로가 길때 */ .item_message .list_message .img_portrait.thumb_center .thumb_img,.item_message .list_message .vod_portrait.thumb_center .thumb_img{width:100%;height:auto;max-height:none}/** 이미지 세로가 길때 */ .item_widelist .list_message .thumb_center .wrap_thumb{position:relative;padding-top:100%;overflow:hidden} .item_widelist .list_message .thumb_center .inner_thumb{position:absolute;top:0;left:0;right:0;bottom:0;min-height:auto;max-height:none;-webkit-transform:translate(50%,50%);-ms-transform:translate(50%,50%);transform:translate(50%,50%)} .item_widelist .list_message .thumb_center .thumb_img{position:absolute;top:0;left:0;height:100%;width:auto;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);object-fit:cover} .item_widelist .list_message .img_message .inner_thumb{width:41px;height:41px;min-height:41px} .item_widelist .list_message .img_portrait.thumb_center .thumb_img,.item_widelist .list_message .vod_portrait.thumb_center .thumb_img{width:100%;min-height:41px} /* 캐러셀형 */ .item_carousel{width:380px;margin-left:-16px;padding-bottom:147px} .item_carousel .box_message{position:static} .item_carousel .info_profile{padding-left:16px} .item_carousel .txt_append{padding-top:3px;padding-right:89px} .item_carousel .inner_message{position:relative;width:380px;min-height:388px;margin-left:0;margin-right:0;border-radius:0;border:none} .item_carousel .list_message{overflow:hidden;position:absolute;top:0;width:3000px} /*카드 최대 9장 기준 넓이*/ .item_carousel .list_message li{float:left;width:242px;margin-right:4px;border:1px solid rgba(0,0,0,0.03);border-radius:14px;box-sizing:border-box} .item_carousel .list_message li.item_btn{width:66px;border:none} .item_carousel .list_message li .btn_message{height:37px} .item_carousel .list_message li .btn_message .btn_gm{position:absolute;bottom:11px;left:10px;width:220px} .item_carousel .list_message li .btn_message.btn_num2 .btn_gm{width:110px} .item_carousel .list_message li .btn_message .btn_gm + .btn_gm{left:auto;right:10px} .item_carousel .list_message .area_coupon{position:absolute;bottom:0;left:0;right:0} .item_carousel .list_message .area_coupon + .btn_message .btn_gm{bottom:72px} .item_carousel .list_message .box_carousel{overflow:hidden;position:relative;width:240px;border-radius:14px;background:#fff} .item_carousel .box_carousel .img_message.img_portrait .thumb_img{position:absolute;top:50%;left:50%;width:auto;height:100%;transform:translate(-50%,-50%)} .item_carousel .item_btn .box_carousel{position:relative;width:100%;background:none} .item_carousel .item_btn .btn_more{position:absolute;top:50%;left:12px;width:38px;margin-top:-29px;color:rgba(25,25,25,0.6);font-size:11px;line-height:20px;text-decoration:none;text-align:center} .item_carousel .item_btn .btn_more .inner_g{display:block;width:38px;height:38px;padding-top:13px;border-radius:38px;background:rgba(0,0,0,0.15);box-sizing:border-box} .item_carousel .item_btn .btn_more .ico_comm{display:block;width:17px;height:13px;margin:0 auto;background-position:-700px -525px} .item_carousel .box_carousel .img_message{position:relative;width:240px;max-height:330px} .item_carousel .box_carousel .img_message.no_image{min-height:240px} .item_carousel .box_carousel .img_message .thumb_img{min-width:240px} .item_carousel .box_carousel .img_message{position:relative;overflow:hidden;width:240px;max-height:330px} .item_carousel .box_carousel .img_message .inner_imgmsg{position:absolute;top:0;left:0;right:0;bottom:0;-webkit-transform:translate(50%,50%);-ms-transform:translate(50%,50%);transform:translate(50%,50%)} .item_carousel .box_carousel .img_message .inner_imgmsg .thumb_img{position:absolute;top:0;left:0;min-width:240px;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);object-fit:cover} .item_carousel .box_message .tit_message.default_message,.item_carousel .box_message .subTit_message.default_message,.item_carousel .box_message .desc_message.default_message,.item_carousel .carousel_price.default_message .num_price{color:#999} .item_carousel .box_message .tit_message{display:block;position:relative;padding:11px 10px;background-color:#fff;text-align:left;font-size:20px;line-height:25px;font-weight:700;color:rgba(0,0,0,0.85)} .item_carousel .box_message .desc_message{display:block;min-height:17px;padding-bottom:17px;line-height:17px;font-size:14px;color:#191919} .item_carousel .box_message .tit_message .inner_g{display:block;display:-webkit-box;overflow:hidden;max-height:50px;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical} .item_carousel .box_message .tit_message:after{position:absolute;bottom:1px;left:10px;width:24px;height:1px;background:rgba(0,0,0,0.3);content:''} .item_carousel .box_message .desc_message .inner_g{display:block;display:-webkit-box;overflow:hidden;max-height:170px;text-overflow:ellipsis;-webkit-line-clamp:10;-webkit-box-orient:vertical;word-wrap:break-word} .item_carousel .box_message .subTit_message{display:block;position:relative;margin:0 10px;padding:11px 0;border-bottom:1px solid rgba(0,0,0,0.08);font-size:14px;line-height:17px;font-weight:700;color:rgba(0,0,0,0.85)} .item_carousel .box_message .tit_message + .desc_message{padding:8px 8px 17px 10px;color:rgba(25,25,25,0.5)} .item_carousel .carousel_price{overflow:hidden;min-height:20px;margin-top:-17px;margin-bottom:6px;padding:4px 10px 14px;background:#fff} .item_carousel .carousel_price .num_price{float:left;font-size:18px;line-height:21px;font-weight:bold;color:#191919} .item_carousel .carousel_price .num_actual{position:relative;float:left;margin:5px 0 0 5px;font-size:12px;line-height:14px;color:#191919} .item_carousel .carousel_price .num_actual:after{position:absolute;top:8px;left:0;right:0;height:1px;background:#191919;content:''} .item_carousel .carousel_price .sale_percent{float:left;margin:5px 0 0 5px;font-size:12px;line-height:14px;color:#FF6229} .item_carousel .info_talkdeal{float:left;width:100%;margin:12px 0 -14px;padding:9px 0;line-height:20px;border-top:1px solid rgba(0,0,0,0.08);font-size:14px;color:rgba(25,25,25,0.5)} .item_carousel .btn_prev{position:absolute;top:222px;left:-52px;padding:20px 10px} .item_carousel .btn_prev .ico_comm{width:16px;height:30px;background-position:-685px -575px} .item_carousel .btn_next{position:absolute;top:222px;right:-52px;padding:20px 10px} .item_carousel .btn_next .ico_comm{width:16px;height:30px;background-position:-705px -575px} .item_carousel .btn_prev.in_active .ico_comm,.item_carousel .btn_next.in_active .ico_comm,.item_carousel span.btn_prev .ico_comm,.item_carousel span.btn_next .ico_comm{opacity:0.5} .item_carousel .paging_message{position:absolute;/*bottom:-114px;*/ bottom:47px;left:0;right:0;text-align:center} .item_carousel .paging_message .inner_paging{display:inline-block;overflow:hidden} .item_carousel .paging_message .btn_paging{float:left;width:18px;height:18px;padding:5px;box-sizing:border-box} .item_carousel .paging_message .btn_paging .inner_g{display:block;overflow:hidden;width:8px;height:8px;border-radius:8px;font-size:0;line-height:0;background:rgba(0,0,0,0.3)} .item_carousel .paging_message .btn_paging.on .inner_g,.item_carousel .paging_message em.btn_paging .inner_g{background:#fff} /* 프리미엄 동영상 */ .item_movie .vod_message,.item_movie .vod_message .inner_thumb{min-height:152px;max-height:405px} .item_movie .box_message .inner_message{width:306px;margin:-19px 0 0 52px} .item_movie .box_message .inner_thumb{position:absolute;top:0;left:0;right:0;bottom:0;min-height:auto;-webkit-transform:translate(50%,50%);-ms-transform:translate(50%,50%);transform:translate(50%,50%)} .item_movie .box_message .thumb_img{position:absolute;top:0;left:0;width:100%;min-height:100%;max-height:none;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);object-fit:cover} .item_movie .box_message .vod_message{height:152px} .item_movie .box_message .vod_message.no_image{background:#f3f3f4} .item_movie .txt_append{padding-right:0} .item_movie .box_message .tit_message{display:block;padding:9px 10px 11px;line-height:20px;font-size:14px;color:#191919;font-weight:700;background-color:#fff;word-break:break-word;text-align:left} .item_movie .box_message .desc_message{position:relative;padding-top:11px;padding-bottom:10px;line-height:21px;font-size:15px} .item_movie .box_message .tit_message + .btn_message{position:relative;padding-top:10px} .item_movie .box_message .tit_message + .desc_message:after,.item_movie .box_message .tit_message + .btn_message:after{position:absolute;top:0;left:10px;right:10px;height:1px;background:rgba(0,0,0,0.08);content:''} /* 메시지 상세보기*/ .messagedetail_wrap .dsp_tit .tit_subject{letter-spacing:0} .messagedetail_wrap .dsp_tit .tit_subject .link_help{margin:-4px 0 0 3px} .messagedetail_wrap .managebox_tit .tit_box{letter-spacing:0} .managebox_detail{display:flex;position:relative} .managebox_detail .manage_info{width:100%;padding-top:18px;box-sizing:border-box} .managebox_detail .wrap_tblbtn + .tit_sub{margin-top:30px} .managebox_detail .profile_info{display:table;width:100%} .managebox_detail .profile_info .thumb_info{position:relative;display:table-cell;width:30px;height:30px;vertical-align:middle} .managebox_detail .profile_info .img_thumb{width:32px;height:32px;margin-right:10px} .managebox_detail .profile_info .frame_thumb{position:absolute;top:50%;left:-1px;width:34px;height:34px;margin-top:-17px;background:url(/8278308a83a6eac990dd1d8090b98b0d.png) no-repeat 0 0;background-size:34px 34px} .managebox_detail .profile_info .txt_info{display:table-cell;vertical-align:middle} .managebox_detail .tit_message{display:block;font-size:13px;line-height:24px;color:#555;font-weight:300} .managebox_detail .txt_message{overflow:hidden;font-size:0;line-height:24px} .managebox_detail .txt_message .txt_info{display:inline-block;overflow:hidden;max-width:210px;font-size:13px;color:#777;vertical-align:top;white-space:nowrap;text-overflow:ellipsis} .managebox_detail .txt_message .txt_bar{height:10px;margin:0 8px 0 8px} .managebox_detail .box_status .txt_sub{font-size:14px;color:#333;line-height:36px} .messagedetail_wrap .tab_g8 .link_tab{min-width:auto} .messagedetail_wrap .tblg2_wrap th:first-child .inner_tbl{padding-left:20px} .messagedetail_wrap .tblg2_wrap tr td:first-child .inner_tbl{padding-left:20px} .messagedetail_wrap .tblg2_wrap tr .link_txt{display:block;padding-right:8px} .messagedetail_wrap .profile_info{margin:-4px 0;font-size:0} .messagedetail_wrap .profile_info .thumb_info{display:inline-block;width:30px;height:30px;vertical-align:top} .messagedetail_wrap .profile_info .img_thumb{width:100%} .messagedetail_wrap .profile_info .txt_info{display:inline-block;padding-left:10px;font-size:13px;line-height:30px;color:#333;vertical-align:top} .messagedetail_wrap .tbl_g3 .tit_message{font-weight:400;line-height:24px} .messagedetail_wrap .tbl_g3 .txt_message{line-height:24px} .messagedetail_wrap .tbl_g3 .txt_message .txt_bar{height:12px;margin:0 3px} .messagedetail_wrap .ad_managebox > .reform_area_loading{min-height:610px} /* 미리보기 */ .message_cont{overflow:hidden;min-height:820px;max-height:820px;padding:30px 20px;box-sizing:border-box} .message_cont .top_control{overflow:hidden;margin-bottom:20px;font-size:0} .message_cont .top_control .tit_control{display:inline-block;font-weight:500;font-size:14px;color:#111;vertical-align:top} .message_cont .top_control .link_g .ico_comm{margin-top:6px} .message_cont .top_control .btn_gs{height:30px} .message_cont .top_control .btn_gs .inner_g{font-size:11px} /* 메시지 만들기 */ .createmessage_wrap{width:1040px;margin:0 auto} .createmessage_wrap .ad_managebox + .reform_wrap_material{margin-top:20px} .createmessage_wrap .managebox_tit{padding:11px 0 12px 40px} .createmessage_wrap .managebox_tit .tit_box{width:146px;margin-right:10px;font-weight:700;font-size:16px;line-height:36px;color:#111;letter-spacing:0} .createmessage_wrap .managebox_tit .txt_noti{margin-left:0;line-height:38px} .createmessage_wrap .tbl_g3 th{border-right:0;color:#111;font-size:14px;background-color:#fff} .createmessage_wrap .tbl_g3 th .inner_tbl{padding-left:40px} .createmessage_wrap .tbl_g3 .inner_tbl,.os_mac .createmessage_wrap .ad_managebox .tbl_g3 .inner_tbl{padding-top:23px;padding-bottom:22px} .createmessage_wrap .message_info .reform_txt_info{margin-top:0;font-size:12px} .createmessage_wrap .reform_group_item .item_material > .reform_tit_itemwrap:first-child,.createmessage_wrap .regist_catalogtool .reform_group_item .reform_tit_itemwrap:first-child{padding-top:0} .reform_wrap .item_intro{margin-top:2px} .reform_wrap .item_intro .reform_group_item .reform_tit_itemwrap{padding-top:27px} /*소재수정*/ .reform_wrap .item_intro .reform_group_item .reform_regist_btn + .reform_tit_itemwrap{padding-top:27px} .reform_wrap .item_intro .reform_group_item .reform_tit_itemwrap:first-child{padding-top:0} .reform_wrap .item_intro .reform_group_set .reform_btn_set{margin-bottom:-7px} .reform_wrap .item_intro .reform_group_set.on .reform_btn_set{margin-bottom:0} .createmessage_wrap .regist_catalogtool .reform_group_item{margin-top:10px;padding-top:19px;padding-bottom:19px;border-radius:2px;background:#fff} .createmessage_wrap .regist_catalogtool .reform_group_item .reform_tit_itemwrap{padding-top:20px} .createmessage_wrap .reform_material_item .box_textarea2 .btn_plus + .num_byte + .tf_area{padding-right:75px} .reform_wrap .item_intro .reform_regist_btn .btn_gw:last-child.btn_bl{margin-right:-7px} /* 개인화 메시지 - 미리보기*/ .box_message .img_message .img_variable,.box_message .vod_message .img_variable,.item_widelist .box_message .img_message .img_variable,.item_carousel .box_carousel .img_message .img_variable{display:flex;flex-direction:column;align-items:center;justify-content:center;height:auto;background:#F2F6FD} .box_message .img_message .img_variable,.box_message .vod_message .img_variable{min-height:119px;max-height:238px} .item_wideimg .box_message .img_message .img_variable,.item_wideimg .box_message .vod_message .img_variable{height:193px} .item_widelist .box_message .inner_message > .img_message .img_variable,.item_widelist .box_message .inner_message > .vod_message .img_variable{flex-direction:row;align-items:flex-start;min-height:115px;padding-top:26px} .item_carousel .box_carousel .img_message .img_variable{min-height:240px} .item_widelist .box_message .img_message .img_variable .txt_info,.item_widelist .box_message .vod_message .img_variable .txt_info{padding-top:0;margin-left:12px;text-align:left} .box_message .img_message .img_variable .ico_person,.vod_message .img_variable .ico_person,.item_carousel .box_carousel .img_message .img_variable .ico_person{width:26px;height:27px;background-position:-515px -585px} .box_message .img_message .img_variable .txt_info,.vod_message .img_variable .txt_info{display:block;padding-top:12px;font-size:12px;line-height:15px;color:#326EDC;text-align:center;letter-spacing:-0.6px} .list_message .img_message .img_variable .ico_person,.list_message .vod_message .img_variable .ico_person{width:16px;height:17px;background-position:-580px -565px} .type_person .item_wideimg .box_message .desc_message .inner_g{max-height:168px;-webkit-line-clamp:8} .type_person .item_widelist .list_message li .desc_g{display:block;display:-webkit-box;overflow:hidden;width:232px;max-height:42px;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word} .type_person .item_carousel .box_message .desc_message .inner_g{max-height:51px;-webkit-line-clamp:3} .type_person .item_carousel .box_message .subTit_message .inner_g{display:block;display:-webkit-box;overflow:hidden;max-height:34px;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word} .type_person .item_carousel .carousel_price{display:inline-block;width:220px;padding-right:0;white-space:nowrap;text-overflow:ellipsis;vertical-align:top} .type_person .item_carousel .carousel_price .num_price,.type_person .item_carousel .carousel_price .num_actual,.type_person .item_carousel .carousel_price .sale_percent{float:inherit;margin-left:1px} .type_person .item_movie .box_message .tit_message{display:block;display:-webkit-box;overflow:hidden;max-height:40px;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word} .type_person .item_movie .box_message .desc_message .inner_g{max-height:168px;-webkit-line-clamp:8} .type_person .item_movie .box_message .tit_message .inner_g{display:block;display:-webkit-box;overflow:hidden;max-height:40px;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word} /* 개인화 메시지 썸네일 */ .reform_list_complete .reform_img_file .reform_no_img.noimg_person{background:#F2F6FD} .reform_list_complete .reform_img_file .reform_no_img.noimg_person .ico_comm{width:26px;height:27px;margin:0 auto;background-position:-515px -585px} .reform_inner_aside .reform_img_file .reform_no_img.noimg_person .ico_comm{width:23px;height:24px;margin:0 auto;background-position:-540px -560px} /*소재만들기,메시지만들기 - 캐러셀 selsect*/ .createmessage_wrap .reform_regist_btn + .reform_subtit_itemwrap,.reform_wrap_material .reform_regist_btn + .reform_subtit_itemwrap,.createmessage_wrap .reform_regist_btn + .txt_error + .reform_subtit_itemwrap,.reform_wrap_material .reform_regist_btn + .txt_error + .reform_subtit_itemwrap{position:relative;min-height:32px;margin-top:19px} .createmessage_wrap .reform_subtit_itemwrap .btn_gs,.reform_wrap_material .reform_subtit_itemwrap .btn_gs{float:right;margin-top:-3px;height:30px} .createmessage_wrap .reform_regist_btn + .reform_subtit_itemwrap .reform_subtit_item,.reform_wrap_material .reform_regist_btn + .reform_subtit_itemwrap .reform_subtit_item,.createmessage_wrap .reform_regist_btn + .txt_error + .reform_subtit_itemwrap .reform_subtit_item,.reform_wrap_material .reform_regist_btn + .txt_error + .reform_subtit_itemwrap .reform_subtit_item{font-weight:500;font-size:13px} .createmessage_wrap .upload_sub .reform_group_set .reform_btn_set{margin-top:-3px;margin-bottom:-5px} .createmessage_wrap .upload_sub .reform_group_set.on .reform_btn_set{margin-bottom:0} .reform_material_item .reform_regist_img .reform_area_loading{background-color:#f6f6f6} .reform_material_item .reform_regist_img .layer_inphistory .reform_area_loading{background-color:#fff} .reform_material_item .reform_area_loading .ico_loading{width:6px;height:6px} .reform_material_item .reform_regist_btn:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''} .reform_material_item .reform_regist_btn .select_type2{float:left;min-width:112px;max-width:114px} .reform_material_item .reform_regist_btn .select_type2 + .btn_gw{margin-left:8px} .reform_material_item .reform_regist_btn .btn_gw .link_help{margin-right:-6px} .reform_material_item .reform_regist_btn .select_type2.select_coupon{min-width:146px;max-width:146px} .reform_material_item .reform_regist_btn .select_type2.select_coupon + .box_checkinp{margin:8px 0 0 20px} .reform_list_fileguide .txt_bar{display:inline-block;width:1px;height:10px;margin:4px 8px 0 8px;background-color:#ddd;vertical-align:top} .createmessage_wrap .reform_guide_file .reform_list_filesize li{color:#777} .reform_btn_set .ico_help,.reform_regist_img .reform_btn_set .link_g .ico_help{position:static;width:12px;height:12px;margin:3px 0 0 3px;background-position:-865px -30px} .reform_group_set.on .reform_btn_set .ico_help,.reform_btn_item.on .reform_btn_set .ico_help{background-position:-865px -30px} .item_group_radioinp .box_radioinp{margin-right:40px} .item_group_radioinp .box_radioinp .ico_radio{margin-top:-9px} .reform_desc_item .sub_line{border:1px solid #ddd;padding:26px 20px} .reform_desc_item .sub_line .item_material + .item_material{margin-top:25px} .reform_material_item .sub_line .load_ok{width:100%} .reform_desc_item .sub_line .load_ok.in_active .txt_upload{max-width:265px} .reform_material_item .box_inptxt + .group_checkinp,.reform_material_item .txt_error + .box_inptxt,.reform_material_item .txt_error + .box_textarea2{margin-top:10px} .reform_material_item .reform_txt_info + .opt_select,.reform_material_item .reform_txt_info + .box_textarea2{margin-top:10px} .reform_desc_item .desc_check{padding-left:26px;font-size:12px;color:#777} .item_material_checkbox{position:absolute;top:10px;left:0} .item_material_checkbox .txt_info{margin-left:6px;font-size:12px;color:#777} .reform_wrap_material .item_material_checkbox{left:40px} /*비즈보드 > 확장 요소 tab*/ .reform_desc_item .tab_item{overflow:hidden;margin:-20px -20px 20px} .reform_desc_item .tab_item li{float:left;width:50%;background:#F5F5F5} .reform_desc_item .tab_item li.on{background:none} .reform_desc_item .tab_item li + li .link_tab{border-left:1px solid #ddd} .reform_desc_item .tab_item li .link_tab{display:block;height:44px;padding-left:18px;line-height:44px;border-bottom:1px solid #ddd;font-weight:500;color:#777;text-decoration:none;box-sizing:border-box} .reform_desc_item .tab_item li.on .link_tab{border-bottom:1px solid #fff;color:#333} .reform_list_imgbnr .tab_item li + li{border-top:none} .reform_desc_item .reform_sub_imgbnr .tab_item li.on .link_tab{border-bottom-color:#FAFAFA} .reform_desc_item .tab_item ~ .item_material .select_type2 + .btn_gw{margin-right:-8px} /*비즈보드 > 확장 요소(멀티형) tab*/ .tab_item.tab_num3 li{width:33%} .tab_item.tab_num3 li:last-child{width:34%} .reform_group_item .reform_tit_itemwrap .tit_item,.reform_sub_imgbnr .reform_group_item .reform_tit_itemwrap .tit_item{display:inline-block;vertical-align:top;font-size:12px;font-weight:700} .reform_sub_imgbnr .reform_desc_item .reform_group_item{background:#fff} .reform_material_item .reform_tit_itemwrap{margin-bottom:-1px} .reform_material_item .reform_tit_itemwrap .profile_checkinp{position:absolute;top:0;right:0} .reform_group_item .regist_catalogtool .list_upload{margin-top:20px} .reform_sub_imgbnr .reform_group_item .reform_regist_img .upload_sub .reform_regist_img{width:319px} .reform_sub_imgbnr .reform_group_item .reform_regist_img .upload_sub .reform_regist_img .reform_txt_file{width:200px} .reform_sub_imgbnr .reform_group_item .reform_regist_img .upload_sub .reform_regist_img .reform_txt_file .txt_upload{max-width:200px} .reform_sub_imgbnr .reform_group_item .reform_regist_img .upload_sub .box_inptxt{min-width:293px} .reform_sub_imgbnr .reform_group_item .reform_regist_img .upload_sub .opt_group_row .box_inptxt{min-width:184px;width:184px} /* 새메시지만들기 - 미리보기 */ .createmessage_wrap .reform_view_material .view_tit .btn_gs{height:30px} .createmessage_wrap .reform_view_cont .message_view{margin:0 auto 100px} /* 테스트발송 - 레이어 */ .basic_layer.messagesend_layer .tit_layer{letter-spacing:0} .basic_layer.messagesend_layer .layer_body{padding:30px 30px 30px 30px} .basic_layer.messagesend_layer .txt_testsend{margin-bottom:30px;line-height:21px;font-weight:400;color:#333} .basic_layer.messagesend_layer .box_textarea{height:200px} /* 부적절한 문구 - 레이어 */ .basic_layer.unfit_layer .tit_layer{letter-spacing:0} .basic_layer.unfit_layer .layer_body{padding:30px 30px 30px 30px} .basic_layer.unfit_layer .txt_copy{margin-bottom:20px;margin-right:-10px;font-size:14px;line-height:20px;color:#555} .basic_layer.unfit_layer .box_unfit{height:200px;padding:7px 15px;border:1px solid #ddd;border-radius:2px;background:#F5F5F5;box-sizing:border-box} .basic_layer.unfit_layer .txt_unfit{font-size:13px;line-height:19px;color:#333} /* 소재만들기 > 배너 */ .reform_regist_banner{border:1px solid #ddd;border-radius:2px} .reform_regist_banner .reform_tit_banner{display:block;overflow:hidden;height:52px;margin:0 20px;padding:13px 0 11px;line-height:28px;font-weight:500;box-sizing:border-box} .reform_regist_banner .reform_tit_banner .num_upimg{display:inline-block;padding-left:8px;font-weight:400;vertical-align:top} .reform_regist_banner .reform_tit_banner .fc_emph{display:inline-block;padding-right:2px;font-weight:700;vertical-align:top} .reform_material_item .reform_regist_btn ~ .reform_regist_banner{margin-top:15px} .reform_box_banner{position:relative;border-bottom:1px solid #e8e8e8} .reform_box_banner .btn_del{position:absolute;top:8px;right:10px;padding:10px;font-size:12px;color:#555} .reform_box_banner .btn_del:hover{color:#333;text-decoration:underline} .reform_list_imgbnr li{position:relative} .reform_list_imgbnr > li + li{border-top:1px solid #e8e8e8} .reform_list_imgbnr .list_opt li + li{border-top:none} .reform_list_imgbnr li .btn_del{display:none;position:absolute;top:0;right:0;width:30px;height:30px;opacity:0.2} .reform_list_imgbnr li .btn_del .ico_del{width:10px;height:10px;margin:3px auto;background-position:-770px -150px} .reform_list_imgbnr li .frame_g{z-index:10;border:1px solid rgba(0,0,0,0.08)} .reform_list_imgbnr li .frame_g,.reform_list_imgbnr li .load_img{position:absolute;top:0;left:0;width:70px;height:70px;box-sizing:border-box} .reform_list_imgbnr li .frame_g{top:0;z-index:10;border:1px solid rgba(0,0,0,0.08)} .reform_list_imgbnr .on .frame_g{border:2px solid #326EDC} .reform_list_imgbnr .reform_link_imgbnr.in_error .frame_g{border:2px solid #fc4842} .reform_list_imgbnr li .reform_link_imgbnr,.reform_list_imgbnr li .reform_link_imgbnr.load_ok{display:block;position:relative;overflow:hidden;height:70px;padding:8px 10px 10px 9px;text-decoration:none;background-color:#fff} .reform_list_imgbnr li .reform_link_imgbnr:hover{background-color:rgba(0,0,0,0.03)} .reform_list_imgbnr li.in_error{margin:0 -1px;border:1px solid #F51245} .reform_list_imgbnr li.in_error + li{border-top:0} .reform_list_imgbnr li.in_error .reform_link_imgbnr .frame_g{border:1px solid rgba(0,0,0,0.08)} .reform_link_imgbnr.load_ok{margin:0;border:none;border-radius:0;box-sizing:initial} .reform_link_imgbnr.open .btn_del{display:block} .reform_list_imgbnr .reform_img_file,.reform_material_item .reform_list_imgbnr .load_ok .reform_img_file{position:relative;display:table;float:left;width:70px;height:70px;margin:0;text-align:center;vertical-align:middle} .reform_list_imgbnr .reform_img_file .inp_file{overflow:hidden;position:absolute;left:0;top:0;z-index:15;width:70px;height:70px;text-indent:-9999px;font-size:99px;opacity:0.01;filter:alpha(opacity=0);cursor:pointer} .reform_list_imgbnr .reform_img_file .ico_file{width:70px;height:70px;margin-top:0;background-position:-820px -475px} .reform_list_imgbnr .reform_img_file .img_noimg{display:block;width:70px;height:70px;margin-top:0;background-color:#EBEBEB;background-position:-820px -475px} .reform_list_imgbnr .reform_img_file .inner_img_file{display:table-cell;width:100%;height:100%;text-align:center;vertical-align:middle;background-color:#fff} .reform_list_imgbnr .reform_img_file .inner_img_file .img_thumb{max-width:70px;max-height:70px} .reform_list_imgbnr .reform_img_file .reform_bg_file{display:inline-block;width:100%;height:100%;background:#d8d8d8;vertical-align:middle} .reform_list_imgbnr .reform_area_txt{position:absolute;top:50%;left:50%;width:100%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)} .reform_list_imgbnr .reform_inner_txt{display:block;margin:0 40px 0 99px} .reform_list_imgbnr .reform_txt_file{display:block;display:-webkit-box;overflow:hidden;width:280px;max-height:42px;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical} /*2021-04-07 수정*/ .reform_list_imgbnr .txt_fileinfo{display:block;overflow:hidden;padding:3px 0 0;line-height:20px;font-size:12px;color:#999} .reform_list_imgbnr .reform_link_imgbnr .btn_arr{position:absolute;top:50%;right:2px;width:50px;height:40px;margin-top:-20px} .reform_list_imgbnr .reform_link_imgbnr .ico_arr2{width:14px;height:8px;margin:17px auto;background-position:-745px -120px;vertical-align:top} .reform_list_imgbnr .reform_link_imgbnr .btn_arr.on .ico_arr2{background-position:-745px -110px} .reform_list_imgbnr .reform_link_imgbnr .link_g{position:absolute;top:20px;right:1px;width:50px;height:50px} .reform_list_imgbnr .reform_link_imgbnr .link_g .ico_modify{margin-top:17px;background-position:-885px -180px} .reform_list_imgbnr .reform_link_imgbnr button.link_g .ico_modify{margin-top:0} .reform_list_imgbnr .reform_link_imgbnr .link_g:hover .ico_modify{background-position:-885px -195px} .reform_group_item .box_radioinp + .reform_link_imgbnr{margin-top:10px} .reform_sub_imgbnr{padding:26px 19px 26px 20px;border-top:1px solid #e8e8e8;background:#FAFAFA} .reform_sub_imgbnr .tit_item{float:none;display:block;font-size:14px;font-weight:400;color:#333} .reform_sub_imgbnr .item_imgbrn,.reform_sub_imgbnr .reform_desc_item{padding-top:6px} .reform_sub_imgbnr .reform_link_imgbnr,.reform_sub_imgbnr .reform_link_imgbnr.load_ok{margin-top:2px;border:1px solid #ddd;background-color:#fff} .reform_sub_imgbnr .item_imgbrn + .tit_item,.reform_sub_imgbnr .reform_desc_item + .tit_item{padding-top:23px} .reform_sub_imgbnr .txt_error + .tit_item{padding-top:23px} .reform_sub_imgbnr .box_checkinp + .opt_select,.reform_sub_imgbnr .opt_select + .reform_box_inptxt,.reform_sub_imgbnr .box_checkinp + .opt_select2,.reform_sub_imgbnr .opt_select + .reform_box_inptxt,.reform_sub_imgbnr .opt_select2 + .reform_box_inptxt{margin-top:10px} .reform_list_imgbnr li .reform_sub_imgbnr .btn_del{display:block} .reform_sub_imgbnr .reform_desc_item .box_checkinp + .reform_group_item{margin-top:10px} .reform_list_imgbnr .reform_sub_imgbnr .reform_inner_txt{margin-left:98px} .reform_list_imgbnr .reform_sub_imgbnr .reform_txt_file{display:block;width:230px;max-height:21px;-webkit-line-clamp:1;white-space:nowrap} /*2021-04-07 수정*/ .reform_sub_imgbnr .reform_group_item .reform_link_imgbnr .reform_txt_file{display:-webkit-box;max-height:42px;-webkit-line-clamp:2;white-space:normal} /*2021-04-07_v2 추가*/ .reform_sub_imgbnr .reform_desc_item .layer_choice2{width:100%} .reform_group_item.in_error{border-color:#fc4842} .reform_group_item + .txt_error{padding-top:10px} .reform_group_item.in_error .reform_link_imgbnr .frame_g{border:1px solid rgba(0,0,0,0.08)} /*reform_group_item 에 in_error 사용을 위해 정의*/ .reform_group_item .reform_link_imgbnr.in_error .frame_g{border:2px solid #fc4842} .reform_sub_imgbnr .reform_inner_txt .txt_byte{display:block;padding-top:1px;font-size:12px;line-height:19px;color:#777} .reform_sub_imgbnr .reform_inner_txt .txt_bar{display:inline-block;overflow:hidden;width:1px;height:10px;margin:5px 8px 0;font-size:0;background:#ddd;vertical-align:top} .reform_group_option{margin-bottom:-15px;padding-top:15px} .reform_sub_imgbnr .box_checkinp.in_active .lab_check,.reform_sub_imgbnr .opt_select.in_active .link_selected.reform_link_default{color:#ccc} .reform_sub_imgbnr .box_checkinp.in_active .inp_check:checked + .lab_check{color:#555} .reform_sub_imgbnr .reform_txt_info{width:100%} .reform_sub_imgbnr .reform_txt_info .btn_gs{margin-left:5px} .reform_sub_imgbnr .box_inptxt{min-width:335px} .reform_regist_btn .btn_file{display:inline-block;position:relative;vertical-align:top} .reform_regist_btn .btn_file .gm_line{border-color:#ddd;background:#fff} .reform_regist_btn .btn_file:hover .gm_line{border-color:rgba(0,0,0,0.08);background:rgba(0,0,0,0.08)} .reform_regist_btn .btn_file .inp_file{overflow:hidden;position:absolute;left:0;top:0;width:100%;height:36px;margin-top:2px;text-indent:-9999px;font-size:99px;opacity:0.01;filter:alpha(opacity=0);cursor:pointer} .reform_regist_btn .btn_file .lab_file{float:left;margin-right:9px;cursor:pointer} .box_connect{overflow:hidden;position:relative;height:28px;padding:10px 10px 10px 16px;border:1px solid #ddd;background-color:#fff;border-radius:2px} .box_connect .txt_id{display:block;overflow:hidden;padding-right:65px;line-height:28px;color:#333;font-size:13px;text-overflow:ellipsis;white-space:nowrap} .box_connect .btn_gs{position:absolute;top:9px;right:10px;height:28px} .box_connect .btn_gs .inner_g{font-size:11px;line-height:23px} .reform_sub_imgbnr .box_connect .txt_id{padding-right:92px} .box_connect.in_active{border-color:#ccc;color:#ccc;background-color:#f5f5f5} .box_connect.in_active .txt_id{color:#ccc} .reform_subbox_info{margin:2px 0 8px;padding:15px 20px;background:#F7F7F7} .reform_subbox_info .txt_info{font-size:13px;line-height:20px;color:#333} .reform_subbox_info .ico_info{width:12px;height:12px;margin:4px 6px 0 0;background-position:-565px -775px} /* 홍보 동영상 */ .reform_regist_img + .reform_sub_imgbnr,.reform_regist_vod + .reform_sub_imgbnr{width:440px;margin-top:-1px;padding-top:20px;padding-bottom:19px;border:1px solid #dddddd;background:#fff;box-sizing:border-box} .reform_sub_imgbnr .reform_regist_img,.reform_sub_imgbnr .reform_regist_vod{width:400px} .reform_material_item .reform_sub_imgbnr .tit_item{display:block} .reform_regist_img .reform_img_file .ico_file,.reform_regist_vod .reform_img_file .ico_file{width:70px;height:70px;margin-top:0} .reform_regist_img .reform_img_file .ico_file{background-position:-820px -475px} .reform_regist_vod .reform_img_file .ico_file{background-position:-740px -550px} .reform_regist_vod + .reform_sub_imgbnr .reform_guide_file{margin-top:6px;margin-bottom:-4px} .reform_sub_imgbnr .reform_regist_img .reform_txt_file .txt_upload,.reform_sub_imgbnr .reform_regist_vod .reform_txt_file .txt_upload{width:235px} .reform_sub_imgbnr .reform_group_item .reform_regist_img,.reform_sub_imgbnr .reform_group_item .reform_regist_vod{width:auto} .reform_sub_imgbnr .reform_group_item .reform_regist_img .reform_img_file,.reform_sub_imgbnr .reform_group_item .reform_regist_vod .reform_img_file{margin:9px 20px 0 10px} .reform_sub_imgbnr .reform_group_item .reform_regist_img .txt_upload,.reform_sub_imgbnr .reform_group_item .reform_regist_vod .txt_upload{width:220px} .reform_sub_imgbnr .reform_group_item .reform_regist_img .reform_txt_file,.reform_sub_imgbnr .reform_group_item .reform_regist_vod .reform_txt_file{display:table-cell;max-height:88px} /* 2025-02-20 브랜딩 페이지 구성요소 */ .reform_group_item .reform_regist_color .item_bgcolor .box_inptxt{width:80px} /* 정책 */ .reform_material_item .reform_check_agree,.basic_layer.managenotice_wrap .reform_check_agree{padding-bottom:17px} .reform_check_agree .box_checkinp .lab_check,.basic_layer.managenotice_wrap .box_checkinp .lab_check{font-weight:500} .reform_material_item .list_agree,.basic_layer.managenotice_wrap .list_agree{padding:5px 0 4px} .reform_material_item .list_agree li,.basic_layer.managenotice_wrap .list_agree li{font-size:13px;line-height:20px;color:#666} .reform_material_item .list_agree li + li,.basic_layer.managenotice_wrap .list_agree li + li{padding-top:20px} .reform_material_item .list_agree .link_g,.basic_layer.managenotice_wrap .list_agree .link_g{width:auto;height:auto;color:#326EDC;vertical-align:top} .reform_material_item .list_agree li .ico_dot,.basic_layer.managenotice_wrap .list_agree li .ico_dot{display:inline-block;width:8px;padding-left:2px;vertical-align:top} .reform_material_item .box_agree,.basic_layer.managenotice_wrap .box_agree{padding:15px 15px;margin-top:6px;background:#f5f5f5} .reform_material_item .box_agree .list_agree,.basic_layer.managenotice_wrap .box_agree .list_agree{padding:0} .reform_material_item .box_agree .list_agree li,.basic_layer.managenotice_wrap .box_agree .list_agree li{color:#777} .reform_material_item .box_agree .list_agree li + li,.basic_layer.managenotice_wrap .box_agree .list_agree li + li{padding-top:10px} .basic_layer.managenotice_wrap .inner_basic_layer{width:500px} .basic_layer.managenotice_wrap .layer_body{padding:20px 30px 30px} .basic_layer.managenotice_wrap .reform_check_agree{padding-top:20px} /* 오디언스_메인 */ .audience_wrap .managebox_tit .link_help{margin:-4px 0 0 3px} .audience_wrap .info_step .desc_step{font-size:14px} .audience_wrap .tbl_g2 .link_txt2{overflow:hidden;display:block;text-overflow:ellipsis;white-space:nowrap;text-decoration:none} /* 오디언스_상세 */ .audiencedetail_wrap .dsp_tit .tit_subject{letter-spacing:0} .audiencedetail_wrap .dsp_tit .tit_subject .link_help{margin:-4px 0 0 3px} .audiencedetail_wrap .dsp_tit .gm_line{margin-left:7px} .audiencedetail_wrap .managebox_tit .tit_box{letter-spacing:0} .audiencedetail_wrap .ad_managebox + .ad_managebox{margin-top:20px} .audiencedetail_wrap .managebox_tit .opt_select,.audiencedetail_wrap .managebox_tit .opt_select2{min-width:244px} .audiencedetail_wrap .tab_g .link_tab{letter-spacing:0} .audiencedetail_wrap .tblg2_wrap tbody th{height:47px;background:#fff} .audiencedetail_wrap .tblg2_wrap tbody tr:hover th,.audiencedetail_wrap .tblg2_wrap tbody tr:hover td{background:#fff} .audiencedetail_wrap .tblg2_wrap tr.over th,.audiencedetail_wrap .tblg2_wrap tr:hover th{background-color:#f5f5f5} .audiencedetail_wrap .tblg2_wrap tbody tr:last-child th{border-bottom:none} .audiencedetail_wrap .tblg2_wrap tbody th{border-width:1px 0 0 1px;border-top-color:#ebebeb} .audiencedetail_wrap .tblg2_wrap thead th:first-child{border-top:0} .audiencedetail_wrap .tblg2_wrap tbody th .inner_tbl,.audiencedetail_wrap .tblg2_wrap thead th:first-child .inner_tbl{padding-left:20px} .audiencedetail_wrap .tblg2_wrap tr .link_txt{display:block;padding-right:8px} .audiencedetail_wrap td .ico_on:before{background:#326EDC} .audiencedetail_wrap .wrap_tblbtn{height:46px;border-bottom:1px solid #ddd;text-align:center;box-sizing:border-box} .audiencedetail_wrap .tblg2_wrap td.align_c .btn_gs{margin:-5px 0} .wrap_tblbtn .btn_tblmore{position:relative;display:inline-block;padding-right:20px;font-weight:500;font-size:13px;line-height:46px;color:#333} .wrap_tblbtn .btn_tblmore .ico_arr{position:absolute;top:50%;right:0;width:13px;height:9px;margin-top:-4px;background-position:-815px -100px} .wrap_tblbtn .btn_tblmore.on .ico_arr{background-position:-815px -90px} .audiencedetail_wrap .ad_managebox > .reform_area_loading{min-height:610px} /* popup - 변경이력 상세보기 */ .basic_layer.layer_audiencedetail .layer_body{overflow-x:hidden;overflow-y:auto;max-height:559px;margin-right:3px;padding:30px 27px 30px 30px} .basic_layer.layer_audiencedetail .tbl_layer{margin:14px 0 30px 0;border-left:0 none} .basic_layer.layer_audiencedetail .tbl_layer td:last-child{border-right:none} .basic_layer.layer_audiencedetail .tbl_layer th{border-right:1px solid #ebebeb} .basic_layer.layer_audiencedetail .tbl_layer th,.basic_layer.layer_audiencedetail .tbl_layer .inner_cell{padding-top:13px;padding-bottom:13px} .basic_layer.layer_audiencedetail .tblg2_wrap{margin-top:14px} .basic_layer.layer_audiencedetail .tbl_g2 th{height:49px} /* popup - 카카오 비지니스 */ .basic_layer.business_layer .inner_basic_layer{width:666px} .basic_layer.business_layer .logo_popup{width:130px;margin-top:22px} .basic_layer.business_layer .tit_copy{font-size:20px;line-height:30px;color:#111;font-weight:bold} .basic_layer.business_layer .txt_copy{margin-top:11px;line-height:23px} .basic_layer.business_layer .tit_copy + .txt_copy{margin-top:14px} .basic_layer.business_layer .layer_foot .gm_line{background:#fff} .basic_layer.business_layer .layer_foot .gm_line:hover{background:rgba(0,0,0,0.08)} .basic_layer.business_layer .box_business{margin:23px 0 35px;padding:22px 20px 22px 25px;border-radius:4px;background:#F5F5F5} .basic_layer.business_layer .tit_business{display:block;font-size:14px;line-height:20px;color:#555;font-weight:normal} .basic_layer.business_layer .txt_business + .tit_business{padding-top:22px} .basic_layer.business_layer .txt_business{padding-top:5px} .basic_layer.business_layer .txt_business,.basic_layer.business_layer .txt_business .line_emph{font-size:14px;line-height:20px;color:#111;font-weight:bold} .basic_layer.business_layer .txt_business .line_emph{position:relative} .basic_layer.business_layer .txt_business .line_emph .inner_g{position:relative;z-index:2} .basic_layer.business_layer .txt_business .line_emph:before{position:absolute;bottom:2px;left:0;right:0;z-index:1;height:6px;background:#FFEE7F;content:''} .basic_layer.business_layer .list_business{padding-top:7px} .basic_layer.business_layer .list_business li{position:relative;padding-left:8px;font-size:12px;line-height:17px;color:#555} .basic_layer.business_layer .list_business li + li{margin-top:5px} .basic_layer.business_layer .list_business li:after{position:absolute;top:6px;left:0;width:4px;height:4px;border-radius:4px;background:#BEBEBE;content:''} .basic_layer.business_layer .box_business .btn_gm{margin-top:25px;border-color:rgba(0,0,0,0.15);background:#F5F5F5} .basic_layer.business_layer .box_business .btn_gm:hover{background:rgba(0,0,0,0.08)} /* 레이어팝업 - 필터 설정 */ .basic_layer .inner_basic_layer.inner_row_layer2{width:610px} .inner_row_layer2 .body_row .box_menurow{width:184px} .inner_row_layer2 .body_row .box_itemrow{width:424px;margin-right:-1px} .inner_row_layer2 .body_row .list_itemrow{margin-bottom:15px} .inner_row_layer2 .body_row .list_itemrow .list_itemrow{margin-bottom:0} .inner_row_layer2 .body_row .box_itemrow .list_itemrow li:first-child{margin-top:11px} .inner_row_layer2 .body_row .box_itemrow .list_itemrow .opt_top li:first-child{margin-top:0} .inner_row_layer2 .body_row .box_itemrow .list_itemrow .list_itemrow li:first-child{margin-top:1px} .basic_layer .inner_row_layer2 .subtit_row + .list_itemrow li:first-child{margin-top:4px} .basic_layer .inner_row_layer2 .tit_row{margin-top:0;font-size:12px;color:#555;font-weight:normal} .basic_layer .inner_row_layer2 .subtit_row{display:block;padding:12px 0 0 20px;font-size:13px;color:#777;font-weight:normal} .basic_layer .inner_row_layer2 .list_itemrow + .subtit_row{padding-top:5px} .basic_layer .inner_row_layer2 .list_itemrow li{padding:0} .basic_layer .inner_row_layer2 .list_itemrow li:hover{background:none} .basic_layer .inner_row_layer2 .list_itemrow .area_checkinp{padding:5px 0 5px 20px} .basic_layer .inner_row_layer2 .list_itemrow .area_checkinp:hover{background-color:#f5f5f5} .basic_layer .inner_row_layer2 .list_itemrow .list_itemrow .area_checkinp{padding-left:48px} .basic_layer .inner_row_layer2 .box_checkinp .lab_check{font-size:14px;color:#333} .basic_layer .inner_row_layer2 .inp_check:checked + .lab_check{color:#326EDC} .box_lyfilter{position:relative;width:357px;padding:10px 0 10px 20px;margin:6px 0 0 20px;border-radius:2px;background:#F5F5F5;box-sizing:border-box} .box_lyfilter:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''} .box_lyfilter .opt_select,.box_lyfilter .box_inptxt,.box_lyfilter .btn_gm{margin-top:10px;margin-bottom:10px} .box_lyfilter .opt_select{float:left;min-width:80px;width:80px;margin-right:10px} .box_lyfilter .box_inptxt{float:left;width:132px;margin-right:10px} .box_lyfilter .btn_gm{float:left;border-color:rgba(0,0,0,0.07)} .box_lyfilter .txt_symbol{float:left;padding-right:5px;line-height:25px} .box_lyfilter .txt_price{float:left;line-height:25px} .box_lyfilter .btn_gs.btn_modify{position:absolute;top:0;right:2px;width:45px;height:45px;border:none;background:none} .box_lyfilter .btn_gs.btn_modify:hover .ico_modify{background-position:-885px -195px} .basic_layer .inner_row_layer2 .layer_foot{padding-top:15px;border-top:1px solid #e6e6e6}/*** 오디언스 ***/ /* 오디언스 만들기 */ .audiencecreate_wrap .reform_area_card:first-child{border-top:none} .audiencecreate_wrap .reform_box_admore{margin-top:15px} .audiencecreate_wrap .reform_item_card:first-child .reform_box_admore{margin-bottom:25px} .audiencecreate_wrap .reform_con_card .reform_item_card + .reform_item_card .reform_top_admore{padding-top:5px} .audiencecreate_wrap .reform_con_card .reform_tit_card + .reform_item_card .box_inptxt{max-width:688px} .audiencecreate_wrap .reform_area_card:first-child .reform_subtit_card{padding-top:32px} /* 오디언스 불러오기 - 레이어 */ .basic_layer.audienceload_layer .audience_group .txt_layer{padding:0 0 11px;font-size:14px;color:#555} .basic_layer.audienceload_layer .txt_warn{font-size:12px;color:#777;text-align:center} .basic_layer.audienceload_layer .inner_basic_layer{width:857px} .basic_layer.audienceload_layer .layer_body{padding:20px 30px 30px} .basic_layer.audienceload_layer .search_item .search_inp2{width:276px;padding-right:61px} .basic_layer.audienceload_layer .search_item .box_inptxt.in_active .lab_txt{display:block;color:#ccc} .basic_layer.audienceload_layer .search_item .search_inp2 .btn_search{width:24px} .basic_layer.audienceload_layer .search_item .search_inp2 .ico_search{width:16px;height:16px;margin:2px 47px 0 0;background-position:-685px -505px} .basic_layer.audienceload_layer .search_item .search_inp2.in_active .ico_search{background-position:-705px -505px} .basic_layer.audienceload_layer .search_item .search_inp2 .btn_del{right:29px;width:25px} .basic_layer.audienceload_layer .search_item .search_inp2 .ico_del{width:14px;height:14px;margin:10px auto;background-position:-690px -445px} .audience_load .list_audienceload{overflow-y:auto;margin-top:77px;overflow-x:hidden;max-height:491px} .audience_load .list_audienceload .desc_menu{margin-top:4px} .audience_load .list_audienceload li{display:table;width:100%;min-width:46px;border-bottom:1px solid #E8E8E8} .audience_load .list_audienceload li:hover{background-color:rgba(0,0,0,0.03)} .audience_load .list_audienceload li .info_radio{display:table-cell;width:39px;padding-left:9px;text-align:center;vertical-align:middle} .audience_load .list_audienceload li .info_audience{display:table-cell;vertical-align:middle} .info_audience .desc_audience{display:table-cell;padding:13px 0 14px;vertical-align:middle} .info_audience .desc_audience .txt_menu{display:block;display:-webkit-box;overflow:hidden;max-width:325px;max-height:38px;line-height:19px;font-weight:400;color:#333;font-size:13px;text-overflow:ellipsis;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical} .audience_load{position:relative;min-height:568px;border:1px solid #E5E5E5;border-radius:2px} .audience_load:after{position:absolute;top:0;bottom:0;left:392px;width:1px;background-color:#E5E5E5;content:''} .audience_load .audienceload_body{float:left;position:relative;overflow:hidden;width:392px;max-height:691px;margin-bottom:-1px} .audience_load .list_audienceload li.on{background-color:#F1F6FC} .audience_load .list_audienceload li.in_active:hover{background:rgba(0,0,0,0.03)} .audience_load .list_audienceload li.in_active .info_audience .txt_menu,.audience_load .list_audienceload li.in_active .info_audience .fc_emph{color:#ccc} .audience_load .list_audienceload li.in_active .ico_radio{background-position:-755px -50px} .audience_load .list_audienceload li.item_nodata{height:490px;border-bottom:none;background:none} .audience_load .list_audienceload li.item_nodata:hover{background-color:#fff} .audience_load .item_nodata .box_nodata{display:table-cell;padding-bottom:76px;font-size:14px;color:#777;line-height:20px;vertical-align:middle;text-align:center} .audience_load .box_nodata .btn_refresh{display:block;width:42px;height:42px;margin:-55px auto 10px;border-radius:22px;border:1px solid #ddd} .audience_load .box_nodata .btn_refresh .ico_comm{width:20px;height:20px;margin:11px auto;background-position:-710px -445px} .audience_load .list_audienceload .reform_area_loading .group_loading{padding-bottom:72px} .audience_load .audienceload_view{overflow-y:auto;position:relative;min-height:568px;max-height:568px;padding:19px 17px 9px 21px;background-color:#fafafa;box-sizing:border-box} .audience_load .audienceload_view .tit_view{display:block;padding-bottom:2px;line-height:19px;font-size:13px;color:#333;font-weight:700} .audience_load .audienceload_view .cont_view + .tit_view{padding-top:20px} .audience_load .audienceload_view .num_view{font-size:18px;color:#326EDC} .audience_load .audienceload_view .num_view .ico_comm{display:inline-block;width:16px;height:16px;margin:6px 10px 0 0;background-position:-845px -90px} .audience_load .audienceload_view .num_view .reform_area_loading{display:inline-block;width:50%;margin-top:-11px;margin-left:-4px;text-align:left} .audience_load .audienceload_view .num_view .fc_warn{font-size:16px;color:#F51045} .audience_load .audienceload_view .num_view .btn_refresh{display:inline-block;width:18px;height:18px;margin:4px 0 0 2px;border-radius:10px;border:1px solid #ddd;vertical-align:top} .audience_load .audienceload_view .num_view .btn_refresh .ico_comm{display:block;width:10px;height:10px;margin:4px auto;background-position:-690px -465px} .audience_load .audienceload_view .list_view{padding:7px 0 10px} .audience_load .audienceload_view .list_view li + li{margin-top:12px} .audience_load .audienceload_view .list_view .subtit_view{position:relative;display:block;padding-left:7px;line-height:20px;font-size:13px;color:#999;font-weight:500} .audience_load .audienceload_view .list_view .subtit_view:after{position:absolute;top:9px;left:0;width:3px;height:3px;border-radius:3px;background:#999;content:''} .audience_load .audienceload_view .list_view .desc_view{display:block;padding-left:7px;line-height:20px;font-size:13px;color:#333;font-weight:400} .audience_load .audienceload_view .item_nodata{display:table;width:100%;height:538px} .audience_load .audienceload_view .box_nodata{display:table-cell;padding-bottom:38px;vertical-align:middle;text-align:center} /*(popup)오디언스 저장*/ .basic_layer.audiencesave_layer .inner_basic_layer{width:530px} .basic_layer.audiencesave_layer .layer_body{padding:30px} .basic_layer.audiencesave_layer .txt_layer{padding:0;font-size:14px;color:#555;line-height:22px;letter-spacing:0} .os_mac .basic_layer.audiencesave_layer .txt_layer{padding:0} .basic_layer.audiencesave_layer .subtit_layer{margin-top:31px;margin-bottom:9px} .basic_layer.audiencesave_layer .txt_error{padding-top:10px} .basic_layer.audiencesave_layer .box_textarea2.textarea_line{height:36px} .basic_layer.audiencesave_layer .box_textarea2.textarea_line .num_byte{top:5px} /*(popup)오디언스 수정,삭제*/ .basic_layer2 .box_info{width:330px;margin:13px 0 8px;padding:19px 20px 21px 29px;border-radius:2px;line-height:18px;font-size:12px;color:#555;background:#F5F5F5;text-align:left;box-sizing:border-box} .basic_layer2 .box_info2{width:330px;margin:20px 10px 0;padding:19px 20px 21px 29px;border-radius:2px;line-height:22px;font-size:14px;color:#555;background:#F5F5F5;text-align:left;box-sizing:border-box} .basic_layer2 .box_info.align_c,.basic_layer2 .box_info2.align_c{text-align:center} .basic_layer2 .box_info2 + .txt_layer{padding-top:12px;padding-bottom:8px} /* (popup)광고반응타겟 가져오기 */ .basic_layer .opt_select .link_selected .txt_info,.basic_layer .opt_select .link_option .txt_info{float:right;width:110px;font-size:12px;color:#777;letter-spacing:0;text-align:right} .basic_layer .opt_select .link_selected .txt_info{padding-right:1px} .basic_layer .opt_select .link_option .txt_info{padding-right:4px} .basic_layer .opt_select .link_option .txt_info.fc_warn{color:#F51045} .basic_layer .opt_select li.on > .link_option .txt_info{color:#326edc} .basic_layer .opt_select .in_active .link_option .txt_info,.basic_layer .opt_select .in_active .link_option .txt_info.fc_warn,.basic_layer .opt_select .in_active .link_option .txt_sort{color:#ccc} .basic_layer .opt_select .link_selected .txt_sort,.basic_layer .opt_select .link_option .txt_sort{float:right;min-width:80px;color:#777;letter-spacing:0} /*타겟관리 > 광고반응타겟 상세 */ .ad_managebox .tab_g8 + .audience_detail{border-top:none} .ad_managebox .tab_g8{padding:10px 20px 0;border-top:1px solid #ddd} .ad_managebox .tab_g8 .link_tab{padding:0 40px;border-radius:0} .ad_managebox .tab_g8 .link_tab .fc_emph{display:inline-block;padding-left:3px;color:#777;vertical-align:top} .ad_managebox .tab_g8 .link_tab:hover .fc_emph{color:#111} .ad_managebox .tab_g8 .on .link_tab .fc_emph{font-weight:bold;color:#326EDC} .ad_managebox .tbl_top:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''} .ad_managebox .tbl_top .txt_noti{display:inline-block;padding-bottom:20px;font-size:13px;color:#777;vertical-align:top} .ad_managebox .tbl_top .f_left + .f_left .txt_noti{padding-left:20px;line-height:36px} /* (popup)광고그룹 만들기 */ .dashcopy_wrap .pop_adgroup{padding:26px 30px 30px} .dashcopy_wrap .pop_adgroup .tit_copy{margin-top:31px} .dashcopy_wrap .pop_adgroup .tit_copy.fst{margin-top:0} .dashcopy_wrap .pop_adgroup .tit_copy + .txt_copy{margin-top:9px} .dashcopy_wrap .pop_adgroup .box_inptxt{margin-top:19px} .dashcopy_wrap .pop_adgroup .box_inptxt.in_active{border-color:#ddd;pointer-events:all} .dashcopy_wrap .pop_adgroup .box_inptxt.in_active .inner_inp,.dashcopy_wrap .pop_adgroup .box_inptxt.in_active .btn_search{pointer-events:none} .dashcopy_wrap .pop_adgroup .item_select{overflow-x:hidden;overflow-y:auto;max-height:370px;max-width:100%;width:100%;border-radius:2px;border:1px solid #e6e6e6} .dashcopy_wrap .pop_adgroup .item_select.no_data{height:178px} .dashcopy_wrap .pop_adgroup .item_select .box_radioinp{height:68px} .dashcopy_wrap .pop_adgroup .item_select .tit_list,.dashcopy_wrap .pop_adgroup .item_select .sub_list{display:block;overflow:hidden;line-height:20px;text-overflow:ellipsis;white-space:nowrap} .dashcopy_wrap .pop_adgroup .item_select .tit_list{padding-top:13px;font-size:12px;color:#777} .dashcopy_wrap .pop_adgroup .item_select .sub_list{padding-top:1px;font-size:13px;color:#333} .dashcopy_wrap .pop_adgroup .item_select:hover{border-color:#e6e6e6} /* (popup)입찰금액 수정 */ .basic_layer.modifybudget_wrap .inner_basic_layer{width:597px} .basic_layer.modifybudget_wrap .layer_body{padding:26px 30px 30px} .basic_layer.modifybudget_wrap .tbl_layer{margin-top:20px} .basic_layer.modifybudget_wrap .tbl_layer th{vertical-align:middle} .basic_layer.modifybudget_wrap .tbl_layer .box_inptxt{float:left;width:157px} .basic_layer.modifybudget_wrap .tbl_layer .box_inptxt .inp_txt{text-align:right} .basic_layer.modifybudget_wrap .tbl_layer .tr_box2 td .inner_cell{padding-top:25px;padding-bottom:25px} .basic_layer.modifybudget_wrap .box_btnnum{margin-right:-30px} /* popup - 변경이력 > 상세보기 */ .basic_layer.layer_audiencedetail2 .inner_basic_layer{width:628px} .basic_layer.layer_audiencedetail2 .layer_body,.basic_layer.layer_audiencemodify .layer_body{overflow-x:hidden;overflow-y:auto;max-height:559px;margin-right:3px;padding:30px 27px 30px 30px} .basic_layer.layer_audiencedetail2 .tbl_layer,.basic_layer.layer_audiencemodify .tbl_layer{margin:14px 0 30px 0;border-left:0 none} .basic_layer.layer_audiencedetail2 .tbl_layer td:last-child,.basic_layer.layer_audiencemodify .tbl_layer td:last-child{border-right:none} .basic_layer.layer_audiencedetail2 .tbl_layer th,.basic_layer.layer_audiencemodify .tbl_layer th{padding-right:10px;border-right:1px solid #ebebeb} .basic_layer.layer_audiencedetail2 .tbl_layer th,.basic_layer.layer_audiencedetail2 .tbl_layer .inner_cell,.basic_layer.layer_audiencemodify .tbl_layer th,.basic_layer.layer_audiencemodify .tbl_layer .inner_cell{padding-top:13px;padding-bottom:13px} .basic_layer.layer_audiencedetail2 .tblg2_wrap,.basic_layer.layer_audiencemodify .tblg2_wrap{margin-top:14px} .basic_layer.layer_audiencedetail2 .tbl_g2 th,.basic_layer.layer_audiencemodify .tbl_g2 th{height:49px} .basic_layer.layer_audiencedetail2 .tbl_g2 tbody th,.basic_layer.layer_audiencemodify .tbl_g2 tbody th{color:#333;background:#fff} .basic_layer.layer_audiencedetail2 .tbl_g2 tbody tr:last-child th,.basic_layer.layer_audiencemodify .tbl_g2 tbody tr:last-child th{border-bottom:none} /* popup - 변경이력 > 타겟 수정 > 광고그룹 더보기 없음 */ .basic_layer.layer_audiencemodify .inner_basic_layer{width:820px} .basic_layer.layer_audiencemodify .tbl_layer tbody th{vertical-align:middle} .basic_layer.layer_audiencemodify .list_adgroup li{line-height:30px;color:#333} .basic_layer.layer_audiencemodify .list_adgroup li .link_txt{color:#326EDC} .basic_layer.layer_audiencemodify .tbl_more{height:62px;margin-top:-31px;border-top:1px solid #eee;border-bottom:1px solid #ddd;background:#fff;text-align:center} .basic_layer.layer_audiencemodify .tbl_more .btn_more{display:inline-block;padding-top:3px;line-height:58px;font-size:13px;color:#817575;vertical-align:top} .basic_layer.layer_audiencemodify .tbl_more .btn_more .ico_comm{display:inline-block;width:13px;height:9px;margin:25px 0 0 7px;background-position:-815px -100px;vertical-align:top} .basic_layer.layer_audiencemodify .tbl_more .btn_more.on .ico_comm{background-position:-815px -90px} .tooltip_basic.tooltip_pixelsdk .list_tooltip{padding-top:2px} .tooltip_pixelsdk .list_tooltip + .tit_tooltip{margin-top:16px} /* 변경이력 */ .audiencehistory_wrap .managebox_tit .opt_select,.audiencehistory_wrap .managebox_tit .opt_select .link_selected{min-width:150px} .audiencehistory_wrap .managebox_tit .opt_select2,.audiencehistory_wrap .managebox_tit .opt_select2 .link_selected{min-width:148px} .audiencehistory_wrap .managebox_tit .opt_filter,.audiencehistory_wrap .managebox_tit .opt_filter .link_selected{min-width:100px} .audiencehistory_wrap .managebox_tit .search_inp2{width:162px} /* select+input > 변경이력 관리 */ .audiencehistory_wrap .box_pixelsearch{float:left} .audiencehistory_wrap .box_pixelsearch .opt_select{float:left;min-width:86px;width:86px} .audiencehistory_wrap .box_pixelsearch .opt_select .link_selected{min-width:86px} .audiencehistory_wrap .managebox_tit .box_pixelsearch .opt_select,.audiencehistory_wrap .managebox_tit .box_pixelsearch .opt_select2{float:left;min-width:86px;width:86px} .audiencehistory_wrap .managebox_tit .box_pixelsearch .opt_select .link_selected,.audiencehistory_wrap .managebox_tit .box_pixelsearch .opt_select2 .link_selected{min-width:86px} .audiencehistory_wrap .box_pixelsearch .search_inp2{width:160px} .audiencehistory_wrap .tbl_g2 .txt_info{color:#777} /*우편번호찾기*/ .basic_layer .inner_basic_layer3 #addressLayer{margin-bottom:30px} .opt_select.opt_wd1 .layer_choice2 .box_choice,.opt_select.opt_wd2 .layer_choice2 .box_choice{overflow:hidden} .opt_select.opt_wd1 .layer_choice2 .opt_nodata,.opt_select.opt_wd2 .layer_choice2 .opt_nodata,.opt_select .layer_choice2 .opt_nodata{display:table;width:100%;height:308px} .opt_select.opt_wd1 .layer_choice2 .opt_nodata .desc_nodata,.opt_select.opt_wd2 .layer_choice2 .opt_nodata .desc_nodata,.opt_select .layer_choice2 .opt_nodata .desc_nodata{display:table-cell;width:100%;height:308px;line-height:22px;font-size:13px;color:#777;text-align:center;vertical-align:middle} .opt_select .layer_choice2 .opt_nodata .link_txt,.opt_select.opt_wd2 .layer_choice2 .opt_nodata .link_txt,.opt_select.opt_wd1 .layer_choice2 .opt_nodata .link_txt{color:#326EDC} .opt_select.opt_wd1 .layer_choice2 .opt_nodata .link_txt:hover,.opt_select.opt_wd2 .layer_choice2 .opt_nodata .link_txt:hover{text-decoration:underline} .opt_select.opt_wd1 .layer_choice2 .list_preview,.opt_select.opt_wd2 .layer_choice2 .list_preview{float:left;width:100%} .opt_select .layer_choice2 .list_menu{width:100%;max-height:400px;padding:6px 0;box-sizing:border-box} .opt_select.opt_wd1 .layer_choice2 .list_menu li,.opt_select.opt_wd2 .layer_choice2 .list_menu li{overflow:hidden;position:relative;border-top:0 none} .opt_select .layer_choice2 .desc_cell{float:right;margin-right:16px;padding-left:4px;line-height:31px;font-size:12px;color:#333} .opt_select .layer_choice2 .list_menu li .desc_cell{margin-top:15px} .opt_select .layer_choice2 .wrap_preview .area_preview .cont_view{width:268px} .opt_select .layer_choice2 .desc_cell .btn_gs{margin-left:16px} .opt_select .layer_choice2 .desc_cell .ico_comm{display:inline-block;width:12px;height:12px;margin:10px 6px 0 0;background-position:-700px -555px;vertical-align:top} .opt_select .layer_choice2 .group_menu{display:block;overflow:hidden} .opt_select.opt_wd1 .layer_choice2 .group_menu{padding:10px 16px} .opt_select .layer_choice2 .tit_menu{overflow:hidden;display:block;font-size:13px;font-weight:400;line-height:19px;color:#333;text-overflow:ellipsis;white-space:nowrap} .opt_select.layer_choice2 .desc_menu{display:block;padding-top:3px;font-size:12px;line-height:18px;color:#999} .opt_select .layer_choice2 .list_menu li:hover,.opt_select .layer_choice2 .over,.opt_select .layer_choice2 .list_menu .link_menu:hover,.opt_select .layer_choice2 .over .link_menu{background-color:#f7f7f7} .opt_select .layer_choice2 .on,.opt_select .layer_choice2 .on:hover,.opt_select .layer_choice2 li.on,.opt_select .layer_choice2 li.on:hover,.opt_select .layer_choice2 li.on .link_menu:hover{background-color:#F7FBFF} .opt_select .layer_choice2 .on .tit_menu,.opt_select .layer_choice2 .on .desc_menu,.opt_select .layer_choice2 .on .desc_cell{color:#326EDC} .opt_select .layer_choice2 .on .desc_cell .ico_comm{background-position:-685px -555px} .opt_select .layer_choice2 .in_active .link_menu{pointer-events:none} .opt_select .layer_choice2 .in_active .tit_menu,.opt_select .layer_choice2 .in_active .desc_menu,.opt_select .layer_choice2 .in_active .desc_cell{color:#ccc} .opt_select .layer_choice2 .in_active .desc_cell .ico_comm{background-position:-770px -780px} .opt_select .layer_choice2 .area_preview{overflow-y:auto;float:left} .opt_select .layer_choice2 .area_preview .tit_view{display:block;padding:2px 0 3px;font-size:13px;font-weight:500;color:#333} .opt_select .layer_choice2 .area_preview .cont_view + .tit_view{padding-top:16px} .opt_select .layer_choice2 .area_preview .desc_view{width:268px;height:310px;font-size:13px;line-height:20px;color:#333} .opt_select .layer_choice2 .wrap_preview .area_preview{position:initial;width:auto;height:350px;margin:0;padding:0 16px 40px;box-shadow:none} .opt_select .layer_choice2 .list_view li + li{margin-top:0} .opt_select .layer_choice2 .list_view li{position:relative;display:block;padding-left:7px;line-height:20px;font-size:13px;color:#777;font-weight:400} .opt_select.opt_wd1 .layer_choice2 .list_view li:after,.opt_select.opt_wd2 .layer_choice2 .list_view li:after{position:absolute;top:9px;left:0;width:3px;height:3px;border-radius:3px;background:#999;content:''} .opt_select .layer_choice2 .desc_opt{display:block;font-weight:400;font-size:13px;line-height:20px;color:#333;box-sizing:border-box} .opt_select.layer_choice2 .desc_opt + .desc_opt{padding-top:22px} .opt_select.opt_wd1 .layer_choice2 .btn_wrap,.opt_select.opt_wd2 .layer_choice2 .btn_wrap{overflow:hidden;padding:16px 16px 0 0;text-align:right} .opt_select.opt_wd1 .layer_choice2 .btn_wrap .inner_btn,.opt_select.opt_wd2 .layer_choice2 .btn_wrap .inner_btn{float:right} .opt_select.opt_wd1 .layer_choice2 .btn_wrap .btn_gm,.opt_select.opt_wd2 .layer_choice2 .btn_wrap .btn_gm{float:left;margin-left:10px} .opt_select.opt_wd2 .layer_choice2 .list_menu{max-height:262px} .opt_select.opt_wd2 .layer_choice2 .desc_cell .ico_comm{margin-top:24px} .opt_select.opt_wd2 .layer_choice2 .box_choice{max-height:344px} .opt_select.opt_wd2 .layer_choice2 .list_preview{width:100%} .opt_select.opt_wd2 .layer_choice2 .opt_nodata{height:262px} .opt_select.opt_wd2 .layer_choice2 .area_preview{width:50%;height:262px} .opt_select.opt_wd2 .layer_choice2 .desc_cell{line-height:60px} /*(팝업)방문 이벤트 태그 추가*/ .basic_layer.register_layer .inner_basic_layer{width:720px} .basic_layer.register_layer .layer_body{padding:22px 30px 30px 30px} .basic_layer.register_layer .wrap_tbl{padding-top:0} .basic_layer.register_layer .group_inp{overflow:hidden} .basic_layer.register_layer .box_inptxt{margin-bottom:10px} /* 광고자산관리,내픽셀&SDK > 픽셀&SDK 상세 */ .pixelsdkdetail_wrap .btn_alarm{position:relative;padding:5px 11px 5px} .pixelsdkdetail_wrap .btn_alarm .ico_comm{width:22px;height:22px;background-position:-715px -470px} .pixelsdkdetail_wrap .btn_alarm .num_alarm{position:absolute;top:0;right:5px;width:14px;height:14px;border-radius:14px;border:1px solid #f8f8f8;line-height:14px;font-size:9px;color:#fff;background:#326EDC} .pixelsdkdetail_wrap .ad_managebox .desc_state{position:relative;display:inline-block;padding-left:18px;color:#333;vertical-align:top} .pixelsdkdetail_wrap .ad_managebox .desc_state .ico_state{position:absolute;top:0;left:0;width:10px;margin:6px 8px 0 0} .pixelsdkdetail_wrap .ad_managebox .desc_state .ico_state:before{float:left;width:10px;height:10px;border-radius:20px;background-color:#ccc;content:''} .pixelsdkdetail_wrap .ad_managebox .desc_state.on{color:#326EDC} .pixelsdkdetail_wrap .ad_managebox .desc_state.on .ico_state:before{background:#326EDC} .pixelsdkdetail_wrap .ad_managebox .tbl_g2 a.desc_state.on{text-decoration:underline} .pixelsdkdetail_wrap .ad_managebox .desc_state + .sub_txt{padding-left:2px;text-decoration:none} .pixelsdkdetail_wrap .ad_managebox .group_inp .box_inptxt{width:248px} .opt_select.opt_open .layer_choice2 .wrap_choice{display:inline-block;position:relative;width:100%;vertical-align:top} .opt_select.opt_open .layer_choice2 .wrap_preview{display:inline-block;position:absolute;top:0;margin-left:10px;border-radius:4px;background:#fff;box-sizing:border-box;box-shadow:0 2px 10px 0 rgba(0,0,0,0.25)} .layer_choice2 .area_preview .tit_preview{display:block;overflow:hidden;padding:16px 16px 0;font-weight:700;font-size:12px;line-height:18px;color:#333} .opt_select .layer_choice2 .wrap_preview .tit_preview{display:block;overflow:hidden;padding:16px;font-weight:700;font-size:12px;line-height:18px;color:#333} .pixelsdkdetail_wrap .tblg2_wrap .btn_gs{min-width:50px;height:28px;margin:-4px 1px} .pixelsdkdetail_wrap .tblg2_wrap .btn_gs .inner_g{padding-left:10px;padding-right:10px;font-size:11px;line-height:23px} .pixelsdkdetail_wrap .tblg2_wrap .btn_gs.wd100{width:106px} .pixelsdkdetail_wrap .tblg2_wrap .btn_depth{margin-left:10px} .pixelsdkdetail_wrap .tbl_g2 .desc_app{display:inline-block;overflow:hidden;vertical-align:top} .pixelsdkdetail_wrap .tbl_g2 .desc_app .link_txt{float:right;padding-left:3px} .pixelsdkdetail_wrap .tbl_g2 .desc_app .txt_limit{display:inline-block;color:#777} .itemtbl_wrap .txt_limit{display:inline-block;display:-webkit-box;overflow:hidden;height:21px;max-width:100%;-webkit-line-clamp:1;-webkit-box-orient:vertical;vertical-align:top} .pixelsdkdetail_wrap .ad_managebox .itemtbl_wrap{margin-bottom:-1px;border-left:none;border-right:none} .ad_managebox .itemtbl_wrap .itemtbl_head th{height:50px;font-size:13px;color:#555;font-weight:700} .ad_managebox .itemtbl_wrap .itemtbl_body td{height:47px} .ad_managebox .itemtbl_wrap .itemtbl_head th:first-child .inner_tbl,.ad_managebox .itemtbl_wrap .itemtbl_body td:first-child .inner_tbl{padding-left:20px} .ad_managebox .itemtbl_wrap .itemtbl_body .nodata_info{height:250px;color:#777;text-align:center;vertical-align:middle} .ad_managebox .itemtbl_wrap .inner_tbl{position:relative;padding:12px;line-height:22px} .ad_managebox .itemtbl_wrap .btn_gs{min-width:50px;height:28px;margin:-4px 1px} .ad_managebox .itemtbl_wrap .btn_gs .inner_g{padding-left:10px;padding-right:10px;font-size:11px;line-height:23px} .ad_managebox .itemtbl_wrap .btn_gs.wd100{width:106px} .ad_managebox .itemtbl_wrap .btn_depth{margin-left:10px} .ad_managebox .itemtbl_wrap .desc_app{display:inline-block;overflow:hidden} .ad_managebox .itemtbl_wrap .desc_app .txt_device{float:left;padding-right:3px} .ad_managebox .itemtbl_wrap .desc_app .txt_limit{position:relative;padding-right:5px} .ad_managebox .itemtbl_wrap .txt_limit .txt_bracket{position:absolute;top:0;right:0} .pixelsdkdetail_wrap .ad_managebox .tbl_top{margin-top:-8px;padding-bottom:12px} .pixelsdkdetail_wrap .ad_managebox .tbl_top .txt_noti{padding:9px 0;line-height:18px} .pixelsdkdetail_wrap .ad_managebox .managebox_tit .btn_gm + .btn_gm,.pixelsdkdetail_wrap .ad_managebox .tbl_top .btn_gm + .btn_gm{margin-left:6px} .pixelsdkdetail_wrap .ad_managebox .tbl_top .opt_select{margin-top:0} .pixelsdkdetail_wrap .ad_managebox + .ad_managebox{margin-top:20px} .pixelsdkdetail_wrap .tbl_g2 .txt_event{display:inline-block;max-width:658px;vertical-align:top} .pixelsdkdetail_wrap .itemtbl_wrap .sub_txt,.pixelsdkdetail_wrap .tbl_g2 .sub_txt{display:inline-block;color:#777;vertical-align:top} .pixelsdkdetail_wrap .gm_line.in_active,.pixelsdkdetail_wrap .gm_bl.in_active{border-color:#ddd;color:#ccc;background-color:#f5f5f5} .pixelsdkdetail_wrap .btn_gs.in_active{border-color:#ddd;color:#ccc;background-color:#f5f5f5} .pixelsdkdetail_wrap .td_inactive{color:#ccc} .pixelsdkdetail_wrap .managebox_tit .opt_select.opt_filter,.pixelsdkdetail_wrap .managebox_tit .opt_select.opt_filter .link_selected{min-width:168px} .pixelsdkdetail_wrap .tblg2_wrap .tblg2_body{max-height:556px} .pixelsdkdetail_wrap .tblg2_wrap .tblg2_body td{border-left:0;border-right:1px solid #ebebeb} .pixelsdkdetail_wrap .tblg2_wrap .tblg2_body td:last-child{border-right:0} .pixelsdkdetail_wrap .tblg2_wrap .tblg2_body td:first-child .inner_tbl{line-height:20px} .pixelsdkdetail_wrap .tblg2_wrap .tblg2_body td:first-child .sub_txt{display:block} .ad_managebox .tbl_g2 .tr_depthitem td:first-child .inner_tbl{padding-left:15px} .pixelsdkdetail_wrap .tbl_g2 .col_wd1{width:clamp(517px,calc(100vw - 796px),658px)} .pixelsdkdetail_wrap .tbl_g2 .col_wd2{min-width:274px} /* 광고자산관리 > 픽셀 & SDK 연동 상세 */ .linkagedetail_wrap .ad_managebox + .ad_managebox{margin-top:20px} .linkagedetail_wrap .tbl_g3 th .inner_tbl{height:46px;line-height:46px} .linkagedetail_wrap .tbl_g3 td .inner_tbl{padding:12px 20px} .linkagedetail_wrap .tbl_g3 .btn_gs{margin:-4px 0 -4px 10px} .linkagedetail_wrap .tbl_g3 .link_help + .btn_gm{margin-left:6px} .linkagedetail_wrap .ad_managebox .desc_state.on{color:#333} .pixelsdkdetail_wrap .managebox_tit .opt_select,.pixelsdkdetail_wrap .managebox_tit .opt_select2{width:244px} /* 픽셀&SDK 연동 관리 */ .pixelsdk_wrap .pixelsdk_tit{padding-bottom:0} .pixelsdk_wrap .ad_managebox .tbl_g2 .f_right + .link_txt{padding-right:90px} .pixelsdk_wrap .ad_managebox .tbl_g2 .f_right .link_del{display:block;line-height:41px} .pixelsdk_wrap .tbl_g2 th .link_g{margin-right:-4px} .pixelsdk_wrap .tbl_g2 td .inner_tbl .f_right .ico_fail{margin:14px 6px 0 0} .pixelsdk_wrap .tbl_g2 td .inner_tbl .f_right .link_info2{margin-top:10px} .pixelsdk_wrap .tbl_g2 td .inner_tbl{letter-spacing:-0.1px} .pixelsdk_wrap .tbl_g2 .inner_tbl .txt_info{color:#777} /* 픽셀&SDK 권한 추가하기 레이어 */ .basic_layer.addauthor_layer .layer_body{padding:30px 30px} .basic_layer.addauthor_layer .addauthor_top{overflow:hidden} .basic_layer.addauthor_layer .addauthor_top .txt_addauthor{float:left;height:36px;line-height:36px} .basic_layer.addauthor_layer .addauthor_top .btn_gm{float:right} .basic_layer.addauthor_layer .itemtbl_wrap{margin-top:30px} .basic_layer.addauthor_layer .itemtbl_wrap .inner_cell{padding:7px 10px} .basic_layer.addauthor_layer .itemtbl_wrap .itemtbl_body{overflow-x:hidden;max-height:353px} .basic_layer.addauthor_layer .itemtbl_wrap .nodata_wrap{height:199px} .basic_layer.addauthor_layer .itemtbl_wrap .nodata_wrap .inner_nodata{line-height:25px} .basic_layer.addauthor_layer .itemtbl_wrap .reform_area_loading{height:199px} .basic_layer.addauthor_layer .tbl_itemchoice th{height:47px} .basic_layer.addauthor_layer .tbl_itemchoice td{height:47px} .basic_layer.addauthor_layer .tbl_itemchoice .th_choice{text-align:center} .basic_layer.addauthor_layer .tbl_itemchoice .th_choice .inner_cell{padding:0} .basic_layer.addauthor_layer .tbl_itemchoice .td_choice{text-align:center} .basic_layer.addauthor_layer .tbl_itemchoice .radio_inp{cursor:pointer} .basic_layer.addauthor_layer .tbl_itemchoice .lab_name{display:block;cursor:pointer} .basic_layer.addauthor_layer .list_append{margin-top:0} .basic_layer.addauthor_layer .list_append li{color:#555} .basic_layer.addauthor_layer .txt_error{padding-top:10px} /* (popup) 행정구역 타겟 */ .basic_layer.district_layer .inner_basic_layer{width:857px} .basic_layer.district_layer .district_load{overflow:hidden;margin:30px;border:1px solid #ddd} .basic_layer.district_layer .districtload_body{float:left;width:392px} .basic_layer.district_layer .districtload_body .search_item{position:relative;border-color:#eee} .basic_layer.district_layer .districtload_body .search_item .search_inp2{width:268px} .basic_layer.district_layer .districtload_body .reform_area_loading{height:567px} .basic_layer.district_layer .districtload_body .box_nodata{display:table;width:100%;height:490px} .basic_layer.district_layer .districtload_body .box_nodata .txt_nodata{display:table-cell;padding-bottom:76px;font-size:14px;color:#777;line-height:20px;vertical-align:middle;text-align:center} .basic_layer.district_layer .accordion_top{padding:17px 19px 18px;border-bottom:1px solid #eee} .basic_layer.district_layer .accordion_top .lab_check{font-weight:bold} .basic_layer.district_layer .accordion_scroll{overflow-y:auto;height:435px;padding:4px 0 20px;box-sizing:border-box} .basic_layer.district_layer .list_accordion{margin-left:-17px;border:none} .basic_layer.district_layer .list_accordion > li{padding-top:0;padding-bottom:0;border:none} .basic_layer.district_layer .districtload_view{float:left;width:403px;height:568px;margin-right:-2px;border-left:1px solid #eee;background:#fafafa} .basic_layer.district_layer .districtload_view .tit_set{display:block;height:35px;padding:8px 0 0 20px;border-bottom:1px solid transparent;font-size:13px;color:#111;line-height:43px} .basic_layer.district_layer .districtload_view .tit_set .txt_num{display:inline-block;padding-left:3px;color:#326edc;vertical-align:top} .basic_layer.district_layer .districtload_view .txt_default{font-weight:400;color:#555} .basic_layer.district_layer .districtload_view .link_set{float:right;padding-right:21px;font-weight:400;font-size:13px;color:#555;text-decoration:underline} .basic_layer.district_layer .districtload_view .link_set:hover{color:#111} .basic_layer.district_layer .districtload_view .srcoll_set{overflow-y:auto;width:100%;height:518px;padding:8px 20px 20px;box-sizing:border-box} .basic_layer.district_layer .districtload_view .list_targetitem li{height:28px;line-height:28px} .basic_layer.district_layer .districtload_view .list_targetitem li:first-child{margin-top:0} .basic_layer.district_layer .districtload_view .list_targetitem .txt_area{font-size:14px;color:#333;line-height:28px} .basic_layer.district_layer .districtload_view .list_targetitem .btn_del .ico_del{display:inline-block;width:10px;height:10px;margin:10px;background-position:-770px -150px;vertical-align:top;opacity:0.3} .basic_layer.district_layer .districtload_view .list_targetitem .btn_del:hover .ico_del{opacity:0.5} .basic_layer.district_layer .districtload_view .item_nodata{display:table;width:100%;height:568px} .basic_layer.district_layer .districtload_view .box_nodata{display:table-cell;vertical-align:middle;text-align:center} /* (popup) 채널 쿠폰 추가 */ .basic_layer.coupon_layer .inner_basic_layer{width:708px} .basic_layer.coupon_layer .data_load{display:flex;overflow:hidden;margin:30px 30px;border:1px solid #ddd} .basic_layer.coupon_layer .data_body{float:left;width:324px} .basic_layer.coupon_layer .data_set{float:left;width:323px;margin-right:-2px;border-left:1px solid #eee;background:#fafafa} .basic_layer.coupon_layer .area_data{overflow-y:auto;min-height:400px;max-height:665px} .basic_layer.coupon_layer .tit_data{display:block;height:50px;padding:8px 0 0 15px;font-size:13px;color:#111;line-height:32px;box-sizing:border-box} .basic_layer.coupon_layer .tit_data .txt_num{display:inline-block;padding-left:3px;color:#326edc;vertical-align:top} .basic_layer.coupon_layer .data_body .tit_data{border-bottom:1px solid #eee} .basic_layer.coupon_layer .tit_data .link_data{float:right;padding-right:23px;font-weight:400;font-size:13px;color:#555;text-decoration:underline} .basic_layer.coupon_layer .tit_data .link_data:hover{color:#111} .basic_layer.coupon_layer .list_coupon li{min-height:60px} .basic_layer.coupon_layer .list_coupon li:hover{background:rgba(0,0,0,0.03)} .basic_layer.coupon_layer .list_coupon .item_file{overflow:hidden;position:relative;padding:10px 10px 10px 15px} .basic_layer.coupon_layer .data_set .list_coupon .item_file{padding-right:40px} .basic_layer.coupon_layer .list_coupon .check_inp{float:left;margin:10px 10px 0 0} .basic_layer.coupon_layer .list_coupon .check_inp .check_inp{vertical-align:top} .basic_layer.coupon_layer .list_coupon .img_file{float:left;position:relative;width:40px;height:40px;margin-right:15px;background:#f2f5ff url(/6536f1aa6a46c116e1a7b3f71ffafe5a.png) no-repeat 50% 0;background-size:40px 40px} .basic_layer.coupon_layer .list_coupon .img_file:after{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid #eee;z-index:1;content:""} .basic_layer.coupon_layer .list_coupon .img_thumb{display:block;width:40px;height:40px} .basic_layer.coupon_layer .list_coupon .txt_file{display:block;overflow:hidden} .basic_layer.coupon_layer .list_coupon .txt_file .txt_upload,.basic_layer.coupon_layer .list_coupon .txt_file .txt_byte{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .basic_layer.coupon_layer .list_coupon .end .txt_file .txt_upload{color:#999} .basic_layer.coupon_layer .list_coupon .txt_file .txt_upload{display:block;font-size:13px;line-height:19px;color:#333} .basic_layer.coupon_layer .list_coupon .txt_file .txt_byte{display:block;padding-top:3px;font-size:12px;line-height:18px;color:#999} .basic_layer.coupon_layer .list_coupon .txt_byte .txt_bar{display:inline-block;overflow:hidden;width:1px;height:10px;margin:5px 8px 0;font-size:0;background:#ddd;vertical-align:top} .basic_layer.coupon_layer .list_coupon .btn_del{position:absolute;top:50%;right:12px;margin-top:-15px;width:30px;height:30px;opacity:0.2} .basic_layer.coupon_layer .list_coupon .btn_del:hover{opacity:0.5} .basic_layer.coupon_layer .list_coupon .btn_del .ico_del{width:10px;height:10px;margin:3px auto;background-position:-770px -150px} .basic_layer.coupon_layer .list_coupon .txt_file .txt_error{margin-top:2px} .basic_layer.coupon_layer .list_coupon .txt_file .txt_error .ico_comm,.reform_item_file .reform_txt_file .txt_error .ico_comm{display:inline-block;width:12px;height:12px;margin:4px 6px 0 0;background-position:-885px -210px;vertical-align:top} .reform_item_file .reform_txt_file .txt_error,.createmessage_wrap .reform_item_file .reform_txt_file .txt_error{padding-top:0} .basic_layer.coupon_layer .data_body .box_nodata{display:table;width:100%;height:490px} .basic_layer.coupon_layer .data_body .box_nodata .txt_nodata{display:table-cell;padding-bottom:76px;font-size:14px;color:#777;line-height:20px;vertical-align:middle;text-align:center} .basic_layer.coupon_layer .data_set .item_nodata{display:table;width:100%;height:538px} .basic_layer.coupon_layer .data_set .box_nodata{display:table-cell;vertical-align:middle;text-align:center} .dsp_tit .btn_back{display:inline-block;float:left;margin-top:-3px;vertical-align:top} .dsp_tit .btn_back .ico_back{display:inline-block;width:34px;height:34px;background-position:-545px -615px;vertical-align:top} .dsp_tit .btn_back + .tit_subject{display:inline-block;padding-left:16px;vertical-align:top} .managebox_top .f_right{padding:15px 0 0 29px} .managebox_top .btn_gm.in_active{background:#f5f5f5} .managebox_top .btn_gm .ico_del,.tit_dsp .btn_gm .ico_del{width:12px;height:14px;margin:10px auto;background-position:-670px -505px} .managebox_top .btn_gm.in_active .ico_del{background-position:-670px -490px} .managebox_top .btn_gm .ico_modify,.tit_dsp .btn_gm .ico_modify{width:13px;height:13px;margin:11px auto;background-position:-670px -355px} .managebox_top .btn_gm.in_active .ico_modify{background-position:-670px -340px} .managebox_top .btn_fold{position:absolute;top:0;left:0;z-index:10;width:49px} .managebox_top .btn_fold .inner_g{display:block;height:66px;padding:16px 10px;box-sizing:border-box} .managebox_top .btn_fold .ico_fold{display:inline-block;width:14px;height:8px;margin:13px 0 0 14px;background-position:-745px -120px} .managebox_top .btn_fold.on .ico_fold{background-position:-745px -110px} .link_info2{display:inline-block;position:relative;height:20px;padding-left:16px;font-size:13px;line-height:20px;color:#F51045;vertical-align:top} .link_info2 .ico_info{position:absolute;top:50%;left:0;transform:translateY(-50%);width:12px;height:12px;margin:1px 6px 0 0;background-position:-885px -210px} .fc_warn + .link_info2 .ico_info{margin:1px 0 0 4px} .wrap_state{float:right} .managebox_top .link_info2{margin:8px 20px 0 0} .managebox_top .tit_topbox .link_help{margin:-3px 0 0 2px} .managebox_top .tit_topbox .fc_gray{color:#777} /* 카탈로그 관리 상세 */ .managebox_fold{padding-bottom:0} .managebox_fold .managebox_top{position:relative;padding-left:49px} .managebox_fold .managebox_top .tit_topbox{display:inline-block;vertical-align:top} .managebox_fold .tblg3_wrap{display:none} .managebox_fold.on .tblg3_wrap{display:block} .managebox_fold .tblg3_wrap{padding:0 0 30px} .managebox_fold .tbl_g3{border-left:0;border-right:0} .managebox_fold .tbl_g3 th .inner_tbl{height:46px;line-height:46px} .managebox_fold .tbl_g3 td .inner_tbl{padding:0 20px} .managebox_fold .tbl_g3 .wrap_btn{position:relative} .managebox_fold .tbl_g3 .wrap_btn.after_item{margin-left:8px} .managebox_fold .tbl_g3 .box_filename{width:232px} .managebox_fold .tbl_g3 .opt_select2{float:left;width:323px} .os_mac .managebox_fold .tbl_g3 td .inner_tbl{padding:0 20px} .os_mac .managebox_fold .tbl_g3 .tr_box th .inner_tbl{line-height:46px} .btn_modify .ico_modify{width:13px;height:13px;margin:4px;background-position:-670px -355px} .btn_modify.in_active{cursor:default;pointer-events:none} .btn_modify.in_active .ico_modify{background-position:-605px -460px} .tooltip_btn{display:none;position:absolute;top:27px;left:50%;transform:translateX(-50%);min-width:21px;padding:3px 6px 4px;border-radius:2px;font-weight:500;font-size:11px;line-height:17px;color:#fff;background:#555;z-index:1} .btn_modify:hover + .tooltip_btn{display:block} /* 2024-05-27 추가 시작 */ .managebox_fold .nodata_info{text-align:center;color:#777} .managebox_fold .tbl_g3 .inner_tbl .txt_bar{margin:0 5px 0 6px} /* 카탈로그 검색 필터 레이어 */ .layer_searchfilter .inner_basic_layer,.layer_searchfilter2 .inner_basic_layer,.layer_searchfilter4 .inner_basic_layer{width:auto;min-width:218px;border-radius:4px;background:#fff;box-shadow:0 2px 10px 0 rgba(0,0,0,0.25)} .layer_searchfilter .btn_group{padding-top:16px} .layer_searchfilter .btn_group .btn_gw{float:left;min-width:70px} .layer_searchfilter .btn_group .btn_gw .num_count{position:absolute;top:-10px;right:-10px;min-width:16px;height:16px;padding-left:1px;border-radius:16px;font-weight:bold;font-family:Helvetica;font-size:10px;line-height:15px;color:#326EDC;background:#fff;box-sizing:border-box;box-shadow:0 0 2px rgba(0,0,0,0.4)} .layer_searchfilter .group_numinp,.layer_searchfilter2 .group_numinp,.layer_searchfilter4 .group_numinp{font-size:0} .layer_searchfilter .opt_select2,.layer_searchfilter4 .opt_select2{width:98px;min-width:98px} .layer_searchfilter .box_inptxt,.layer_searchfilter4 .box_inptxt{display:inline-block;width:340px;height:36px;vertical-align:top;box-sizing:border-box} .layer_searchfilter .opt_select2 + .box_inptxt,.layer_searchfilter4 .opt_select2 + .box_inptxt{margin-left:10px} .layer_searchfilter .search_inp2{width:320px;padding-right:108px} .layer_searchfilter .box_inptxt .lab_txt{display:block;overflow:hidden;width:210px;white-space:nowrap;text-overflow:ellipsis;outline:none} .layer_searchfilter .search_inp2.over .lab_txt,.layer_searchfilter .search_inp2.on .lab_txt,.layer_searchfilter .search_inp2.on_inp .lab_txt,.layer_searchfilter .box_inptxt.on_inp .lab_txt,.layer_searchfilter .box_inptxt.on .lab_txt,.layer_searchfilter4 .box_inptxt.on_inp .lab_txt,.layer_searchfilter4 .box_inptxt.on .lab_txt{color:#333} .layer_searchfilter .btn_admore2{display:none;overflow:hidden;position:absolute;top:4px;right:60px;max-width:270px;height:26px;padding:0 4px 0 5px;border-radius:13px;font-weight:700;font-size:12px;line-height:26px;color:#326EDC;background:#eee;box-sizing:border-box;text-decoration:none} .layer_searchfilter .btn_admore2:hover{background:#F2F6FD} .layer_searchfilter .search_inp2.on_inp .btn_admore2,.layer_searchfilter .search_inp2.on .btn_admore2{display:block} .layer_searchfilter .box_inptxt.on .btn_del,.layer_searchfilter .box_inptxt.on_inp .btn_del,.layer_searchfilter4 .box_inptxt.on .btn_del,.layer_searchfilter4 .box_inptxt.on_inp .btn_del{display:block} .layer_searchfilter4 .box_inptxt .lab_txt{display:block;overflow:hidden;width:290px;white-space:nowrap;text-overflow:ellipsis;outline:none} .layer_searchfilter4 .box_inptxt.on .lab_txt,.layer_searchfilter4 .box_inptxt.on_inp .lab_txt,.layer_searchfilter4 .box_inptxt.on_inp .lab_txt{width:264px} .layer_searchfilter .box_inptxt .num_byte{padding-left:10px} .layer_searchfilter .filter_list .list_filter .box_checkinp{margin-left:16px;line-height:31px} .filter_list{overflow:hidden;margin-top:16px;background:#FAFAFA} .filter_list li{position:relative;padding-right:42px} .filter_list li:hover{background:#F7FBFF} .filter_list .link_filter{display:block;overflow:hidden;padding-left:16px;font-size:13px;line-height:31px;color:#333;text-decoration:none;white-space:nowrap;text-overflow:ellipsis} .layer_searchfilter4 .box_inptxt{padding-right:60px} .layer_checksearch .inner_basic_layer{width:340px;padding:0} .layer_checksearch .con_layer{padding-top:0} .layer_checksearch .list_layer{overflow-x:hidden;overflow-y:auto;padding:10px 0;max-height:400px;box-sizing:border-box} .basic_layer4.layer_checksearch .list_layer li,.basic_layer4.layer_checksearch .list_layer li + li{padding:5px 8px 5px 16px} .layer_checksearch .list_layer li:hover{background:rgba(0,0,0,0.03)} .layer_checksearch .list_layer li.on,.layer_checksearch .list_layer li.on:hover{background:#F7FBFF} .layer_searchfilter2 .opt_select2{display:inline-block;width:103px;min-width:103px;margin-right:10px;vertical-align:top} .layer_searchfilter2 .box_inptxt{display:inline-block;width:87px;vertical-align:top} .layer_searchfilter2 .txt_bar{display:inline-block;margin:0 10px;font-size:13px;line-height:36px;color:#333;vertical-align:top} .layer_searchfilter3 .inner_basic_layer{width:248px;border-radius:4px;background:#fff;box-shadow:0 2px 10px 0 rgba(0,0,0,0.25)} .layer_searchfilter3 .txt_error{padding-top:16px} .layer_searchfilter3 .btn_group{padding-top:16px} .layer_modifycatalog .inner_basic_layer{width:260px;border-radius:4px;background:#fff;box-shadow:0 2px 10px 0 rgba(0,0,0,0.25)} .menu_layer2{position:absolute;left:-7px;top:21px;z-index:20;min-width:71px;padding:10px 0;border-radius:4px;background-color:#fff;box-shadow:2px 2px 10px rgba(0,0,0,0.25)} .menu_layer2 .link_menu{display:block;overflow:hidden;position:relative;height:19px;padding:6px 16px;font-weight:400;font-size:12px;line-height:19px;white-space:nowrap;text-decoration:none} .menu_layer2 .link_menu:hover{background:rgba(0,0,0,0.03)} .menu_layer2 .link_menu.on{color:#326edc;background:#F1F6FC} /* 상품 업로드 현황 */ .basic_layer.upload_layer{position:fixed;top:0;bottom:0;right:-960px;width:960px;margin-bottom:0;z-index:999;background:#fff} .basic_layer.upload_layer.on{right:0} .basic_layer.upload_layer .inner_basic_layer{width:960px;height:100%} .basic_layer.upload_layer .layer_body{height:calc(100% - 137px)} .basic_layer.upload_layer .layer_foot{padding-bottom:20px;border-top:1px solid #eee;background:#fafafa} .basic_layer.upload_layer .wrap_catalog{height:100%;padding:30px;box-sizing:border-box} .basic_layer.upload_layer .itemtbl_wrap{height:calc(100% - 43px);margin-top:20px;border-left:0;border-right:0} .basic_layer.upload_layer .itemtbl_wrap .itemtbl_body{max-height:calc(100% - 51px);margin-bottom:-1px;border-bottom:1px solid #ebebeb} .basic_layer.upload_layer .tbl_itemchoice th{height:50px} .basic_layer.upload_layer .tbl_itemchoice th .inner_cell{padding:0 12px} .basic_layer.upload_layer .tbl_itemchoice th:first-child .inner_cell{padding-left:20px} .basic_layer.upload_layer .tbl_itemchoice th:last-child .inner_cell{padding-right:20px} .basic_layer.upload_layer .tbl_itemchoice td{height:46px} .basic_layer.upload_layer .btn_group{margin-top:20px} .basic_layer.upload_layer .tbl_itemchoice .inner_cell{padding:13px 12px;letter-spacing:-0.2px} .basic_layer.upload_layer .tbl_itemchoice .inner_cell .txt_limit2{line-height:20px} /* 필터수정 */ .layer_modifyfilter .inner_basic_layer{width:566px;padding:0;border:1px solid #ddd;background:#fff} .layer_modifyfilter .tit_layer{padding:7px 15px 8px;border-bottom:1px solid #ddd;font-size:13px;line-height:19px;color:#333} .layer_modifyfilter .list_adsearch{padding:0 10px} .layer_modifyfilter .list_adsearch:after{display:block;clear:both;content:""} .layer_modifyfilter .list_adsearch li{float:left;padding:4px 8px 4px 0} .layer_modifyfilter .box_adsearch{position:relative} .layer_modifyfilter .list_adsearch .box_inptxt{position:relative;max-width:270px;height:26px;padding:0 28px 2px 12px;border-radius:13px;border:1px solid #326EDC;box-sizing:border-box} .layer_modifyfilter .box_inptxt .inp_txt{font-size:12px;color:#333} .layer_modifyfilter .box_inptxt .btn_del{position:absolute;top:1px;right:0} .layer_modifyfilter .box_inptxt .btn_del .ico_del{width:10px;height:10px;margin:6px 10px 6px 5px;background-position:-800px -235px} .layer_modifyfilter .box_adsearch{position:relative} .layer_modifyfilter .con_layer .box_adsearch .adsearch_new,.layer_modifyfilter .con_layer .box_adsearch .adsearch_new:hover{background:#DAF5FF} .layer_modifyfilter .tit_layer .f_right{margin-right:-5px;font-size:0} .layer_modifyfilter .tit_layer .btn_addel,.layer_modifyfilter .tit_layer .btn_adsave{padding:5px} .layer_modifyfilter .tit_layer .btn_addel{font-weight:400;font-size:13px;line-height:19px;color:#555} .layer_modifyfilter .tit_layer .btn_adsave{font-weight:400;font-size:13px;line-height:19px;color:#326EDC} .layer_modifyfilter .tit_layer .btn_adsave.in_active,.layer_modifyfilter .tit_layer span.btn_adsave{color:#999;text-decoration:none;pointer-events:none} /*상품 별 상세 팝업 - 우측 레이어팝업 */ .basic_layer.layer_preview{position:fixed;top:0;bottom:0;right:-540px;width:540px;margin-bottom:0;z-index:999;background:#fff} .basic_layer.layer_preview.on{right:0} .inner_preview_layer{overflow-y:auto;overflow-x:hidden;position:relative;height:100%} .basic_layer.layer_preview .tit_view{padding:14px 0 0 30px} .basic_layer.layer_preview .tit_view .tit_g{font-size:16px;line-height:36px;color:#111} .basic_layer.layer_preview .tit_view .tit_g .fc_emph{display:inline-block;font-weight:700;vertical-align:top} .basic_layer.layer_preview .tit_view .link_help{margin:-5px 0 0 -2px} .basic_layer.layer_preview .cont_view{padding-top:5px} .basic_layer.layer_preview .btn_close{position:absolute;top:13px;right:4px;width:40px;height:40px;padding:10px;box-sizing:border-box} .basic_layer.layer_preview .btn_close .ico_close{width:16px;height:16px;margin:0 auto;background-position:-715px -260px} .basic_layer.layer_preview .cont_preview{padding:24px 30px 30px 30px} .basic_layer.layer_preview .cont_preview .inner_preview{width:480px} .basic_layer.layer_preview .cont_preview .top_control{overflow:hidden;width:440px;margin:0 0 20px 20px} .basic_layer.layer_preview .cont_preview .view_inner{width:440px;margin:0} /* 임시 스타일 */ .basic_layer.layer_preview .message_view{width:440px;min-height:822px;margin-left:20px} .basic_layer.layer_preview .cont_preview .inner_preview > .thumb_g{display:block;width:300px;height:300px;margin:0 auto} .basic_layer.layer_preview .box_error .btn_gs{float:right;margin-top:-5px} .basic_layer.layer_preview .box_error{margin-top:20px;padding:20px;background:#FFF2F2} .basic_layer.layer_preview .box_error .ico_comm{position:absolute;left:0;top:4px;width:12px;height:12px;background-position:-885px -210px} .basic_layer.layer_preview .box_error .tit_error{position:relative;padding-left:18px;font-weight:400;font-size:13px;line-height:19px;color:#F51045} .basic_layer.layer_preview .box_error .desc_info{display:block;padding-top:19px;margin-top:19px;border-top:1px solid #ddd;font-size:13px;line-height:19px;color:#555} .basic_layer.layer_preview .tblg3_wrap{margin-top:20px} .basic_layer.layer_preview .tbl_g3{border-left:0;border-right:0} .basic_layer.layer_preview .tbl_g3 th .inner_tbl{min-height:46px;height:auto;line-height:46px} .basic_layer.layer_preview .tbl_g3 td .inner_tbl{padding:12px 18px 12px 20px} .basic_layer.layer_preview .tbl_g3 .link_txt{display:block;display:-webkit-box;overflow:hidden;max-height:66px;line-height:22px;color:#326EDC;text-align:left;white-space:normal;word-wrap:break-word;-webkit-line-clamp:3;-webkit-box-orient:vertical} .basic_layer.layer_preview .tbl_g3 .txt_limit{display:inline-block;display:-webkit-box;overflow:hidden;height:22px;max-width:100%;-webkit-line-clamp:1;-webkit-box-orient:vertical;vertical-align:top} .basic_layer.layer_preview .item_message{padding-top:8px} .basic_layer.layer_preview .item_message .info_profile{padding-left:14px} .basic_layer.layer_preview .item_message .img_profile{width:44px;height:44px} .basic_layer.layer_preview .item_message .img_profile img{width:100%;height:100%} .basic_layer.layer_preview .item_message .img_profile .frame_thumb{top:0;left:0;width:44px;height:44px;background:url(/643a68b24e11b8740efaaf5c752ef38a.png) no-repeat 0 0;background-size:44px 44px} .basic_layer.layer_preview .box_message .inner_message{width:280px;margin:-22px 43px 0 65px} .basic_layer.layer_preview .message_view .box_message .default_message{padding:14px 10px} .basic_layer.layer_preview .item_message .txt_profile{padding-left:7px;line-height:20px} .basic_layer.layer_preview .message_view .top_view .tit_view{padding-top:0} .basic_layer.layer_preview .message_view .top_view .txt_info{margin-top:3px} .basic_layer.layer_preview .item_carousel .box_message .inner_message{width:440px;margin-left:0;margin-right:0} .basic_layer.layer_preview .item_carousel .box_message .list_message li:first-child{margin-left:5px} .basic_layer.layer_preview .item_carousel .txt_append{padding-right:150px} .basic_layer.layer_preview .txt_warn{display:block;margin-top:-1px;font-size:13px;line-height:19px;color:#999} .basic_layer.layer_preview .adview_full{overflow:inherit;padding-top:16px} .basic_layer.layer_preview .adview_compact{margin:0 0 0 20px} .basic_layer.layer_preview .item_widelist .box_message .inner_message{width:304px} /* 컬러선택 */ .opt_color{display:inline-block;position:relative;width:100%;margin:0;font-weight:400;font-size:13px;color:#999;background:#fff;vertical-align:top;box-sizing:border-box} .opt_color.on:focus{outline:none} .opt_color .link_selected{display:block;overflow:hidden;position:relative;min-height:34px;padding:7px 30px 8px 15px;border:1px solid #ddd;border-radius:2px;line-height:19px;color:#333;background:#fff;text-align:left;text-decoration:none;white-space:nowrap;text-overflow:ellipsis;letter-spacing:-1px;box-sizing:border-box} .opt_color.in_error .link_selected{border-color:#F51045} .opt_color.on .link_selected{border-color:#191919} .opt_color .layer_color{display:none;position:absolute;top:46px;left:0;width:100%;border:none;background:#fff;box-shadow:0 2px 8px 0 rgba(0,0,0,0.25);z-index:20} .opt_color.on .layer_color{display:block} .opt_color .select_color.no_color:after{display:block;position:absolute;left:9px;top:-1px;width:1px;height:19px;border-radius:2px;background:#F51045;transform:rotateZ(45deg);content:""} .opt_color .select_color.default_color{border:0 none;background:url(/c6d09540b71685a15bd0668272ba22f9.png) no-repeat;background-size:900px 800px;background-position:-475px -160px} .opt_color .select_color{display:inline-block;overflow:hidden;position:absolute;right:8px;top:50%;width:20px;height:20px;margin-top:-10px;border-radius:2px;border:1px solid rgba(0,0,0,0.1);font-size:0;line-height:0;box-sizing:border-box;vertical-align:middle;text-indent:-9999px} .opt_color .select_color.no_color{background:none} .opt_color .layer_color .wrap_color{padding:16px 20px} .opt_color .layer_color .list_color{display:flex;justify-content:space-between} .opt_color .wrap_color .radio_color{display:block;position:relative;width:35px;height:35px} .opt_color .wrap_color .radio_color .inp_radio{position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1;opacity:0.01} .opt_color .wrap_color .radio_color .lab_radio{display:block;position:relative;height:100%;width:100%;border-radius:2px;border:1px solid rgba(0,0,0,0.1);font-size:0;line-height:0;cursor:pointer;z-index:1;box-sizing:border-box;text-indent:-9999px} .opt_color .list_color .on .radio_color .lab_radio{border:1px solid #326EDC} .opt_color .wrap_color .radio_color.no_color .lab_radio:after{display:block;position:absolute;left:16px;top:-2px;width:1px;height:38px;border-radius:2px;background:#F51045;transform:rotateZ(45deg);content:""} /* 소재만들기 */ .item_material .opt_color{margin:10px 0} .item_material .opt_color + .tit_item{margin-top:13px} /* 배너이미지만들기 */ .basic_layer.bnrimg_layer .opt_color .wrap_color .radio_color{display:block;position:relative;width:25px;height:25px} .basic_layer.bnrimg_layer .opt_color .list_color .on .radio_color .lab_radio{border:2px solid #fff} .basic_layer.bnrimg_layer .opt_color .list_color .on .radio_color:after{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1;border:1px solid #326EDC;border-radius:2px;content:''} /* 변수 등록 팝업 */ .savesearch_wrap .tit_copy .link_help{margin-top:-4px} .savesearch_wrap .tit_copy.fst{padding-top:0} .savesearch_wrap .tit_copy{padding-top:30px} .savesearch_wrap .opt_select2{width:100%;max-width:100%} .savesearch_wrap .opt_select2 + .opt_select2{margin-top:10px} /* 소재 미리보기 > 숏폼 */ .material_shortform{height:878px} .material_shortform .inner_shortform{height:783px} .material_shortform .thumb_img{width:440px;height:783px;background:transparent} .material_default.material_shortform .item_bg{position:absolute;top:0;right:0;bottom:0;left:0;filter:blur(50px)} .material_default.material_shortform .item_thumb{background:#ebebeb url(/34a381c78256b556d1e6c932486e8eff.png) no-repeat 50% 50%;background-size:40px 26px} .material_shortform.shortform_type1 .item_thumb{position:absolute;left:0;top:50%;transform:translateY(-50%);height:220px} .material_shortform.shortform_type2 .item_thumb{position:absolute;left:0;top:50%;transform:translateY(-50%);height:440px} .material_shortform{overflow:hidden;position:relative;padding-top:0;border:0 none} .material_shortform .inner_shortform{overflow:hidden} .material_shortform .item_thumb{overflow:hidden;background-size:40px 26px;background-position:50% 50%} .material_shortform .inner_shortform .bg_top{position:absolute;top:0;left:0;right:0;z-index:1;height:140px;background:-moz-linear-gradient(top,rgba(23,23,23,0.75) 0%,rgba(23,23,23,0) 100%);background:-webkit-linear-gradient(top,rgba(23,23,23,0.75) 0%,rgba(23,23,23,0) 100%);background:linear-gradient(to bottom,rgba(23,23,23,0.75) 0%,rgba(23,23,23,0) 100%)} .material_shortform .inner_shortform .bg_bottom{position:absolute;bottom:95px;left:0;right:0;z-index:1;height:258px;background:-moz-linear-gradient(bottom,#171717 0%,rgba(23,23,23,0.4) 53%,rgba(23,23,23,0) 100%);background:-webkit-linear-gradient(bottom,#171717 0%,rgba(23,23,23,0.4) 53%,rgba(23,23,23,0) 100%);background:linear-gradient(to top,#171717 0%,rgba(23,23,23,0.4) 53%,rgba(23,23,23,0) 100%)} .material_shortform .inner_shortform .bg_bottom:after{position:absolute;bottom:-95px;left:0;right:0;z-index:1;height:95px;background:#171717;content:''} .material_shortform .wrap_btn{padding:15px 0 70px} .material_shortform .wrap_btn .btn_adview{height:42px;width:100%;border-radius:9px;line-height:39px;color:#333;background:#f0f0f0} .material_shortform .wrap_btn .btn_adview.in_active,.material_shortform .wrap_btn .btn_adview.no_text{color:#777} .material_shortform .thumb_detail{position:absolute;left:0;right:0;bottom:0;z-index:10;padding:0 23px} .material_shortform .profile_info{padding-left:40px;margin:0} .material_shortform .thumb_profile{width:30px;height:30px;margin-top:-14px;border-radius:12px;background-position:0 -70px} .material_shortform .info_profile{display:inline-block;position:relative;width:100%;padding-right:33px;line-height:30px;vertical-align:top;box-sizing:border-box} .material_shortform .info_profile .inner_info{display:block} .material_shortform .info_profile .tit_profile{color:#fff} .material_shortform .tit_induce{display:block;overflow:hidden;padding-top:14px;font-weight:500;color:#fff;text-overflow:ellipsis;white-space:nowrap} .material_shortform .txt_induce{display:block;display:-webkit-box;overflow:hidden;max-height:40px;padding-top:2px;font-size:14px;line-height:20px;color:#fff;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal} .material_shortform .ad_mark{position:absolute;top:1px;right:0;z-index:1;width:29px;height:18px;font-size:0;color:rgba(0,0,0,0);background:url(/23ed39ae7f21c36156be9fc3fb3b2fc9.png) no-repeat 0 0;background-size:29px auto} .os_mac .material_shortform .wrap_btn .btn_adview{line-height:36px} .material_shortform .inner_info .tit_induce:only-child{margin-top:10px;-webkit-line-clamp:1} .material_shortform.type_slide .info_profile{overflow:visible;width:auto;max-width:100%} .material_shortform.type_slide .thumb_detail{padding-right:57px} .material_shortform .slide_material{width:360px;margin-top:15px} .material_shortform .slide_material .inner_slide{padding:0 0 12px;-webkit-mask-image:linear-gradient(to right,#000000 87.36%,rgba(0,0,0,0) 99.01%);mask-image:linear-gradient(to right,#000000 87.36%,rgba(0,0,0,0) 99.01%)} .material_shortform .slide_material.img_slide{-webkit-mask-image:linear-gradient(to left,#000000 87.36%,rgba(0,0,0,0) 99.01%);mask-image:linear-gradient(to left,#000000 87.36%,rgba(0,0,0,0) 99.01%)} .material_shortform .slide_material.start{-webkit-mask-image:none;mask-image:none} .material_shortform .slide_material.end .inner_slide{-webkit-mask-image:none;mask-image:none} .material_shortform .slide_material > .item_slide{border:1px solid rgba(255,255,255,0.08);border-radius:4px 4px 0 0;background:rgba(0,0,0,0.5)} .material_shortform .slide_material .list_slide .item_slide{width:90px;height:136px} .material_shortform .slide_material .list_slide .thumb_img{width:90px;height:90px;background-size:22px 15px} .material_shortform .slide_material .item_slide .img_thumb{width:100%} .material_shortform .slide_material .list_slide .item_slide .txt_price{padding-top:4px} .material_shortform .slide_material + .wrap_btn{width:360px;padding-top:0} .material_shortform .slide_material + .wrap_btn .btn_adview{margin-right:0;border-radius:0 0 4px 4px} .material_shortform .list_slide .item_slide .tit_induce{margin-top:4px;padding-top:0;font-weight:400;color:#fff} .material_shortform .item_slide .tit_induce.no_text{color:#fff} .material_shortform .item_slide .thumb_img:after{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(0,0,0,0.08);border-radius:4px;content:''} .material_shortform .slide_material > .item_slide .price_induce.no_text{color:rgba(255,255,255,0.5)} .material_shortform .slide_material > .item_slide .price_sale.no_text{color:var(--white000s)} .material_shortform .slide_material > .item_slide .txt_price .price_induce:only-child{color:var(--white000s)} .material_shortform .slide_material .list_slide .item_slide .tit_induce + .txt_price{padding-top:0} .material_shortform .slide_material .list_slide .item_slide .price_sale{display:block;overflow:hidden;font-weight:400;font-size:12px;line-height:17px;color:var(--white000s);text-overflow:ellipsis;white-space:nowrap} .material_shortform .slide_material .list_slide .item_slide .price_induce{padding-top:2px;font-size:12px;line-height:17px;color:rgba(255,255,255,0.5)} .material_shortform .slide_material .list_slide .item_slide .price_induce.no_text{padding-bottom:5px} .material_shortform .slide_material .list_slide .item_slide .price_sale .price_discount{margin-right:0;font-size:12px} .material_shortform .slide_material .list_slide .item_slide .price_type2 .price_sale{font-size:14px;line-height:20px} .material_shortform .slide_material .list_slide .item_slide .price_type2 .price_induce{padding-top:0;font-size:14px;line-height:20px} .material_shortform .slide_material .list_slide .item_slide .price_sale.no_text,.material_shortform .slide_material .list_slide .item_slide .price_induce.no_text{font-size:14px} /* 소재 미리보기 > 숏폼 - 동영상 */ .material_shortform.adview_mov{background:#000} .material_shortform.adview_mov .item_thumb{height:782px;background:#a3a3a3} .material_shortform.adview_mov .inner_thumb{overflow:hidden;position:relative;height:100%;background:#000} .material_shortform.adview_mov.shortform_type1 .item_thumb{height:247px} .material_shortform.adview_mov.shortform_type1 .inner_thumb{padding-bottom:56.25%;box-sizing:border-box} .material_shortform.adview_mov .inner_thumb video{position:absolute;width:100%;height:100%} .material_shortform .wrap_control{top:58px;bottom:auto;right:12px;left:auto} .material_shortform .wrap_control .link_sound .ico_sound{margin:1px 0 0 1px} .material_shortform .wrap_control .link_close{position:relative;left:auto;top:auto;width:36px;height:36px;margin-left:12px} .material_shortform .wrap_control .link_close .ico_close{width:20px;height:20px;margin:0 0 0 8px;background-position:-700px -755px} .material_shortform .btn_play{position:absolute;top:50%;left:50%;margin:-24px 0 0 -24px;width:48px;height:48px;z-index:10;opacity:1;transition:opacity 0.3s} .material_shortform .btn_play .ico_control{width:48px;height:48px;background-position:-585px -705px} .material_shortform .showPlay .btn_play .ico_control{background-position:-585px -705px} .material_shortform .showPause .btn_play .ico_control{background-position:-635px -705px} .material_shortform .showReplay .btn_play .ico_control{background-position:-685px -705px} .material_shortform .progress_control{bottom:22px;left:0;right:0;height:1px;margin:23px;background-color:rgba(217,217,217,0.15);opacity:1} .material_shortform .progress_control .progress_play{height:1px;background:#F0F0F0} .material_shortform .wrap_control .link_sound.sound_off{opacity:1} /* 소재 만들기 > 미리보기 - 동영상피드 2 */ .material_default.material_movie2{position:relative;padding-top:0} .material_movie2 .thumb_img{background:#777} .material_movie2 .thumb_img,.material_movie2 .thumb_img .item_thumb{width:440px;height:248px} .material_movie2 .thumb_img .item_thumb:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:rgba(0,0,0,0.2);content:''} .material_movie2 .thumb_img .ico_control{position:absolute;top:50%;left:50%;z-index:1;transform:translate(-50%,-50%);width:48px;height:48px;background-position:-585px -705px} .material_movie2 .thumb_img .showPause .ico_control{background-position:-635px -705px} .material_movie2 .thumb_img .showReplay .ico_control{background-position:-685px -705px} .material_movie2 .info_movie{position:absolute;left:0;right:0;bottom:0;padding:15px 15px 33px} .material_movie2 .txt_ad{overflow:hidden;height:33px;font-weight:500;font-size:12px;line-height:18px;color:#fff} .material_movie2 .btn_movie{float:right;height:20px;padding:0 8px;margin-left:1px;border-radius:2px;font-weight:500;font-size:12px;line-height:19px;background-color:rgba(0,0,0,0.3);color:#fff;text-decoration:none;letter-spacing:-0.86px} .material_movie2 .btn_movie .txt_g{color:#4DBEFA} .material_movie2 .btn_movie .ico_more{display:inline-block;width:10px;height:9px;margin:5px 0 0 5px;background-position:-300px -785px;vertical-align:top} .material_movie2 .btn_movie .ico_skip{display:inline-block;width:5px;height:8px;margin:5px 0 0 5px;background-position:-285px -790px;vertical-align:top} .material_movie2 .util_player.showPause:before,.material_movie2 .util_player.showReplay:before,.material_movie2 .util_player.showPlay:before{position:absolute;left:0;right:0;top:0;z-index:1;height:72px;background:-moz-linear-gradient(bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%);background:-webkit-linear-gradient(bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%);background:linear-gradient(to top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%);content:''} .material_movie2 .util_player.showPause:after,.material_movie2 .util_player.showReplay:after,.material_movie2 .util_player.showPlay:after{position:absolute;left:0;right:0;bottom:0;z-index:1;height:72px;background:-moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%);background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%);content:''} .material_movie2 .progress_control{bottom:20px;left:0;right:0;height:3px;margin:15px;background-color:rgba(255,255,255,0.2);opacity:1} .material_movie2 .progress_control .progress_play{height:3px;background:#4DBEFA} .material_movie2 .wrap_control{bottom:0;left:15px;right:15px} .material_movie2 .wrap_control .link_sound{width:28px;margin:3px 0 0 5px} .material_movie2 .wrap_control .link_sound .ico_sound{float:left;width:18px;height:18px;margin:5px;background-position:-255px -320px} .material_movie2 .wrap_control .link_sound.sound_off{opacity:1} .material_movie2 .wrap_control .link_sound.sound_off .ico_sound{width:22px;background-position:-275px -320px} .material_movie2 .wrap_control .link_play{float:left;margin-top:3px} .material_movie2 .wrap_control .link_play .ico_play{width:18px;height:18px;margin:5px;background-position:-195px -320px} .material_movie2 .wrap_control .play_pause .ico_play{width:18px;height:18px;margin:5px;background-position:-215px -320px} .material_movie2 .wrap_control .play_replay .ico_play{width:18px;height:18px;margin:5px;background-position:-235px -320px} .material_movie2 .wrap_control .time_control{margin-left:10px;font-weight:500;font-size:14px;line-height:32px;color:#fff} .material_movie2 .wrap_control .time_control .fc_emph{color:#4DBEFA} .material_movie2 .wrap_control .view_control{float:right} .material_movie2 .wrap_control .view_control .ico_popup{width:19px;height:16px;margin:8px 5px 9px;background-position:-195px -340px} .material_movie2 .wrap_control .view_control .ico_cinema{width:21px;height:15px;margin:10px 3px;background-position:-220px -340px} .material_movie2 .wrap_control .view_control .ico_fullscreen{width:18px;height:15px;margin:10px 5px;background-position:-245px -340px} .material_movie2 .box_inprange{float:left;position:relative;width:80px;height:9px;padding:12px 0;margin-left:15px} .material_movie2 .box_inprange .lab_range{position:absolute;bottom:15px;left:0;z-index:3;height:3px;background:#4DBEFA} .material_movie2 .box_inprange .inp_range{position:relative;z-index:3;width:100%;height:3px;margin-top:-15px;background:rgba(255,255,255,0.2);-webkit-appearance:none;appearance:none;outline:none} .material_movie2 .box_inprange .inp_range::-webkit-slider-thumb{width:9px;height:9px;border-radius:50%;background:#fff;-webkit-appearance:none;appearance:none;cursor:pointer} .material_movie2 .box_inprange .inp_range::-moz-range-track{width:100%;height:3px;background:rgba(255,255,255,0.2);cursor:pointer} .material_movie2 .box_inprange .inp_range::-moz-range-thumb{width:9px;height:9px;border-radius:50%;background:#fff;cursor:pointer} .material_movie2 .box_inprange .inp_range::-ms-track{width:100%;height:3px;color:transparent;background:rgba(255,255,255,0.2);cursor:pointer} .material_movie2 .box_inprange .inp_range::-ms-fill-lower{border:0;background:rgba(255,255,255,0.2)} .material_movie2 .box_inprange .inp_range::-ms-fill-upper{border:0;background:rgba(255,255,255,0.2)} .material_movie2 .thumb_img .util_player .wrap_control,.material_movie2 .thumb_img .util_player:before,.material_movie2 .progress_control{opacity:0} .material_movie2.hover .thumb_img .util_player .wrap_control,.material_movie2:hover .thumb_img .util_player .wrap_control,.material_movie2.hover .thumb_img .util_player:before,.material_movie2:hover .thumb_img .util_player:before,.material_movie2.hover .progress_control,.material_movie2:hover .progress_control{opacity:1;transition:opacity 0.1s} .basic_layer.material_preview_layer .material_shortform .progress_control,.basic_layer.preview_layer .material_shortform .progress_control{bottom:0;margin:23px 13px} @supports (-ms-ime-align:auto){.material_movie2 .box_inprange .inp_range{margin:0} } /* (popup) 소재 미리보기 - 숏폼 */ .basic_layer.material_preview_layer .material_shortform,.basic_layer.material_preview_layer .material_shortform .inner_shortform,.basic_layer.preview_layer .material_shortform,.basic_layer.preview_layer .material_shortform .inner_shortform{width:250px;height:499px} .basic_layer.material_preview_layer .material_shortform .thumb_img,.basic_layer.preview_layer .material_shortform .thumb_img{width:250px;height:448px} .basic_layer.material_preview_layer .material_shortform .thumb_img .item_thumb,.basic_layer.preview_layer .material_shortform .thumb_img .item_thumb{width:250px;height:444px} .basic_layer.material_preview_layer .material_shortform .inner_shortform .bg_top,.basic_layer.preview_layer .material_shortform .inner_shortform .bg_top{height:80px} .basic_layer.material_preview_layer .material_shortform .inner_shortform .bg_bottom,.basic_layer.preview_layer .material_shortform .inner_shortform .bg_bottom{bottom:55px;height:147px} .basic_layer.material_preview_layer .material_shortform .inner_shortform .bg_bottom:after,.basic_layer.preview_layer .material_shortform .inner_shortform .bg_bottom:after{bottom:-55px;height:55px} .basic_layer.material_preview_layer .material_shortform .thumb_detail,.basic_layer.preview_layer .material_shortform .thumb_detail{padding:0 13px} .basic_layer.material_preview_layer .material_shortform .profile_info,.basic_layer.preview_layer .material_shortform .profile_info{padding-left:22px} .basic_layer.material_preview_layer .material_shortform .thumb_profile,.basic_layer.preview_layer .material_shortform .thumb_profile{width:17px;height:17px;margin-top:-8px;border-radius:6px} .basic_layer.material_preview_layer .material_shortform .info_profile .tit_profile,.basic_layer.preview_layer .material_shortform .info_profile .tit_profile{font-size:8px} .basic_layer.material_preview_layer .material_shortform .tit_induce,.basic_layer.preview_layer .material_shortform .tit_induce{padding-top:5px;font-size:8px;line-height:12px} .basic_layer.material_preview_layer .material_shortform .txt_induce,.basic_layer.preview_layer .material_shortform .txt_induce{font-size:8px;line-height:12px} .basic_layer.material_preview_layer .material_shortform .info_profile{overflow:visible} .basic_layer.material_preview_layer .material_shortform .ad_mark,.basic_layer.preview_layer .material_shortform .ad_mark{right:13px;top:4px;width:17px;height:13px;background:url(/f88aac77bfeb72d6c8f443c084a564e5.png) no-repeat 0 1px;background-size:17px auto} .basic_layer.material_preview_layer .material_shortform .wrap_btn,.basic_layer.preview_layer .material_shortform .wrap_btn{height:24px;line-height:23px;padding:8px 0 40px} .basic_layer.material_preview_layer .material_shortform .wrap_btn .btn_adview,.basic_layer.preview_layer .material_shortform .wrap_btn .btn_adview{height:24px;border-radius:5px;font-size:8px;line-height:21px} .basic_layer.material_preview_layer .material_shortform .wrap_control,.basic_layer.preview_layer .material_shortform .wrap_control{top:30px;right:10px} .basic_layer.material_preview_layer .material_shortform.shortform_type1 .item_thumb,.basic_layer.preview_layer .material_shortform.shortform_type1 .item_thumb{height:125px} .basic_layer.material_preview_layer .material_shortform.shortform_type2 .item_thumb,.basic_layer.preview_layer .material_shortform.shortform_type2 .item_thumb{height:250px} .basic_layer.material_preview_layer .material_shortform.adview_mov.shortform_type1 .item_thumb,.basic_layer.preview_layer .material_shortform.adview_mov.shortform_type1 .item_thumb{height:141px} .basic_layer.material_preview_layer .material_shortform .btn_play{width:34px;height:34px;margin:-17px 0 0 -17px;background-position:0 -560px} .basic_layer.material_preview_layer .material_shortform .btn_play .ico_control{width:34px;height:34px} .basic_layer.material_preview_layer .material_shortform .showPlay .ico_control{background-position:0 -560px} .basic_layer.material_preview_layer .material_shortform .showPause .ico_control{background-position:-35px -560px} .basic_layer.material_preview_layer .material_shortform .showReplay .ico_control{background-position:-70px -560px} .os_mac .basic_layer.material_preview_layer .material_shortform .wrap_btn .btn_adview,.os_mac .basic_layer.preview_layer .material_shortform .wrap_btn .btn_adview{line-height:17px} .basic_layer.preview_layer .material_shortform.type_slide .thumb_detail,.basic_layer.material_preview_layer .material_shortform.type_slide .thumb_detail{padding-right:32px} /* (popup) 소재 미리보기 - 동영상피드2 */ .basic_layer.material_preview_layer .material_default.material_movie2 .thumb_img,.basic_layer.material_preview_layer .material_default.material_movie2 .thumb_img .item_thumb,.basic_layer.preview_layer .material_default.material_movie2 .thumb_img,.basic_layer.preview_layer .material_default.material_movie2 .thumb_img .item_thumb{width:440px;height:248px} /* 2023-08-04 트래킹 URL 입력 팝업 */ .basic_layer.tracking_layer .inner_basic_layer{width:860px} .basic_layer.tracking_layer .tracking_wrap{padding:6px 0 5px} .basic_layer.tracking_layer .tracking_wrap .box_tracking{padding:0 30px 25px} .basic_layer.tracking_layer .tracking_wrap .box_mmp{border-bottom:1px solid #EBEBEB} .basic_layer.tracking_layer .tit_g{display:block;margin:25px 0 10px;font-size:14px;color:#333} .basic_layer.tracking_layer .box_textarea2{height:111px;pointer-events:auto} .basic_layer.tracking_layer .box_textarea2 .tf_area{overflow-x:hidden;overflow-y:auto} .basic_layer.tracking_layer .list_agree{overflow:hidden;margin:10px 0 0 -2px} .basic_layer.tracking_layer .list_agree li{position:relative;padding-left:10px;font-size:12px;line-height:20px;color:#666} .basic_layer.tracking_layer .list_agree li:before{position:absolute;top:9px;left:0;width:2px;height:2px;border-radius:2px;background:#666;content:''} .basic_layer.tracking_layer .box_error{overflow:hidden;margin-left:0} .basic_layer.tracking_layer .box_error .list_agree{overflow:hidden;padding:10px;background-color:#FFF2F2} .basic_layer.tracking_layer .box_error .list_agree li{color:#F51045} .basic_layer.tracking_layer .box_error .list_agree li:before{background:#F51045} .basic_layer.tracking_layer .box_value{overflow:hidden;min-height:110px;background-color:#FAFAFA;border:1px solid #ddd} .basic_layer.tracking_layer .box_value .desc_nodata{display:flex;align-items:center;justify-content:center;height:110px;padding:16px;font-size:13px;color:#999;text-align:center;box-sizing:border-box} .basic_layer.tracking_layer .box_tracking .btn_value{margin-bottom:15px} .basic_layer.tracking_layer .box_textarea{height:36px} .value_table{padding:20px 0 20px 20px} .value_table .value_head{overflow:hidden;margin-bottom:15px} .value_table .value_head .tit_value{float:left;font-size:13px;color:#555;font-weight:500} .value_table .value_head .tit_keyname{width:200px;margin-right:15px} .value_table .value_body{overflow-y:auto;max-height:220px} .value_table .value_body .item_value:after{display:block;clear:both;content:''} .value_table .value_body .item_value + .item_value{margin-top:10px} .value_table .item_value .box_inptxt{float:left} .value_table .item_value .box_keyname{width:172px;margin-right:15px} .value_table .item_value .box_keyvalue{width:452px} .value_table .item_value .btn_del{margin-left:10px;background-color:#fff} .value_table .item_value .btn_del:hover{background:rgba(0,0,0,0.08)} .tit_g .link_guide{font-weight:400;font-size:14px;line-height:14px;color:#777} .tit_g .link_guide .ico_comm{display:inline-block;width:12px;height:11px;margin:5px 0 0 4px;background-position:-585px -650px} .layer_value{display:none;position:absolute;left:0;top:10px;z-index:100;width:480px;border-radius:2px;background:#fff;box-shadow:0 2px 10px 0 rgba(0,0,0,0.2)} .layer_value .tit_layer{display:block;overflow:hidden;padding:16px 16px 10px;font-weight:700;font-size:12px;line-height:18px;color:#333} .layer_value .tit_layer .btn_close{position:absolute;top:6px;right:4px} .layer_value .tit_layer .btn_close .ico_close{width:10px;height:10px;margin:6px 10px 6px 5px;background-position:-800px -235px} .layer_value .wrap_list{overflow:hidden} .layer_value .list_value{overflow-x:hidden;overflow-y:auto;max-height:320px;margin:0;padding-bottom:10px;box-sizing:border-box} .layer_value .list_value li{position:relative;width:100%;box-sizing:border-box} .layer_value .list_value li:hover{background:rgba(0,0,0,0.03)} .layer_value .list_value .on,.layer_value .list_value .on:hover{background:#F7FBFF} .layer_value .list_value .link_value{display:block;overflow:hidden;padding:0 16px;font-size:13px;line-height:31px;color:#333;text-align:left;white-space:nowrap;text-overflow:ellipsis;text-decoration:none} .layer_value .list_value .link_value:hover{text-decoration:none} .layer_value .list_value .on .link_value{color:#326EDC} .layer_value .thumb_loading{padding:12px 0 55px} /* // 2023-08-04 트래킹 URL 입력 팝업 */ /* 2023-09-25 카카오 비즈보드 CPT 계약 등록 현황 팝업 */ .layer_wrap .layer_calendar{position:fixed;top:0;bottom:0;right:-695px;width:695px;margin-bottom:0;z-index:999;background:#fff} .layer_wrap .layer_calendar.on{right:0} .inner_calendar_layer{position:relative;height:100%} .layer_wrap .layer_calendar .layer_body{height:calc(100% - 61px)} .layer_wrap .layer_calendar .date_calendar{position:relative;height:100%} .layer_wrap .layer_calendar .datecalendar_wrap{width:100%;height:100%} .layer_wrap .layer_calendar .inner_datecalendar{height:100%} .layer_wrap .layer_calendar .box_datecalendar{position:relative;height:100%} .layer_wrap .layer_calendar .box_datecalendar:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''} .layer_wrap .layer_calendar .area_calendar{position:relative;height:100%;margin-left:0} .layer_wrap .layer_calendar .tit_date{display:block;padding-top:2px;height:65px;padding:0 30px;font-weight:700;font-size:18px;line-height:65px;color:#191919;text-align:center} .layer_wrap .layer_calendar .tit_date .txt_num{font-family:'Roboto',sans-serif} .layer_wrap .layer_calendar .tbl_calendar{width:636px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;border-collapse:collapse;text-align:center} .layer_wrap .layer_calendar .calendar_head{height:43px;padding:0 30px} .layer_wrap .layer_calendar .calendar_body{overflow-x:hidden;overflow-y:auto;height:calc(100% - 132px);padding:0 30px 30px;margin-top:-1px} .layer_wrap .layer_calendar .calendar_body .tbl_calendar{border-top:0} .layer_wrap .layer_calendar .tbl_calendar th{height:40px;font-weight:400;font-size:12px;line-height:40px;color:#4c4c4c;background:#FAFAFA} .layer_wrap .layer_calendar .tbl_calendar th + th{border-left:1px solid #EBEBEB} .layer_wrap .layer_calendar .tbl_calendar td{height:120px;border-top:1px solid #EBEBEB;text-align:center} .layer_wrap .layer_calendar .calendar_week6 .tbl_calendar td{height:100px} .layer_wrap .layer_calendar .tbl_calendar td + td{border-left:1px solid #EBEBEB} .layer_wrap .layer_calendar .calendar_body .tbl_calendar tr:first-child td{border-top:0} .layer_wrap .layer_calendar .tbl_calendar .inner_tbl{display:block;position:relative;height:100%;padding-top:36px;box-sizing:border-box} .layer_wrap .layer_calendar .tbl_calendar .txt_date{position:absolute;left:50%;top:6px;z-index:2;width:22px;height:22px;margin-left:-14px;border-radius:14px;font-size:12px;line-height:22px;font-family:'Roboto',sans-serif;color:#333} .layer_wrap .layer_calendar .tbl_calendar td:first-child .txt_date{color:#E85E37} .layer_wrap .layer_calendar .tbl_calendar td:last-child .txt_date{color:#326EDC} .layer_wrap .layer_calendar .tbl_calendar td.today .txt_date{border-radius:11px;color:#fff;background-color:#37C333} .layer_wrap .layer_calendar .link_option{display:inline-block;vertical-align:top} .layer_wrap .layer_calendar .link_option .txt_option{font-size:12px;line-height:15px;color:#333} .layer_wrap .layer_calendar .link_option .txt_option .txt_num{font-family:'Roboto',sans-serif} .layer_wrap .layer_calendar .link_option .ico_on{width:6px;height:6px;margin:9px 3px 0 0} .layer_wrap .layer_calendar .link_option .ico_on:before{width:6px;height:6px} .layer_wrap .layer_calendar .tbl_calendar td.in_active{background:#FAFAFA} .layer_wrap .layer_calendar .tbl_calendar td.in_active .link_option{text-decoration:none;pointer-events:none} .layer_wrap .layer_calendar .tbl_calendar td.in_active .txt_option,.layer_wrap .layer_calendar .tbl_calendar td.in_active .txt_option .fc_emph{color:#999} .layer_wrap .layer_calendar .tbl_calendar td.in_active .ico_on:before{background:#ccc} .layer_wrap .layer_calendar .btn_move{position:absolute;top:22px;width:35px;height:30px} .layer_wrap .layer_calendar .btn_move .ico_arr{width:10px;height:16px;margin:0 auto} .layer_wrap .layer_calendar .btn_prev{left:247px} .layer_wrap .layer_calendar .btn_prev .ico_arr{background-position:-875px -60px} .layer_wrap .layer_calendar .btn_next{right:250px} .layer_wrap .layer_calendar .btn_next .ico_arr{background-position:-885px -60px} .layer_wrap .layer_calendar .btn_move.in_active .ico_arr{opacity:0.4;filter:alpha(opacity=40)} .layer_wrap .layer_calendar .btn_today{position:absolute;top:22px;left:30px} .layer_wrap .layer_calendar .link_txt{position:absolute;top:27px;right:30px;font-size:13px;line-height:19px;color:#326EDC} .layer_wrap .layer_calendar .link_txt.on{text-decoration:underline} /* //2023-09-25 카카오 비즈보드 CPT 계약 등록 현황 팝업 */ /* 2023-09-25 계약 등록 현황 조회 팝업 */ .basic_layer.cpt_layer .tit_layer{display:block;font-weight:700;font-size:16px;line-height:56px;color:#111} .basic_layer.cpt_layer .layer_body .txt_date{padding-left:30px} .basic_layer.cpt_layer .btn_refresh{position:absolute;top:18px;right:19px} .basic_layer.cpt_layer .btn_refresh .ico_refresh{width:12px;margin:11px 0 0 11px;background-position:-455px -375px} .basic_layer.cpt_layer .btn_refresh:hover{background:#fff} .basic_layer.cpt_layer .wrap_tbl{margin-top:15px;padding:0 30px} .basic_layer.cpt_layer .tab_cont .wrap_tbl:last-child{padding-bottom:30px} .basic_layer.cpt_layer .wrap_tbl .inner_wrap{padding:0} .basic_layer.cpt_layer .txt_option .ico_on,.basic_layer.cpt_layer .txt_option .ico_off{width:8px;height:8px;margin:19px 8px 0 0} .basic_layer.cpt_layer .txt_option .ico_on:before,.basic_layer.cpt_layer .txt_option .ico_off:before{width:8px;height:8px} .basic_layer.cpt_layer .wrap_tbl + .wrap_tab{margin-top:20px} .basic_layer.cpt_layer .layer_foot{padding-top:30px} .basic_layer.cpt_layer .txt_layer{margin-top:15px;padding:0 30px;font-size:13px;line-height:19px;color:#333} .dimmed_layer + .layer_wrap > .basic_layer.cpt_layer .wrap_tbl:last-child{padding-bottom:0} /* //2023-09-25 계약 등록 현황 조회 팝업 */ /* 2023-09-25 구간별 단가표 팝업 */ .basic_layer.cpt_layer{position:absolute;z-index:1000;width:auto;margin:0;padding:60px 0} .basic_layer.cpt_layer .inner_layer{position:relative;width:451px;margin:0 auto;border-radius:4px;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,0.25)} .basic_layer.cpt_layer .layer_head{padding:0 24px} .basic_layer.cpt_layer .layer_body{position:relative;padding-top:25px} .basic_layer.cpt_layer .tab_g8{padding:9px 24px 0;margin-top:-25px} .basic_layer.cpt_layer .tab_g8 .link_tab{min-width:auto} .basic_layer.cpt_layer .tab_cont{overflow-x:hidden;overflow-y:auto;position:relative;max-height:581px;margin-top:20px} .basic_layer.cpt_layer .inner_tab + .inner_tab{margin-top:-10px} .basic_layer.cpt_layer .tab_cont .txt_date{position:absolute;top:11px;right:30px;font-size:13px;line-height:19px;color:#999} .basic_layer.cpt_layer .tab_cont .wrap_tbl{max-height:none} .basic_layer.cpt_layer .tab_g{height:41px;margin:0 30px;background:#fff} .basic_layer.cpt_layer .tab_g li + li{margin-left:30px} .basic_layer.cpt_layer .tab_g .link_tab{height:40px;padding:0;line-height:37px;color:#777} .basic_layer.cpt_layer .tab_g .on .link_tab{border-color:transparent;color:#333} .basic_layer.cpt_layer .tbl_layer th{padding:0 12px;line-height:50px} .basic_layer.cpt_layer .tbl_layer th.align_c{text-align:center} .basic_layer.cpt_layer .tbl_layer th:first-child{padding-left:20px} .basic_layer.cpt_layer .tbl_layer th + th{border-left:1px solid #EBEBEB} .basic_layer.cpt_layer .tbl_layer .inner_tbl{padding:0 12px;font-size:13px;line-height:46px;color:#333} .basic_layer.cpt_layer .tbl_layer td:first-child .inner_tbl{padding-left:20px} .basic_layer.cpt_layer .tbl_layer td:last-child .inner_tbl{padding:0 20px} .basic_layer.cpt_layer .tbl_layer .inner_tbl .btn_gs{margin-top:8px} .basic_layer.cpt_layer .wrap_tab{position:sticky;top:0} .dimmed_layer5 + .layer_wrap .cpt_layer{position:relative;margin:60px auto;padding:0} .dimmed_layer5 + .layer_wrap .cpt_layer .inner_layer{margin:0 auto} /* //2023-09-25 구간별 단가표 팝업 */ .basic_layer.cancel_layer .inner_basic_layer{width:530px} .basic_layer.cancel_layer .layer_body{padding:30px} .basic_layer.cancel_layer .txt_copy{font-size:14px;line-height:22px;color:#333} .basic_layer.cancel_layer .box_info{margin:20px 0;padding:20px 20px 19px;border-radius:2px;background:#F5F5F5} .basic_layer.cancel_layer .txt_info{display:block;font-weight:500;font-size:14px;line-height:22px;color:#333} .basic_layer.cancel_layer .desc_info{display:block;padding-top:5px;font-size:13px;line-height:22px;color:#777} .basic_layer.cancel_layer .link_txt{display:inline-block;margin-top:10px;font-size:14px;line-height:22px;color:#326EDC} .basic_layer.cancel_layer .desc_agree{padding-top:20px;margin:20px 0 -3px;border-top:1px solid #eee;line-height:22px} .basic_layer.cancel_layer .desc_agree .box_checkinp .lab_check{color:#333} .basic_layer.cancel_layer .desc_agree .fc_warn{display:block;padding:5px 0 0 26px;font-size:12px;line-height:12px} .search_inp2 .btn_send{position:absolute;right:0;top:0;width:25px;height:34px} .search_inp2 .btn_send .ico_send{width:14px;height:14px;margin:1px 47px 0 0;background-position:-835px -785px} .search_inp2.on .btn_send .ico_send,.search_inp2.on_inp .btn_send .ico_send{background-position:-820px -785px} .box_message2{position:relative} .box_message2 .link_message{display:block;height:204px;padding-bottom:52px;border:1px solid #ddd;text-decoration:none} .box_message2 .btn_like{left:10px;bottom:9px} .btn_like .ico_like{width:18px;height:18px;margin:5px;background-position:-195px -360px} .box_message2 .btn_hate{left:38px;bottom:9px} .btn_hate .ico_hate{width:18px;height:18px;margin:5px;background-position:-195px -380px} .box_message2 .btn_option{right:9px;bottom:9px} .btn_option .ico_option{width:18px;height:18px;margin:5px;background-position:-195px -400px} .btn_like:hover .ico_like{background-position:-215px -360px} .btn_hate:hover .ico_hate{background-position:-215px -380px} .btn_option:hover .ico_option{background-position:-215px -400px} .btn_like.on .ico_like,.btn_like.on:hover .ico_like{background-position:-235px -360px} .btn_hate.on .ico_hate,.btn_hate.on:hover .ico_hate{background-position:-235px -380px} .btn_option.on .ico_option,.btn_option.on:hover .ico_option{background-position:-215px -400px} .box_message2 .link_message .ico_check{position:absolute;top:0;left:0;z-index:11;width:18px;height:18px;background-position:-445px -410px} .item_wide .box_message2 .link_message{height:71px} .layer_option .inner_basic_layer{width:330px;padding:0 0 16px;box-shadow:0 2px 10px 0 rgba(0,0,0,0.25)} .layer_option .tit_layer{padding:16px 16px 0} .layer_option .con_layer{padding:21px 16px 16px} .layer_option .box_inptxt{margin:5px 0 0 28px} .layer_option .btn_group{padding:16px 16px 0;border-top:1px solid #EBEBEB} /* (popup)AI 자동 메시지 생성 - 진입점 */ .tooltip_message{position:absolute;left:50%;top:50%;width:300px;border-radius:4px;background-color:#326EDC;z-index:999} .tooltip_message:after{position:absolute;top:20px;left:-13px;width:13px;height:18px;background:url(/c6d09540b71685a15bd0668272ba22f9.png) no-repeat;background-size:900px 800px;background-position:-345px -135px;content:''} .tooltip_message .tit_tooltip{display:block;padding:0 44px 0 16px;font-size:12px;line-height:50px;color:#fff} .ico_beta2{display:inline-block;width:28px;height:12px;margin:22px 0 0 4px;background-position:-590px -490px} .paging_wrap2{display:inline-block;font-size:0;vertical-align:top} .paging_wrap2 .inner_paging{overflow:hidden;margin:0 8px;font-weight:500;font-size:14px;line-height:20px;font-family:'Roboto',sans-serif;color:#777} .paging_wrap2 .inner_paging .num_current{font-weight:500} .paging_wrap2 .ico_prev{height:12px;width:7px;margin:4px 7px 4px 6px;background-position:-105px -580px} .paging_wrap2 .ico_next{height:12px;width:7px;margin:4px 6px 4px 7px;background-position:-115px -580px} .paging_wrap2 span.num_paging .ico_prev{background-position:-125px -580px} .paging_wrap2 span.num_paging .ico_next{background-position:-135px -580px} .paging_wrap2 .num_prev{float:left} .paging_wrap2 .num_next{float:right} .layer_account .paging_wrap2 .inner_paging{font-weight:400;color:#919191} .layer_account .paging_wrap2 .num_current{margin-right:3px;font-weight:400;color:#191919} .adnotice_wrap .paging_wrap2{position:absolute;left:50%;bottom:29px;transform:translateX(-50%)} .account_info .layer_account .paging_wrap2{margin:0 9px 0 -6px} /* 고객파일 등록 팝업 */ .customfile_layer .inner_basic_layer2 .layer_body{min-height:421px} .customfile_layer .tit_details{display:block;margin-top:30px;font-weight:700;font-size:14px;line-height:22px;color:#111} .customfile_layer .opt_group_row{margin:5px 0;font-size:0} .customfile_layer .opt_group_row .opt_select2 + .btn_gw{min-width:71px;margin-left:6px} .customfile_layer .list_notice{margin-top:10px} .customfile_layer .list_notice li{position:relative;padding-left:9px;font-size:12px;line-height:22px;color:#666} .customfile_layer .list_notice li:before{position:absolute;left:0;top:10px;width:2px;height:2px;background-color:#666;content:''} .customfile_layer .box_textarea{height:76px;margin-top:10px} .customfile_layer .tf_area{padding:5px 55px 5px 15px} .customfile_layer .check_agree{padding-top:30px;text-align:left} .customfile_layer .check_agree .lab_check{font-weight:700} .customfile_layer .check_agree .fc_gray{color:#777} .customfile_layer .desc_agree{padding-top:8px;font-size:14px;line-height:22px;color:#777} .customfile_layer .tit_details + .box_inptxt{margin-top:10px} .customfile_layer .box_inptxt + .txt_error{position:absolute;left:27px;bottom:38px} .customfile_layer .inner_basic_layer2 .tbl_layer td{height:74px} /* 톡리치팝 */ .reform_regist_color{display:block} .reform_desc_item.in_error .reform_regist_color{border-color:#F51045} .reform_desc_item.in_error .reform_desc_material{color:#F51045} .reform_regist_color .item_bgcolor:after{display:block;clear:both;content:''} .reform_regist_color .item_bgcolor + .item_bgcolor{border-top:1px solid #eee} .reform_regist_color .item_bgcolor .box_radioinp{display:block} .reform_regist_color .item_bgcolor .list_color{overflow:hidden;float:left;width:288px} .reform_regist_color .list_color li{float:left;display:flex;align-items:center;justify-content:center;position:relative;width:36px;height:36px} .reform_regist_color .list_color li + li{margin-left:6px} .reform_regist_color .list_color li.on:after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;width:36px;height:36px;border:1px solid #326EDC;z-index:1;box-sizing:border-box;border-radius:2px} .reform_regist_color .list_color .radio_color{display:block;position:relative;width:36px;height:36px} .reform_regist_color .list_color li.on .radio_color{width:32px;height:32px} .reform_regist_color .list_color .inp_radio{position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1;opacity:0.01} .reform_regist_color .list_color .lab_radio{display:block;position:relative;height:100%;width:100%;border-radius:2px;cursor:pointer;z-index:1;box-sizing:border-box} .reform_regist_color .list_color li.on .lab_radio{border-radius:0} .reform_regist_color .item_bgcolor .box_inptxt{float:right;width:119px} .reform_regist_color .item_bgcolor .bg_color{position:absolute;top:50%;right:8px;width:20px;height:20px;margin-top:-10px;border-radius:2px;background-color:transparent} .reform_regist_color .item_bgcolor .bg_color:after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid rgba(0,0,0,0.15);border-radius:2px} .reform_regist_color .regist_error .link_guide{margin-left:6px;color:#555} .reform_regist_color .regist_error .link_guide .ico_comm{display:inline-block;width:10px;height:10px;margin:5px 0 0 4px;background-position:-540px -790px;vertical-align:top} .tooltip_message{position:absolute;left:50%;top:50%;min-width:310px;border-radius:4px;background:#326EDC;z-index:999} .tooltip_message:after{position:absolute;top:20px;left:-13px;width:13px;height:18px;background:url(/c6d09540b71685a15bd0668272ba22f9.png) no-repeat;background-size:900px 800px;background-position:-345px -135px;content:''} .tooltip_message .tit_tooltip{display:block;padding:15px 44px 0 15px;font-size:14px;line-height:20px;color:#fff} .tooltip_message .btn_close{position:absolute;top:0;right:0;width:12px;height:12px;padding:12px} .tooltip_message .btn_close .ico_close{width:12px;height:12px;background-position:-355px -155px} .tooltip_message .con_tooltip{padding:5px 15px} .tooltip_message .con_tooltip .txt_tooltip{font-size:12px;line-height:18px;color:#fff} .tooltip_message .con_tooltip .link_txt{font-weight:700;color:#fff;text-decoration:underline} .tooltip_message .btn_group{padding:0 15px 15px;text-align:right} /* 소재 수정 */ .reform_regist_banner.type_modify{margin-top:0} .type_modify .reform_sub_imgbnr .box_inptxt{width:374px} /* 카카오 클릭 ID 설정 확인 레이어 */ .basic_layer.layer_kclid .inner_basic_layer{width:602px} .basic_layer.layer_kclid .layer_body{padding:30px 30px 30px} .basic_layer.layer_kclid .box_agree{padding:21px 34px 20px 22px;margin-top:20px;background-color:#F5F5F5} .basic_layer.layer_kclid .box_agree .list_agree{overflow:hidden} .basic_layer.layer_kclid .box_agree .list_agree li + li{margin-top:20px} .basic_layer.layer_kclid .box_checkinp .lab_check{font-size:13px;line-height:22px;word-break:keep-all} .basic_layer.layer_kclid .box_agree .box_checkinp .inp_check,.basic_layer.layer_kclid .box_agree .box_checkinp .ico_check{top:3px;margin-top:0} .basic_layer.layer_kclid .link_guide{display:inline-block;vertical-align:top;margin-top:5px;padding-left:26px;font-size:13px;color:#326EDC} .basic_layer.layer_kclid .link_guide .ico_outlink{display:inline-block;width:10px;height:10px;margin:6px 0 0 5px;background-position:-495px -790px;vertical-align:top} .basic_layer.layer_kclid .txt_agree{margin-top:20px;font-size:13px} /* 메시지24 - 가이드 팝업 CSS */ .wrap_layer{display:flex;justify-content:space-evenly;flex-direction:column;overflow:auto;position:fixed;z-index:9990;top:0;left:0;right:0;bottom:0;padding:60px 30px} .basic_layer.guide_layer{overflow:visible;position:relative;width:640px;min-height:674px;margin:0 auto;padding:0;background-color:#fff;box-sizing:border-box} .wrap_layer .guide_layer .inner_layer{position:relative;max-height:100%;box-sizing:border-box;display:flex;flex-direction:column} .basic_layer.guide_layer .layer_body{margin-top:0;padding:0} .wrap_layer .guide_layer .layer_foot{font-size:0;padding:0 30px 0 0} .guide_layer .area_motion{overflow:hidden;height:419px;padding-top:50px;background-color:#F4F9FF;box-sizing:border-box} .guide_layer .area_motion .inner_motion{position:relative;width:360px;height:662px;margin:0 auto;padding-top:66px;background-color:#ABC1D1;border-radius:20px} .guide_layer .area_motion .inner_motion:after{content:'';position:absolute;top:0;left:0;width:360px;height:66px;background:url(/e95d42f0f3ee046b433b2a3a2491d8ca.png) no-repeat;background-size:360px auto;z-index:10} .guide_layer .area_motion .group_motion{position:relative;overflow:hidden;height:513px} .guide_layer .area_motion .group_motion .img_guide{position:absolute;top:0;left:0;width:353px;animation:7s ease-in-out 1s guideMotion infinite} @keyframes guideMotion{25%{transform:translateY(-230px)} 50%{transform:translateY(-230px)} 60%{transform:translateY(0)} 100%{transform:translateY(0)} } @-webkit-keyframes guideMotion{25%{transform:translateY(-230px)} 50%{transform:translateY(-230px)} 60%{transform:translateY(0)} 100%{transform:translateY(0)} } .guide_layer .area_guide{overflow:hidden;height:165px;padding:45px 30px 0;background-color:#fff;text-align:center;box-sizing:border-box} .guide_layer .area_guide .tit_guide{display:block;font-size:26px;line-height:38px;color:#191919} .guide_layer .area_guide .desc_guide{margin-top:10px;font-size:18px;line-height:26px;color:#424242} .guide_layer .layer_foot .ico_close{width:14px;height:14px;background:url(//t1.daumcdn.net/biz/ui/bizcomm/comm/ico_comm.png) -85px -120px no-repeat;background-size:400px auto} .guide_layer .layer_foot .group_btn{padding:20px 0 0;text-align:right} .guide_layer .layer_foot .btn_gm{display:inline-block;height:40px;text-align:center;box-sizing:border-box;vertical-align:top;background-color:#326EDC;color:#fff;border-radius:0;border:0 none} .guide_layer .layer_foot .btn_gm .inner_g{color:#fff;padding:10px 19px;font-size:14px;font-weight:normal} .guide_layer .layer_foot .btn_gm.g_emph:hover .inner_g{background:rgba(0,0,0,0.1)} .guide_layer .create_images{background:url(/4e1dfe0423cb52a52bce97d304ea0239.png)} /*개발 다운로드용 이미지*/ /* 메시지24 - 브랜드메시지 팝업 CSS */ .brand_layer .create_images{background:url(/4f8feeda1699fee1b104c0813f395665.png)} /*개발 다운로드용 이미지*/ .basic_layer.brand_layer .ico_comm{background-image:url(//t1.daumcdn.net/biz/ui/bizcomm/comm/ico_comm.png);background-size:400px auto} .basic_layer.brand_layer .link_gm{display:inline-block;color:var(--gray900s);vertical-align:top;font-size:14px;line-height:20px} .basic_layer.brand_layer .link_gm.g_line{position:relative;text-decoration:none} .basic_layer.brand_layer .link_gm.g_line:after{content:'';position:absolute;left:0;right:0;border-bottom:1px solid var(--gray900s)} .basic_layer.brand_layer .link_gm.g_line:after{bottom:1px} .basic_layer.brand_layer{overflow:visible;position:relative;width:640px;min-height:674px;margin:0 auto;padding:0;background-color:#fff;box-sizing:border-box} .basic_layer.brand_layer .inner_layer{position:relative} .basic_layer.brand_layer .img_guide{display:block;width:100%} .basic_layer.brand_layer .layer_body{padding:0} .basic_layer.brand_layer .btn_group{position:absolute;top:418px;left:0;right:0} .basic_layer.brand_layer .btn_group .btn_brand{position:relative;display:flex;justify-content:center;align-items:center;width:400px;height:50px;margin:0 auto;border-radius:10px;font-size:16px} .basic_layer.brand_layer .btn_group .btn_brand:hover{text-decoration:none} .basic_layer.brand_layer .btn_group .btn_brand:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid rgba(0,0,0,0.1);border-radius:10px} .basic_layer.brand_layer .btn_group .btn_info{background-color:#fff} .basic_layer.brand_layer .btn_group .btn_create{margin-top:15px;background-color:#745FFF;color:#fff} .basic_layer.brand_layer .utll_group{position:absolute;left:0;right:0;bottom:0;height:80px;padding:30px;box-sizing:border-box} .basic_layer.brand_layer .utll_group .link_gm{float:right} .basic_layer.brand_layer .layer_foot{padding:0} .basic_layer.brand_layer .layer_foot .ico_close{width:14px;height:14px;background-position:-125px -120px} /* overwrite 스타일 */ .list_relate .no_data .error_g{color:#555} .reform_biz .btn_gb,.reform_biz .btn_gm,.reform_biz .btn_gs{height:auto;border:0;border-radius:0} .reform_biz .btn_gb .inner_g,.reform_biz .btn_gm .inner_g,.reform_biz .btn_gs .inner_g{font-weight:400} .reform_biz .item_select{overflow:visible} .reform_biz .dimmed_layer{opacity:1} .reform_biz .switch_check{height:auto;width:auto} /* 비즈 PC 공통 디자인 적용 후 삭제 예정 */ /* 소재 미리보기 */ .basic_layer .wrap_tbllayer{clear:both;overflow-y:auto;max-height:394px;margin:0 30px;border-top:1px solid #ddd;border-bottom:1px solid #ddd} .basic_layer.preview_layer .wrap_tbllayer,.basic_layer.material_preview_layer .wrap_tbllayer,.inner_catalog_layer .wrap_tbllayer{margin-top:30px} .basic_layer.preview_layer .inner_wrap .wrap_tbllayer,.basic_layer.material_preview_layer .inner_wrap .wrap_tbllayer,.layer_wrap .inner_catalog_layer .wrap_tbllayer{margin-left:0;margin-right:0} .basic_layer.preview_layer .wrap_material .material_preview + .wrap_tbllayer{margin:0 30px 30px} .wrap_tbllayer .link_url{color:#326EDC;text-decoration:underline} .wrap_tbllayer .tbl_layer{margin-top:0;border:none} .wrap_tbllayer .tbl_layer tbody th{border-right:1px solid #eee} .wrap_tbllayer .tbl_layer tr:first-child th,.wrap_tbllayer .tbl_layer tr:first-child td{border-top:none} .basic_layer .landing_preview{margin-top:-10px;padding:0 30px 20px;text-align:right} .basic_layer.material_preview_layer .wrap_material{padding-top:30px} .basic_layer.material_preview_layer .head_feed + .wrap_material{padding-top:14px} .basic_layer.material_preview_layer .material_board .slide_default{width:400px;height:400px} .basic_layer.material_preview_layer .material_board .slide_default .btn_prev{left:-120px} .basic_layer.material_preview_layer .material_board .slide_default .btn_next{right:-120px} .basic_layer.material_preview_layer .material_slide1 .btn_prev{left:-120px;top:150px} .basic_layer.material_preview_layer .material_slide1 .btn_next{right:-120px;top:150px} .basic_layer.material_preview_layer .material_slide2 .btn_page.btn_prev{left:-120px} .basic_layer.material_preview_layer .material_slide2 .btn_page.btn_next{right:-120px} .basic_layer.material_preview_layer .material_slide1 .list_slide .item_slide{background:#fff} .basic_layer.material_preview_layer .material_slide1,.basic_layer.material_preview_layer .material_slide2{padding-bottom:20px} .inner_basic_layer6 .nodata_info{display:table;height:275px;width:100%} .inner_basic_layer6 .nodata_info .txt_nodata{display:table-cell;line-height:20px;color:#333;text-align:center;vertical-align:middle} .inner_basic_layer6 .nodata_info .txt_nodata .ico_comm{width:40px;height:39px;margin:0 auto;padding-bottom:7px;background-position:-405px 0} /*소재 수정사항*/ .basic_layer.preview_layer .inner_basic_layer{width:970px} .basic_layer.preview_layer.bizboard_layer .inner_basic_layer{width:895px} /*비즈보드 (배너)*/ .basic_layer.preview_layer .landing_url .tbl_layer{width:320px} .basic_layer.preview_layer .cause_modify{position:relative;padding:0 0 15px;font-size:14px;color:#F51045} .basic_layer.preview_layer .cause_modify .link_view{position:absolute;top:0;right:0;margin-left:0} .basic_layer.preview_layer .head_feed{overflow:visible;float:left;position:relative;width:50%;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box} .basic_layer.preview_layer .wrap_material{clear:both;margin-bottom:0} .basic_layer.preview_layer .wrap_material .inner_wrap{width:100%;padding:0} .basic_layer.preview_layer .wrap_material .inner_wrap:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''} .basic_layer.preview_layer .wrap_material .tit_feed{display:block;padding:10px 0 9px;font-size:14px;line-height:20px;color:#333;font-weight:500} .basic_layer.preview_layer .wrap_material .material_preview{display:inline-block;float:left;position:relative;width:50%;padding:0 15px 30px 30px;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:top} .basic_layer.preview_layer .wrap_material .material_preview + .material_preview{padding:0 30px 30px 15px} .basic_layer.preview_layer .wrap_material .material_preview .control_feed{position:absolute;top:7px;right:15px} /*컨트롤러 케이스 추가 hotfix*/ .basic_layer.preview_layer .wrap_material .material_preview + .material_preview .control_feed{right:30px} /*컨트롤러 케이스 추가 hotfix*/ .inner_catalog_layer .wrap_material .material_preview + .material_preview .control_feed{right:0} .basic_layer.preview_layer .material_bnr{margin:0} .basic_layer.preview_layer .material_bnr .bnr_wrap .img_thumb{max-width:402px} .basic_layer.preview_layer .material_bnr .slide_default{width:402px;height:auto;margin-bottom:63px} .basic_layer.preview_layer .wrap_material .landing_btn{overflow:hidden;width:100%;padding-top:10px;margin-bottom:-2px;text-align:center} .basic_layer.preview_layer .wrap_material .landing_btn .btn_gm + .btn_gm{margin-left:10px} .basic_layer.preview_layer .wrap_material .landing_btn .btn_gm .ico_outlink{display:inline-block;width:10px;height:10px;margin:5px 0 0 4px;background-position:-540px -790px;vertical-align:top} .basic_layer.preview_layer .wrap_material{padding-top:30px} .basic_layer.preview_layer .head_feed + .wrap_material{padding-top:14px} .basic_layer.preview_layer .material_board .slide_default{width:400px;height:400px} .basic_layer.preview_layer .material_board .slide_default .btn_prev,.basic_layer.preview_layer .material_board .slide_default .btn_next,.basic_layer.preview_layer .material_slide1 .btn_page,.basic_layer.preview_layer .material_slide2 .btn_page{display:none} .basic_layer.preview_layer .material_slide1 .list_slide .item_slide{background:#fff} .basic_layer.preview_layer .material_slide1,.basic_layer.preview_layer .material_slide2{padding-bottom:20px} .inner_catalog_layer .wrap_material{margin-bottom:0} .inner_catalog_layer .wrap_material .material_preview{padding-left:0} .inner_catalog_layer .wrap_material .material_preview + .wrap_tbllayer{margin:0} .basic_layer.material_preview_layer .tbl_layer .inner_cell .link_url,.basic_layer.preview_layer .tbl_layer .inner_cell .link_url{text-decoration:none} .basic_layer.material_preview_layer .tbl_layer .inner_cell .link_url:hover,.basic_layer.preview_layer .tbl_layer .inner_cell .link_url:hover{text-decoration:underline} .wrap_tbllayer .tbl_layer .inner_cell{padding-top:0;padding-bottom:0;margin:14px 0} .wrap_tbllayer .tbl_layer .inner_cell .link_url{display:inline;line-height:19px;white-space:normal;vertical-align:top} .basic_layer.material_layer .material_bnr .bnr_wrap .img_thumb{background:#F3F3F3;border-radius:10px} .basic_layer.preview_layer .material_bnr .bnr_wrap .img_thumb{background:#F3F3F3;border-radius:6px} /*소재만들기 > 동영상 미리보기 (비즈보드 익스팬더블)*/ .basic_layer.material_preview_layer.basic_layer.video_preview_layer .inner_wrap{padding-left:30px;padding-right:30px} .basic_layer.video_preview_layer .material_default{position:relative;width:440px;min-height:150px;padding:0;border:0} .basic_layer.video_preview_layer .material_default .img_thumb{width:100%} .basic_layer.video_preview_layer .material_default .bg_video{position:absolute;bottom:0;left:0;right:0;height:70px;content:'';background:-moz-linear-gradient(top,rgba(0,0,0,0) 47%,#222222 100%);background:-webkit-linear-gradient(top,rgba(0,0,0,0) 36%,#222222 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 10%,rgba(0,0,0,0.15) 100%)} .basic_layer.video_preview_layer .material_default .ico_control{opacity:0;position:absolute;left:50%;top:50%;width:48px;height:48px;margin:-24px 0 0 -24px;background-position:-585px -705px} .basic_layer.video_preview_layer .material_default.showPlay .ico_control{opacity:1} .basic_layer.video_preview_layer .material_default.showPause .ico_control{opacity:1;background-position:-635px -705px} .basic_layer.video_preview_layer .material_default .link_close{position:absolute;left:auto;right:16px;top:3px;z-index:2;width:35px;height:35px} .basic_layer.video_preview_layer .material_default .ico_close{width:20px;height:20px;margin-top:17px;background-position:-700px -755px} .basic_layer.video_preview_layer .material_default .wrap_btn,.basic_layer.img_preview_layer .material_default .wrap_btn{position:absolute;bottom:0;right:14px;z-index:1;padding:0} .basic_layer.video_preview_layer .material_default .btn_induce,.basic_layer.img_preview_layer .material_default .btn_induce,.basic_layer.multi_preview_layer .material_default .btn_induce{display:block;height:34px;min-width:80px;padding:0 11px 0 12px;border:1px solid rgba(0,0,0,0.08);border-radius:3px;font-size:14px;line-height:32px;color:#000;background:rgba(255,255,255,0.9);text-align:center;text-decoration:none;box-sizing:border-box} .basic_layer.multi_preview_layer .material_default .btn_induce{letter-spacing:-1.8px} .basic_layer.video_preview_layer .material_default .btn_induce.btn_in,.basic_layer.img_preview_layer .material_default .btn_induce.btn_in,.basic_layer.multi_preview_layer .material_default .btn_induce.btn_in{background-color:rgba(255,229,0,0.9)} .basic_layer.video_preview_layer .wrap_control{left:15px;bottom:12px} .basic_layer.video_preview_layer .material_default .link_close,.basic_layer.img_preview_layer .material_default .link_close{position:absolute;left:auto;right:16px;top:3px;z-index:2;width:35px;height:35px} .basic_layer.video_preview_layer .material_default .ico_close,.basic_layer.img_preview_layer .material_default .ico_close{width:20px;height:20px;margin-top:17px;background-position:-700px -755px} /*소재만들기 > 이미지 미리보기 (비즈보드 익스팬더블)*/ .basic_layer.material_preview_layer.basic_layer.img_preview_layer .inner_wrap{padding-left:30px;padding-right:30px} .basic_layer.img_preview_layer .material_default{position:relative;width:440px;min-height:150px;padding:0;border:0} .basic_layer.img_preview_layer .material_default .img_thumb{width:100%} .basic_layer.preview_layer .material_img1{margin-bottom:0} .basic_layer.preview_layer .material_img1 ~ .material_default{margin-top:27px} .basic_layer.material_preview_layer .material_bnr{margin:0 0 30px} .basic_layer.material_preview_layer .material_bnr .bnr_wrap .img_thumb{border-radius:10px;background:#F3F3F3} .basic_layer.material_preview_layer .landing_btn{overflow:hidden;margin-top:-20px;padding:0;text-align:center} /*랜딩 미리보기 버튼*/ .basic_layer.material_preview_layer .landing_btn .inner_btn .btn_gm + .btn_gm{margin-left:10px} .basic_layer.material_preview_layer .landing_btn .btn_gm{height:32px} .basic_layer.material_preview_layer .landing_btn .btn_gm .inner_g{line-height:17px} .basic_layer.material_preview_layer .landing_btn .btn_gm .ico_outlink{display:inline-block;width:10px;height:10px;margin:4px 0 0 4px;background-position:-540px -790px;vertical-align:top} /*소재만들기 > 멀티형 미리보기 (비즈보드 익스팬더블)*/ .basic_layer.multi_preview_layer .inner_basic_layer6{width:500px} .basic_layer.multi_preview_layer .wrap_material .inner_wrap{width:440px} .basic_layer.multi_preview_layer .head_feed{height:32px;padding:14px 30px 0;line-height:20px} .basic_layer.multi_preview_layer .material_default{position:relative;width:440px;height:340px;padding:0;border:0} .basic_layer.multi_preview_layer .group_multi{overflow:hidden;width:440px;height:340px} .basic_layer.multi_preview_layer .group_multi .bg_multi{position:absolute;left:0;bottom:0;z-index:10;width:100%;height:100px;opacity:.3;background:-webkit-linear-gradient(bottom,black 0%,rgba(0,0,0,0) 100%);background:linear-gradient(to top,black 0%,rgba(0,0,0,0) 100%)} .basic_layer.multi_preview_layer .group_multi .list_multi{overflow:hidden} .basic_layer.multi_preview_layer .group_multi .list_multi li{position:absolute;top:0;left:0} .basic_layer.multi_preview_layer .group_multi .list_multi .wrap_thumb{position:relative;width:440px;height:340px} .basic_layer.multi_preview_layer .group_multi .list_multi .wrap_thumb:before{position:absolute;top:0;left:0;right:0;z-index:1;height:1px;background:rgba(0,0,0,0.08);content:''} .basic_layer.multi_preview_layer .group_multi .list_multi .wrap_thumb:after{position:absolute;bottom:0;left:0;right:0;z-index:1;height:1px;background:rgba(0,0,0,0.08);content:''} .basic_layer.multi_preview_layer .group_multi .list_multi .img_thumb{min-width:100%} .basic_layer.multi_preview_layer .box_multi{overflow:hidden;position:absolute;bottom:0;left:0;z-index:20;width:440px;min-height:60px;padding-bottom:15px} .basic_layer.multi_preview_layer .box_multi .list_submulti:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''} .basic_layer.multi_preview_layer .box_multi .list_submulti li{float:left;overflow:hidden;width:370px;min-height:60px;margin:0 5px;background:rgba(255,255,255,0.85);border-radius:5px;box-shadow:0px 4px 7px rgba(14,31,53,0.2)} .basic_layer.multi_preview_layer .box_multi .list_submulti .wrap_thumb{float:left;overflow:hidden;position:relative;width:60px;height:60px} .basic_layer.multi_preview_layer .box_multi .list_submulti .wrap_thumb:after{position:absolute;top:0;bottom:0;left:0;right:0;background:#000;opacity:.04;content:''} .basic_layer.multi_preview_layer .box_multi .list_submulti .img_thumb{min-width:100%} .basic_layer.multi_preview_layer .box_multi .wrap_btn{float:right;padding:13px 13px 0 0} .basic_layer.multi_preview_layer .box_multi .wrap_desc{display:table;padding:11px 0 10px 13px} .basic_layer.multi_preview_layer .box_multi .desc_multi{display:table-cell;height:36px;vertical-align:middle} .basic_layer.multi_preview_layer .box_multi .txt_multi{display:-webkit-box;overflow:hidden;max-height:36px;padding-right:13px;line-height:18px;font-size:15px;color:#191919;letter-spacing:-0.4px;white-space:normal;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical} .basic_layer.multi_preview_layer .box_multi .multi_price{display:block;padding-left:73px} .basic_layer.multi_preview_layer .box_multi .multi_price .desc_multi{display:block;height:18px} .basic_layer.multi_preview_layer .box_multi .multi_price .txt_multi{display:block;height:18px;text-overflow:ellipsis;white-space:nowrap} .basic_layer.multi_preview_layer .box_multi .desc_price{overflow:hidden;padding:1px 0 0 0;height:18px;min-height:18px;font-size:15px;line-height:18px;letter-spacing:0} .basic_layer.multi_preview_layer .box_multi .desc_price .num_price{float:left;margin-right:4px;color:#191919;font-weight:700;letter-spacing:-0.6px} .basic_layer.multi_preview_layer .box_multi .desc_price .num_actual{float:left;position:relative;margin-right:-3px;color:#999;letter-spacing:-0.6px} .basic_layer.multi_preview_layer .box_multi .desc_price .num_actual:after{position:absolute;top:9px;left:0;right:0;height:1px;background:#999;content:''} .basic_layer.multi_preview_layer .link_close{position:absolute;top:0;right:6px;left:auto;width:50px;height:55px} .basic_layer.multi_preview_layer .link_close .ico_close{width:20px;height:20px;margin:18px auto;background-position:-700px -780px} .basic_layer.multi_preview_layer .paging_multi{padding-top:22px;text-align:center} .basic_layer.multi_preview_layer .paging_multi .inner_paging{overflow:hidden;display:inline-block} .basic_layer.multi_preview_layer .paging_multi .btn_paging{float:left;width:8px;height:8px;margin:0 5px;border-radius:4px;font-size:0;line-height:0;background:rgba(17,17,17,0.3)} .basic_layer.multi_preview_layer .paging_multi .btn_paging.on{background:rgba(17,17,17,0.7)} .basic_layer.multi_preview_layer .btn_prev{position:absolute;top:0;left:-30px;width:30px;height:330px} .basic_layer.multi_preview_layer .btn_prev .ico_comm{width:11px;height:18px;margin:160px auto;background-position:-725px -760px} .basic_layer.multi_preview_layer .btn_next{position:absolute;top:0;right:-30px;width:30px;height:330px} .basic_layer.multi_preview_layer .btn_next .ico_comm{width:11px;height:18px;margin:160px auto;background-position:-740px -760px} /* 레이어 - 소재자세히보기 :배너일때 (넓이 배너에 따라 유동적) */ .basic_layer.material_layer .wrap_material .inner_wrap{width:auto;padding:30px 0} .basic_layer.material_layer .landing_url{padding:0 30px} .basic_layer.material_layer .landing_url .txt_warn{right:23px} .basic_layer.material_layer .material_bnr .ico_friend{right:10px;bottom:32px;width:190px;height:74px;background-position:0 -310px} .basic_layer.material_layer .material_bnr .ico_friend2{right:10px;bottom:13px;width:190px;height:74px;background-position:0 -310px} .basic_layer.material_layer .material_bnr .thumb_bnr{display:block;background-size:100% 100%} .basic_layer.material_layer .material_bnr .bnr_chat{border-radius:10px} /* 레이어 - 애드뷰미리보기 */ .inner_adview_layer .wrap_material .inner_wrap{width:590px} .inner_adview_layer .wrap_material .material_default,.inner_adview_layer2 .wrap_material .material_default{margin:40px auto 30px} .inner_adview_layer .tit_btnurl{display:block;padding-top:5px;color:#111} .inner_adview_layer .tbl_layer{display:block;margin-top:8px} .inner_adview_layer .tbl_layer .inner_cell{overflow-y:auto;position:relative;min-height:22px;max-height:112px;margin:6px 0;padding:0 20px} .inner_adview_layer .tbl_layer .link_landing{position:absolute;top:0;right:19px;font-size:13px;color:#555;text-decoration:underline} .inner_adview_layer .tbl_layer .link_url{display:block;line-height:22px;color:#111} /* 레이어 - 카탈로그 미리보기 */ .basic_layer:not(.basic_layer.preview_layer) .inner_basic_layer.inner_catalog_layer{width:700px} .inner_catalog_layer .head_feed + .wrap_material{padding-top:14px} .inner_catalog_layer .wrap_material .inner_wrap{width:100%;padding:0 30px 30px;box-sizing:border-box} .inner_catalog_layer .reform_view_material{overflow:hidden;position:relative;min-height:369px} .inner_catalog_layer .material_catalog{width:440px;border:1px solid #e5e5e5;box-sizing:border-box} .inner_catalog_layer .inner_wrap .material_bnr{margin:0 0 30px} /*소재 수정하기*/ .basic_layer.preview_layer .inner_catalog_layer .head_feed .control_feed{position:absolute;top:0;right:30px} .basic_layer.preview_layer .inner_catalog_layer .head_feed{height:auto} .basic_layer.material_preview_layer .material_profile{margin-bottom:30px} /* 소재 미리보기 > NAS > 655X120 */ .material_default.material_nas{padding-top:0} .material_nas .inner_nas{overflow:hidden;position:relative;background:#f5f5f5} .material_nas .thumb_img{position:initial;float:left;width:160px;height:80px;background:transparent} .material_nas .thumb_img .item_thumb,.basic_layer.material_preview_layer .material_nas .thumb_img .item_thumb,.basic_layer.preview_layer .material_nas .thumb_img .item_thumb{position:relative;width:160px;height:80px;background:#ebebeb url(/0ddf1118622ff6c3b046345d2d74e5e4.png) no-repeat 50% 50%;background-size:20px auto} .basic_layer.material_preview_layer .material_nas.nas_type1 .thumb_img .item_thumb,.basic_layer.preview_layer .material_nas.nas_type1 .thumb_img .item_thumb{width:80px} .material_nas .thumb_img .img_thumb{width:100%;height:100%} .material_nas .thumb_detail{display:flex;flex-direction:column;justify-content:center;overflow:hidden;position:relative;height:80px;padding:0 25px 0 20px} .material_nas .profile_info{margin:0} .material_nas .info_profile .tit_profile,.material_nas .txt_induce{display:block;display:-webkit-box;overflow:hidden;max-height:14px;font-weight:400;font-size:12px;line-height:14px;color:#666;word-wrap:break-word;-webkit-line-clamp:1;-webkit-box-orient:vertical;white-space:normal} .material_nas .thumb_detail .txt_induce{padding-top:5px} .material_nas .tit_induce{display:block;display:-webkit-box;overflow:hidden;max-height:28px;padding-top:5px;font-weight:700;font-size:13px;line-height:14px;color:#333;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal} .material_nas .ad_mark{position:absolute;top:4px;right:4px;width:20px;height:12px;font-size:0;color:rgba(0,0,0,0);background:url(/129eef55e627e1720e145f1c0469d4d9.png) no-repeat 0 0;background-size:20px auto} .material_nas .thumb_img .item_bg{position:absolute;top:0;right:0;bottom:0;left:0;filter:blur(50px)} .material_nas .thumb_img .item_bg:after{position:absolute;top:0;right:0;bottom:0;left:160px;background:rgba(255,255,255,0.2);content:''} .material_nas.nas_type1 .thumb_img,.material_nas.nas_type1 .thumb_img .item_thumb{width:80px} .material_nas.nas_type1 .thumb_detail{padding-right:65px} .material_nas .wrap_btn{position:absolute;right:20px;top:50%;transform:translateY(-50%);padding:0;width:30px;height:30px} .material_nas .wrap_btn .btn_adview{width:30px;height:30px;padding:0;margin:0;background:transparent} .material_nas .wrap_btn .ico_btnmore{display:block;width:30px;height:30px;font-size:0;color:rgba(0,0,0,0);background:url(/ff9153ef21aab061e733109321aea4fa.png) no-repeat 0 0;background-size:30px auto} .material_nas .profile_info .thumb_profile + .info_profile{padding-left:18px} .material_nas.nas_type1 .tit_induce{max-height:14px;padding-top:0;-webkit-line-clamp:1} .material_nas.nas_type1 .thumb_detail .txt_induce{max-height:28px;-webkit-line-clamp:2} .material_nas.nas_type1 .profile_info{margin-top:5px} .material_nas .thumb_profile .img_profile{border-radius:1px} .material_nas .info_profile{height:auto} .material_nas .thumb_profile{width:14px;height:14px;margin-top:-6px;border-radius:1px;background-size:auto 55px;background-position:0 -35px} .material_nas .thumb_profile:after{display:none} /* 이이미지 슬라이드 */ [class*="preview_layer"] .material_imgslide .slide_material .list_slide{margin:0 -3px} [class*="preview_layer"] .material_imgslide .slide_material .list_slide li{padding:0 3px} [class*="preview_layer"] .material_imgslide{width:250px;padding:11px} [class*="preview_layer"] .material_imgslide .thumb_profile{transform:translateY(-50%);width:27px;height:27px;margin:0;border-radius:10px} [class*="preview_layer"] .material_imgslide .profile_info{height:27px;margin-bottom:12px;padding-left:35px} [class*="preview_layer"] .material_imgslide .info_profile .tit_profile{font-size:7px;line-height:27px} [class*="preview_layer"] .material_imgslide .slide_material > .item_slide{padding:8px;border-radius:3px 3px 0 0} [class*="preview_layer"] .material_imgslide .slide_material > .item_slide .thumb_img{width:39px;height:39px;border-radius:2px} [class*="preview_layer"] .material_imgslide .slide_material > .item_slide .tit_induce{padding:0 0 0 12px;font-size:7px;line-height:10px} [class*="preview_layer"] .material_imgslide .btn_induce{height:24px;font-size:7px;line-height:21px} [class*="preview_layer"] .material_imgslide .slide_material.upload_img .inner_slide{padding-bottom:9px} [class*="preview_layer"] .material_imgslide .slide_material.img_slide{margin-left:-11px;margin-right:-11px} [class*="preview_layer"] .material_imgslide .slide_material .inner_slide{height:117px} [class*="preview_layer"] .material_imgslide .slide_material.img_slide .inner_slide{padding:0 11px;background-color:#fff} [class*="preview_layer"] .material_imgslide .slide_material .list_slide .item_slide{width:82px;height:109px} [class*="preview_layer"] .material_imgslide .slide_material .list_slide .item_slide .thumb_img{width:82px;height:82px;border-radius:2px} [class*="preview_layer"] .material_imgslide .slide_material .list_slide .tit_induce{height:20px;margin-top:5px;font-size:7px;line-height:10px} [class*="preview_layer"] .material_imgslide .slide_material .list_slide .tit_induce.tit_onerow{height:10px} [class*="preview_layer"] .material_imgslide .ad_mark{top:56px;right:18px;width:14px;height:9px;background:url(/de04310af1dfae127623dd0664b2992e.png) no-repeat 0 0;background-size:14px auto} [class*="preview_layer"] .material_imgslide .slide_material > .item_slide .price_induce{font-size:7px;line-height:10px} [class*="preview_layer"] .material_imgslide .slide_material > .item_slide .price_sale{font-size:7px;line-height:10px} [class*="preview_layer"] .material_imgslide .slide_material .list_slide .item_slide .txt_price{padding-top:5px} [class*="preview_layer"] .material_imgslide > .tit_induce{padding:12px 0 0;font-size:7px;line-height:10px} [class*="preview_layer"] .material_imgslide .slide_material .list_slide .item_slide .tit_induce + .txt_price{padding-top:0} [class*="preview_layer"] .material_imgslide .slide_material,[class*="preview_layer"] .material_imgslide .tit_induce + .btn_induce,[class*="preview_layer"] .material_imgslide .thumb_img + .btn_induce{margin-top:12px} [class*="preview_layer"] .material_imgslide.img_type1 > .thumb_img{width:226px;height:226px} [class*="preview_layer"] .material_imgslide.img_type2 > .thumb_img{width:226px;height:283px} [class*="preview_layer"] .slide_material .list_slide .item_slide .price_sale{font-size:7px;line-height:10px} [class*="preview_layer"] .slide_material .list_slide .item_slide .price_discount{margin-right:2px} [class*="preview_layer"] .slide_material .list_slide .item_slide .price_induce{font-size:7px;line-height:10px} [class*="preview_layer"] .material_shortform .slide_material .list_slide li{padding:0 3px} [class*="preview_layer"] .material_shortform .slide_material .list_slide{margin:0 -3px} [class*="preview_layer"] .material_shortform .slide_material > .item_slide .tit_induce{padding:0 0 0 12px;font-size:7px;line-height:10px} [class*="preview_layer"] .material_shortform .slide_material > .item_slide .thumb_img{width:39px;height:39px;border-radius:2px} [class*="preview_layer"] .material_shortform .slide_material .list_slide .tit_induce{font-size:7px;line-height:10px} [class*="preview_layer"] .material_shortform .slide_material .list_slide{margin:0 -3px} [class*="preview_layer"] .material_shortform .slide_material .list_slide li{padding:0 3px} [class*="preview_layer"] .material_shortform .slide_material{width:205px;margin-top:6px} [class*="preview_layer"] .material_shortform .slide_material + .wrap_btn{width:205px;padding:0 0 42px} [class*="preview_layer"] .material_shortform .slide_material + .wrap_btn .btn_adview{border-radius:0 0 3px 3px} [class*="preview_layer"] .material_shortform .slide_material > .item_slide{padding:8px} [class*="preview_layer"] .material_shortform .slide_material .list_slide .item_slide{width:51px;height:75px} [class*="preview_layer"] .material_shortform .slide_material .list_slide .thumb_img{width:51px;height:51px} [class*="preview_layer"] .material_shortform .slide_material.img_slide{margin:6px 0 0} [class*="preview_layer"] .material_shortform .slide_material.img_slide + .wrap_btn .btn_adview{border-radius:6px} [class*="preview_layer"] .material_shortform .slide_material .inner_slide{padding:0 0 6px} [class*="preview_layer"] .material_shortform .slide_material .list_slide .item_slide .tit_induce{margin-top:3px;padding:0} [class*="preview_layer"] .material_shortform .slide_material .list_slide .item_slide .tit_induce.tit_onerow{height:10px} [class*="preview_layer"] .material_shortform .slide_material .slide_material + .wrap_btn .btn_adview{border-radius:6px} [class*="preview_layer"] .material_shortform .btn_play{width:34px;height:34px;margin:-17px 0 0 -17px} [class*="preview_layer"] .material_shortform .showPlay .btn_play .ico_control{width:34px;height:34px;background-position:0 -385px} [class*="preview_layer"] .material_shortform .showPause .btn_play .ico_control{width:34px;height:34px;background-position:-35px -385px} [class*="preview_layer"] .material_shortform .showReplay .btn_play .ico_control{width:34px;height:34px;background-position:-70px -385px} [class*="preview_layer"] .wrap_control .link_sound .ico_sound{width:18px;height:18px;margin:0;background-position:0 -420px} [class*="preview_layer"] .wrap_control .link_sound.sound_off .ico_sound{background-position:-20px -420px} [class*="preview_layer"] .wrap_control .link_close{float:left;width:18px;height:18px;margin-left:10px} [class*="preview_layer"] .wrap_control .link_close .ico_close{width:18px;height:18px;margin:0;background-position:-40px -420px} [class*="preview_layer"] .slide_material > .item_slide .txt_price{padding:3px 0 0 12px} [class*="preview_layer"] .material_shortform .slide_material .box_induce .price_induce{font-size:6px;line-height:9px} [class*="preview_layer"] .material_shortform .slide_material .box_induce .price_sale{font-size:6px;line-height:9px} [class*="preview_layer"] .material_shortform .slide_material .list_slide .item_slide .txt_price{padding-top:3px} [class*="preview_layer"] .material_shortform .slide_material .list_slide .item_slide .tit_induce + .txt_price{padding-top:0} [class*="preview_layer"] .material_shortform .slide_material .list_slide .item_slide .price_sale{font-size:6px} [class*="preview_layer"] .material_shortform .slide_material .list_slide .price_type2 .price_sale{font-size:7px;line-height:10px} [class*="preview_layer"] .material_shortform .slide_material .list_slide .price_type2 .price_induce{font-size:7px;line-height:10px} [class*="preview_layer"] .slide_material .inner_slide::-webkit-scrollbar{width:3px;height:3px} [class*="preview_layer"] .slide_material .inner_slide::-webkit-scrollbar-track{background-color:transparent} [class*="preview_layer"] .slide_material .inner_slide::-webkit-scrollbar-button{width:3px;height:3px;background:ddd} [class*="preview_layer"] .slide_material .inner_slide::-webkit-scrollbar-thumb{width:3px;height:3px;border-radius:10px;background:#ddd} [class*="preview_layer"] .material_catalog .slide_material .list_slide .item_slide .price_sale{font-size:14px;line-height:20px} [class*="preview_layer"] .material_catalog .slide_material .list_slide .item_slide .price_induce{font-size:14px;line-height:20px} [class*="preview_layer"] .material_catalog .slide_material .list_slide .item_slide .price_discount{margin-right:4px} /* QA */ [class*="preview_layer"] .material_movie2 .wrap_control .link_sound .ico_sound{float:left;width:18px;height:18px;margin:5px;background-position:-255px -320px} [class*="preview_layer"] .material_movie2 .wrap_control .link_sound.sound_off .ico_sound{width:22px;background-position:-275px -320px} /* 소재 미리보기 - 수정 팝업 */ /* 소재생성 - 피드타입 */ .reform_view_material .reform_view_cont .txt_warn{margin-top:15px;font-size:12px;color:#777;text-align:center} .reform_view_material .reform_view_cont .wrap_landing{text-align:center} .reform_view_material .reform_view_cont .wrap_landing .inner_landing{overflow:hidden;display:inline-block} .reform_view_material .reform_view_cont .inner_landing .btn_preview{float:left;margin-left:5px;margin-right:5px} .reform_view_material .reform_view_cont .btn_preview{margin:20px auto 0;height:34px;border-color:rgba(0,0,0,0.15);background:#fff} .reform_view_material .reform_view_cont .btn_preview:hover{border-color:rgba(0,0,0,0.08);background:rgba(0,0,0,0.08)} .reform_view_material .reform_view_cont .btn_preview.in_active{background-color:#f4f4f4} .reform_view_material .reform_view_cont .btn_preview .ico_outlink{display:inline-block;width:10px;height:10px;margin:5px 0 0 4px;background-position:-540px -790px;vertical-align:top} .reform_view_material .reform_view_cont .wrap_landing + .txt_warn{margin:27px 0 0 27px} .reform_view_material .reform_view_cont .box_guide{margin-top:50px;padding:16px 21px 15px;border:1px solid #E8E8E8;font-size:12px;line-height:18px;color:#666} .reform_view_material .reform_view_cont .list_guide li{position:relative;padding-left:8px} .reform_view_material .reform_view_cont .list_guide li:before{position:absolute;left:0;top:8px;width:2px;height:2px;border-radius:100%;background-color:#666;content:''} /* 메세지형 */ .reform_box_msg{position:relative;border:1px solid #ebebeb} .reform_box_msg .reform_tit_msg{display:block;height:55px;padding:9px 20px;border-bottom:1px solid #ccc;box-sizing:border-box} .reform_box_msg .reform_cont_msg{overflow-y:auto;height:678px;margin-right:3px} /* 디자인 스크롤 여백 */ .reform_box_msg .reform_cont_msg .fail_wrap{display:table} .reform_box_msg .reform_cont_msg .inner_fail_wrap{display:table-cell;width:438px;height:678px;line-height:22px;text-align:center;vertical-align:middle} .reform_box_msg .fail_wrap .reform_tit_fail{display:block;font-weight:400} .reform_box_msg .fail_wrap .reform_desc_fail{display:block;padding-top:11px;line-height:20px;color:#777;font-size:12px} .reform_box_msg .fail_wrap .reform_link_fail{display:inline-block;margin-top:20px;color:#326EDC} .reform_box_msg .loading_wrap{padding-top:320px} .reform_box_msg li{position:relative;border-top:1px solid #E8E8E8} .reform_box_msg li:first-child{border-top:none} .reform_box_msg li .link_menu{display:table-cell;width:437px;height:98px;padding:0 20px 0 20px;vertical-align:middle;box-sizing:border-box} .reform_box_msg li .thumb_img + .link_menu{padding-right:134px} .reform_box_msg li .link_menu:hover{background-color:rgba(0,0,0,0.03);text-decoration:none} .reform_box_msg li.on .link_menu{background-color:#f1f6fc} .reform_box_msg li .thumb_img{position:absolute;top:50%;right:19px;width:100px;height:70px;margin-top:-35px} .reform_box_msg li .thumb_img:after{position:absolute;top:0;left:0;z-index:10;width:100px;height:70px;border:1px solid rgba(0,0,0,0.04);box-sizing:border-box;content:''} .reform_box_msg li .link_menu .tit_menu{display:-webkit-box;overflow:hidden;padding-top:0;line-height:20px;font-weight:400;color:#333;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical} .reform_box_msg .link_menu.reform_link_row .tit_menu{-webkit-line-clamp:1} .reform_box_msg .desc_menu{display:block;font-size:12px;line-height:23px;color:#777} .reform_box_msg .desc_menu .ico_bar{display:inline-block;width:1px;height:12px;margin:6px 9px 0;background-color:#ccc;vertical-align:top} .reform_box_msg .reform_tit_msg .desc_menu{float:right;padding-top:7px;font-weight:400} .reform_box_msg .link_menu .desc_menu{padding-top:3px} /* 슬라이드 */ .reform_view_material .slide_default{width:auto;height:auto;padding:0 20px 20px} .reform_view_material .slide_default .btn_page{width:24px;height:24px;margin-top:-12px;border-radius:24px;background-color:rgba(0,0,0,0.5)} .reform_view_material .slide_default .btn_prev{left:9px} .reform_view_material .slide_default .btn_next{right:9px} .reform_view_material .slide_default .btn_page .ico_comm{width:6px;height:10px;margin:7px auto 0} .reform_view_material .slide_default .btn_page .ico_prev{background-position:-140px -100px} .reform_view_material .slide_default .btn_page .ico_next{background-position:-150px -100px} .reform_view_material .material_slide1 .thumb_profile,.reform_view_material .material_slide2 .thumb_profile{width:48px;height:48px;margin-top:-24px;border-radius:18px;background-position:-70px 0} /* 배너 */ .reform_view_material .material_bnr{margin:0} /* 배너슬라이드 */ .reform_view_material .material_bnr .slide_default{width:250px;height:250px;margin-bottom:63px} .reform_view_material .material_bnr .slide_default .txt_cut{width:100%;top:auto;bottom:-36px;color:#777} /* 채팅탭 */ .reform_view_material .material_chat{overflow:hidden;position:relative;width:440px;min-height:110px;padding-top:0;border-radius:7px} .reform_view_material .material_chat .img_g{width:100%;vertical-align:top} .reform_view_material .material_chat .inner_chat{position:absolute;top:57px;left:0;right:0;height:101px} .reform_view_material .material_chat .inner_chat .thumb_img{overflow:hidden;position:absolute;top:0;left:50%;transform:translateX(-50%);width:402px;height:101px;border-radius:6px;border:0 none;background:#f3f3f3} .reform_view_material .material_friend .inner_chat{top:354px} .reform_view_material .material_chat > .thumb_img{overflow:hidden;position:absolute;top:0;left:0;width:440px;height:110px;border-radius:6px;border:0 none;background:#f3f3f3} .reform_view_material .material_chat .thumb_bnr{position:absolute;top:0;left:0;width:402px;height:101px;background-size:402px 101px;background-repeat:no-repeat} .reform_view_material .material_chat .thumb_bnr .img_thumb{position:absolute;top:0;left:0;width:402px;height:101px} .reform_view_material .material_chat .thumb_bnr2{display:flex;align-items:center;width:100%;height:100%;align-content:center;flex-wrap:wrap}/** 22.12 디자인 수정 */ .reform_view_material .material_chat .thumb_bnr2 .img_thumb{display:block} /* 채팅탭 > 성과형 */ .reform_view_material .material_chat.chat_type2 .thumb_img{top:370px} .reform_view_material .material_chat + .txt_warn{margin-left:30px} /* 친구탭 */ .reform_view_material .material_friend{border-radius:0} /* 2023-03-17 롤백 시작 */ /*.reform_view_material .material_friend .inner_chat{background:#f3f3f3} .reform_view_material .material_friend .thumb_img{background:none}*/ /* 2023-03-17 롤백 끝 */ /* 톡비즈 */ .reform_view_material .material_talkskin{overflow:hidden;position:relative;width:440px;padding-top:0;background:#F5F5F5} .reform_view_material .material_talkskin .img_talkskin{display:block;vertical-align:top} .reform_view_material .material_talkskin .thumb_img{background:none} .reform_view_material .material_chat .inner_chat .btn_play,.thumb_motion .btn_play{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30} .reform_view_material .material_chat .inner_chat .btn_play .ico_play,.thumb_motion .btn_play .ico_play{display:inline-block;width:50px;height:50px;background-position:-350px 0} .thumb_motion .ad_vod{width:100%;height:100%} /* 모션보드 */ .thumb_motion{overflow:hidden;border-radius:10px;border:0 none;background:#f3f3f3} .reform_view_material .material_chat .thumb_motion{display:flex;align-items:center;position:absolute;top:0;left:50%;width:402px;height:101px;margin-left:-201px} .wrap_motion{position:absolute;top:0;left:0;width:100%;height:100%} .thumb_motion .video_motion,.thumb_motion .img_motion{position:absolute;top:0;left:0;width:100%;height:100%} .thumb_motion .wrap_motion .img_bg{display:flex;width:100%;height:100%;justify-content:center;opacity:0} .thumb_motion .wrap_motion .img_text{position:absolute;top:0;right:0;width:100%;height:100%;z-index:10;opacity:0} .thumb_motion .wrap_motion .img_object{position:absolute;top:0;right:21px;width:132px;height:101px} .thumb_motion .wrap_motion [class*="object_img"]{display:flex;justify-content:center;align-items:center;position:absolute;width:100%;height:100%;opacity:0;box-sizing:border-box} .thumb_motion.play .wrap_motion .video_motion{animation:vodFadeout 3s linear 3s forwards} .thumb_motion.play .wrap_motion .object_img1{animation:slideIn 2.6s ease 4.32s forwards} .thumb_motion.play .wrap_motion .object_img2{animation:slideIn 2.9s ease 6.375s forwards} .thumb_motion.play .wrap_motion .object_img3{animation:slideIn 2.9s ease 9s forwards} .thumb_motion.play .wrap_motion .object_img4{animation:slideLast 2.7s ease 11.49s forwards} .thumb_motion.play .wrap_motion .img_bg{animation:vodFadeIn 2s ease-in-out 3s forwards} .thumb_motion.play .wrap_motion .img_text{animation:vodFadeIn 1.2s ease 4.2s forwards} .thumb_motion .wrap_motion .img_g{display:block;width:100%;height:100%;vertical-align:top} .thumb_motion .wrap_motion .img_bg .img_g{margin:auto} @-webkit-keyframes slideIn{0%{opacity:0; transform:translateX(25px)} 25%{opacity:1; transform:translateX(0)} 80%{opacity:1; transform:translateX(0)} 100%{opacity:0; transform:translateX(-25px)} } @keyframes slideIn{0%{opacity:0; transform:translateX(25px)} 25%{opacity:1; transform:translateX(0)} 80%{opacity:1; transform:translateX(0)} 100%{opacity:0; transform:translateX(-25px)} } @-webkit-keyframes slideLast{0%{opacity:0; transform:translateX(25px)} 25%{opacity:1; transform:translateX(0)} 100%{opacity:1; transform:translateX(0)} } @keyframes slideLast{0%{opacity:0; transform:translateX(25px)} 25%{opacity:1; transform:translateX(0)} 100%{opacity:1; transform:translateX(0)} } .material_layer .thumb_motion{display:block;position:relative;height:160px;margin:0 30px 30px} .preview_layer .thumb_motion{display:block;position:relative;width:402px;height:101px} .preview_layer .material_motion{margin:0;text-align:center} .material_preview_layer .thumb_motion{display:block;position:relative;height:160px;margin-bottom:30px;text-align:center} .material_preview_layer .material_motion{margin:0;text-align:center} .material_preview_layer .material_motion .thumb_motion .img_object,.material_layer .material_motion .thumb_motion .img_object{width:210px;height:160px} /* 다이내믹비즈보드 */ .reform_view_material .material_bizboard{overflow:hidden;position:relative;padding-top:0;border-radius:6px} .reform_view_material .material_bizboard .thumb_img{height:110px;background:#F3F3F3} .reform_view_material .material_bizboard .thumb_img.no_img{background:#ebebeb url(/34a381c78256b556d1e6c932486e8eff.png) no-repeat 50% 50%} .reform_view_material .view_subtit{padding:40px 0 15px} .reform_view_material .view_subtit .subtit_materialcont{font-weight:400;font-size:14px;line-height:20px;color:#777} /* 비즈보드 NAS 미리보기 */ .reform_view_material .reform_material_item.item_type2{margin:30px -40px 0 -39px;border-top:1px solid #EBEBEB} .reform_view_material .reform_material_item.item_type2 .view_cont .txt_warn{margin-top:0;text-align:left} .reform_view_material .reform_view_cont.item_type2{padding:0 0 130px} .material_biznas{overflow:hidden;position:relative} .material_biznas + .material_biznas{margin-top:20px} .material_biznas .tit_induce{overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .material_biznas .txt_induce{overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .material_biznas .thumb_detail{display:flex;flex-direction:column;justify-content:center;font-family:'Apple SD Gothic Neo','Malgun Gothic','맑은 고딕','돋움',dotum,sans-serif} .material_biznas .thumb_img .item_thumb{width:100%;height:100%} .material_biznas .thumb_img .img_thumb{height:100%;margin:0 auto} .material_biznas.nas_type1{height:138px;padding:0} .material_biznas.nas_type1 .thumb_img{float:left;width:138px;height:103px;margin-top:18px;border-radius:8px;background:#F3F3F3} .material_biznas.nas_type1 .thumb_img.no_img{background:#EBEBEB url(/b18a6d9e5867fd17e5cfeea4a0827ada.png) no-repeat 50% 50%} .material_biznas.nas_type1 .thumb_detail{overflow:hidden;height:138px;padding:0 17px} .material_biznas.nas_type1 .tit_induce{font-weight:700;font-size:23px;line-height:28px;color:#333} .material_biznas.nas_type1 .txt_induce{display:block;padding-top:6px;font-size:19px;line-height:23px;color:#333} .material_biznas.nas_type1 .tit_induce.no_text,.material_biznas.nas_type1 .txt_induce.no_text{color:#777} .material_biznas.nas_type1 .desc_induce{display:block;padding-top:7px;font-size:11px;line-height:13px;color:#777} .material_biznas.nas_type1 .wrap_btn{justify-content:flex-start;height:20px;padding:7px 0 0 0} .material_biznas.nas_type1 .btn_induce1{font-weight:700;font-size:17px;line-height:20px;color:#2C88DE} .material_biznas.nas_type1 .btn_induce1 .ico_arrow{width:8px;height:12px;margin:2px 0 0 2px;background-position:-360px -135px} .material_biznas.nas_type1 .ad_imark{position:absolute;top:3px;right:3px;width:20px;height:20px;font-size:0;color:rgba(0,0,0,0);background:url(/84f30b0a66593ee8d63578574265b8db.png) no-repeat 0 0;background-size:20px auto} .material_biznas.nas_type2{height:69px;padding:0 35px 0 28px} .material_biznas.nas_type2 .thumb_img{float:left;width:84px;height:69px;background:transparent} .material_biznas.nas_type2 .thumb_img.no_img{background:#EBEBEB url(/0816819ca84731297ac1256fa89abc4b.png) no-repeat 50% 50%} .material_biznas.nas_type2 .thumb_detail{overflow:hidden;height:67px;padding-left:13px} .material_biznas.nas_type2 .tit_induce{font-weight:700;font-size:17px;line-height:20px;color:#333} .material_biznas.nas_type2 .txt_induce{display:block;padding-top:2px;font-size:16px;line-height:19px;color:#333} .material_biznas.nas_type2 .desc_induce{display:block;padding-top:3px;font-size:7px;line-height:8px;color:#777} .material_biznas.nas_type2 .tit_induce.no_text,.material_biznas.nas_type2 .txt_induce.no_text{color:#777} .material_biznas.nas_type2 .ad_imark{position:absolute;top:0;right:0;width:17px;height:17px;font-size:0;color:rgba(0,0,0,0);background:url(/eacfd736e152d20a32df7742d9efd2f0.png) no-repeat 0 0;background-size:17px auto} .material_biznas.nas_type2 .wrap_btn{position:absolute;top:50%;right:26px;overflow:hidden;width:9px;height:16px;padding:0;transform:translateY(-50%)} .material_biznas.nas_type2 .btn_induce1{font-size:0;line-height:0} .material_biznas.nas_type2 .btn_induce1 .ico_arrow{width:9px;height:16px;margin:0;background-position:-345px -155px} .material_biznas.nas_type3{height:440px;padding:0} .material_biznas.nas_type3 .thumb_img{float:left;width:100%;height:312px;background:transparent} .material_biznas.nas_type3 .thumb_img.no_img{background:#EBEBEB url(/81d004fa97d597ad62d1819357eb7d05.png) no-repeat 50% 50%} .material_biznas.nas_type3 .thumb_detail{overflow:hidden;height:128px;padding:0 26px;text-align:center} .material_biznas.nas_type3 .tit_induce{font-weight:700;font-size:27px;line-height:40px;color:#333} .material_biznas.nas_type3 .txt_induce{display:block;padding-top:3px;font-size:23px;line-height:28px;color:#666} .material_biznas.nas_type3 .desc_induce{display:block;padding-top:3px;font-size:11px;line-height:13px;color:#777} .material_biznas.nas_type3 .txt_induce + .desc_induce{position:absolute;top:0;left:0;height:123px;width:100%;padding-top:12px;color:#fff;background:linear-gradient(178.73deg,rgba(0,0,0,0.3) -9.98%,rgba(0,0,0,0) 62.85%);text-align:center;box-sizing:border-box} .material_biznas.nas_type3 .tit_induce.no_text,.material_biznas.nas_type3 .txt_induce.no_text{color:#777} .material_biznas.nas_type3 .ad_imark{position:absolute;top:9px;right:9px;width:27px;height:27px;font-size:0;color:rgba(0,0,0,0);background:url(/9051e71e10bc5da04f5adc14d996d64d.png) no-repeat 0 0;background-size:27px auto} .material_biznas.nas_type4{height:293px;padding:0} .material_biznas.nas_type4 .thumb_img{float:left;width:100%;height:220px;background:#F3F3F3} .material_biznas.nas_type4 .thumb_img.no_img{background:#EBEBEB url(/81d004fa97d597ad62d1819357eb7d05.png) no-repeat 50% 50%} .material_biznas.nas_type4 .thumb_detail{overflow:hidden;height:73px;padding:0 100px 0 18px} .material_biznas.nas_type4 .tit_induce{font-weight:700;font-size:20px;line-height:24px;color:#4C4C4C} .material_biznas.nas_type4 .txt_induce{display:block;padding-top:2px;font-size:17px;line-height:20px;color:#666} .material_biznas.nas_type4 .tit_induce.no_text,.material_biznas.nas_type4 .txt_induce.no_text{color:#777} .material_biznas.nas_type4 .wrap_btn{position:absolute;bottom:20px;right:18px;overflow:hidden;width:75px;height:31px;padding:0;border:1px solid rgba(0,0,0,0.2);border-radius:6px} .material_biznas.nas_type4 .btn_induce1{font-weight:700;font-size:13px;line-height:33px;color:#444} .material_biznas.nas_type4 .ad_imark{position:absolute;top:5px;right:5px;width:17px;height:17px;font-size:0;color:rgba(0,0,0,0);background:url(/eacfd736e152d20a32df7742d9efd2f0.png) no-repeat 0 0;background-size:17px auto} .material_biznas.nas_type5{overflow:hidden;height:880px;padding:0;border-radius:29px;background:#F3F3F3} .material_biznas.nas_type5 .thumb_img{float:left;width:100%;height:361px;background:#F3F3F3} .material_biznas.nas_type5 .thumb_img.no_img{background:#EBEBEB url(/81d004fa97d597ad62d1819357eb7d05.png) no-repeat 50% 50%} .material_biznas.nas_type5 .thumb_detail{align-items:center;overflow:hidden;height:519px;padding:0 66px;text-align:center} .material_biznas.nas_type5 .tit_induce{display:-webkit-box;max-height:112px;font-weight:700;font-size:44px;line-height:56px;color:#222;letter-spacing:-0.2px;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal} .material_biznas.nas_type5 .txt_induce{display:block;display:-webkit-box;max-height:82px;padding-top:17px;font-size:29px;line-height:41px;color:#666;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal} .material_biznas.nas_type5 .tit_induce.no_text,.material_biznas.nas_type5 .txt_induce.no_text{color:#777} .material_biznas.nas_type5 .wrap_btn{position:relative;overflow:hidden;width:147px;height:53px;padding:0;margin-top:24px;border-radius:18px;background:#fff} .material_biznas.nas_type5 .btn_induce1{font-weight:700;font-size:21px;line-height:56px;color:#444} .material_biznas.nas_type5 .ad_imark{position:absolute;top:5px;right:8px;width:29px;height:29px;font-size:0;color:rgba(0,0,0,0);background:url(/409b2256d3aaefef6dde74ffa14265cb.png) no-repeat 0 0;background-size:29px auto} /* PC톡 하단 배너 */ .material_talkadskin{padding-top:0} .material_talkadskin .inner_talkad{position:relative} .material_talkadskin .img_talkadskin{display:block;width:100%} .material_talkadskin .talkad_detail{position:absolute;left:7px;right:7px;bottom:9px;width:424px;height:95px;background-color:#F3F3F3;border-radius:3px} .material_talkadskin .ad_detail{position:relative;height:100%} .material_talkadskin .ad_detail .ico_play{z-index:2;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;background-position:-350px 0} /* 영상형 */ .talkad_vod .cm_ad{overflow:hidden;position:relative;min-width:390px;height:95px;background-color:#F8F8F8;text-decoration:none;box-sizing:border-box} .talkad_vod .cm_ad .link_ad{display:block;overflow:hidden;border-radius:3px} .talkad_vod .cm_ad .link_ad .inner_ad{overflow:hidden;position:relative;width:424px;height:95px;margin:0 auto;border-radius:3px} .talkad_vod .cm_ad .link_ad .inner_ad:after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid transparent;border-radius:3px} /* 영상영역 */ .talkad_vod .cm_ad .area_video{overflow:hidden;height:95px} .talkad_vod .cm_ad .area_video .ad_vod{width:100%;height:100%;opacity:1} .talkad_vod .animation_on .area_video .ad_vod{animation:vodFadeout 3s linear 5s forwards} @-webkit-keyframes vodFadeout{100%{opacity:0} } @keyframes vodFadeout{100%{opacity:0} } /* 썸네일영역 */ .talkad_vod .cm_ad .area_bg{position:absolute;top:0;left:0;right:0;bottom:0;width:424px;height:95px;opacity:0;transform:scale(1)} .talkad_vod .animation_on .area_bg{opacity:0;transform:scale(1);animation:vodFadeIn 2s ease-in-out 3s forwards} .talkad_vod .animation_done .area_bg{opacity:1;transform:scale(1.05)} .talkad_vod .cm_ad .area_bg .img_thumb{width:100%;height:100%;animation:vodZoomIn 3s ease-in-out 3s forwards} @-webkit-keyframes vodZoomIn{0%{transform:scale(1)} 100%{transform:scale(1.05)} } @keyframes vodzoomIn{0%{transform:scale(1)} 100%{transform:scale(1.05)} } @-webkit-keyframes vodFadeIn{100%{opacity:1} } @keyframes vodFadeIn{100%{opacity:1} } /* .talkad_vod .cm_ad .area_bg:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);opacity:1;z-index:1} .talkad_vod .animation_on .area_bg:before{opacity:0;animation:vodFadeIn 1.5s ease-in 3.4s forwards} .talkad_vod .animation_done .area_bg:before{opacity:1} .talkad_vod .cm_ad .area_bg:after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;-webkit-backdrop-filter:blur(.4px);-moz-backdrop-filter:blur(.4px);-ms-backdrop-filter:blur(.4px);backdrop-filter:blur(.4px);filter:blur(.4px);opacity:1} .talkad_vod .animation_on .area_bg:after{opacity:0;animation:vodFadeIn 1.5s ease-in 4s forwards} .talkad_vod .animation_done .area_bg:after{opacity:1} */ /* 오브젝트 영역 */ .talkad_vod .area_obj{position:absolute;top:0;left:0;right:0;bottom:0} .talkad_vod .area_obj .inner_obj{opacity:0;width:100%;height:95px;transform:scale(1)} .talkad_vod .animation_on .area_obj .inner_obj{opacity:0;transform:scale(1.1);animation:vodZoomOut 1.7s ease 4.2s forwards} .talkad_vod .animation_done .area_obj .inner_obj{opacity:1} .talkad_vod .area_obj .img_obj{width:100%;height:100%} @-webkit-keyframes vodZoomOut{100%{opacity:1; transform:scale(1)} } @keyframes vodZoomOut{100%{opacity:1; transform:scale(1)} } /* 비영상형 */ .talkad_novod .cm_ad{overflow:hidden;position:relative;min-width:390px;height:95px;background-color:#F8F8F8;text-decoration:none;box-sizing:border-box} .talkad_novod .cm_ad .link_ad{display:block;overflow:hidden;border-radius:3px} .talkad_novod .cm_ad .link_ad .inner_ad{overflow:hidden;position:relative;width:424px;height:95px;margin:0 auto;background-color:#000;border-radius:3px} .talkad_novod .cm_ad .link_ad .inner_ad:after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid transparent;border-radius:3px} /* 썸네일영역 */ .talkad_novod .cm_ad .area_bg{position:absolute;top:0;left:0;right:0;bottom:0;width:424px;height:95px;opacity:1} .talkad_novod .animation_on .area_bg .img_thumb{animation:novodZoomIn 1.1s ease-in-out 0s forwards} .talkad_novod .animation_done .area_bg{transform:scale(1.05)} @-webkit-keyframes novodZoomIn{0%{opacity:1; transform:scale(1)} 100%{opacity:1; transform:scale(1.03)} } @keyframes novodZoomIn{0%{opacity:1; transform:scale(1)} 100%{opacity:1; transform:scale(1.03)} } /* .talkad_novod .cm_ad .area_bg:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);opacity:0;z-index:1} .talkad_novod .animation_on .area_bg:before{opacity:0;animation:novodFadeIn .7s ease-in forwards} .talkad_novod .animation_done .area_bg:before{opacity:1} .talkad_novod .cm_ad .area_bg:after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;-webkit-backdrop-filter:blur(.4px);-moz-backdrop-filter:blur(.4px);-ms-backdrop-filter:blur(.4px);backdrop-filter:blur(.4px);filter:blur(.4px);opacity:0} .talkad_novod .animation_on .area_bg:after{opacity:0;animation:novodFadeIn .7s ease-in forwards} .talkad_novod .animation_done .area_bg:after{opacity:1} */ .talkad_novod .cm_ad .area_bg .img_thumb{width:100%;height:100%} @-webkit-keyframes novodFadeIn{100%{opacity:1} } @keyframes novodFadeIn{100%{opacity:1} } /* 오브젝트 영역 */ .talkad_novod .area_obj{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1} .talkad_novod .area_obj .inner_obj{width:100%;height:95px;opacity:0;transform:scale(1)} .talkad_novod .animation_on .area_obj .inner_obj{opacity:0;transform:scale(1.1);animation:novodZoomOut 1.1s ease .2s forwards} .talkad_novod .animation_done .area_obj .inner_obj{opacity:1} .talkad_novod .area_obj .img_obj{width:100%;height:100%} @-webkit-keyframes novodZoomOut{100%{opacity:1; transform:scale(1)} } @keyframes novodZoomOut{100%{opacity:1; transform:scale(1)} } /* 하위버전용 */ .talkad_lower .cm_ad{position:relative;overflow:hidden;min-width:390px;height:95px;box-sizing:border-box} .talkad_lower .cm_ad .link_ad{display:block;width:100%;height:95px;padding:11px 26px;background-color:#F8F8F8;text-decoration:none;box-sizing:border-box} .talkad_lower .cm_ad .link_ad .inner_ad{display:table;max-width:376px;height:70px;margin:0 auto} .talkad_lower .cm_ad .link_ad .thumb_img{float:left;position:relative;overflow:hidden;width:138px;height:70px;border-radius:3px} .talkad_lower .cm_ad .link_ad .thumb_img .img_thumb{display:block;width:100%;height:100%;vertical-align:top} .talkad_lower .cm_ad .link_ad .area_ad{display:table-cell;overflow:hidden;width:311px;height:100%;vertical-align:middle} .talkad_lower .cm_ad .link_ad .area_ad .tit_ad{display:block;display:-webkit-box;overflow:hidden;max-height:38px;padding-left:21px;font-weight:bold;font-size:15px;line-height:19px;color:#333;letter-spacing:-.1px;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word} .talkad_lower .cm_ad .link_ad .area_ad .info_ad{display:block;margin:6px 0 0 21px;font-size:13px;line-height:16px;color:#777}/** 리치네이티브 **/ .material_richpopskin{padding-top:0} .material_richpopskin .inner_richpop{width:100%;height:277px;background-color:#F3F3F3} .richpop_detail{position:relative;width:100%;height:100%} .richpop_detail .ico_play{z-index:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;background-position:-350px 0} .richpop_detail .info_ad{position:absolute;top:0;left:0;padding:5px 0 0 5px;z-index:2} .richpop_detail .info_ad .txt_info{display:block;font-size:10px;color:rgba(255,255,255,0.6);line-height:14px;letter-spacing:-0.4px} .richpop_detail .info_ad .txt_info .icon_ad{display:inline-block;width:14px;height:14px;margin:0 3px 0 0;background:url(//t1.daumcdn.net/biz/ui/ad/richpop/img_mark.png) 0 0 no-repeat;vertical-align:top;background-size:14px 14px} .richpop_detail .info_ad .link_info{position:absolute;top:0;left:0;width:24px;height:24px;font-size:0;line-height:0} .richpop_detail .cm_ad .btn_close{position:absolute;top:0;right:0;width:24px;height:24px;z-index:2;text-align:center} .richpop_detail .cm_ad .icon_close{display:inline-block;width:8px;height:8px;margin:5px 0 0 0;background:url(//t1.daumcdn.net/biz/ui/ad/richpop/icon_close.png) 0 0 no-repeat;vertical-align:top;background-size:8px 8px;font-size:0;line-height:0;color:transparent} @font-face{font-family:'Spoqa Han Sans';font-style:normal;font-weight:700;src:url(/4bed86c35c8d0be2565723692ed5aa64.woff2) format("font-woff2"),url(/333a6001830d10c8310d0830cec3e393.woff) format("woff")} @font-face{font-family:'Spoqa Han Sans';font-style:normal;font-weight:400;src:url(/41761e4a9fee0c804c508cd369eebac9.woff2) format("font-woff2"),url(/bc34ca16b9faa189280596a7c64f3f7d.woff) format("woff")} .richpop_vod .cm_ad{overflow:hidden;position:relative;width:100%;height:100%} .richpop_vod .cm_ad:before{content:'';position:absolute;top:0;left:0;right:0;height:40px;border-radius:4px 4px 0 0;background:linear-gradient(180deg,rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 93.24%);z-index:1} .richpop_vod .cm_ad .link_ad{display:block;position:relative;height:100%;text-decoration:none} .richpop_vod .cm_ad .thumb_img{position:absolute;top:0;left:0} .richpop_vod .cm_ad .thumb_img .img_thumb{width:100%;height:100%} .richpop_vod .cm_ad .thumb_fst{background-color:#000} .richpop_vod .cm_ad .thumb_fst .img_thumb{background-color:#000} .richpop_vod .animation_on .thumb_fst .img_thumb{animation:stillZoomIn 2.8s ease-in-out 1.5s forwards,stillFadeOut 1s ease 2.8s forwards} @-webkit-keyframes stillZoomIn{100%{transform:scale(1.2)} } @keyframes stillZoomIn{100%{transform:scale(1.2)} } @-webkit-keyframes stillFadeOut{60%{opacity:0} 100%{opacity:0} } @keyframes stillFadeOut{60%{opacity:0} 100%{opacity:0} } .richpop_vod .cm_ad .thumb_lst{position:relative;opacity:0;transform:scale(1)} .richpop_vod .animation_on .thumb_lst{animation:stillZoomIn2 7s ease 2.5s forwards} .richpop_vod .animation_done .thumb_lst{opacity:1;transform:scale(1.1)} @-webkit-keyframes stillZoomIn2{0%{transform:scale(1)} 30%{opacity:1} 100%{opacity:1; transform:scale(1.1)} } @keyframes stillZoomIn2{0%{transform:scale(1)} 30%{opacity:1} 100%{opacity:1; transform:scale(1.1)} } .richpop_vod .cm_ad .thumb_lst:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.3);opacity:1} .richpop_vod .animation_on .cm_ad .thumb_lst:before{opacity:0;animation:stillFadeBG .5s linear forwards} .richpop_vod .animation_done .cm_ad .thumb_lst:before{opacity:1} @-webkit-keyframes stillFadeBG{0%{opacity:1} 100%{opacity:1} } @keyframes stillFadeBG{0%{opacity:1} 100%{opacity:1} } .richpop_vod .area_ad{position:absolute;top:50%;left:50%;width:100%;text-align:center;transform:translate(-50%,-50%)} .richpop_vod .area_ad .tit_ad{display:block;display:-webkit-box;overflow:hidden;max-height:56px;margin:0 auto;font-size:23px;font-weight:700;line-height:28px;color:#fff;transform:translateY(0px);font-family:'Spoqa Han Sans',sans-serif;padding-bottom:7px;opacity:0;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal} .richpop_vod .animation_on .area_ad .tit_ad{animation:stillTextUp 1s ease 3s forwards} .richpop_vod .animation_done .area_ad .tit_ad{opacity:1;transform:translateY(0px)} @-webkit-keyframes stillTextUp{0%{opacity:.3; transform:translateY(9px)} 100%{opacity:1; transform:translateY(0px)} } @keyframes stillTextUp{0%{opacity:.3; transform:translateY(9px)} 100%{opacity:1; transform:translateY(0px)} } .richpop_vod .area_ad .btn_ad{overflow:hidden;display:inline-flex;align-items:center;height:44px;padding:0 21px 0 22px;border-radius:22px;border:0 none;font-size:16px;font-weight:700;line-height:44px;color:#fff;background-color:#0085FF;box-sizing:border-box;transform:translateY(0px);font-family:'Spoqa Han Sans',sans-serif;margin-top:7px;opacity:0} .richpop_vod .animation_on .area_ad .btn_ad{animation:stillTextDown 1s ease 3s forwards} .richpop_vod .animation_done .area_ad .btn_ad{opacity:1;transform:translateY(0px)} @-webkit-keyframes stillTextDown{0%{opacity:.3; transform:translateY(-9px)} 100%{opacity:1; transform:translateY(0px)} } @keyframes stillTextDown{0%{opacity:.3; transform:translateY(-9px)} 100%{opacity:1; transform:translateY(0px)} } .richpop_vod .area_ad .btn_ad .icon_arrow{fill:currentColor;margin:2px 0 0 5px} /* 하위버전 */ .richpop_lower .cm_ad{position:relative;overflow:hidden;width:100%;height:100%;background-color:#fff} .richpop_lower .cm_ad:before{content:'';position:absolute;top:0;left:0;right:0;height:40px;border-radius:4px 4px 0 0;background:linear-gradient(180deg,rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 93.24%);z-index:1} .richpop_lower .cm_ad .link_ad{display:block;position:relative;height:100%;text-decoration:none} .richpop_lower .cm_ad .thumb_img{height:219px} .richpop_lower .cm_ad .thumb_img .img_thumb{display:block;width:100%;height:100%;vertical-align:top} .richpop_lower .cm_ad .area_ad{display:block;overflow:hidden;padding:16px 10px 18px 10px} .richpop_lower .cm_ad .area_ad .tit_ad{opacity:1;display:block;overflow:hidden;font-size:18px;line-height:25px;color:#222;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.1px} /* 오픈 채팅 */ .material_chat2{position:relative;padding:0;background:#fff} .material_chat2 .img_g{width:100%;vertical-align:top} .material_chat2 .inner_tab{overflow:hidden;position:absolute;top:66px;left:0;right:0;height:66px} .tab_chat{margin:12px 0 0 19px;font-size:0;white-space:nowrap} .tab_chat li{display:inline-block;position:relative;vertical-align:top} .tab_chat li + li{margin-left:7px} .tab_chat .link_tab{display:block;overflow:hidden;height:42px;padding:0 12px;border:1px solid rgba(0,0,0,0.12);border-radius:22px;font-size:16px;line-height:38px;color:#191919;text-decoration:none;box-sizing:border-box} .tab_chat .on .link_tab{border-color:#222;color:#fff;background:#222} .tab_chat .ad_mark{position:absolute;top:-5px;right:0;width:22px;height:15px;line-height:0;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyMiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuMDEzNjcxOSA4LjM2OTgzQzAuMDEzNjcxOSA0LjE1Nzc0IDMuNDI4MjUgMC43NDMxNjQgNy42NDAzNCAwLjc0MzE2NEgxMy41MDdDMTcuNzE5MSAwLjc0MzE2NCAyMS4xMzM3IDQuMTU3NzQgMjEuMTMzNyA4LjM2OTgzQzIxLjEzMzcgMTIuNTgxOSAxNy43MTkxIDE1Ljk5NjUgMTMuNTA3IDE1Ljk5NjVINy42NDAzNEMzLjQyODI1IDE1Ljk5NjUgMC4wMTM2NzE5IDEyLjU4MTkgMC4wMTM2NzE5IDguMzY5ODNaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEzLjUwNyAxLjkxNjVINy42NDAzNEM0LjA3NjI2IDEuOTE2NSAxLjE4NzAxIDQuODA1NzUgMS4xODcwMSA4LjM2OTgzQzEuMTg3MDEgMTEuOTMzOSA0LjA3NjI2IDE0LjgyMzIgNy42NDAzNCAxNC44MjMySDEzLjUwN0MxNy4wNzExIDE0LjgyMzIgMTkuOTYwMyAxMS45MzM5IDE5Ljk2MDMgOC4zNjk4M0MxOS45NjAzIDQuODA1NzUgMTcuMDcxMSAxLjkxNjUgMTMuNTA3IDEuOTE2NVpNNy42NDAzNCAwLjc0MzE2NEMzLjQyODI1IDAuNzQzMTY0IDAuMDEzNjcxOSA0LjE1Nzc0IDAuMDEzNjcxOSA4LjM2OTgzQzAuMDEzNjcxOSAxMi41ODE5IDMuNDI4MjUgMTUuOTk2NSA3LjY0MDM0IDE1Ljk5NjVIMTMuNTA3QzE3LjcxOTEgMTUuOTk2NSAyMS4xMzM3IDEyLjU4MTkgMjEuMTMzNyA4LjM2OTgzQzIxLjEzMzcgNC4xNTc3NCAxNy43MTkxIDAuNzQzMTY0IDEzLjUwNyAwLjc0MzE2NEg3LjY0MDM0WiIgZmlsbD0iI0UwRTBFMCIvPgo8cGF0aCBkPSJNNC45OTc4NSAxMS41TDcuMDk3ODUgNS41ODE0NUg3Ljk3NTU5VjYuNjgwNjZINy42NTk3N0w2LjEwNTI3IDExLjVINC45OTc4NVpNNi4wNTYwNSA5Ljk3MDEyTDYuMzMwODYgOS4xNTM5MUg5LjA0NjA5TDkuMzIwOSA5Ljk3MDEySDYuMDU2MDVaTTkuMjgzOTggMTEuNUw3LjcyOTQ5IDYuNjgwNjZWNS41ODE0NUg4LjI4NzNMMTAuMzkxNCAxMS41SDkuMjgzOThaTTExLjAwODYgMTEuNVY1LjU4MTQ1SDEzLjIyNzVDMTMuODE1NCA1LjU4MTQ1IDE0LjMxNTggNS42OTYyOSAxNC43Mjg3IDUuOTI1OThDMTUuMTQ0MyA2LjE1NTY2IDE1LjQ2MTUgNi40ODkyNiAxNS42ODAzIDYuOTI2NzZDMTUuOTAxOCA3LjM2NDI2IDE2LjAxMjUgNy44OTE5OSAxNi4wMTI1IDguNTA5OTZWOC41MTgxNkMxNi4wMTI1IDkuMTQ5OCAxNS45MDMxIDkuNjg4NDggMTUuNjg0NCAxMC4xMzQyQzE1LjQ2NTYgMTAuNTc3MSAxNS4xNDg0IDEwLjkxNjIgMTQuNzMyOCAxMS4xNTE0QzE0LjMxOTkgMTEuMzgzOCAxMy44MTgyIDExLjUgMTMuMjI3NSAxMS41SDExLjAwODZaTTEyLjA2NjggMTAuNjFIMTMuMDg4MUMxMy40NzkxIDEwLjYxIDEzLjgxMjcgMTAuNTI5MyAxNC4wODg5IDEwLjM2OEMxNC4zNjUgMTAuMjA2NiAxNC41NzQyIDkuOTcxNDggMTQuNzE2NCA5LjY2MjVDMTQuODYxMyA5LjM1MzUyIDE0LjkzMzggOC45Nzc1NCAxNC45MzM4IDguNTM0NTdWOC41MjYzN0MxNC45MzM4IDguMDk0MzQgMTQuODYgNy43MjUyIDE0LjcxMjMgNy40MTg5NUMxNC41Njc0IDcuMTA5OTYgMTQuMzU2OCA2Ljg3NDggMTQuMDgwNyA2LjcxMzQ4QzEzLjgwNDUgNi41NTIxNSAxMy40NzM2IDYuNDcxNDggMTMuMDg4MSA2LjQ3MTQ4SDEyLjA2NjhWMTAuNjFaIiBmaWxsPSJibGFjayIgZmlsbC1vcGFjaXR5PSIwLjMiLz4KPC9zdmc+Cg==) 0 0 no-repeat;background-size:22px 15px;text-indent:-9999px} .tab_chat .link_tab.no_text{color:#777} .tab_chat li:nth-child(2) .tab_type2{position:relative;padding-right:12px} .reform_view_cont .tab_chat .tab_type2 .wrap_tab .ico_tab{display:none} /* 버블 강조 모션 */ .ico_tab{display:inline-block;overflow:hidden;width:30px;height:30px;margin:5px 4px 0 -7px;border-radius:50%;background:url(/91feba16059aa1abf727781c642543c4.png) 0 0 no-repeat;background-size:30px 30px;transform-style:preserve-3d;vertical-align:top} .ico_tab:after{position:absolute;top:calc(50% - 50px);left:50px;width:20px;height:100px;background:linear-gradient(90deg,rgba(209,94,94,0) 0%,rgba(255,255,255,0.5) 50%,rgba(230,38,38,0) 100%);transform:rotate(40deg);content:''} .ico_tab .ico_front{position:absolute;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden} .ico_tab .ico_front{z-index:1} .ico_tab .ico_back{position:absolute;transform:rotateY(180deg)} .tab_chat .link_tab.active{border-color:rgba(0,0,0,0.12);color:#191919;background:#fff;animation:tabClick 8s ease-in-out 3s infinite} .tab_chat .link_tab.active .ico_tab{animation:rotation 8s ease 1.3s infinite} .tab_chat .link_tab.active .ico_front{animation:icoOut 8s ease 1.3s infinite} .tab_chat .link_tab.active .ico_tab:after{animation:light2 8s ease 2s infinite} /* 풀버전 동영상 */ .material_chat2 .inner_chat{overflow:hidden;position:absolute;top:132px;left:0;right:0;height:659px} .material_chat2 .inner_chat .thumb_vod{position:relative;height:100%;border-radius:0;background:rgba(0,0,0,0.34)} .material_chat2 .inner_chat .thumb_vod:before{position:absolute;top:0;left:0;right:0;z-index:1;height:106px;background:linear-gradient(180deg,rgba(23,23,23,0.6) 0%,rgba(23,23,23,0) 100%);opacity:0;content:''} .material_chat2 .inner_chat .thumb_vod:after{position:absolute;bottom:0;left:0;right:0;z-index:1;height:141px;background:linear-gradient(180deg,rgba(23,23,23,0) 0%,rgba(23,23,23,0.75) 100%);opacity:0;content:''} .material_chat2 .inner_chat .btn_sound{position:absolute;bottom:auto;top:20px;right:20px;z-index:20} .material_chat2 .inner_chat .btn_sound .ico_sound{width:34px;height:34px;background-position:-120px -750px} .material_chat2 .inner_chat .btn_sound.sound_off .ico_sound{background-position:-85px -750px} .material_chat2 .inner_chat .btn_play{display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;right:0;bottom:0;z-index:10} .material_chat2 .inner_chat .btn_play .ico_control{width:40px;height:46px;background-position:0 -700px} .material_chat2 .inner_chat .ad_mark{position:absolute;top:19px;left:19px;z-index:10;width:24px;height:16px;font-size:0;line-height:0;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyNSAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuMTczNDQgNy41MDAwNEMxLjE3MzQ0IDMuOTY1NDIgNC4wMzg4MSAxLjEwMDA0IDcuNTczNDQgMS4xMDAwNEgxNy40NDAxQzIwLjk3NDcgMS4xMDAwNCAyMy44NDAxIDMuOTY1NDIgMjMuODQwMSA3LjUwMDA0VjguOTE4NzFDMjMuODQwMSAxMi40NTMzIDIwLjk3NDcgMTUuMzE4NyAxNy40NDAxIDE1LjMxODdINy41NzM0NEM0LjAzODgxIDE1LjMxODcgMS4xNzM0NCAxMi40NTMzIDEuMTczNDQgOC45MTg3MVY3LjUwMDA0WiIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLW9wYWNpdHk9IjAuMiIgc3Ryb2tlLXdpZHRoPSIwLjgiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04LjI4MzU1IDEuNjM4NjRDNC42NTQ2OCAxLjYzODY0IDEuNzEyODkgNC41ODA0MyAxLjcxMjg5IDguMjA5MzFDMS43MTI4OSAxMS44MzgyIDQuNjU0NjcgMTQuNzggOC4yODM1NSAxNC43OEgxNi43MzE2QzIwLjM2MDQgMTQuNzggMjMuMzAyMiAxMS44MzgyIDIzLjMwMjIgOC4yMDkzMUMyMy4zMDIyIDQuNTgwNDMgMjAuMzYwNCAxLjYzODY0IDE2LjczMTYgMS42Mzg2NEg4LjI4MzU1Wk0xMC44MiAxMS4wMjU1TDEwLjMxMjYgOS40ODY4NEg4LjEyMjJMNy42MTQ4MyAxMS4wMjU1SDYuNTE3NThMOC42Mjk1OCA1LjA3MzA5SDkuODI5OTVMMTEuOTQyIDExLjAyNTVIMTAuODJaTTkuMjAyMzkgNi4xMjUwOUw4LjM2OTE0IDguNjY2MDlIMTAuMDYwNEw5LjIzMTI3IDYuMTI1MDlIOS4yMDIzOVpNMTUuMjIwNyA1LjA3MzFIMTMuMDQ2OVYxMS4wMjU1SDE1LjIyMDdDMTcuMDAyNyAxMS4wMjU1IDE4LjA1MDUgOS45MTk5OCAxOC4wNTA1IDguMDM0ODVDMTguMDUwNSA2LjE0OTczIDE2Ljk5ODYgNS4wNzMxIDE1LjIyMDcgNS4wNzMxWk0xNC4xMDk0IDUuOTcyMzhWMTAuMTI2M0gxNS4xMDc2QzE2LjMwMzkgMTAuMTI2MyAxNi45NjM5IDkuMzk2MTMgMTYuOTYzOSA4LjAzOTAxQzE2Ljk2MzkgNi43MDY2MyAxNi4yOTU2IDUuOTcyMzggMTUuMTA3NiA1Ljk3MjM4SDE0LjEwOTRaIiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjM2Ii8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTAuMzE0NSA5LjQ4NjcyTDEwLjgyMTkgMTEuMDI1M0gxMS45NDM5TDkuODMxOTEgNS4wNzI5N0g4LjYzMTUzTDYuNTE5NTMgMTEuMDI1M0g3LjYxNjc4TDguMTI0MTYgOS40ODY3MkgxMC4zMTQ1Wk04LjM3MTA5IDguNjY1ODVMOS4yMDQzNCA2LjEyNDg1SDkuMjMzMjJMMTAuMDYyMyA4LjY2NTg1SDguMzcxMDlaTTEzLjA0ODYgNS4wNzI5N0gxNS4yMjI1QzE3LjAwMDQgNS4wNzI5NyAxOC4wNTIzIDYuMTQ5NTkgMTguMDUyMyA4LjAzNDcyQzE4LjA1MjMgOS45MTk4NCAxNy4wMDQ1IDExLjAyNTMgMTUuMjIyNSAxMS4wMjUzSDEzLjA0ODZWNS4wNzI5N1pNMTQuMTExMyAxMC4xMjYxVjUuOTcyMjZIMTUuMTA5NkMxNi4yOTc2IDUuOTcyMjYgMTYuOTY1OCA2LjcwNjUxIDE2Ljk2NTggOC4wMzg4OEMxNi45NjU4IDkuMzk2MDEgMTYuMzA1OCAxMC4xMjYxIDE1LjEwOTYgMTAuMTI2MUgxNC4xMTEzWiIgZmlsbD0iYmxhY2siIGZpbGwtb3BhY2l0eT0iMC4zIi8+Cjwvc3ZnPgo=) 0 0 no-repeat;background-size:24px 16px;text-indent:-9999px} .material_chat2 .inner_chat .txt_ad{position:absolute;top:19px;left:47px;z-index:10;font-size:12px;line-height:16px;color:rgba(255,255,255,0.5)} .material_chat2 .inner_chat .item_thumb{position:absolute;top:0;left:0;height:100%;width:100%} .material_chat2 .inner_chat .item_thumb .inner_thumb{position:relative;height:100%;width:100%} .material_chat2 .inner_chat .item_thumb .img_g{position:absolute;top:50%;transform:translateY(-50%)} .material_chat2 .inner_chat .thumb_vod .item_thumb:after{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;background:rgba(0,0,0,0.3);opacity:0;content:''} .material_chat2 .inner_chat video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover} .material_chat2 .inner_chat .poster{display:inline-block;vertical-align:middle;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;background-color:#000;cursor:pointer;margin:0;padding:0;position:absolute;top:0;right:0;bottom:0;left:0;height:100%;transition:opacity 1s} .material_chat2 .inner_chat .poster img{display:block;vertical-align:middle;margin:0 auto;max-height:100%;padding:0;width:100%} .material_chat2 .inner_chat .box_induce{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);z-index:20;width:calc(100% - 46px);padding:12px 56px 12px 12px;border-radius:9px;background:rgba(240,240,240,0.96);box-sizing:border-box} .material_chat2 .inner_chat .thumb_induce{overflow:hidden;float:left;position:relative;width:47px;height:47px;margin-right:11px;border-radius:4px;background:url(/91feba16059aa1abf727781c642543c4.png) 0 0 no-repeat;background-size:47px 47px;transform-style:preserve-3d;vertical-align:top} .material_chat2 .inner_chat .thumb_induce:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border:1px solid rgba(0,0,0,0.06);border-radius:4px;content:''} .material_chat2 .inner_chat .tit_induce{position:absolute;top:13px;left:70px;overflow:hidden;height:24px;font-weight:700;font-size:17px;line-height:21px;color:#191919} .material_chat2 .inner_chat .txt_induce{position:absolute;top:36px;left:70px;overflow:hidden;font-size:15px;line-height:21px;color:rgba(25,25,25,0.8)} .material_chat2 .inner_chat .btn_induce{float:right;position:absolute;right:24px;top:50%;transform:translateY(-50%);width:10px;height:17px} .material_chat2 .inner_chat .btn_induce .ico_arrow{width:10px;height:17px;background-position:-40px -780px} .material_chat2 .inner_chat .info_layer{display:flex;align-items:center;justify-content:center;flex-direction:column;position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;background:#000;opacity:0} .material_chat2 .inner_chat .info_layer .txt_info{display:block;font-size:18px;line-height:22px;color:#F0F0F0} .material_chat2 .inner_chat .info_layer .btn_refresh{margin-top:15px} .material_chat2 .inner_chat .info_layer .btn_refresh .ico_refresh{width:47px;height:47px;background-position:-95px -700px} .material_chat2 .inner_chat .tit_induce.no_text,.material_chat2 .inner_chat .txt_induce.no_text{color:#777} /* 업로드 후 */ .material_chat2 .inner_chat .showReady:before{opacity:1} .material_chat2 .inner_chat .showReady:after{opacity:1} .material_chat2 .inner_chat .showReady .item_thumb:after{opacity:1} /* 재생 */ .material_chat2 .inner_chat .showPlay:before{opacity:1} .material_chat2 .inner_chat .showPlay:after{opacity:1} .material_chat2 .inner_chat .showPlay .poster{opacity:0} .material_chat2 .inner_chat .showPlay ~ .box_induce{animation:slideUp 1.6s ease forwards} .material_chat2 .inner_chat .showPlay .btn_play{opacity:0} /* 일시정지 */ .material_chat2 .inner_chat .showPause:before{opacity:1} .material_chat2 .inner_chat .showPause:after{opacity:1} .material_chat2 .inner_chat .showPause .item_thumb:after{opacity:1} .material_chat2 .inner_chat .showPause ~ .box_induce{animation-play-state:paused} .material_chat2 .inner_chat .showPause .btn_play{opacity:1} /* 재생완료 */ .material_chat2 .inner_chat .showReplay:before{opacity:1} .material_chat2 .inner_chat .showReplay:after{opacity:1} .material_chat2 .inner_chat .showReplay .item_thumb:after{opacity:1} .material_chat2 .inner_chat .showReplay .ico_control{width:46px;height:46px;background-position:-45px -700px} /* 에러 */ .material_chat2 .inner_chat .error .ad_mark,.material_chat2 .inner_chat .error .txt_ad,.material_chat2 .inner_chat .error .btn_sound,.material_chat2 .inner_chat .error .poster,.material_chat2 .inner_chat .error video,.material_chat2 .inner_chat .error .btn_play,.material_chat2 .inner_chat .error ~ .box_induce{opacity:0} .material_chat2 .inner_chat .error .info_layer{opacity:1} .material_chat2 .type_multi .error ~ .box_induce{opacity:1} /* 이미지형 */ .material_chat2 .inner_chat .thumb_img{height:100%;border-radius:0;background:rgba(0,0,0,0.34)} .material_chat2 .thumb_img:before{position:absolute;top:0;left:0;right:0;z-index:1;height:106px;background:linear-gradient(180deg,rgba(23,23,23,0.6) 0%,rgba(23,23,23,0) 100%);opacity:0;content:''} .material_chat2 .thumb_img:after{position:absolute;bottom:0;left:0;right:0;z-index:1;height:141px;background:linear-gradient(180deg,rgba(23,23,23,0) 0%,rgba(23,23,23,0.75) 100%);opacity:0;content:''} .material_chat2 .type_img .showReady .ad_mark{opacity:1} .material_chat2 .thumb_img.showReady:before,.material_chat2 .thumb_img.showReady:after,.material_chat2 .thumb_img.showPlay:before,.material_chat2 .thumb_img.showPlay:after,.material_chat2 .thumb_img.showReplay:before,.material_chat2 .thumb_img.showReplay:after{opacity:1} .material_chat2 .type_img .thumb_img.error ~ .box_induce{animation:none} /* 멀티형 */ .material_chat2 .type_multi .thumb_vod{height:0;padding-top:calc(100% / 16* 9)} .material_chat2 .type_multi .no_img .ad_mark{opacity:0} .material_chat2 .type_multi .error .ad_mark{opacity:1;z-index:20} .material_chat2 .type_multi .showReady:after{opacity:0} .material_chat2 .type_multi .thumb_img{height:411px} .material_chat2 .type_multi .thumb_vod:after{opacity:0} .material_chat2 .type_multi .thumb_img.error{position:absolute;top:0;height:100%} .material_chat2 .type_multi .thumb_img.error ~ .box_induce{opacity:0} .material_chat2 .showPlay ~ .thumb_img:after,.material_chat2 .showReplay ~ .thumb_img:after,.material_chat2 .error ~ .thumb_img:after{opacity:0;animation:fadeIn .4s ease-in forwards} /* 어두운 배경 */ .material_chat2 .box_induce.type_dark .tit_induce{color:#fff} .material_chat2 .box_induce.type_dark .txt_induce{color:#fff;opacity:0.8} .material_chat2 .box_induce.type_dark .ico_arrow{background-position:-60px -780px} @-webkit-keyframes rotation{0%{transform:perspective(800px) rotateY(0deg)} 11%{transform:perspective(800px) rotateY(180deg)} 100%{transform:perspective(800px) rotateY(180deg)} } @keyframes rotation{0%{transform:perspective(800px) rotateY(0deg)} 11%{transform:perspective(800px) rotateY(180deg)} 100%{transform:perspective(800px) rotateY(180deg)} } @-webkit-keyframes fadeIn{0%{opacity:0} 100%{opacity:1} } @keyframes fadeIn{0%{opacity:0} 100%{opacity:1} } @-webkit-keyframes fadeOut{0%{opacity:1} 100%{opacity:0} } @keyframes fadeOut{0%{opacity:1} 100%{opacity:0} } @-webkit-keyframes light2{0%{left:70px} 30%{left:-80px} 100%{left:-80px} } @keyframes light2{0%{left:70px} 30%{left:-80px} 100%{left:-80px} } @-webkit-keyframes slideUp{0%{opacity:0} 55%{bottom:5px; opacity:0} 90%{bottom:24px; opacity:1} 100%{bottom:24px; opacity:1} } @keyframes slideUp{0%{opacity:0} 55%{bottom:5px; opacity:0} 90%{bottom:24px; opacity:1} 100%{bottom:24px; opacity:1} } @-webkit-keyframes slideUp2{0%{opacity:0} 55%{bottom:5px; opacity:0} 90%{bottom:13px; opacity:1} 100%{bottom:13px; opacity:1} } @keyframes slideUp2{0%{opacity:0} 55%{bottom:5px; opacity:0} 90%{bottom:13px; opacity:1} 100%{bottom:13px; opacity:1} } @-webkit-keyframes icoOut{0%{opacity:1} 10%{opacity:0} 100%{opacity:0} } @keyframes icoOut{0%{opacity:1} 10%{opacity:0} 100%{opacity:0} } @-webkit-keyframes tabClick{0%{border-color:rgba(0,0,0,0.12); color:#191919; background:#fff} 14%{border-color:rgba(0,0,0,0.12); color:#191919; background:#fff} 22%{border-color:#222; color:#fff; background:#222} 60%{border-color:#222; color:#fff; background:#222} 68%{border-color:rgba(0,0,0,0.12); color:#191919; background:#fff} 100%{border-color:rgba(0,0,0,0.12); color:#191919; background:#fff} } @keyframes tabClick{0%{border-color:rgba(0,0,0,0.12); color:#191919; background:#fff} 14%{border-color:rgba(0,0,0,0.12); color:#191919; background:#fff} 22%{border-color:#222; color:#fff; background:#222} 60%{border-color:#222; color:#fff; background:#222} 68%{border-color:rgba(0,0,0,0.12); color:#191919; background:#fff} 100%{border-color:rgba(0,0,0,0.12); color:#191919; background:#fff} } @-webkit-keyframes tabSlide{0%{transform:translateX(0)} 25%{transform:translateX(0)} 35%{transform:translateX(-32px)} 100%{transform:translateX(-32px)} } @keyframes tabSlide{0%{transform:translateX(0)} 25%{transform:translateX(0)} 35%{transform:translateX(-32px)} 100%{transform:translateX(-32px)} } @-webkit-keyframes fadeOut2{0%{opacity:1} 25%{opacity:1} 35%{opacity:0} 100%{opacity:0} } @keyframes fadeOut2{0%{opacity:1} 25%{opacity:1} 35%{opacity:0} 100%{opacity:0} } /* (popup)소재 대시보드 미리보기 :오픈채팅 */ [class*="preview_layer"] .material_chat2{width:250px} [class*="preview_layer"] .material_chat2 .inner_chat{top:74px;height:375px} [class*="preview_layer"] .material_chat2 .inner_tab{top:37px;height:37px} [class*="preview_layer"] .tab_chat{margin:7px 0 0 11px} [class*="preview_layer"] .tab_chat li + li{margin-left:4px} [class*="preview_layer"] .tab_chat .link_tab{height:24px;padding:0 8px;line-height:20px;font-size:9px} [class*="preview_layer"] .ico_tab{width:17px;height:17px;margin:2px 3px 0 -5px;background-size:17px 17px} [class*="preview_layer"] .tab_chat .ad_mark{top:-3px;width:12px;height:9px;background-size:12px 9px} [class*="preview_layer"] .material_chat2 .inner_chat .ad_mark{top:10px;left:11px;width:13px;height:9px;background-size:13px 9px} [class*="preview_layer"] .material_chat2 .inner_chat .txt_ad{top:10px;left:27px;font-size:7px;line-height:9px;color:rgba(255,255,255,0.7)} [class*="preview_layer"] .material_chat2 .inner_chat .item_thumb{width:250px} [class*="preview_layer"] .material_chat2 .inner_chat .thumb_img:before{height:60px} [class*="preview_layer"] .material_chat2 .inner_chat .thumb_img:after{height:80px} [class*="preview_layer"] .material_chat2 .inner_chat .btn_sound{top:11px;right:11px} [class*="preview_layer"] .material_chat2 .inner_chat .btn_sound .ico_sound{width:20px;height:20px;background-position:-20px -780px} [class*="preview_layer"] .material_chat2 .inner_chat .btn_sound.sound_off .ico_sound{background-position:0 -780px} [class*="preview_layer"] .material_chat2 .inner_chat .btn_play .ico_control{width:23px;height:27px;background-position:0 -750px} [class*="preview_layer"] .material_chat2 .inner_chat .showReplay .ico_control{width:26px;height:26px;background-position:-25px -750px} [class*="preview_layer"] .material_chat2 .inner_chat .box_induce{bottom:13px;width:calc(100% - 26px);padding:7px 22px 7px 7px;border-radius:6px} [class*="preview_layer"] .material_chat2 .inner_chat .thumb_induce{width:27px;height:27px;margin-right:7px;border-radius:3px} [class*="preview_layer"] .material_chat2 .inner_chat .tit_induce{top:8px;left:41px;font-size:10px;line-height:14px} [class*="preview_layer"] .material_chat2 .inner_chat .txt_induce{top:22px;left:41px;font-size:9px;line-height:12px} [class*="preview_layer"] .material_chat2 .inner_chat .btn_induce{right:13px;width:5px;height:10px} [class*="preview_layer"] .material_chat2 .inner_chat .btn_induce .ico_arrow{width:5px;height:10px;background-position:-50px -780px} [class*="preview_layer"] .material_chat2 .inner_chat .info_layer .txt_info{font-size:10px;line-height:12px} [class*="preview_layer"] .material_chat2 .inner_chat .info_layer .btn_refresh{margin-top:9px} [class*="preview_layer"] .material_chat2 .inner_chat .info_layer .btn_refresh .ico_refresh{width:27px;height:27px;background-position:-55px -750px} [class*="preview_layer"] .material_chat2 .inner_chat .thumb_induce:after{border-color:rgba(0,0,0,0.04);border-radius:3px} .material_preview_layer .material_chat2{margin:0 auto 30px} [class*="preview_layer"] .material_chat2 .inner_chat .showPlay ~ .box_induce{animation:slideUp2 1.6s ease forwards} [class*="preview_layer"] .material_chat2 .type_multi .thumb_img{height:236px} /* (popup)프로필 요소 미리보기 :오픈채팅 */ .material_openchat .img_g{width:100%;vertical-align:top} [class*="preview_layer"] .material_openchat{position:relative;width:500px;padding:0;background:#fff} [class*="preview_layer"] .material_openchat{margin:0 auto 30px} [class*="preview_layer"] .material_openchat .inner_tab{overflow:hidden;position:absolute;top:74px;left:0;right:0;height:75px} [class*="preview_layer"] .material_openchat .tab_chat{margin:13px 0 0 18px;font-size:0;white-space:nowrap} [class*="preview_layer"] .material_openchat .tab_chat li + li{margin-left:8px} [class*="preview_layer"] .material_openchat .tab_chat .link_tab{height:48px;padding:0 16px;border-radius:24px;line-height:44px;font-size:19px;letter-spacing:-1px} [class*="preview_layer"] .material_openchat .ico_tab{width:35px;height:35px;margin:5px 5px 0 -9px;background-size:35px 35px} [class*="preview_layer"] .material_openchat .tab_chat .ad_mark{top:-5px;width:27px;height:19px;background-size:27px 19px} [class*="preview_layer"] .material_openchat .tab_chat li:nth-child(2) .link_tab{width:163px} [class*="preview_layer"] .material_openchat .tab_chat .tab_type2.active{animation:tabClick 8s ease-in-out 3s infinite} [class*="preview_layer"] .material_openchat .tab_chat .tab_type2.active .wrap_tab{position:absolute;left:16px;animation:tabSlide 8s ease-out 1s infinite} [class*="preview_layer"] .material_openchat .tab_chat .tab_type2.active .ico_tab{animation:rotation 8s ease 1.3s infinite,fadeOut2 8s ease 1s infinite} [class*="preview_layer"] .material_openchat .tab_chat .tab_type2:after{position:absolute;right:0;width:14px;height:100%;background:#fff;animation:tabClick 8s ease-in-out 3s infinite;content:''} /* (popup)프로필 요소 미리보기 :프로필 풀뷰 */ [class*="preview_layer"] .material_fullview{width:500px;margin:0 auto 30px;padding:0;position:relative} [class*="preview_layer"] .material_fullview .inner_tab{position:absolute;top:233px;left:0;overflow:hidden;width:498px;height:97px;box-sizing:border-box} [class*="preview_layer"] .material_fullview .tab_profile{display:flex;height:97px;margin-left:168px} [class*="preview_layer"] .material_fullview .tab_profile .img_g{margin-left:9px} [class*="preview_layer"] .material_fullview .user_profile .img_g{margin:0} [class*="preview_layer"] .material_fullview .wrap_induce{position:relative;width:55px;height:55px;margin:12px auto 0} [class*="preview_layer"] .material_fullview .wrap_induce:before{content:'';position:absolute;top:0;left:-3px;width:5px;height:5px;background-color:#F4551E;border-radius:5px} [class*="preview_layer"] .material_fullview .thumb_induce{display:block;position:relative;width:55px;height:55px;margin:0 auto;mask-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTUiIGhlaWdodD0iNTUiIHZpZXdCb3g9IjAgMCA1NSA1NSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01NC42NjY3IDI3LjMzMzNDNTQuNjY2NyA0Ny42MzU5IDQ3LjYzNTkgNTQuNjY2NyAyNy4zMzMzIDU0LjY2NjdDNy4wMzA3NCA1NC42NjY3IDAgNDcuNjM1OSAwIDI3LjMzMzNDMCA3LjAzMDc0IDcuMDMwNzQgMCAyNy4zMzMzIDBDNDcuNjM1OSAwIDU0LjY2NjcgNy4wMzA3NCA1NC42NjY3IDI3LjMzMzNaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K);-webkit-mask-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTUiIGhlaWdodD0iNTUiIHZpZXdCb3g9IjAgMCA1NSA1NSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01NC42NjY3IDI3LjMzMzNDNTQuNjY2NyA0Ny42MzU5IDQ3LjYzNTkgNTQuNjY2NyAyNy4zMzMzIDU0LjY2NjdDNy4wMzA3NCA1NC42NjY3IDAgNDcuNjM1OSAwIDI3LjMzMzNDMCA3LjAzMDc0IDcuMDMwNzQgMCAyNy4zMzMzIDBDNDcuNjM1OSAwIDU0LjY2NjcgNy4wMzA3NCA1NC42NjY3IDI3LjMzMzNaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K) no-repeat;background-size:55px 55px;background-repeat:no-repeat} [class*="preview_layer"] .material_fullview .thumb_induce:after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url(/ca5bc701024780e3f5ab82dbbb1518f6.png) no-repeat;background-size:55px 55px} [class*="preview_layer"] .material_fullview .thumb_induce .img_g{width:100%;vertical-align:top} [class*="preview_layer"] .material_fullview .txt_name{display:block;overflow:hidden;max-width:112px;margin-top:5px;font-size:15px;line-height:22px;color:#191919;white-space:nowrap;text-overflow:ellipsis;text-align:center} [class*="preview_layer"] .material_fullview .ad_mark{position:absolute;top:-4px;right:-4px;width:24px;height:17px;line-height:0;background:url(/dbf69c381b183813e71edb92a3baea79.png) 0 0 no-repeat;background-size:24px auto;text-indent:-9999px;z-index:1} /* (popup)소재 대시보드 미리보기 :프로필 풀뷰 */ .material_profile{position:relative;padding:0;background:#fff} .material_profile .img_g{width:100%;vertical-align:top} .material_profile .inner_profile{overflow:hidden;position:relative;height:782px} .material_profile .thumb_img{position:relative;height:100%;border-radius:0;background:rgba(0,0,0,0.34)} .material_profile .thumb_img:before{position:absolute;top:0;left:0;right:0;z-index:1;height:89px;background:linear-gradient(0,rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%);content:''} .material_profile .thumb_img:after{position:absolute;bottom:0;left:0;right:0;z-index:1;height:335px;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);content:''} .material_profile .ad_mark{position:absolute;top:26px;right:21px;z-index:10;width:24px;height:16px;font-size:0;line-height:0;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyNSAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuMTczNDQgNy41MDAwNEMxLjE3MzQ0IDMuOTY1NDIgNC4wMzg4MSAxLjEwMDA0IDcuNTczNDQgMS4xMDAwNEgxNy40NDAxQzIwLjk3NDcgMS4xMDAwNCAyMy44NDAxIDMuOTY1NDIgMjMuODQwMSA3LjUwMDA0VjguOTE4NzFDMjMuODQwMSAxMi40NTMzIDIwLjk3NDcgMTUuMzE4NyAxNy40NDAxIDE1LjMxODdINy41NzM0NEM0LjAzODgxIDE1LjMxODcgMS4xNzM0NCAxMi40NTMzIDEuMTczNDQgOC45MTg3MVY3LjUwMDA0WiIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLW9wYWNpdHk9IjAuMiIgc3Ryb2tlLXdpZHRoPSIwLjgiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04LjI4MzU1IDEuNjM4NjRDNC42NTQ2OCAxLjYzODY0IDEuNzEyODkgNC41ODA0MyAxLjcxMjg5IDguMjA5MzFDMS43MTI4OSAxMS44MzgyIDQuNjU0NjcgMTQuNzggOC4yODM1NSAxNC43OEgxNi43MzE2QzIwLjM2MDQgMTQuNzggMjMuMzAyMiAxMS44MzgyIDIzLjMwMjIgOC4yMDkzMUMyMy4zMDIyIDQuNTgwNDMgMjAuMzYwNCAxLjYzODY0IDE2LjczMTYgMS42Mzg2NEg4LjI4MzU1Wk0xMC44MiAxMS4wMjU1TDEwLjMxMjYgOS40ODY4NEg4LjEyMjJMNy42MTQ4MyAxMS4wMjU1SDYuNTE3NThMOC42Mjk1OCA1LjA3MzA5SDkuODI5OTVMMTEuOTQyIDExLjAyNTVIMTAuODJaTTkuMjAyMzkgNi4xMjUwOUw4LjM2OTE0IDguNjY2MDlIMTAuMDYwNEw5LjIzMTI3IDYuMTI1MDlIOS4yMDIzOVpNMTUuMjIwNyA1LjA3MzFIMTMuMDQ2OVYxMS4wMjU1SDE1LjIyMDdDMTcuMDAyNyAxMS4wMjU1IDE4LjA1MDUgOS45MTk5OCAxOC4wNTA1IDguMDM0ODVDMTguMDUwNSA2LjE0OTczIDE2Ljk5ODYgNS4wNzMxIDE1LjIyMDcgNS4wNzMxWk0xNC4xMDk0IDUuOTcyMzhWMTAuMTI2M0gxNS4xMDc2QzE2LjMwMzkgMTAuMTI2MyAxNi45NjM5IDkuMzk2MTMgMTYuOTYzOSA4LjAzOTAxQzE2Ljk2MzkgNi43MDY2MyAxNi4yOTU2IDUuOTcyMzggMTUuMTA3NiA1Ljk3MjM4SDE0LjEwOTRaIiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjM2Ii8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTAuMzE0NSA5LjQ4NjcyTDEwLjgyMTkgMTEuMDI1M0gxMS45NDM5TDkuODMxOTEgNS4wNzI5N0g4LjYzMTUzTDYuNTE5NTMgMTEuMDI1M0g3LjYxNjc4TDguMTI0MTYgOS40ODY3MkgxMC4zMTQ1Wk04LjM3MTA5IDguNjY1ODVMOS4yMDQzNCA2LjEyNDg1SDkuMjMzMjJMMTAuMDYyMyA4LjY2NTg1SDguMzcxMDlaTTEzLjA0ODYgNS4wNzI5N0gxNS4yMjI1QzE3LjAwMDQgNS4wNzI5NyAxOC4wNTIzIDYuMTQ5NTkgMTguMDUyMyA4LjAzNDcyQzE4LjA1MjMgOS45MTk4NCAxNy4wMDQ1IDExLjAyNTMgMTUuMjIyNSAxMS4wMjUzSDEzLjA0ODZWNS4wNzI5N1pNMTQuMTExMyAxMC4xMjYxVjUuOTcyMjZIMTUuMTA5NkMxNi4yOTc2IDUuOTcyMjYgMTYuOTY1OCA2LjcwNjUxIDE2Ljk2NTggOC4wMzg4OEMxNi45NjU4IDkuMzk2MDEgMTYuMzA1OCAxMC4xMjYxIDE1LjEwOTYgMTAuMTI2MUgxNC4xMTEzWiIgZmlsbD0iYmxhY2siIGZpbGwtb3BhY2l0eT0iMC4zIi8+Cjwvc3ZnPgo=) 0 0 no-repeat;background-size:24px 16px;text-indent:-9999px} .material_profile .txt_ad{position:absolute;top:28px;left:63px;z-index:10;width:306px;font-size:12px;line-height:11px;color:#fff;text-shadow:0px 0.5px 0.5px rgba(0,0,0,0.4);opacity:0} .material_profile .thumb_img .item_thumb{height:100%} .material_profile .item_thumb .inner_thumb{position:relative;height:100%;width:100%} .material_profile .item_thumb:after{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;background:rgba(0,0,0,0.3);opacity:0;content:''} .material_profile .thumb_img .img_thumb{width:100%;height:100%} .material_profile .box_induce{position:absolute;bottom:35px;left:50%;transform:translateX(-50%);z-index:20;width:calc(100% - 46px)} .material_profile .wrap_induce{display:flex;flex-direction:column;justify-content:center;position:relative;height:44px;padding-left:54px} .material_profile .thumb_induce{overflow:hidden;position:absolute;left:0;top:0;width:44px;height:44px;margin-right:11px;background:url(/91feba16059aa1abf727781c642543c4.png) 0 0 no-repeat;background-size:44px 44px;transform-style:preserve-3d;vertical-align:top;mask-image:url("data:image/svg+xml,%3Csvg width='46' height='46' viewBox='0 0 46 46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M45.051 22.9327C45.051 39.4917 39.3167 45.2261 22.7577 45.2261C6.1987 45.2261 0.464355 39.4917 0.464355 22.9327C0.464355 6.37374 6.1987 0.639404 22.7577 0.639404C39.3167 0.639404 45.051 6.37374 45.051 22.9327Z' fill='black'/%3E%3C/svg%3E%0A");-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='46' height='46' viewBox='0 0 46 46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M45.051 22.9327C45.051 39.4917 39.3167 45.2261 22.7577 45.2261C6.1987 45.2261 0.464355 39.4917 0.464355 22.9327C0.464355 6.37374 6.1987 0.639404 22.7577 0.639404C39.3167 0.639404 45.051 6.37374 45.051 22.9327Z' fill='black'/%3E%3C/svg%3E%0A");mask-size:100% 100%;-webkit-mask-size:100% 100%} .material_profile .thumb_induce:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border:1px solid rgba(0,0,0,0.06);border-radius:4px;content:''} .material_profile .tit_induce{display:block;overflow:hidden;height:24px;font-weight:700;font-size:18px;line-height:21px;color:#fff;text-shadow:0px 0.58667px 1.17333px rgba(0,0,0,0.2);white-space:nowrap} .material_profile .txt_subtitle{display:block;overflow:hidden;height:22px;margin-top:-1px;font-size:16px;line-height:21px;color:#fff;text-shadow:0px 0.58667px 1.17333px rgba(0,0,0,0.2)} .material_profile .desc_induce{display:block;overflow:hidden;height:22px;margin-top:8px;font-size:16px;line-height:21px;color:#fff;text-shadow:0px 0.58667px 1.17333px rgba(0,0,0,0.2)} .material_profile .btn_induce{display:block;width:100%;height:44px;margin-top:24px;padding:0 14px;border-radius:6px;font-size:16px;line-height:44px;color:var(--fontColor);background:var(--btnColor);box-sizing:border-box;text-decoration:none} .material_profile .btn_induce .inner_btn{display:inline-block;overflow:hidden;max-width:calc(100% - 26px);vertical-align:top;white-space:nowrap} .material_profile .btn_induce .ico_arrow{float:right;margin:15px 2px 0 0;width:8px;height:13px} .btn_induce .ico_arrow svg{display:block} .btn_induce .ico_arrow path{stroke:var(--icoColor)} .material_profile .desc_induce + .btn_induce{margin-top:23px} .material_profile .info_layer{display:flex;align-items:center;justify-content:center;flex-direction:column;position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;background:#000;opacity:0} .material_profile .info_layer .txt_info{display:block;font-size:18px;line-height:22px;color:#F0F0F0} .material_profile .info_layer .btn_refresh{margin-top:15px} .material_profile .info_layer .btn_refresh .ico_refresh{width:47px;height:47px;background-position:-95px -700px} .material_profile .ban_ad{position:relative;width:100%;height:50px;margin-top:9px;box-sizing:border-box} .material_profile .ban_ad .frame_g{position:absolute;top:0;left:0;right:0;bottom:0;border:1px dashed #fff} .material_profile .ban_ad .img_g{height:100%} .material_profile .ban_ad .img_g + .frame_g{border:0} .material_profile .inner_profile .frame_g .material_profile .link_close{top:8px;left:20px} .material_profile .link_close .ico_close{width:17px;height:17px;background-position:-145px -700px} /* vod */ .material_profile .item_thumb video{position:absolute;width:100%;height:100%;object-fit:cover} .material_profile.profile_vod .thumb_img:before,.material_profile.profile_vod .thumb_img:after{display:none} .material_profile .poster{display:inline-block;vertical-align:middle;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;background-color:#000;cursor:pointer;margin:0;padding:0;position:absolute;top:0;right:0;bottom:0;left:0;height:100%;transition:opacity 1s} .material_profile .poster img{display:block;vertical-align:middle;margin:0 auto;max-height:100%;padding:0;width:100%} .material_profile.profile_vod .inner_thumb:before{position:absolute;top:0;left:0;right:0;z-index:1;height:89px;background:linear-gradient(0,rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%);content:''} .material_profile.profile_vod .inner_thumb:after{position:absolute;bottom:0;left:0;right:0;z-index:1;height:335px;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);content:''} .material_profile .btn_sound{position:absolute;bottom:auto;top:16px;left:60px;z-index:20;opacity:0;transition:all 0.2s} .material_profile .btn_sound .ico_sound{width:34px;height:34px;background-position:-120px -750px} .material_profile .btn_sound.sound_off .ico_sound{background-position:-85px -750px} .material_profile .btn_play{display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;right:0;bottom:0;z-index:10} .material_profile .btn_play .ico_control{width:40px;height:47px;background-position:-255px -360px} .material_profile .showReplay .btn_play .ico_control{width:46px;height:46px;background-position:-295px -360px} .material_profile .link_close{left:20px;top:10px} .material_profile .btn_talk{overflow:hidden;position:absolute;right:0;bottom:0;height:44px;width:56px;border-radius:6px;font-size:14px;line-height:16px;color:#191919;background:#FEE500;box-sizing:border-box;opacity:0} .material_profile .btn_talk .ico_ch{display:inline-block;overflow:hidden;width:31px;height:22px;margin:11px 13px;font-size:0;line-height:0;color:transparent;background-position:-150px -670px;vertical-align:top;text-indent:-9999px} .material_profile.profile_vod .txt_ad{opacity:1;transition:all 0.2s} .material_profile.profile_vod .showPlay .txt_ad{opacity:0} .material_profile.profile_vod .showPlay .btn_sound{opacity:1} .material_profile .showPlay .poster{transition:opacity 0.5s;opacity:0} .material_profile .showPlay .btn_play{opacity:0} .material_profile .showPause .btn_play{opacity:1} .material_profile .error .info_layer{opacity:1} .material_profile .error .btn_sound{opacity:0} .material_profile .error .btn_induce{width:calc(100% - 63px)} .material_profile .error .btn_talk{opacity:1} /* 이미지 재생 :showPlay */ .material_profile .showPlay .btn_induce{color:#191919;background:#F0F0F0} .material_profile .showPlay .btn_induce .ico_arrow path{stroke:#191919} /* 재생 :showPlay */ .material_profile .showPlay .wrap_induce{animation:slideLeft 0.6s ease-out 0.5s forwards;opacity:0} .material_profile .showPlay .ban_ad{animation:slideLeft 0.6s ease-out 0.6s forwards;opacity:0} .material_profile .showPlay .desc_induce{animation:slideLeft 0.6s ease-out 0.7s forwards;opacity:0} .material_profile .showPlay .btn_induce{animation:slideLeft 0.6s ease-out 0.7s forwards,btnColor 0.4s ease-out 1.3s forwards,btnColor 0.6s ease-out 3.7s reverse forwards,btnSlide 0.6s ease-out 4.4s forwards;opacity:0} .material_profile .showPlay .btn_induce .ico_arrow path{animation:changeIcon 0.4s ease-out 1.3s forwards,changeIcon 0.4s ease-in 3.7s reverse forwards} .material_profile .showPlay .desc_induce + .btn_induce{animation:slideLeft 0.6s ease-out 0.8s forwards,btnColor 0.4s ease-out 1.5s forwards,btnColor 0.6s ease-out 3.9s reverse forwards,btnSlide 0.6s ease-out 4.6s forwards;opacity:0} .material_profile .showPlay .desc_induce + .btn_induce .ico_arrow path{animation:changeIcon 0.4s ease-out 1.5s forwards,changeIcon 0.4s ease-in 3.9s reverse forwards} .material_profile .showPlay .btn_talk{animation:popOut 0.6s ease-out 4.42s forwards} .material_profile .showPlay .btn_talk:after{position:absolute;top:calc(50% - 50px);left:-50px;width:25px;height:100px;background:linear-gradient(90deg,rgba(209,94,94,0) 0%,rgba(255,255,255,0.5) 50%,rgba(230,38,38,0) 100%);transform:rotate(-40deg);animation:light 0.7s ease-in 4.8s forwards;mix-blend-mode:lighten;content:''} .material_profile .showPlay .desc_induce + .btn_induce + .btn_talk{animation:popOut 0.6s ease-out 4.62s forwards} .material_profile .showPlay .desc_induce + .btn_induce + .btn_talk:after{animation:light 0.7s ease-in 5s forwards} /* 종료(반복 재생) :showReplay */ /* animation */ @-webkit-keyframes slideLeft{0%{transform:translateX(20px); opacity:0} 100%{transform:translateX(0); opacity:1} } @keyframes slideLeft{0%{transform:translateX(20px); opacity:0} 100%{transform:translateX(0); opacity:1} } @-webkit-keyframes btnColor{0%{color:#191919; background:#F0F0F0} 100%{color:var(--fontColor); background:var(--btnColor)} } @keyframes btnColor{0%{color:#191919; background:#F0F0F0} 100%{color:var(--fontColor); background:var(--btnColor)} } @-webkit-keyframes changeIcon{0%{stroke:#191919} 100%{stroke:var(--icoColor)} } @keyframes changeIcon{0%{stroke:#191919} 100%{stroke:var(--icoColor)} } @-webkit-keyframes btnSlide{0%{width:100%} 50%{width:calc(100% - 71px)} 100%{width:calc(100% - 63px)} } @keyframes btnSlide{0%{width:100%} 50%{width:calc(100% - 71px)} 100%{width:calc(100% - 63px)} } @keyframes popOut{0%{transform:translateX(-20px) scale(0); opacity:1} 50%{transform:translateX(0) scale(1.2); opacity:1} 95%{transform:translateX(0) scale(1); opacity:1} 100%{transform:translateX(0) scale(1); opacity:1} } @-webkit-keyframes light{0%{left:-50px} 100%{left:70px} } @keyframes light{0%{left:-50px} 100%{left:70px} } .material_profile + .material_profile{margin-top:20px} /* 소재 미리보기 - 2019 개편 버전 */ /* 공통 */ .reform_biz,.reform_biz body{background:var(--white000s)} /* color */ :root,:host{--gray900s:#191919;--gray700s:#424242;--gray600s:#595959;--gray550s:#8e8e8e;--gray500s:#949494;--gray400s:#B2B2B2;--gray300s:#CCCCCC;--gray200s:#DDDDDD;--gray100s:#EEEEEE;--gray050s:#F5F5F5;--gray000s:#F7F7F7;--gray700a:rgba(0,0,0,.7);--gray400a:rgba(0,0,0,.3);--gray200a:rgba(0,0,0,.14);--gray150a:rgba(0,0,0,.12);--gray120a:rgba(0,0,0,.1);--gray070a:rgba(0,0,0,.06);--gray050a:rgba(0,0,0,.04);--gray000a:rgba(0,0,0,.03);--white000s:#fff;--blue700s:#19234B;--blue500s:#326EDC;--purple500s:#745FFF;--blue300s:#ABC1D1;--blue100s:#F4F9FF;--red500s:#F4551E;--red100s:#FDF3F0;--yellow500s:#FEE500} @media screen and (prefers-color-scheme:dark){:root,:host{--gray900s:#191919;--gray700s:#424242;--gray600s:#595959;--gray550s:#8e8e8e;--gray500s:#949494;--gray400s:#B2B2B2;--gray300s:#CCCCCC;--gray200s:#DDDDDD;--gray100s:#EEEEEE;--gray050s:#F5F5F5;--gray000s:#F7F7F7;--gray700a:rgba(0,0,0,.7);--gray400a:rgba(0,0,0,.3);--gray200a:rgba(0,0,0,.14);--gray150a:rgba(0,0,0,.12);--gray120a:rgba(0,0,0,.1);--gray070a:rgba(0,0,0,.06);--gray050a:rgba(0,0,0,.04);--gray000a:rgba(0,0,0,.03);--white000s:#fff;--blue700s:#19234B;--blue500s:#326EDC;--purple500s:#745FFF;--blue300s:#ABC1D1;--blue100s:#F4F9FF;--red500s:#F4551E;--red100s:#FDF3F0;--yellow500s:#FEE500} } /* icon */ .ico_cont{display:inline-block;overflow:hidden;font-size:0;line-height:0;background:url(/0f9c44219a2973d8c9081a96528bd8e9.png) no-repeat;background-size:400px 300px;text-indent:-9999px;vertical-align:top} .reform_biz{/* develop.css(개편 전 버전과 동일한 네이밍만 reform_biz 내부에 적용) */ /* icon */ /* 버튼 CSS */ /* (공통)기본버튼 */ /* 기본버튼 > 비활성화 */ /* (공통)강조버튼 */ /* 강조버튼 > 비활성화 */ /* (공통)라인강조버튼 */ /* 라인강조버튼 > 비활성화 */ /* (공통)라인강조버튼2 */ /* 라인강조버튼2 > 비활성화 */ /* 버튼 - large */ /* 버튼 - Medium */ /* 버튼 - Small */ /* (공통)텍스트 버튼 */ /* 텍스트버튼 - large */ /* 텍스트버튼 - Medium */ /* 텍스트버튼 - Small */ /** Tooltip **/ /** Squircle Image **/ /** Thumbnail Image **/ /** Account Icon **/ /** Favicon **/ /* 레이어/기타 */ /** loading **/ /* 레이어 위에 레이어 */ } .reform_biz #mArticle,.reform_biz th,.reform_biz td,.reform_biz input,.reform_biz select,.reform_biz textarea,.reform_biz button{font-size:14px;line-height:1.5;font-family:'Roboto','Noto Sans KR','Apple SD Gothic Neo','Malgun Gothic','맑은 고딕',sans-serif;color:#555;word-break:break-all} .reform_biz .ico_comm{display:inline-block;overflow:hidden;font-size:0;line-height:0;background:url(//t1.daumcdn.net/biz/ui/bizcomm/comm/ico_comm.png) 0 0 no-repeat;background-size:400px auto;text-indent:-9999px;vertical-align:top} .reform_biz .btn_gb,.reform_biz .btn_gm,.reform_biz .btn_gs{display:inline-block;background:var(--gray000a);text-align:center;box-sizing:border-box;vertical-align:top} .reform_biz .btn_gb:hover,.reform_biz .btn_gm:hover,.reform_biz .btn_gs:hover{background:var(--gray070a);text-decoration:none} .reform_biz .btn_gb .inner_g,.reform_biz .btn_gm .inner_g,.reform_biz .btn_gs .inner_g{display:block;border:1px solid var(--gray070a);color:var(--gray900s);box-sizing:border-box} .reform_biz .btn_gb:disabled,.reform_biz .btn_gm:disabled,.reform_biz .btn_gs:disabled,.reform_biz .btn_gb.disabled,.reform_biz .btn_gm.disabled,.reform_biz .btn_gs.disabled{pointer-events:none;cursor:default} .reform_biz .btn_gb:disabled:hover,.reform_biz .btn_gm:disabled:hover,.reform_biz .btn_gs:disabled:hover,.reform_biz .btn_gb.disabled:hover,.reform_biz .btn_gm.disabled:hover,.reform_biz .btn_gs.disabled:hover{background:var(--gray000a)} .reform_biz .btn_gb:disabled .inner_g,.reform_biz .btn_gm:disabled .inner_g,.reform_biz .btn_gs:disabled .inner_g,.reform_biz .btn_gb.disabled .inner_g,.reform_biz .btn_gm.disabled .inner_g,.reform_biz .btn_gs.disabled .inner_g{color:var(--gray400s)} .reform_biz .btn_gb.g_emph,.reform_biz .btn_gm.g_emph,.reform_biz .btn_gs.g_emph{background:var(--blue500s)} .reform_biz .btn_gb.g_emph:hover .inner_g,.reform_biz .btn_gm.g_emph:hover .inner_g,.reform_biz .btn_gs.g_emph:hover .inner_g{background:var(--gray120a)} .reform_biz .btn_gb.g_emph .inner_g,.reform_biz .btn_gm.g_emph .inner_g,.reform_biz .btn_gs.g_emph .inner_g{border-color:transparent;color:var(--white000s)} .reform_biz .btn_gb.g_emph.disabled,.reform_biz .btn_gm.g_emph.disabled,.reform_biz .btn_gs.g_emph.disabled{background:var(--gray000a)} .reform_biz .btn_gb.g_emph.disabled:hover .inner_g,.reform_biz .btn_gm.g_emph.disabled:hover .inner_g,.reform_biz .btn_gs.g_emph.disabled:hover .inner_g{background:none} .reform_biz .btn_gb.g_emph.disabled .inner_g,.reform_biz .btn_gm.g_emph.disabled .inner_g,.reform_biz .btn_gs.g_emph.disabled .inner_g{color:var(--gray400s)} .reform_biz .btn_gb.g_line,.reform_biz .btn_gm.g_line,.reform_biz .btn_gs.g_line{background:var(--white000s)} .reform_biz .btn_gb.g_line .inner_g{border-color:var(--gray120a)} .reform_biz .btn_gm.g_line .inner_g{border-color:var(--gray150a)} .reform_biz .btn_gs.g_line .inner_g{border-color:var(--gray150a)} .reform_biz .btn_gb.g_line:hover .inner_g{background:var(--gray050a)} .reform_biz .btn_gm.g_line:hover .inner_g{background:var(--gray050a)} .reform_biz .btn_gs.g_line:hover .inner_g{background:var(--gray050a)} .reform_biz .btn_gb.g_line.disabled,.reform_biz .btn_gm.g_line.disabled,.reform_biz .btn_gs.g_line.disabled{background:var(--white000s)} .reform_biz .btn_gb.g_line.disabled .inner_g,.reform_biz .btn_gm.g_line.disabled .inner_g,.reform_biz .btn_gs.g_line.disabled .inner_g{color:var(--gray400s)} .reform_biz .btn_gb.g_line.disabled:hover .inner_g,.reform_biz .btn_gm.g_line.disabled:hover .inner_g,.reform_biz .btn_gs.g_line.disabled:hover .inner_g{background:none} .reform_biz .btn_gb.g_line2,.reform_biz .btn_gm.g_line2,.reform_biz .btn_gs.g_line2{background:var(--white000s)} .reform_biz .btn_gb.g_line2 .inner_g,.reform_biz .btn_gm.g_line2 .inner_g,.reform_biz .btn_gs.g_line2 .inner_g{border-color:var(--gray700a)} .reform_biz .btn_gb.g_line2:hover .inner_g,.reform_biz .btn_gm.g_line2:hover .inner_g,.reform_biz .btn_gs.g_line2:hover .inner_g{background:var(--gray050a)} .reform_biz .btn_gb.g_line2.disabled,.reform_biz .btn_gm.g_line2.disabled,.reform_biz .btn_gs.g_line2.disabled{background:var(--white000s)} .reform_biz .btn_gb.g_line2.disabled .inner_g,.reform_biz .btn_gm.g_line2.disabled .inner_g,.reform_biz .btn_gs.g_line2.disabled .inner_g{color:var(--gray400s);border-color:var(--gray150a)} .reform_biz .btn_gb.g_line2.disabled:hover .inner_g,.reform_biz .btn_gm.g_line2.disabled:hover .inner_g,.reform_biz .btn_gs.g_line2.disabled:hover .inner_g{background:none} .reform_biz .btn_gb{min-width:140px} .reform_biz .btn_gb .inner_g{height:50px;padding:13px 19px;font-size:16px;line-height:20px} .reform_biz .btn_gb .ico_comm{display:inline-block;width:16px;height:16px;margin:3px 7px 0 0;vertical-align:top} .reform_biz .btn_gb .ico_talk{background-position:-20px 0} .reform_biz .btn_gb .ico_add{background-position:-80px 0} .reform_biz .btn_gb.g_emph .ico_talk{background-position:0 0} .reform_biz .btn_gb.g_emph .ico_add{background-position:-60px 0} .reform_biz .btn_gb.disabled .ico_talk,.reform_biz .btn_gb.g_emph.disabled .ico_talk{background-position:-40px 0} .reform_biz .btn_gb.disabled .ico_add,.reform_biz .btn_gb.g_emph.disabled .ico_add{background-position:-100px 0} .reform_biz .btn_gm .inner_g{height:40px;padding:10px 19px;font-size:14px;line-height:18px} .reform_biz .btn_gm .ico_comm{display:inline-block;width:14px;height:14px;margin:2px 6px 0 0;vertical-align:top} .reform_biz .btn_gm .ico_talk{background-position:-20px -20px} .reform_biz .btn_gm .ico_add{background-position:-80px -20px} .reform_biz .btn_gm.g_emph .ico_talk{background-position:0 -20px} .reform_biz .btn_gm.g_emph .ico_add{background-position:-60px -20px} .reform_biz .btn_gm.disabled .ico_talk,.reform_biz .btn_gm.g_emph.disabled .ico_talk{background-position:-40px -20px} .reform_biz .btn_gm.disabled .ico_add,.reform_biz .btn_gm.g_emph.disabled .ico_add{background-position:-100px -20px} .reform_biz .btn_gs .inner_g{height:30px;padding:5px 14px;font-size:12px;line-height:18px} .reform_biz .btn_gs .ico_comm{display:inline-block;width:12px;height:12px;margin:3px 2px 0 0;vertical-align:top} .reform_biz .btn_gs .ico_talk{background-position:-15px -40px} .reform_biz .btn_gs .ico_add{background-position:-60px -40px} .reform_biz .btn_gs.g_emph .ico_talk{background-position:0 -40px} .reform_biz .btn_gs.g_emph .ico_add{background-position:-45px -40px} .reform_biz .btn_gs.disabled .ico_talk,.reform_biz .btn_gs.g_emph.disabled .ico_talk{background-position:-30px -40px} .reform_biz .btn_gs.disabled .ico_add,.reform_biz .btn_gs.g_emph.disabled .ico_add{background-position:-75px -40px} .reform_biz .link_gb,.reform_biz .link_gm,.reform_biz .link_gs{display:inline-block;color:var(--gray900s);vertical-align:top} .reform_biz .link_eb,.reform_biz .link_em,.reform_biz .link_es{display:inline-block;color:var(--blue500s);vertical-align:top} .reform_biz .link_eb.g_line,.reform_biz .link_em.g_line,.reform_biz .link_es.g_line,.reform_biz .link_gb.g_line,.reform_biz .link_gm.g_line,.reform_biz .link_gs.g_line{position:relative} .reform_biz .link_eb.g_line:after,.reform_biz .link_em.g_line:after,.reform_biz .link_es.g_line:after,.reform_biz .link_gb.g_line:after,.reform_biz .link_gm.g_line:after,.reform_biz .link_gs.g_line:after{content:'';position:absolute;left:0;right:0;border-bottom:1px solid var(--gray900s)} .reform_biz .link_eb.g_line:after,.reform_biz .link_em.g_line:after,.reform_biz .link_es.g_line:after{border-bottom-color:var(--blue500s)} .reform_biz .link_eb.g_line:after,.reform_biz .link_gb.g_line:after,.reform_biz .link_em.g_line:after,.reform_biz .link_gm.g_line:after,.reform_biz .link_es.g_line:after,.reform_biz .link_gs.g_line:after{bottom:1px} .reform_biz .link_eb.g_line,.reform_biz .link_em.g_line,.reform_biz .link_es.g_line,.reform_biz .link_gb.g_line,.reform_biz .link_gm.g_line,.reform_biz .link_gs.g_line,.reform_biz .link_gb.g_line.disabled:hover,.reform_biz .link_gm.g_line.disabled:hover,.reform_biz .link_gs.g_line.disabled:hover{text-decoration:none} .reform_biz .link_gb.disabled,.reform_biz .link_gm.disabled,.reform_biz .link_gs.disabled{color:var(--gray400s);pointer-events:none;cursor:default} .reform_biz .link_gb.disabled:hover,.reform_biz .link_gm.disabled:hover,.reform_biz .link_gs.disabled:hover{text-decoration:none} .reform_biz .link_eb.disabled,.reform_biz .link_em.disabled,.reform_biz .link_es.disabled{opacity:0.3;pointer-events:none;cursor:default} .reform_biz .link_gb.disabled:after,.reform_biz .link_gm.disabled:after,.reform_biz .link_gs.disabled:after{border-color:var(--gray400s)} .reform_biz .link_gb,.reform_biz .link_eb{font-size:16px;line-height:23px} .reform_biz .link_gb .ico_comm,.reform_biz .link_eb .ico_comm{display:inline-block;width:16px;height:16px;margin:5px 0 0 0;vertical-align:top} .reform_biz .link_gb .ico_arr{background-position:-140px 0} .reform_biz .link_gb.disabled .ico_arr{background-position:-160px 0} .reform_biz .link_eb .ico_arr{background-position:-120px 0} .reform_biz .link_gm,.reform_biz .link_em{font-size:14px;line-height:20px} .reform_biz .link_gm .ico_comm,.reform_biz .link_em .ico_comm{display:inline-block;width:14px;height:14px;margin:4px 0 0 0;vertical-align:top} .reform_biz .link_gm .ico_arr{background-position:-140px -20px} .reform_biz .link_gm.disabled .ico_arr{background-position:-160px -20px} .reform_biz .link_em .ico_arr{background-position:-120px -20px} .reform_biz .link_gs,.reform_biz .link_es{font-size:12px;line-height:17px} .reform_biz .link_gs .ico_comm,.reform_biz .link_es .ico_comm{display:inline-block;width:12px;height:12px;margin:3px 0 0 0;vertical-align:top} .reform_biz .link_gs .ico_arr{background-position:-105px -40px} .reform_biz .link_gs.disabled .ico_arr{background-position:-120px -40px} .reform_biz .link_es .ico_arr{background-position:-90px -40px} .reform_biz .link_tooltip{display:inline-block;width:14px;height:14px;margin:10px 0 0 4px;text-decoration:none;text-align:center;vertical-align:top} .reform_biz .link_tooltip .ico_tooltip{width:14px;height:14px;background-position:-155px -100px} .reform_biz .link_tooltip:hover .ico_tooltip{background-position:-135px -100px} .reform_biz .link_tooltip.type_medium{width:20px;height:20px} .reform_biz .link_tooltip.type_medium .ico_tooltip{width:20px;height:20px;background-position:-110px -95px} .reform_biz .link_tooltip.type_medium:hover .ico_tooltip{background-position:-85px -95px} .reform_biz .link_tooltip.type_large{width:26px;height:26px} .reform_biz .link_tooltip.type_large .ico_tooltip{width:26px;height:26px;background-position:-165px -70px} .reform_biz .link_tooltip.type_large:hover .ico_tooltip{background-position:-135px -70px} .reform_biz .thumb_profile{position:relative;width:200px;height:200px;vertical-align:top;background-size:200px 200px;-webkit-mask-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgdmlld0JveD0iMCAwIDIwMCAyMDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjAwIDEwMEMyMDAgMTc0LjI3OCAxNzQuMjc4IDIwMCAxMDAgMjAwQzI1LjcyMjIgMjAwIDAgMTc0LjI3OCAwIDEwMEMwIDI1LjcyMjIgMjUuNzIyMiAwIDEwMCAwQzE3NC4yNzggMCAyMDAgMjUuNzIyMiAyMDAgMTAwWiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+Cg==");mask-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgdmlld0JveD0iMCAwIDIwMCAyMDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjAwIDEwMEMyMDAgMTc0LjI3OCAxNzQuMjc4IDIwMCAxMDAgMjAwQzI1LjcyMjIgMjAwIDAgMTc0LjI3OCAwIDEwMEMwIDI1LjcyMjIgMjUuNzIyMiAwIDEwMCAwQzE3NC4yNzggMCAyMDAgMjUuNzIyMiAyMDAgMTAwWiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+Cg==");-webkit-mask-size:100% 100%;mask-size:100% 100%} .reform_biz .thumb_profile:after{content:"";position:absolute;top:0;left:0;width:200px;height:200px;background:url(//t1.daumcdn.net/biz/ui/bizcomm/comm/profile_line.svg) no-repeat;background-size:200px 200px} .reform_biz .wrap_thumb{position:relative;width:210px;height:210px} .reform_biz .wrap_thumb:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.03);z-index:1} .reform_biz .wrap_thumb:hover:before{background-color:rgba(0,0,0,0.1)} .reform_biz .wrap_thumb.thumb_noimg{background:url(//t1.daumcdn.net/biz/ui/bizcomm/comm/thumb_noimg.png) no-repeat 50% 50%;background-size:52px auto} .reform_biz .wrap_thumb .img_g{display:block;width:100%;height:100%} .reform_biz .ico_account{display:inline-block;overflow:hidden;font-size:0;line-height:0;background:url(//t1.daumcdn.net/biz/ui/bizcomm/account/ico_account.png) no-repeat;background-size:200px 40px;text-indent:-9999px;vertical-align:top} .reform_biz .ico_account[class*="ico_"]{width:18px;height:18px} .reform_biz .ico_account.ico_profile{background-position:0 0} .reform_biz .ico_account.ico_counsel{background-position:-20px 0} .reform_biz .ico_account.ico_chatbot{background-position:-40px 0} .reform_biz .ico_account.ico_wallet{background-position:-60px 0} .reform_biz .ico_account.ico_fareinfo{background-position:-80px 0} .reform_biz .ico_account.ico_logout{background-position:-100px 0} .reform_biz .ico_account.ico_partner{background-position:-120px 0} .reform_biz .ico_account.ico_mychannel{background-position:-140px 0} .reform_biz .ico_account.ico_mywallet{background-position:-160px 0} .reform_biz .ico_account.ico_mybussines{background-position:-180px 0} .reform_biz .ico_account.ico_guide{background-position:0 -20px} .reform_biz .ico_account.ico_help{background-position:-20px -20px} .reform_biz .ico_account.ico_sync{background-position:-40px -20px} .reform_biz .ico_account.ico_support{background-position:-60px -20px} .reform_biz .ico_account.ico_change{background-position:-80px -20px} .reform_biz .ico_account.ico_myadaccount{background-position:-100px -20px} .reform_biz .ico_account.ico_info{background-position:-120px -20px} .reform_biz .ico_account.ico_alarm{background-position:-140px -20px} .reform_biz .ico_info{width:12px;height:12px;background-position:-180px -120px} .reform_biz .ico_info2{width:12px;height:12px;background-position:-195px -120px} .reform_biz .ico_warn{width:14px;height:14px;background-position:-165px -120px} .reform_biz .ico_warn2{width:14px;height:14px;background-position:-145px -120px} .reform_biz .ico_certify{width:14px;height:14px;background-position:-195px -100px} .reform_biz .group_loading{display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative;text-align:center} .reform_biz .group_loading .desc_loading{margin-top:10px;font-size:13px;line-height:21px;color:var(--gray600s)} .reform_biz .group_loading.load_type2 .desc_loading{margin-top:20px;font-size:14px;line-height:20px} .reform_biz .group_loading .item_loading{display:inline-block;width:32px;height:32px;border:2px solid var(--gray600s);border-top-color:transparent;border-radius:100%;box-sizing:border-box;animation:loadingCircle 1s linear infinite} .reform_biz .group_loading.load_type2 .item_loading{width:60px;height:60px;border-width:4px} .reform_biz .group_loading.load_type3 .item_loading{width:16px;height:16px;border-width:2px} @keyframes loadingCircle{0%{transform:rotate(0)} 100%{transform:rotate(360deg)} } .reform_biz .tab_cont{margin-top:50px} .reform_biz .box_info{padding:15px 20px;background:var(--gray000s)} .reform_biz .box_info .txt_info{font-size:14px;line-height:20px;color:var(--gray900s)} .reform_biz .box_info .ico_info2{margin-top:4px} .reform_biz .dimmed_layer2{position:fixed;left:0;top:0;z-index:9991;width:100%;height:100%;background-color:var(--gray400a);opacity:1} .reform_biz .basic_layer,.reform_biz .alert_layer,.reform_biz .layer_tooltip,.reform_biz .toast_layer{font-family:'Roboto','Noto Sans KR','Apple SD Gothic Neo','Malgun Gothic','맑은 고딕',sans-serif}/** LNB Icon **/ .ico_lnb{display:inline-block;overflow:hidden;font-size:0;line-height:0;background:url(//t1.daumcdn.net/biz/ui/bizcomm/lnb/ico_lnb.png) no-repeat;background-size:250px 250px;text-indent:-9999px;vertical-align:top} .ico_lnb[class*="ico_"]{width:24px;height:24px} .ico_lnb.ico_dashboard{background-position:0 0} li.on .ico_lnb.ico_dashboard{background-position:0 -25px} .ico_lnb.ico_profile{background-position:-25px 0} li.on .ico_lnb.ico_profile{background-position:-25px -25px} .ico_lnb.ico_chats{background-position:-50px 0} li.on .ico_lnb.ico_chats{background-position:-50px -25px} .ico_lnb.ico_posts{background-position:-75px 0} li.on .ico_lnb.ico_posts{background-position:-75px -25px} .ico_lnb.ico_messages{background-position:-100px 0} li.on .ico_lnb.ico_messages{background-position:-100px -25px} .ico_lnb.ico_tool{background-position:-125px 0} li.on .ico_lnb.ico_tool{background-position:-125px -25px} .ico_lnb.ico_link{background-position:-150px 0} li.on .ico_lnb.ico_link{background-position:-150px -25px} .ico_lnb.ico_promotion{background-position:-175px 0} li.on .ico_lnb.ico_promotion{background-position:-175px -25px} .ico_lnb.ico_statistics{background-position:-200px 0} li.on .ico_lnb.ico_statistics{background-position:-200px -25px} .ico_lnb.ico_adadd{background-position:-225px 0} li.on .ico_lnb.ico_adadd{background-position:-225px -25px} .ico_lnb.ico_adreport{background-position:0 -50px} li.on .ico_lnb.ico_adreport{background-position:0 -75px} .ico_lnb.ico_adassets{background-position:-25px -50px} li.on .ico_lnb.ico_adassets{background-position:-25px -75px} .ico_lnb.ico_targeting{background-position:-50px -50px} li.on .ico_lnb.ico_targeting{background-position:-50px -75px} .ico_lnb.ico_settings{background-position:-75px -50px} li.on .ico_lnb.ico_settings{background-position:-75px -75px} .ico_lnb.ico_sales{background-position:-100px -50px} li.on .ico_lnb.ico_sales{background-position:-100px -75px} .ico_lnb.ico_settle{background-position:-125px -50px} li.on .ico_lnb.ico_settle{background-position:-125px -75px} .ico_lnb.ico_storeinfo{background-position:-150px -50px} li.on .ico_lnb.ico_storeinfo{background-position:-150px -75px} .ico_lnb.ico_policy{background-position:-175px -50px} li.on .ico_lnb.ico_policy{background-position:-175px -75px} .ico_lnb.ico_scenario{background-position:-200px -50px} li.on .ico_lnb.ico_scenario{background-position:-200px -75px} .ico_lnb.ico_skill{background-position:-225px -50px} li.on .ico_lnb.ico_skill{background-position:-225px -75px} .ico_lnb.ico_training{background-position:0 -100px} li.on .ico_lnb.ico_training{background-position:0 -125px} .ico_lnb.ico_analytics{background-position:-25px -100px} li.on .ico_lnb.ico_analytics{background-position:-25px -125px} .ico_lnb.ico_publish{background-position:-50px -100px} li.on .ico_lnb.ico_publish{background-position:-50px -125px} .ico_lnb.ico_histories{background-position:-75px -100px} li.on .ico_lnb.ico_histories{background-position:-75px -125px} .ico_lnb.ico_machinelearning{background-position:-100px -100px} li.on .ico_lnb.ico_machinelearning{background-position:-100px -125px} .ico_lnb.ico_manager{background-position:-125px -100px} li.on .ico_lnb.ico_manager{background-position:-125px -125px} .ico_lnb.ico_help{background-position:-150px -100px} li.on .ico_lnb.ico_help{background-position:-150px -125px} .ico_lnb.ico_proxy{background-position:-175px -100px} li.on .ico_lnb.ico_proxy{background-position:-175px -125px} .ico_lnb.ico_event{background-position:-200px -100px} li.on .ico_lnb.ico_event{background-position:-200px -125px} .ico_lnb.ico_members{background-position:-225px -100px} li.on .ico_lnb.ico_members{background-position:-225px -125px} .ico_lnb.ico_sync{background-position:0 -150px} li.on .ico_lnb.ico_sync{background-position:0 -175px} .ico_lnb.ico_businesssettings{background-position:-25px -150px} li.on .ico_lnb.ico_businesssettings{background-position:-25px -175px} .ico_lnb.ico_place{background-position:-50px -150px} li.on .ico_lnb.ico_place{background-position:-50px -175px} .ico_lnb.ico_product{background-position:-75px -150px} li.on .ico_lnb.ico_product{background-position:-75px -175px} .ico_lnb.ico_reservation{background-position:-100px -150px} li.on .ico_lnb.ico_reservation{background-position:-100px -175px} /* 2024-09-13 */ .ico_lnb.ico_test{background-position:-125px -150px} li.on .ico_lnb.ico_test{background-position:-125px -175px} .ico_lnb.ico_report{background-position:-150px -150px} li.on .ico_lnb.ico_report{background-position:-150px -175px} .ico_lnb.ico_spec{background-position:-175px -150px} li.on .ico_lnb.ico_spec{background-position:-175px -175px} /* //2024-09-13 *//** calendar **/ /* 달력버튼 */ .gm_calendar{display:inline-block;vertical-align:top} .gm_calendar,.gm_calendar:hover{position:relative;border:none;background:none} .gm_calendar .link_calendar{position:relative;display:inline-block;min-width:180px;height:40px;padding:0 38px 0 9px;border:1px solid var(--gray200s);font-size:14px;line-height:38px;font-weight:400;background:var(--white000s);text-decoration:none;text-align:left;letter-spacing:-0.01em;box-sizing:border-box} .gm_calendar .link_calendar:hover{border:1px solid var(--gray700s);background:var(--white000s)} .gm_calendar .link_calendar + .link_calendar{margin-left:18px} .gm_calendar .link_calendar + .link_calendar:before{position:absolute;top:0;left:-18px;width:18px;line-height:40px;color:var(--gray900s);vertical-align:top;content:'~'} .gm_calendar .link_calendar .ico_calendar{position:absolute;top:50%;right:9px;width:18px;height:17px;background-position:-85px -75px;transform:translateY(-50%)} .gm_calendar.open .link_calendar{border-color:var(--gray700s)} .gm_calendar.disabled .link_calendar{border-color:var(--gray300s);color:var(--gray300s);background:var(--gray050s);cursor:default;pointer-events:none} .gm_calendar.disabled .link_calendar .ico_calendar{background-position:-110px -75px} .gm_calendar + .txt_bar{display:inline-block;width:11px;line-height:40px;text-align:center} /* 공통 - 날짜선택(달력) 레이어 */ .calendar_layer{display:none;position:absolute;left:0;top:39px;z-index:30;border-collapse:separate} .gm_calendar.open .calendar_layer{display:block} .group_calendar{display:inline-block;vertical-align:top} .group_calendar .txt_bar + .gm_calendar .calendar_layer{left:-198px} .calendar_layer .layer_head{display:none} .calendar_layer .layer_body{position:relative} .calendar_layer .layer_body:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''} .calendar_layer .inner_calendar_layer{width:570px;background-color:var(--white000s);border:1px solid var(--gray700s);box-shadow:0 4px 8px var(--gray120a)} .calendar_layer .list_period{flex:none;width:140px;padding:10px 0;background-color:var(--gray000s)} .calendar_layer .list_period li{display:block;padding-left:18px;text-align:left} .calendar_layer .list_period li:first-child{margin-top:0} .calendar_layer .link_period{display:block;height:34px;line-height:34px;font-weight:400;font-size:13px;color:var(--gray700s);text-decoration:none} .calendar_layer .item_help .link_period{display:inline-block;vertical-align:top} .calendar_layer .item_help .link_help{margin-top:2px} .calendar_layer .list_period li:hover{background:var(--gray000a)} .calendar_layer .list_period li:hover .link_period{color:var(--gray700s)} .calendar_layer .on{background:var(--blue100s)} .calendar_layer .on .link_period{font-weight:700} .calendar_layer .date_calendar{position:relative;padding:0 24px} .calendar_layer .datecalendar_wrap{display:table;width:100%;height:100%} .calendar_layer .inner_datecalendar{display:table-cell;vertical-align:top} .calendar_layer .date_calendar .datecalendar_wrap:only-child .box_datecalendar{padding-bottom:24px} .calendar_layer .box_datecalendar{position:relative;min-height:100%;padding-bottom:71px;box-sizing:border-box} .calendar_layer .box_datecalendar:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''} .calendar_layer .setinfo_calendar{position:absolute;left:-2px;bottom:29px;font-weight:700;font-size:14px;line-height:21px;color:var(--gray500s);text-align:center} .calendar_layer .setinfo_calendar .txt_setdate{color:var(--gray900s)} .calendar_layer .setinfo_calendar .txt_setdate em{color:var(--gray500s);font-weight:700} .calendar_layer .btn_move{position:absolute;top:21px;width:35px;height:30px} .calendar_layer .btn_move .ico_arr{width:18px;height:18px;margin:0 auto} .calendar_layer .btn_prev{left:-9px} .calendar_layer .btn_prev .ico_arr{background-position:-85px -55px} .calendar_layer .btn_next{right:-9px} .calendar_layer .btn_next .ico_arr{background-position:-105px -55px} .calendar_layer .btn_move.disabled .ico_arr{opacity:0.4;filter:alpha(opacity=40)} .calendar_layer .date_calendar .btn_wrap{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:flex-start;justify-content:flex-end;padding:0 22px 23px} .calendar_layer .date_calendar .btn_wrap .btn_gs + .btn_gs{margin-left:10px} .calendar_layer .date_calendar:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''} .calendar_layer .area_calendar{float:left;position:relative;width:238px;margin:25px -4px 0 0} .calendar_layer .area_calendar + .area_calendar{float:right;margin-left:-4px} .calendar_layer .tit_date{display:block;padding-bottom:28px;min-height:23px;font-weight:400;font-size:20px;line-height:23px;color:var(--gray900s);text-align:center} .calendar_layer .tbl_calendar{border:0 none;border-collapse:collapse;text-align:center} .calendar_layer .tbl_calendar th{height:28px;padding-bottom:6px;line-height:28px;font-weight:400;font-size:12px;color:var(--gray600s);width:36px} .calendar_layer .tbl_calendar th,.calendar_layer .tbl_calendar td{border:0 none;background:transparent;text-align:center} .calendar_layer .tbl_calendar td:first-child .link_day{color:var(--red500s)} .calendar_layer .tbl_calendar .link_day{position:relative;display:inline-block;width:100%;height:34px;margin-top:2px;font-size:14px;line-height:32px;font-weight:400;color:var(--gray900s);text-decoration:none;vertical-align:top} .calendar_layer .tbl_calendar .inner_link_day{position:absolute;left:50%;top:0;z-index:2;width:34px;height:34px;margin-left:-17px} .calendar_layer .tbl_calendar .inner_link_day:hover{background-color:var(--gray100s)} .calendar_layer .tbl_calendar .today .inner_link_day{font-weight:700} .calendar_layer .tbl_calendar .today .inner_link_day:hover{background-color:var(--gray100s)} .calendar_layer .tbl_calendar .selected .link_day,.calendar_layer .tbl_calendar .selected .inner_link_day{background-color:var(--blue100s)} .calendar_layer .tbl_calendar .selected_start .link_day,.calendar_layer .tbl_calendar .selected_end .link_day{position:relative;color:var(--white000s)} .calendar_layer .tbl_calendar .selected_start .link_day:hover,.calendar_layer .tbl_calendar .selected_end .link_day:hover{background-color:transparent} .calendar_layer .tbl_calendar .selected.selected_start .link_day,.calendar_layer .tbl_calendar .selected.selected_end .link_day{background-color:var(--blue100s)} .calendar_layer .tbl_calendar .selected_only .link_day .inner_link_day,.calendar_layer .tbl_calendar .selected_start .inner_link_day,.calendar_layer .tbl_calendar .selected_end .inner_link_day{color:var(--white000s);background:var(--blue500s)} .calendar_layer .tbl_calendar .selected_only .link_day:hover .inner_link_day,.calendar_layer .tbl_calendar .selected_start .link_day:hover .inner_link_day,.calendar_layer .tbl_calendar .selected_end .link_day:hover .inner_link_day{background:#2c62d6} .calendar_layer .tbl_calendar .selected_start .link_day:after,.calendar_layer .tbl_calendar .selected_end .link_day:after{position:absolute;top:0;z-index:1;width:14px;height:28px;background:var(--white000s);content:''} .calendar_layer .tbl_calendar .selected_start .link_day:after{left:0} .calendar_layer .tbl_calendar .selected_end .link_day:after{right:0} .calendar_layer .tbl_calendar .period .link_day,.calendar_layer .tbl_calendar .period .inner_link_day,.calendar_layer .tbl_calendar .period_start .inner_link_day,.calendar_layer .tbl_calendar .period_end .inner_link_day{background-color:var(--gray000s)} .calendar_layer .tbl_calendar .period_only .link_day .inner_link_day:hover,.calendar_layer .tbl_calendar .period .inner_link_day:hover{background-color:var(--gray100s)} .calendar_layer .tbl_calendar .period .link_day{color:var(--gray700s);background-color:var(--gray000s)} .calendar_layer .tbl_calendar .period_only .link_day{background-color:var(--white000s)} .calendar_layer .tbl_calendar .period_only .link_day .inner_link_day{background-color:var(--gray000s)} .calendar_layer .tbl_calendar .period_start .link_day,.calendar_layer .tbl_calendar .period_end .link_day{position:relative} .calendar_layer .tbl_calendar .period_start .link_day:hover,.calendar_layer .tbl_calendar .period_end .link_day:hover{background-color:var(--gray000s)} .calendar_layer .tbl_calendar .period_start .link_day:after,.calendar_layer .tbl_calendar .period_end .link_day:after{position:absolute;top:0;z-index:1;width:14px;height:28px;background:var(--white000s);content:''} .calendar_layer .tbl_calendar .period_start .link_day:after{left:0} .calendar_layer .tbl_calendar .period_end .link_day:after{right:0} .calendar_layer .area_calendar.disabled{opacity:0.4;filter:alpha(opacity=40);cursor:default;pointer-events:none} .calendar_layer .disabled .link_day{opacity:0.4;filter:alpha(opacity=50);cursor:default;pointer-events:none} .calendar_layer .disabled .link_day:hover{background:none} .calendar_layer.type_preset .inner_calendar_layer{width:710px} .calendar_layer.type_preset .inner_calendar_layer .layer_body{display:flex;min-height:392px;padding:0} .calendar_layer.type_preset .inner_calendar_layer .date_calendar{flex:1} .calendar_layer .today.disabled .link_day{opacity:0.5} /*6주인 달 있을때*/ .calendar_layer .inner_calendar_layer.calendar_week6 .layer_body{height:480px} /* sigle */ .single_calendar .calendar_layer .inner_calendar_layer{width:auto} .single_calendar .calendar_layer .btn_move{top:21px} .single_calendar .date_calendar .btn_wrap{padding:0 19px 23px} /* 캘린더 - 월 선택 */ .month_calendar .calendar_layer .inner_calendar_layer{width:auto} .month_calendar .calendar_layer.type_preset .inner_calendar_layer{width:710px} .month_calendar .calendar_layer .tbl_calendar .inner_link_day{transform:translateX(-50%);width:40px;height:40px;margin:0;border-radius:0} .month_calendar .calendar_layer .tbl_calendar td{height:60px} .month_calendar .calendar_layer .tbl_calendar .link_day{width:80px;height:40px;line-height:40px} .month_calendar .calendar_layer .tbl_calendar td:first-child .link_day,.month_calendar .calendar_layer .tbl_calendar td:last-child .link_day{color:var(--gray900s)} .month_calendar .calendar_layer .tbl_calendar .selected_start .link_day:after,.month_calendar .calendar_layer .tbl_calendar .selected_end .link_day:after{width:20px;height:40px} .month_calendar .calendar_layer .tbl_calendar td:first-child .link_day:before,.month_calendar .calendar_layer .tbl_calendar td.fst .link_day:before{position:absolute;top:0;left:0;width:20px;height:40px;background:var(--white000s);content:''} .month_calendar .calendar_layer .tbl_calendar td:last-child .link_day:before,.month_calendar .calendar_layer .tbl_calendar td.lst .link_day:before{position:absolute;top:0;right:0;width:20px;height:40px;background:var(--white000s);content:''} /* Text input */ .box_tf{display:flex;align-items:center;flex-direction:row-reverse;position:relative;width:100%;padding:0 11px 0 9px;border:1px solid var(--gray200s);background-color:var(--white000s);box-sizing:border-box} .box_tf .inner_tf{flex:1;display:flex;align-items:center} .box_tf .btn_del{display:none;height:38px;padding-left:10px} .item_txtinp.on .btn_del{display:block} .box_tf .btn_del .ico_del{width:16px;height:16px;background-position:-200px 0;margin-top:2px} .os_mac .box_tf .btn_del .ico_del{margin-top:3px} .box_tf .btn_search{display:block;height:38px;padding-left:10px} .box_tf .btn_search .ico_search{width:18px;height:18px;background-position:-240px 0;margin-top:1px} .os_mac .box_tf .btn_search .ico_search{margin-top:2px} /* 2025-02-04 비활성화 아이콘 삭제 (접근성) .item_txtinp[class*="disabled"] .ico_search{background-position:-260px 0} */ .desc_error{margin-top:6px;font-size:12px;line-height:17px;color:var(--red500s)} .desc_check{margin-top:6px;font-size:12px;line-height:17px;color:var(--blue500s)} .box_tf .tf_comm,.box_tfarea .tf_comm{display:block;overflow:hidden;width:100%;border:0 none;font-size:14px;line-height:38px;background-color:transparent;box-sizing:border-box;outline:none;resize:none;white-space:nowrap;text-overflow:ellipsis} .box_tf .tf_comm::placeholder,.box_tfarea .tf_comm::placeholder{display:block;overflow:hidden;font-size:14px;color:var(--gray500s)} .box_tf .txt_unit,.box_tfarea .txt_unit{display:block;margin:-1px 0 0 10px;vertical-align:top} .os_mac .box_tf .txt_unit{margin:0 0 0 10px} .box_tf .count_num,.box_tfarea .count_num{display:inline-block;font-size:12px;color:var(--gray500s);line-height:21px;vertical-align:top} .item_txtinp.on .count_num,.box_tfarea.on .count_num{color:var(--gray900s)} .item_txtinp.on_inp .count_num,.box_tfarea.on_inp .count_num{color:var(--gray900s)} .box_tf .count_total,.box_tfarea .count_total{display:inline-block;font-size:12px;color:var(--gray500s);line-height:21px;vertical-align:top} .box_tf .count_total:before,.box_tfarea .count_total:before{content:'/ '} /* TextArea */ .box_tfarea{overflow:hidden;position:relative;padding:0 0 38px;border:1px solid var(--gray200s);background-color:var(--white000s)} .box_tfarea .tf_comm{overflow-x:hidden;overflow-y:auto;max-height:80px;padding:8px 10px 0;line-height:20px;white-space:normal} .box_tfarea .tf_comm::placeholder{font-size:14px;color:var(--gray500s)} .box_tfarea .txt_unit{position:absolute;right:10px;bottom:10px} .item_txtinp:hover .box_tfarea,.item_txtinp.on .box_tfarea{border-color:var(--gray700s)} .item_txtinp.error .box_tfarea,.item_txtinp[class*="disabled"].error:hover .box_tfarea{border-color:var(--red500s)} .item_txtinp[class*="disabled"] .box_tfarea{background-color:var(--gray000s);pointer-events:none} .item_txtinp[class*="disabled"]:hover .box_tfarea{border-color:var(--gray200s)} .item_txtinp.disabled2 .box_tfarea{background-color:var(--gray050s)} .item_txtinp.check .box_tfarea,.item_txtinp.check:hover .box_tfarea{border-color:var(--blue500s)} /* TextArea scroll */ .box_tfarea .tf_comm::-webkit-scrollbar{width:6px;height:6px} .box_tfarea .tf_comm::-webkit-scrollbar-track{background-color:transparent} .box_tfarea .tf_comm::-webkit-scrollbar-thumb{background-color:#eee;border-radius:10px} .box_tfarea .tf_comm::-webkit-scrollbar-thumb:hover{background-color:#919191} .box_tfarea .tf_comm::-webkit-scrollbar-button{width:6px;height:6px;background:transparent} /* input ETC case */ .tblg_filter .item_select,.tblg_filter .box_tf{border:1px solid transparent} /* 테이블필터 노출시 보더값 *//** Table(세로형) **/ .tblg_wrap{border-top:1px solid var(--gray200s);border-bottom:1px solid var(--gray200s)} .tblg_wrap .tbl_g{table-layout:fixed;width:100%;border-collapse:collapse;background-color:var(--white000s);border:none} .tblg_wrap .tbl_g .txt_limit{display:block;overflow:hidden;max-width:100%;text-overflow:ellipsis;white-space:nowrap;vertical-align:top;height:auto} .tblg_wrap .tbl_g .txt_limit2{display:-webkit-box;overflow:hidden;max-height:42px;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical} .tblg_wrap .tbl_g thead th{height:51px;border-right:1px solid var(--gray100s);border-bottom:1px solid var(--gray100s);font-size:12px;font-weight:400;color:var(--gray600s);background:var(--gray000s);text-align:left} .tblg_wrap .tbl_g thead th:last-child{border-right:none} .tblg_wrap .tbl_g tbody tr:hover{background:var(--gray000s);cursor:default} .tblg_wrap .tbl_g tbody tr.on{background-color:var(--blue100s)} .tblg_wrap .tbl_g tbody td{border-right:1px solid var(--gray100s);border-bottom:1px solid var(--gray100s);font-size:14px;color:var(--gray900s);word-break:break-all} .tblg_noline .tbl_g thead th,.tblg_noline .tbl_g tbody td{border-right-color:transparent} .tblg_wrap .tbl_g tbody tr.disabled:hover{background-color:transparent} .tblg_wrap .tbl_g tbody tr.disabled .inner_tbl{color:var(--gray400s);pointer-events:none} /* 테이블 내 라인 없는 경우 */ .tblg_wrap .tbl_g tbody tr td:last-child{border-right:0 none} .tblg_wrap .tbl_g tbody tr:last-child td{border-bottom:none} .tblg_wrap .tbl_g .inner_tbl{position:relative;width:100%;padding:14px 10px 14px 12px;line-height:20px;box-sizing:border-box} .tblg_wrap .tbl_g thead th .inner_tbl{position:relative;width:100%;padding:0 10px 0 12px;line-height:17px;box-sizing:border-box} .tblg_wrap .tbl_g th.align_c,.tblg_wrap .tbl_g td.align_c{text-align:center} .tblg_wrap .tbl_g th.align_c .inner_tbl,.tblg_wrap .tbl_g td.align_c .inner_tbl{padding-left:0;padding-right:0} .tblg_wrap .tbl_g th.align_r,.tblg_wrap .tbl_g td.align_r{text-align:right} .tblg_wrap .tbl_g th.align_l,.tblg_wrap .tbl_g td.align_l{text-align:left} .tblg_wrap .tbl_g .btn_gs + .btn_gs{margin-left:6px} .tblg_wrap .tbl_g .inner_tbl .txt_sub{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-bottom:10px} /* scroll */ .tblg_wrap.tblg_scroll{overflow:hidden;overflow-x:scroll} /* tblg_scroll scroll */ .tblg_scroll::-webkit-scrollbar-track{background-color:#F7F7F7} .tblg_scroll::-webkit-scrollbar-thumb{background-color:#ddd;border-radius:10px} .tblg_scroll::-webkit-scrollbar-thumb:hover{background-color:#919191} .tblg_scroll::-webkit-scrollbar-button{width:6px;height:6px;background:transparent} /* tooltip layer */ .layer_tooltip{position:absolute;z-index:100;overflow-y:auto;min-width:200px;max-width:560px;max-height:410px;padding:16px 20px;border:1px solid var(--gray700s);font-weight:400;font-size:14px;line-height:20px;color:var(--gray900s);box-shadow:0 2px 8px 0 var(--gray200a);background:var(--white000s);box-sizing:border-box} .layer_tooltip .tit_tooltip{display:block;padding-bottom:10px} .layer_tooltip .subtit_tooltip{display:block;margin-top:14px;padding-bottom:6px;font-size:12px} .layer_tooltip .txt_tooltip{word-break:break-all} .layer_tooltip .link_tooltip{display:inline-block;width:auto;height:auto;margin-top:14px;vertical-align:top;text-decoration:underline} .layer_tooltip .list_tooltip li{position:relative;padding-left:15px;font-size:14px;line-height:20px;color:var(--gary900s)} .layer_tooltip .list_tooltip li:before{position:absolute;top:8px;left:6px;width:3px;height:3px;border-radius:50%;background:var(--gray900s);content:''} /* type small */ .layer_tooltip.type_small{min-width:120px;max-width:200px;padding:12px} .layer_tooltip.type_small .txt_tooltip{font-size:12px;line-height:17px}/** toast layer **/ .toast_layer{position:fixed;right:20px;bottom:20px} /* 임시 위치값 */ .toast_layer .inner_toast{position:relative;display:flex;align-items:center;max-width:420px;padding:30px;background-color:var(--gray700s);box-sizing:border-box} .toast_layer .desc_toast{font-size:14px;line-height:21px;color:var(--white000s)} .toast_layer .ico_comm{flex:none;width:26px;height:26px;margin-right:10px} .toast_layer .ico_alert{background-position:-195px -135px} .toast_layer .ico_confirm{background-position:-195px -165px} .toast_layer .ico_error{background-position:-195px -195px} .toast_layer .ico_loading{background:none;flex:none;width:26px;height:26px;border:2px solid var(--white000s);border-top-color:transparent;border-radius:100%;box-sizing:border-box;animation:loadingCircle 1s linear infinite} .toast_layer .btn_close{position:absolute;top:0;right:0;height:14px;padding:10px} .toast_layer .btn_close .ico_close{width:14px;height:14px;margin:0;background-position:-125px -120px} @keyframes loadingCircle{0%{transform:rotate(0)} 100%{transform:rotate(360deg)} }/** switch checkbox **/ /* type Checkbox */ .switch_check{display:inline-block;position:relative;vertical-align:top;line-height:16px} .switch_check .inp_check{position:absolute;top:0;left:0;width:100%;height:100%;border:0;background:none;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;opacity:.001} .switch_check .lab_check{position:relative;display:inline-block;width:32px;height:16px;background-color:var(--gray300s);vertical-align:top;border-radius:100px} .switch_check .lab_check:before{content:'';position:absolute;top:50%;left:2px;width:13px;height:13px;background-color:var(--white000s);border-radius:100px;transform:translateY(-50%)} .switch_check .inp_check:disabled + .lab_check{background-color:var(--gray100s)} .switch_check .inp_check:checked + .lab_check{background-color:var(--blue500s)} .switch_check .inp_check:checked + .lab_check:before{left:auto;right:2px} .switch_check .inp_check:checked:disabled + .lab_check{opacity:.3;pointer-events:none} .switch_check .txt_label{display:block;width:100%;height:100%;padding:0 7px 0 29px;font-size:12px;color:var(--white000s);line-height:28px;text-align:center;box-sizing:border-box} .switch_check .inp_check:checked + .lab_check .txt_label{padding:0 29px 0 7px} /* 라벨 추가된 큰 타입 */ .switch_check.type_big{line-height:28px} .switch_check.type_big .lab_check{width:66px;height:28px} .switch_check.type_big .lab_check:before{width:22px;height:22px} .switch_check.type_big .inp_check:checked + .lab_check:before{right:3px} /* type radio */ .switch_toggle{display:inline-block;height:40px;padding:2px;border-radius:3px;background-color:var(--gray000s);vertical-align:top;box-sizing:border-box} .switch_toggle .toggle_g{float:left;position:relative} .switch_toggle .toggle_g .inp_radio{position:absolute;top:0;left:0;width:100%;height:100%;border:0;background:none;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;opacity:.001} .switch_toggle .toggle_g .lab_radio{display:block;min-width:90px;height:36px;padding:11px 20px;border:1px solid transparent;border-radius:3px;line-height:13px;text-align:center;box-sizing:border-box} .switch_toggle .inp_radio:checked + .lab_radio{background-color:var(--white000s);border-color:var(--gray300s);color:var(--blue500s)} .switch_toggle .inp_radio:disabled + .lab_radio{color:var(--gray400s);pointer-events:none} .switch_toggle .inp_radio:checked:disabled + .lab_radio{background-color:var(--gray000s);border-color:var(--gray100s);color:rgba(50,110,220,0.3)}/** Empty **/ /* full Type */ .wrap_error{display:flex;align-items:center;justify-content:center;position:relative;height:100%} .wrap_error .inner_error{overflow:hidden;text-align:center} .wrap_error .ico_comm{width:60px;height:60px;margin:0 auto 10px} .wrap_error .ico_error{background-position:0 -140px} .wrap_error .ico_check{background-position:-65px -140px} .wrap_error .ico_info{background-position:-130px -140px} .wrap_error .ico_close{background-position:0 -205px} .wrap_error .ico_install{background-position:-65px -205px} .wrap_error .ico_etc{background-position:-130px -205px} .wrap_error .tit_error{display:block;font-weight:400;font-size:14px;line-height:20px;color:var(--gray900s)} .wrap_error .txt_error{font-size:14px;line-height:20px;color:var(--gray600s)} .wrap_error .page_btn{margin-top:20px;font-size:0;text-align:center} .wrap_error .page_btn .btn_gb,.wrap_error .page_btn .btn_gs{margin:0 5px} .wrap_error .tit_error + .txt_error{margin-top:6px} /* refresh */ .group_refresh{display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative;text-align:center;height:100%} .group_refresh .btn_refresh{display:block;width:32px;height:32px;margin:0 auto;text-align:center} .group_refresh .btn_refresh .ico_refresh{width:32px;height:32px;margin:0 auto;background-position:-285px 0} .group_refresh .desc_refresh{margin-top:10px;font-size:13px;line-height:19px;color:var(--gray600s)} .group_refresh .btn_gs{margin-top:20px} .group_refresh.load_type2 .btn_refresh{width:60px;height:60px} .group_refresh.load_type2 .btn_refresh .ico_refresh{width:60px;height:60px;background-position:-320px 0} .group_refresh.load_type2 .desc_refresh{margin-top:20px;font-size:14px;line-height:20px} .group_refresh .btn_gs{display:inline-block;border:0;background:var(--gray000a);text-align:center;box-sizing:border-box;vertical-align:top} .group_refresh .btn_gs:hover{background:var(--gray070a);text-decoration:none} .group_refresh .btn_gs .inner_g{display:block;height:30px;padding:5px 14px;font-size:12px;line-height:18px;border:1px solid var(--gray070a);color:var(--gray900s);box-sizing:border-box} .group_refresh .btn_gs:disabled,.group_refresh .btn_gs.disabled{pointer-events:none;cursor:default} .group_refresh .btn_gs:disabled:hover,.group_refresh .btn_gs.disabled:hover{background:var(--gray000a)} .group_refresh .btn_gs:disabled .inner_g,.group_refresh .btn_gs.disabled .inner_g{color:var(--gray400s)} .box_errordata .group_refresh{height:100%} /* section Type */ .cont_error{display:flex;align-items:center;justify-content:center;position:relative;height:100%} .cont_error .inner_error{overflow:hidden;text-align:center} .cont_error .ico_comm{width:40px;height:40px;margin:0 auto 10px} .cont_error .ico_error{background-position:0 -270px} .cont_error .tit_error{display:block;font-size:14px;line-height:20px;color:var(--gray900s);font-weight:400} .cont_error .txt_error{margin-top:6px;font-size:14px;line-height:20px;color:var(--gray600s)} .cont_error .inner_error .txt_error:only-child{margin-top:0} .cont_error .page_btn{margin-top:30px;text-align:center} .cont_error .page_btn .btn_gs{margin:0 8px} .cont_error .page_btn{margin-top:20px;text-align:center} .cont_error .page_btn .btn_gs{margin:0 4px}/** notice **/ .wrap_browser{display:flex;align-items:center;justify-content:center;height:100%} .wrap_browser .inner_browser{padding:40px 40px 62px;text-align:center} .wrap_browser .tit_browser{display:block;font-size:26px;line-height:38px;color:var(--gray900s)} .wrap_browser .desc_browser{font-size:14px;line-height:20px;margin-top:10px} .wrap_browser .util_browser{overflow:hidden;margin-top:40px} .wrap_browser .item_util + .item_util{margin-left:30px} .wrap_browser .item_util .link_brower{display:inline-block;vertical-align:top} .wrap_browser .item_util .link_brower:hover{text-decoration:none} .wrap_browser .item_util .thumb_browser{display:flex;align-items:center;justify-content:center;width:150px;height:90px;border:1px solid var(--gray300s);box-sizing:border-box} .wrap_browser .item_util .ico_comm{width:50px;height:50px} .wrap_browser .item_util .ico_ie{background-position:-50px -270px} .wrap_browser .item_util .ico_chrome{background-position:-105px -270px} .wrap_browser .item_util .ico_firefox{background-position:-160px -270px} .wrap_browser .tit_download{display:block;margin-top:12px;font-size:14px;line-height:16px} .wrap_browser .tit_download .ico_comm{display:inline-block;width:14px;height:14px;margin-right:6px;background-position:-200px -20px} .wrap_browser .link_skip{display:inline-block;vertical-align:top;margin-top:40px;font-size:14px;line-height:20px;color:#666;text-decoration:underline}/** 페이징 **/ .paging_comm{height:40px;margin-top:20px;text-align:center} .paging_comm .inner_paging{display:inline-flex;align-items:center;justify-content:center;vertical-align:top} .paging_comm .btn_page{width:40px;height:40px} .paging_comm .btn_page .ico_comm{width:40px;height:40px} .paging_comm .btn_prev{margin-right:15px} .paging_comm .btn_next{margin-left:15px} .paging_comm .btn_fst .ico_comm{background-position:-225px -95px} .paging_comm .btn_prev .ico_comm{background-position:-265px -95px} .paging_comm .btn_next .ico_comm{background-position:-265px -135px} .paging_comm .btn_lst .ico_comm{background-position:-225px -135px} .paging_comm .link_page{display:block;position:relative;width:30px;height:30px;margin:0 5px;line-height:30px;font-size:14px;text-decoration:none;text-align:center} .paging_comm .link_page:hover:after{content:'';position:absolute;left:50%;bottom:3px;width:14px;height:2px;margin-left:-7px;background-color:var(--gray900s)} .paging_comm em.link_page{font-weight:700;color:var(--blue500s)} .paging_comm em.link_page:after,.paging_comm em.link_page:hover:after{display:block;content:'';position:absolute;left:50%;bottom:3px;width:14px;height:2px;margin-left:-7px;background-color:var(--blue500s)} /* 페이징 비활성화 */ .paging_comm .btn_page:disabled{pointer-events:none} .paging_comm .btn_fst:disabled .ico_comm{background-position:-225px -175px} .paging_comm .btn_prev:disabled .ico_comm{background-position:-265px -175px} .paging_comm .btn_next:disabled .ico_comm{background-position:-265px -215px} .paging_comm .btn_lst:disabled .ico_comm{background-position:-225px -215px} .paging_comm .num_skip .ico_comm{display:inline-block;width:12px;height:5px;margin:16px auto 0;background-position:-220px -30px} /* 페이징 필터 */ .paging_comm .item_select{min-width:100px;margin-left:14px}/** Steps **/ .group_step{text-align:center} .group_step:after{content:'';display:block;clear:both} .list_step{display:inline-block;vertical-align:top} .list_step li{float:left} .list_step li .step_info{display:flex;align-items:center;position:relative;font-size:0} .list_step li .step_info:after{content:'';display:inline-block;width:20px;height:20px;margin:0 14px;background:url(//t1.daumcdn.net/biz/ui/bizcomm/comm/ico_comm.png) no-repeat;background-position:-135px -40px;background-size:400px auto} .list_step li:last-child .step_info:after{content:none} .list_step li .num_step{display:inline-block;width:20px;height:20px;margin-right:10px;background-color:var(--gray300s);color:var(--gray050s);font-size:12px;line-height:20px;border-radius:50%;text-align:center;vertical-align:top} .list_step li .txt_step{display:inline-block;vertical-align:top;color:var(--gray500s);font-size:16px;line-height:22px} .list_step li.on .num_step{background-color:var(--gray900s);color:var(--white000s)} .list_step li.on .txt_step{color:var(--gray900s)} .list_step li.on .step_info:after{background-position:-155px -40px} .list_step li.done .num_step{font-size:0;line-height:0;background:url(//t1.daumcdn.net/biz/ui/bizcomm/comm/ico_comm.png) no-repeat;background-size:400px auto;text-indent:-9999px;background-position:-235px -20px} .list_step li.done .txt_step{color:var(--gray900s)} .list_step.step_type2 li{position:relative;padding-bottom:22px} .list_step.step_type2 li .step_info:after{background:none;width:100px;height:1px;background-color:var(--gray300s)} .list_step.step_type2 li.on .step_info:after{background-color:var(--gray900s)} .list_step.step_type2 .desc_step{position:absolute;left:0;right:0;bottom:0;overflow:hidden;min-width:192px;max-width:192px;padding-left:30px;font-size:12px;line-height:18px;color:var(--gray500s);white-space:nowrap;text-overflow:ellipsis;letter-spacing:-0.04em;text-align:left;box-sizing:border-box} /* 로딩케이스 */ .list_step li .num_step.group_loading{background-color:transparent} .list_step li .num_step.group_loading .item_loading{width:20px;height:20px;border-color:var(--gray900s);border-top-color:transparent}/** dropdown **/ .item_select{display:inline-block;position:relative;min-width:170px;max-width:300px;border:1px solid var(--gray200s);font-weight:400;font-size:14px;background:var(--white000s);vertical-align:top;box-sizing:border-box} .item_select + .item_select{margin-left:9px} .item_select:hover{border-color:var(--gray700s)} .item_select.open{border-color:var(--gray700s)} .item_select.disabled{pointer-events:none} .item_select .link_selected{display:flex;align-items:center;overflow:hidden;position:relative;min-height:38px;padding:0 39px 0 10px;line-height:20px;text-align:left;text-decoration:none;box-sizing:border-box} .item_select .link_selected .ico_select{display:inline-block;width:24px;height:24px;margin-right:6px;background-position:-310px -65px} .item_select .link_selected .ico_select.type2{background-position:-335px -65px} .item_select .link_selected .ico_select.type3{background-position:-360px -65px} .item_select .link_selected .img_thumb{width:24px;margin-right:6px} .item_select .link_selected .txt_selected{overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .item_select .link_selected .ico_arrow{position:absolute;right:10px;top:50%;width:18px;height:18px;margin-top:-9px;background-position:-180px 0;vertical-align:middle} .item_select.open .link_selected .ico_arrow{transform:rotate(180deg)} /* select disabled */ .item_select.disabled:hover{border-color:var(--gray200s);pointer-events:none} .item_select.disabled .link_selected{cursor:default;background-color:var(--gray000s);color:var(--gray500s)} .item_select.disabled .link_selected .ico_arrow{background-position:-180px -20px} .item_select.disabled .link_selected .ico_select,.item_select.disabled .link_selected .img_thumb{opacity:.3} /* select error */ .item_select.error{border-color:var(--red500s)} /* select option */ .item_select .layer_option{display:none;position:absolute;left:-1px;right:-1px;top:38px;min-width:100%;background:var(--white000s);border:1px solid var(--gray700s);z-index:30;box-shadow:0px 4px 8px var(--gray120a)} .item_select.open .layer_option{display:block} .item_select .list_option{overflow-y:auto;max-height:200px} .item_select .list_option li{overflow:hidden} .item_select .list_option .link_option{display:block;overflow:hidden;min-height:40px;padding:10px;line-height:20px;box-sizing:border-box;text-decoration:none;text-align:left;text-overflow:ellipsis;white-space:nowrap} .item_select .list_option li .link_option:hover{background-color:var(--gray000s)} .item_select .list_option li.on .link_option{font-weight:700} .item_select .list_option li.on > .link_option{background-color:var(--blue100s)} /* check,radio option */ .item_select .list_option .item_choice{width:100%;padding:10px;box-sizing:border-box} .item_select .list_option li > .item_choice:hover{background-color:var(--gray000s)} .item_select .list_option li.on > .item_choice{background-color:var(--blue100s)} .item_select .list_option li.on > .item_choice .txt_choice{font-weight:700} .list_option .list_suboption .item_choice{padding-left:37px} .item_select .list_option li.disabled .link_option{color:var(--gray400s);pointer-events:none} .item_select .list_option .item_choice.error .txt_choice{color:var(--red500s)} /* select scroll */ .item_select .list_option::-webkit-scrollbar{width:6px;height:6px} .item_select .list_option::-webkit-scrollbar-track{background-color:transparent} .item_select .list_option::-webkit-scrollbar-thumb{background-color:#eee;border-radius:10px} .item_select .list_option::-webkit-scrollbar-thumb:hover{background-color:#919191} .item_select .list_option::-webkit-scrollbar-button{width:6px;height:6px;background:transparent} /* dropdown sorting */ .box_sorting{display:inline-flex;align-items:center;width:300px;box-sizing:border-box;border:1px solid var(--gray200s)} .box_sorting:hover{border-color:var(--gray700s)} .box_sorting.on{border-color:var(--gray700s)} .box_sorting.on_inp .btn_del{display:block} .box_sorting.error{border-color:var(--red500s)} .box_sorting.disabled{pointer-events:none;cursor:default} .box_sorting.disabled .item_select,.box_sorting.disabled .box_tf{background-color:var(--gray000s)} .box_sorting.disabled .link_selected{color:var(--gray500s)} .box_sorting.disabled .link_selected .ico_arrow{background-position:-180px -20px} .box_sorting .item_select{flex:none;min-width:76px;border:0 none} .box_sorting .box_tf{flex:1;border:0 none} .box_sorting .box_tf .inp_txt{overflow:hidden;white-space:nowrap;text-overflow:ellipsis} /* 썸네일형 - 레이어 상세 케이스 */ .layer_option .item_userinfo{display:flex;align-items:center} .layer_option .item_userinfo .img_thumb{flex:none;margin-right:6px} .layer_option .item_userinfo .tit_info{display:block;font-size:14px;line-height:21px;font-weight:normal} .layer_option .desc_userinfo{margin-top:3px;white-space:normal} .layer_option li.on .desc_userinfo{font-weight:normal}/** Input **/ .item_txtinp{display:inline-block;vertical-align:top;width:100%} .item_txtinp:hover .box_tf,.item_txtinp.on .box_tf{border-color:var(--gray700s)} .item_txtinp.error .box_tf,.item_txtinp[class*="disabled"].error:hover .box_tf{border-color:var(--red500s)} .item_txtinp[class*="disabled"] .box_tf{background-color:var(--gray000s);pointer-events:none} .item_txtinp[class*="disabled"]:hover .box_tf{border-color:var(--gray200s)} .item_txtinp[class*="disabled"] .tf_comm{color:var(--gray500s);pointer-events:none} .item_txtinp[class*="disabled"] .txt_unit{color:var(--gray500s)} /* 2025-02-04 비활성화 컬러값 수정(접근성) */ .item_txtinp.disabled2 .box_tf{background-color:var(--gray050s)} .item_txtinp.check .box_tf,.item_txtinp.check:hover .box_tf{border-color:var(--blue500s)}/** 체크박스 **/ .inp_comm{border:0;background:none;border-radius:0;appearance:none;outline:0;opacity:.001} .item_choice{display:inline-block;position:relative;min-width:18px;min-height:18px;vertical-align:top} .item_choice .inp_comm{position:absolute;top:0;left:0;width:100%;height:100%} .item_choice .lab_choice{display:block;position:relative;min-height:18px;cursor:pointer} .item_choice .ico_comm{position:absolute;top:50%;left:0;width:18px;height:18px;margin-top:-9px} .item_choice .ico_check{background-position:0 -75px} .item_choice .inp_comm:disabled + .lab_choice .ico_check{background-position:-20px -75px;cursor:default} .item_choice .inp_comm:checked + .lab_choice .ico_check{background-position:-40px -75px} .item_choice .inp_comm:checked:disabled + .lab_choice .ico_check{background-position:-60px -75px} /* 체크모양 타입 */ .item_choice.type_check .ico_check{background-position:0 -95px} .item_choice.type_check .inp_comm:disabled + .lab_choice .ico_check{background-position:-20px -95px;cursor:default} .item_choice.type_check .inp_comm:checked + .lab_choice .ico_check{background-position:-40px -95px} .item_choice.type_check .inp_comm:checked:disabled + .lab_choice .ico_check{background-position:-60px -95px} /* 카탈로그 타입 */ .item_choice.type_catalog .ico_check{background-position:0 -115px} .item_choice.type_catalog .inp_comm:disabled + .lab_choice .ico_check{background-position:-20px -115px;cursor:default} .item_choice.type_catalog .inp_comm:checked + .lab_choice .ico_check{background-position:-40px -115px} .item_choice.type_catalog .inp_comm:checked:disabled + .lab_choice .ico_check{background-position:-60px -115px} /* 라벨 노출시 */ .item_choice .txt_choice{display:block;padding-left:28px;font-size:14px;line-height:20px}/** 라디오버튼 **/ .item_choice .ico_radio{background-position:0 -55px} .item_choice .inp_comm:disabled + .lab_choice .ico_radio{background-position:-20px -55px;cursor:default} .item_choice .inp_comm:checked + .lab_choice .ico_radio{background-position:-40px -55px} .item_choice .inp_comm:checked:disabled + .lab_choice .ico_radio{background-position:-60px -55px} [class*="tab_basic"] .link_tab:hover{text-decoration:none} /* popup */ .wrap_layer{display:flex;align-items:center;justify-content:space-evenly;flex-wrap:wrap;overflow:auto;position:fixed;z-index:9999;top:0;left:0;right:0;bottom:0;padding:60px 30px} .wrap_layer .layer_foot{padding:0;text-align:right;font-size:0} .wrap_layer .layer_foot [class*="btn_g"]{margin-left:10px} .dimmed_layer{position:fixed;left:0;top:0;z-index:998;width:100%;height:100%;background-color:var(--gray400a)} .fixed_layer{overflow-x:auto;position:fixed;top:0;right:0;bottom:0;z-index:9991} .fixed_layer .basic_layer{position:fixed;top:60px;right:0;bottom:0;max-height:100%;margin:0;padding:0;background-color:var(--white000s);box-sizing:border-box} .fixed_layer .basic_layer .inner_layer{display:flex;flex-direction:column;position:relative;max-height:100%;box-sizing:border-box} .fixed_layer .basic_layer .layer_head{position:relative} .fixed_layer .basic_layer .layer_body{overflow-y:auto;overflow-x:hidden;position:relative;height:100%;max-height:100%;padding:20px 30px 0;margin-top:0;box-sizing:border-box} .fixed_layer .basic_layer .layer_body .inner_body{position:relative;min-height:calc(100% - 108px)} .fixed_layer .basic_layer .layer_foot{padding:0} .fixed_layer .group_btn{position:relative;left:0;right:0;bottom:0;padding:38px 0 30px;font-size:0;text-align:right;background-color:#fff} .fixed_layer .group_btn .btn_gm + .btn_gm{margin-left:10px} .fixed_layer .btn_close{position:absolute;top:0;right:0} .fixed_layer .btn_close{display:block;padding:18px} .fixed_layer .layer_body .inner_body > .box_errordata{height:calc(100vh - 188px)} /* layer */ .basic_layer{position:relative;width:640px;background-color:var(--white000s);box-sizing:border-box} .basic_layer .inner_layer{display:flex;flex-direction:column;justify-content:space-between;max-height:850px} .basic_layer .layer_head{padding:30px 0 20px;margin:0 30px;border-bottom:1px solid var(--gray900s)} .basic_layer .layer_head .tit_layer{display:block;font-size:18px;line-height:26px;font-weight:700;color:var(--gray900s)} .basic_layer .layer_head .desc_layer{margin-top:10px;font-size:12px;line-height:17px;color:var(--gray600s)} .basic_layer .layer_body{flex:1;overflow-x:hidden;overflow-y:auto;padding:20px 30px 0} .basic_layer .inner_body{min-width:580px} .basic_layer .btn_close{position:absolute;top:0;right:0;padding:18px} .basic_layer .btn_close .ico_close{width:14px;height:14px;background-position:-85px -120px} .basic_layer .layer_head .desc_layer2{margin-top:10px;font-size:14px;line-height:19px;color:var(--gray600s)} .basic_layer .layer_foot{padding:20px 30px 30px 0} .basic_layer.type_wide{width:900px} .basic_layer.type_wide2{width:1075px} .basic_layer.type_wide .inner_body{min-width:840px} .basic_layer.type_wide3{width:900px} .basic_layer.type_wide3 .inner_layer{max-height:1071px} .basic_layer .layer_body::-webkit-scrollbar{width:6px;height:6px} .basic_layer .layer_body::-webkit-scrollbar-thumb{background-color:#ddd;border-radius:10px} .basic_layer .layer_body::-webkit-scrollbar-track{background-color:transparent} .basic_layer .layer_body::-webkit-scrollbar-thumb:hover{background:#949494} .basic_layer .layer_body::-webkit-scrollbar-button{width:6px;height:6px;background:transparent} /* alert */ .alert_layer{width:400px;min-height:200px;padding:30px;background-color:var(--white000s);box-sizing:border-box} .alert_layer .layer_body{min-height:80px} .alert_layer .tit_layer{display:block;padding-bottom:10px;font-size:18px;line-height:26px;color:var(--gray900s)} .alert_layer .desc_layer{font-size:14px;line-height:20px;color:var(--gray900s)} .alert_layer .box_info{padding:14px;margin-top:10px;color:var(--gray900s);background:var(--gray000s)} .alert_layer .box_info .tit_box{display:block;font-weight:700;font-size:14px;line-height:20px;color:var(--gray900s)} .alert_layer .box_info .txt_box{display:block;margin-top:8px;font-size:14px;line-height:20px;color:var(--gray900s)} .alert_layer .box_info .txt_choice{color:var(--gray700s)} .alert_layer .box_info .item_choice .ico_comm{top:0;margin:0} .alert_layer .wrap_switch{padding:14px 0 4px;margin-top:10px} .wrap_switch .tit_switch{display:inline-block;margin-right:10px;font-weight:400;font-size:14px;line-height:28px;color:var(--gray900s);vertical-align:top} .alert_layer .layer_foot{padding-top:20px} /* contents layout */ .cont_wrap{width:100%;min-width:1180px;max-width:1320px;margin:44px auto 0} .cont_tit{position:relative;padding-bottom:28px;border-bottom:2px solid #424242} .cont_tit:after{content:'';display:block;visibility:hidden;height:0;font-size:0;clear:both} .cont_tit .tit_g{display:block;font-size:26px;line-height:38px;color:var(--gray900s)} .cont_tit .list_append{padding-top:10px} .cont_tit .list_append li{position:relative;padding-left:21px;font-size:14px;line-height:20px;color:var(--gray600s)} .cont_tit .list_append li:before{position:absolute;top:7px;left:9px;width:4px;height:4px;border-radius:50%;background:var(--gray600s);content:''} .cont_tit .list_append .btn_ch{margin:-12px 0 -10px} .cont_tit .link_prev{position:absolute;top:-2px;left:0} /* tab - Filled형 type1 */ /* tab - Filled형 type1 */ .tab_basic .list_tab{position:relative;height:50px;background:var(--white000s);border:1px solid var(--gray200s);border-left:0 none;border-top:0 none;box-sizing:border-box} .tab_basic .list_tab li{float:left;position:relative} .tab_basic .list_tab li .link_tab{position:relative;z-index:1;display:inline-block;height:50px;padding:0 30px;margin-top:0;border:1px solid var(--gray200s);border-top:0 none;border-right:0 none;font-size:15px;line-height:50px;color:var(--gray600s);background:var(--white000s);box-sizing:border-box;vertical-align:top;text-align:center} .tab_basic .list_tab li:last-child .link_tab{border-right:0} .tab_basic .list_tab li + li .link_tab{border-left:none} .tab_basic .list_tab li .link_tab[aria-selected="true"]{border-color:var(--blue700s);color:var(--white000s);font-weight:bold;background:var(--blue700s)} .tab_basic .list_tab li .link_tab[aria-disabled="true"]{color:var(--gray400s);cursor:default} .tab_basic .list_tab li .tooltip_info{top:38px;left:80px;min-width:81px;height:17px;padding:8px;font-weight:400;font-size:12px;line-height:17px;color:var(--white000s)} /* tab - Filled형 type2 */ .tab_basic2 .list_tab{position:relative;height:50px;background:var(--gray000s);border:1px solid var(--gray200s);border-left:0 none;box-sizing:border-box} .tab_basic2 .list_tab li{float:left} .tab_basic2 .list_tab li .link_tab{position:relative;z-index:1;display:inline-block;height:50px;padding:0 30px;margin-top:-1px;border:1px solid var(--gray200s);font-size:15px;line-height:50px;color:var(--gray600s);background:var(--gray000s);vertical-align:top;box-sizing:border-box} .tab_basic2 .list_tab li + li .link_tab{border-left:none} .tab_basic2 .list_tab li .link_tab[aria-selected="true"]{border-bottom-color:var(--white000s);color:var(--gray900s);font-weight:bold;background:var(--white000s)} .tab_basic2.type_full .list_tab{display:flex} .tab_basic2.type_full .list_tab li{flex:1} .tab_basic2.type_full .list_tab .link_tab{display:block;text-align:center} .tab_basic2.type_full .list_tab li:last-child .link_tab{border-right:0 none} /* tab - Filled형 type3 */ .tab_basic3 .list_tab{position:relative;height:30px;background:var(--white000s);border:1px solid var(--gray200s);border-left:0 none;box-sizing:border-box} .tab_basic3 .list_tab li{float:left} .tab_basic3 .list_tab li .link_tab{position:relative;z-index:1;display:inline-block;height:30px;padding:0 12px;margin-top:-1px;border:1px solid var(--gray200s);font-size:12px;line-height:30px;color:var(--gray600s);background:var(--white000s);box-sizing:border-box;vertical-align:top} .tab_basic3 .list_tab li + li .link_tab{border-left:none} .tab_basic3 .list_tab li .link_tab[aria-selected="true"]{border-color:var(--blue700s);color:var(--white000s);background:var(--blue700s)} /* tab - line형 type1 */ .tab_line .list_tab{overflow:hidden;position:relative;height:50px;background:var(--white000s)} .tab_line .list_tab:before{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--gray200s)} .tab_line .list_tab li{float:left;box-sizing:border-box} .tab_line .list_tab li .link_tab{display:inline-block;height:50px;padding:0 16px;font-size:14px;line-height:50px;color:var(--gray600s);background:var(--white000s);box-sizing:border-box;vertical-align:top} .tab_line .list_tab li .link_tab:after{display:none;content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--gray900s)} .tab_line .list_tab li .link_tab:hover{text-decoration:none} .tab_line .list_tab li + li{margin-left:10px} .tab_line .list_tab li + li .link_tab{border-left:none} .tab_line .list_tab li .link_tab[aria-selected="true"]{position:relative;color:var(--gray900s);font-weight:bold} .tab_line .list_tab li .link_tab[aria-selected="true"]:after{display:block} /* tab - line형 type2 */ .tab_line2 .list_tab{overflow:hidden;position:relative;height:34px;background:var(--white000s)} .tab_line2 .list_tab:before{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--gray200s)} .tab_line2 .list_tab li{float:left;padding:0;box-sizing:border-box} /* 여백확인필요 */ .tab_line2 .list_tab li .link_tab{position:relative;display:inline-block;height:34px;font-size:26px;line-height:34px;color:var(--gray600s);box-sizing:border-box;vertical-align:top} .tab_line2 .list_tab li .link_tab:after{display:none;content:'';position:absolute;bottom:0;left:5px;right:0;height:2px;background:var(--gray900s)} .tab_line2 .list_tab li:last-child .link_tab{padding-right:0} .tab_line2 .list_tab li:first-child .link_tab:after{left:0} .tab_line2 .list_tab li:last-child .link_tab:after{right:0} .tab_line2 .list_tab li .link_tab:hover{text-decoration:none} .tab_line2 .list_tab li + li .link_tab{margin-left:30px;border-left:none} .tab_line2 .list_tab li .link_tab[aria-selected="true"]{color:var(--gray900s);font-weight:bold} .tab_line2 .list_tab li .link_tab[aria-selected="true"]:after{display:block} /* table */ .box_errordata{display:table;width:100%;height:100%} .box_errordata .inner_error{overflow:hidden;text-align:center} .tbl_g .box_errordata{min-height:250px;background:var(--white000s)} .tbl_g .box_errordata .desc_error{display:table-cell;height:100%;font-size:14px;line-height:20px;color:var(--gray500s);text-align:center;vertical-align:middle} .tbl_g .box_errordata .inner_error{display:table-cell;vertical-align:middle} .box_errordata .ico_comm{width:40px;height:40px;margin:0 auto 10px;background-position:0 -270px} .box_errordata .tit_error{display:block;font-weight:400;font-size:14px;line-height:20px;color:var(--gray900s)} .box_errordata .txt_error{margin-top:6px;font-size:14px;line-height:20px;color:var(--gray600s)} .box_errordata .page_btn{margin-top:20px;text-align:center} .box_errordata .page_btn [class*="btn_g"]{margin-top:0} .tbl_g .loading .box_errordata{min-height:70px} /* Table Filter */ .tblg_filter{min-height:60px;padding:10px 12px;background-color:var(--gray100s);box-sizing:border-box} .tblg_filter + .tblg_wrap{border-top:0 none} .tblg_filter .group_tf{float:left;font-size:0} .tblg_filter .group_tf + .group_tf{margin-left:20px} .tblg_filter .tit_g{display:inline-block;padding-right:12px;font-weight:400;font-size:12px;line-height:40px;color:var(--gray600s);letter-spacing:-0.4px;vertical-align:top} .tblg_filter .item_select + .item_txtinp{margin-left:10px} .tblg_filter .box_sorting .item_select + .item_txtinp{margin-left:0}/** Table (가로형) **/ .tblg_wrap2{border-top:1px solid var(--gray200s);border-bottom:1px solid var(--gray200s)} .tblg_wrap2 .tbl_g{table-layout:fixed;width:100%;border-collapse:collapse;background-color:var(--white000s);border:none} .tblg_wrap2 .tbl_g thead th{height:49px;border-right:1px solid var(--gray100s);border-bottom:1px solid var(--gray100s);font-size:12px;font-weight:400;color:var(--gray600s);background:var(--gray000s);text-align:left} .tblg_wrap2 .tbl_g thead th:last-child{border-right:none} .tblg_wrap2 .tbl_g tbody th{height:50px;border-right:1px solid var(--gray100s);border-bottom:1px solid var(--gray100s);font-size:14px;font-weight:400;color:var(--gray900s);background:var(--gray000s);text-align:left} .tblg_wrap2 .tbl_g tbody td{height:50px;border-right:1px solid var(--gray100s);border-bottom:1px solid var(--gray100s);font-size:14px;color:var(--gray900s);word-break:break-all} .tblg_wrap2 .tbl_g tbody tr td:last-child{border-right:none} .tblg_wrap2 .tbl_g tbody tr:last-child th,.tblg_wrap2 .tbl_g tbody tr:last-child td{border-bottom:none} .tblg_wrap2 .tbl_g .inner_tbl{position:relative;width:100%;padding:14px 10px 14px 12px;line-height:22px;box-sizing:border-box} .tblg_wrap2 .tbl_g td .inner_tbl{padding-right:0} .tblg_wrap2 .tbl_g .inner_tbl .btn_gs{margin-top:-4px;margin-bottom:-4px} .tblg_wrap2 .tbl_g .inner_tbl .fw_bold + .btn_gs{margin-left:7px} .tblg_wrap2 .tbl_g thead th.align_c{text-align:center} .tblg_wrap2 .tbl_g .txt_tbl{display:inline-block;line-height:40px;vertical-align:top} .tblg_wrap2 .tbl_g .inner_tbl .group_tf{font-size:0} /* 알림 레이어 */ .fixed_layer .layer_alarm{width:410px;padding:0} .fixed_layer .layer_alarm .layer_head{overflow:visible;position:relative;height:auto;padding:30px 0 20px 40px;margin:0 30px;border-bottom:0} .fixed_layer .layer_alarm .layer_head .tit_layer{display:block;font-weight:700;font-size:18px;line-height:30px;color:var(--gray900s)} .fixed_layer .layer_alarm .layer_head .tit_layer .ico_alarm{position:absolute;left:0;top:30px;width:30px;height:30px;margin-right:10px;background-position:0 -15px} .fixed_layer .layer_alarm .layer_head .desc_layer{margin-top:5px;font-weight:500;font-size:14px;line-height:20px;color:var(--gray600s)} .fixed_layer .layer_alarm .layer_head .link_em{display:inline-block;margin:15px 0 4px;font-size:14px;line-height:20px;color:var(--blue500s);vertical-align:top} .fixed_layer .layer_alarm .layer_head .link_em .ico_arr{width:14px;height:14px;margin:4px 0 0 0;background-position:-120px -20px} .fixed_layer .layer_alarm .layer_head .link_em:hover{text-decoration:none} .fixed_layer .layer_alarm .layer_body{display:block;margin-top:0;padding:0 0 0 30px} .layer_alarm .item_wrap{width:350px} .layer_alarm .item_wrap .list_item li{width:100%} .layer_alarm .item_wrap .item_message{height:auto;padding:0} .layer_alarm .item_wrap .link_item{display:block;padding:20px;text-decoration:none} .layer_alarm .item_wrap .item_message .txt_cate{font-size:13px;line-height:18px} .layer_alarm .item_wrap .item_message .ico_cate{width:18px;height:18px;margin-right:6px} .layer_alarm .item_wrap .item_message .tit_message{max-height:46px;font-size:16px;line-height:23px;-webkit-line-clamp:2} .layer_alarm .item_wrap .item_message .desc_message{max-height:57px;margin-top:4px;font-size:13px;line-height:19px;-webkit-line-clamp:3} .layer_alarm .item_wrap .read .item_message{background:var(--gray000s)} .layer_alarm .box_errordata .txt_error{margin-top:76px;font-size:14px;line-height:20px;color:var(--gray900s);text-align:center} .item_wrap .read .item_message .txt_cate,.item_wrap .read .item_message .tit_message,.item_wrap .read .item_message .desc_message,.item_wrap .read .item_message .txt_update{color:var(--gray400s)} .layer_alarm .group_loading,.layer_alarm .group_refresh{height:calc(100vh - 204px)} .layer_alarm .group_refresh.load_type2 .desc_refresh{font-size:13px;line-height:19px} .layer_alarm .list_item .group_loading{height:auto;padding:43px 0} /* (공통) 타이틀 우측영역 */ .cont_tit .tit_util{position:absolute;top:-1px;right:0;display:flex;align-items:center;min-height:40px} .cont_tit .tit_util:after{content:'';display:block;visibility:hidden;height:0;font-size:0;clear:both} .cont_tit .tit_util .btn_gm,.cont_tit .tit_util .btn_gb{margin-left:10px} .cont_tit .tit_util .btn_gm .ico_cont.ico_help{margin:3px -6px 0} .cont_tit .tit_util .link_em + .btn_gm,.cont_tit .tit_util .link_em + .btn_gb{margin-left:20px} .cont_tit .tit_util .link_em{margin-left:20px} .cont_tit .tit_util .link_em .ico_help{width:12px;height:12px;margin:5px 6px 0 -20px;background-position:0 0} .link_em.g_line{text-decoration:underline} /* banner */ .guide_bnr{position:fixed;top:0;left:0;right:0;z-index:100;height:50px;text-align:center;background-color:var(--blue500s)} .guide_bnr .inner_bnr{position:relative} .guide_bnr .link_close{position:absolute;top:0;right:0;padding:18px} .guide_bnr .link_close .ico_comm{width:14px;height:14px} .guide_bnr .link_close .ico_close{background-position:-125px -120px} .guide_bnr .info_bnr{display:flex;align-items:center;justify-content:center;text-align:center;vertical-align:top;font-size:14px;line-height:20px} .guide_bnr .desc_bnr{display:inline-block;font-size:14px;line-height:50px;color:var(--gray900s);vertical-align:top;color:var(--white000s)} .guide_bnr .desc_bnr strong{margin-right:10px} .guide_bnr .btn_gs{min-width:75px;margin:0 0 0 20px;background-color:transparent;border:1px solid var(--white000s)} .guide_bnr .btn_gs .inner_g{color:var(--white000s)} .guide_bnr.bnr_type2{background-color:var(--blue100s)} .guide_bnr.bnr_type3{background-color:var(--white000s)} .guide_bnr.bnr_type2 .link_close .ico_close,.guide_bnr.bnr_type3 .link_close .ico_close{background-position:-105px -120px} .guide_bnr.bnr_type2 .desc_bnr,.guide_bnr.bnr_type3 .desc_bnr{color:var(--gray900s)} .guide_bnr.bnr_type2 .btn_gs,.guide_bnr.bnr_type3 .btn_gs{border-color:var(--blue500s)} .guide_bnr.bnr_type2 .btn_gs .inner_g,.guide_bnr.bnr_type3 .btn_gs .inner_g{color:var(--blue500s)} /* //develop.css(reset.css,color.css,font.css 제외) */ /* (공통) 테이블 */ .tblg_wrap .tbl_g .inner_tbl{letter-spacing:-0.2px} .tblg_wrap .tbl_g .inner_tbl .after_item{display:inline-block;margin-left:8px;vertical-align:top} .tbl_g .inner_tbl .group_tf{margin:-9px 0} .tbl_g .inner_tbl .group_tf .btn_gm{margin-left:10px} .tblg_wrap .tbl_g .inner_tbl .btn_gs{margin:-5px 0} /* (공통) 테이블 상단 */ .tblg_subject{display:table;width:100%;padding:13px 0;border-bottom:1px solid var(--gray100s)} .tblg_subject:after{content:'';display:block;visibility:hidden;height:0;font-size:0;clear:both} .tblg_subject .info_subject{display:table-cell;font-size:14px;line-height:23px;color:var(--gray700s);vertical-align:middle} .f_right .group_tf{float:left} .f_right .group_tf .btn_gm + .btn_gm{margin-left:10px} /* 공통 넓이 */ .w46{min-width:46px;max-width:46px} .w80{min-width:80px;max-width:80px} .w90{min-width:90px;max-width:90px} .w98{min-width:98px;max-width:98px} .w100{min-width:100px;max-width:100px} .w117{min-width:117px;max-width:117px} .w120{min-width:120px;max-width:120px} .w150{min-width:150px;max-width:150px} .w160{min-width:160px;max-width:160px} .w170{min-width:170px;max-width:170px} .w199{min-width:199px;max-width:199px} .w200{min-width:200px;max-width:200px} .w250{min-width:250px;max-width:250px} .w300{min-width:300px;max-width:300px} .w320{min-width:320px;max-width:320px} .w360{min-width:360px;max-width:360px} .w420{min-width:420px;max-width:420px} .w460{min-width:460px;max-width:460px} .w500{min-width:500px;max-width:500px} .w670{min-width:670px;max-width:670px} .w_flex{min-width:100%;max-width:100%;width:100%} /* 비즈 PC 공통 디자인 */ /* sub */ /* 메시지 대시보드 > 수신함 알림 */ /* item filter */ .group_tf{font-size:0} .item_select .list_option li.on .inp_comm + .lab_choice .txt_choice{font-weight:400} .item_filter{min-height:60px;padding:10px 12px;background-color:var(--gray100s);box-sizing:border-box} .item_filter .group_tf{float:left;font-size:0} .item_filter .group_tf + .group_tf{margin-left:20px} .item_filter .tit_g{display:inline-block;padding-right:12px;font-weight:400;font-size:12px;line-height:40px;color:var(--gray600s);letter-spacing:-0.4px;vertical-align:top} .item_filter .item_select + .item_txtinp{margin-left:10px} .item_filter .box_sorting .item_select + .item_txtinp{margin-left:0} .item_filter .item_select,.item_filter .box_tf{border:1px solid transparent} .item_filter .group_tf .txt_bar{font-size:14px} .item_subtit{padding:20px 0} .item_subtit .info_subject{font-size:14px;line-height:20px;color:var(--gray700s)} .item_wrap .list_item{display:flex;flex-wrap:wrap;margin:-5px} .item_wrap .list_item li{width:calc(25% - 10px);padding:5px} .item_wrap .list_item .item_message .txt_update{position:absolute;top:21px;right:19px;font-size:12px;line-height:17px;color:var(--gray500s)} .item_wrap .item_message{position:relative;height:349px;margin:0;padding:20px;border:1px solid var(--gray100s);box-sizing:border-box} .item_wrap .item_message:hover{border-color:var(--gray900s);box-shadow:0px 2px 8px rgba(0,0,0,0.15)} .item_wrap .item_message .txt_cate{font-weight:700;font-size:14px;line-height:24px;color:var(--gray700s)} .item_wrap .item_message .ico_cate{display:inline-block;overflow:hidden;width:24px;height:24px;margin-right:10px;border-radius:5px;vertical-align:top} .item_wrap .item_message .ico_cate .img_g{width:100%;height:100%} .item_wrap .item_message .tit_message{display:block;display:-webkit-box;overflow:hidden;max-height:130px;margin-top:15px;font-weight:700;font-size:18px;line-height:26px;color:var(--gray900s);word-wrap:break-word;-webkit-line-clamp:5;-webkit-box-orient:vertical;white-space:normal} .item_wrap .item_message .desc_message{display:block;display:-webkit-box;overflow:hidden;max-height:80px;margin-top:10px;font-size:14px;line-height:20px;color:var(--gray700s);word-wrap:break-word;-webkit-line-clamp:4;-webkit-box-orient:vertical;white-space:normal} .item_wrap .item_message .btn_gs{position:absolute;right:20px;bottom:20px;font-weight:400} .message_wrap .item_subtit + .box_errordata{margin-top:-1px} .tab_cont > .box_errordata{height:397px;margin-top:60px;border-top:1px solid var(--gray200s);border-bottom:1px solid var(--gray200s)} .box_errordata .cont_error{height:100%} .tab_cont > .cont_error{height:250px;margin-top:60px;border-top:1px solid var(--gray200s);border-bottom:1px solid var(--gray200s)} .group_refresh .page_btn{margin-top:20px} .box_errordata .group_loading{height:100%} .box_errordata .group_loading .item_loading{display:inline-block;width:32px;height:32px;border:2px solid var(--gray600s);border-top-color:transparent;border-radius:100%;box-sizing:border-box;animation:loadingCircle 1s linear infinite} .box_errordata [class*="btn_g"]{margin-top:20px;font-weight:400} /* 광고만들기 */ .wrap_category{display:flex;position:relative} .wrap_category .inner_category{display:flex;flex-direction:column;justify-content:center;width:100%;min-height:640px;height:calc(100vh - 332px)} .wrap_category .tit_group{display:block;font-weight:400;font-size:18px;line-height:23px;color:var(--gray900s)} .wrap_category .list_item{display:flex;justify-content:flex-start;margin:20px -8px 0 -7px} .wrap_category .list_item li{flex:1;position:relative;max-width:430px;margin:0 8px 0 7px} .wrap_category .list_item .link_item{display:block;height:100%;padding:40px 45px 40px 40px;border:1px solid var(--gray100s);text-decoration:none;box-sizing:border-box} .wrap_category .list_item .link_item:hover{background:var(--gray000s)} .wrap_category .list_item .on .link_item:hover{background:var(--white000s)} .wrap_category .list_item .link_item:after{display:block;clear:both;content:''} .wrap_category .link_item .tit_item{display:inline-block;padding:0 10px;border-radius:4px;font-weight:700;font-size:12px;line-height:27px;color:var(--blue500s);background:var(--blue100s);vertical-align:top} .wrap_category .link_item .txt_item{display:block;margin-top:20px;font-size:16px;line-height:26px;color:var(--gray900s);vertical-align:top} .wrap_category .list_item .on .link_item{border-color:var(--gray700s);box-shadow:0px 2px 8px rgba(0,0,0,0.15)} .wrap_category .list_item .info_item{float:left} .wrap_category .list_item .thumb_item{overflow:hidden;float:right;border-radius:5px;box-shadow:0px 2px 8px rgba(0,0,0,0.15)} .wrap_category .list_item .thumb_item .img_g{width:120px} .wrap_category .list_item .link_gm{position:absolute;left:40px;bottom:40px} .wrap_category .area_btn{margin-top:60px;font-size:0;text-align:right} .wrap_category .area_btn .btn_gb{font-weight:400} .wrap_category .area_btn .btn_gb + .btn_gb{margin-left:10px} /* 광고만들기 - 유형 선택 */ .btn_change{display:inline-block;width:30px;height:30px;border-radius:50%;border:1px solid var(--gray200s);background:var(--white000s);vertical-align:top;box-sizing:border-box} .btn_change:hover{border-color:var(--gray200s);background:var(--gray070a)} .btn_change .ico_cont{width:28px;height:28px;background-position:-165px -15px} .cont_tit.tit_type2 .tit_g{display:inline-block;vertical-align:top} .cont_tit .tit_g .btn_change{margin:4px 0 0 10px} .cont_tit .tit_g .fc_emph{font-weight:inherit} .layer_option{position:absolute;z-index:100;min-width:198px;border:1px solid var(--gray700s);background:var(--white000s);box-shadow:0px 4px 8px rgba(0,0,0,0.1)} .layer_option .link_option{display:block;padding:0 10px;font-weight:400;font-size:14px;line-height:40px;color:var(--gray900s);text-decoration:none} .layer_option .link_option:hover{background:var(--gray000s)} .layer_option .on .link_option,.layer_option .on .link_option:hover{font-weight:700;background:var(--blue100s)} .wrap_create{display:flex;margin-top:50px;padding-bottom:20px} .wrap_create .subtit_item{display:block;padding:35px 0 15px;font-size:14px;line-height:20px;color:var(--gray900s)} .wrap_create .create_list{position:relative;width:240px} .wrap_create .create_type{flex:1;position:relative;margin-left:40px} .wrap_create .create_guide{position:relative;width:320px;min-height:295px;height:100%;margin-left:40px} .wrap_create .list_item li{position:relative;border:1px solid var(--gray100s)} .wrap_create .list_item li.error{border-color:var(--red500s)} .wrap_create .list_item .link_item{display:flex;align-items:center;padding:0 23px;font-size:16px;line-height:63px;color:var(--gray900s);text-decoration:none} .wrap_create .list_item .link_item:hover{background:var(--gray000s)} .wrap_create .list_item li + li{margin-top:-1px} .wrap_create .list_item .on{z-index:1;border-color:var(--gray700s);box-shadow:0px 2px 8px rgba(0,0,0,0.15)} .wrap_create .list_item .on .link_item{font-weight:700} .wrap_create .list_item .on .link_item:hover{background:var(--white000s)} .wrap_create .ico_tag{display:inline-block;min-width:27px;height:18px;padding:0 3px;margin-left:8px;border-radius:3px;font-weight:400;font-size:11px;line-height:19px;vertical-align:top} .wrap_create .ico_tag.ico_new{color:var(--blue500s);background:rgba(50,110,220,0.14)} .wrap_create .ico_tag.ico_beta{color:var(--red500s);background:rgba(244,85,30,0.14)} .wrap_create .list_item .link_gs{position:absolute;top:50%;right:23px;transform:translateY(-50%);font-size:12px;line-height:18px;color:var(--gray900s)} .wrap_create .create_guide .subtit_item{padding:15px 0 8px} .wrap_create .create_guide .info_item{padding-bottom:14px} .wrap_create .create_guide .info_item .link_em{display:inline-block;position:relative;padding-left:16px;font-weight:400;font-size:12px;line-height:20px;vertical-align:top} .wrap_create .create_guide .info_item .link_em .ico_cont{position:absolute;left:0;top:5px;width:12px;height:12px} .wrap_create .create_guide .info_item .link_em .ico_help{background-position:0 0} .wrap_create .create_guide .info_item .link_em + .link_em{margin-left:10px} .wrap_create .create_guide .tit_item .link_em{float:right;margin:1px 0 0 16px;font-weight:400;font-size:12px;line-height:20px} .wrap_create .create_guide .info_item .link_em .ico_vod{background-position:-125px 0} .wrap_create .desc_item{font-size:14px;line-height:20px;color:var(--gray600s)} .wrap_create .guide_item .tit_item{display:block;font-weight:700;font-size:16px;line-height:23px;color:var(--gray900s)} .wrap_create .guide_item .tit_item .ico_tag{margin-top:2px} .wrap_create .guide_item .tit_item + .info_item{padding:9px 0 4px} .wrap_create .guide_item .desc_item{margin-top:8px;font-size:14px;line-height:20px;color:var(--gray600s)} .wrap_create .guide_item .box_item{position:relative;width:100%;margin-top:20px;background:var(--gray000s)} .wrap_create .guide_item .wrap_item{padding:25px 0;text-align:center} .wrap_create .guide_item .thumb_item{display:inline-block;overflow:hidden;min-width:130px;border-radius:4px;background:var(--white000s);box-shadow:0px 2px 8px rgba(0,0,0,0.15);vertical-align:top} .wrap_create .guide_btn{position:absolute;bottom:0;width:100%} .wrap_create .guide_btn .inner_btn{font-size:0;text-align:right} .wrap_create .guide_btn .btn_gb{font-weight:400} .wrap_create .guide_btn .btn_gb + .btn_gb{margin-left:10px} .wrap_create .guide_item .item_carousel{overflow:hidden;margin-left:0;padding-bottom:26px} .wrap_create .guide_item .item_carousel .wrap_item{position:relative;padding:25px 0} .wrap_create .guide_item .item_carousel .list_thumb{display:flex;align-items:center} .wrap_create .guide_item .item_carousel .list_thumb:after{display:block;clear:both;content:''} .wrap_create .guide_item .item_carousel .list_thumb li{float:left;width:320px} .wrap_create .guide_item .paging_item{position:absolute;bottom:21px;left:0;width:100%;text-align:center} .wrap_create .guide_item .paging_item .inner_paging{display:inline-block;overflow:hidden} .wrap_create .guide_item .paging_item .btn_paging{float:left;width:14px;height:14px;padding:4px;box-sizing:border-box} .wrap_create .guide_item .paging_item .btn_paging .inner_g{display:block;overflow:hidden;width:6px;height:6px;border-radius:50%;font-size:0;line-height:0;background:var(--gray150a)} .wrap_create .guide_item .paging_item .btn_paging.on .inner_g,.wrap_create .guide_item .paging_item em.btn_paging .inner_g{background:var(--gray900s)} .wrap_create .guide_item .btn_prev{position:absolute;top:50%;left:10px;transform:translateY(-50%);padding:20px 10px} .wrap_create .guide_item .btn_prev .ico_cont{width:18px;height:18px;background-position:-120px -50px} .wrap_create .guide_item .btn_next{position:absolute;top:50%;right:10px;transform:translateY(-50%);padding:20px 10px} .wrap_create .guide_item .btn_next .ico_cont{width:18px;height:18px;background-position:-140px -50px} .wrap_create .guide_item .btn_prev.disabled,.wrap_create .guide_item .btn_next.disabled{pointer-events:none} .wrap_create .guide_item .btn_prev.disabled .ico_cont{background-position:-160px -50px} .wrap_create .guide_item .btn_next.disabled .ico_cont{background-position:-180px -50px} .wrap_create .list_item + .desc_error{position:absolute;right:0;top:2px;margin-top:0} .wrap_create .subtit_item:first-of-type{padding-top:0} /* 광고자산관리 > 카카오쇼핑 연동관리 */ .shopping_wrap .cont_biz{margin-top:30px} .shopping_wrap .cont_biz .tbl_g .btn_gs{margin-left:10px} .shopping_wrap .cont_biz .tbl_g .link_tooltip{margin:2px 0 0 4px} /* sub */ /* 비즈 PC 공통 디자인 */ /* 알림 레이어 */ .fixed_layer .layer_alarm{width:410px;padding:0} .fixed_layer .layer_alarm .inner_layer{padding-bottom:0} .fixed_layer .layer_alarm .layer_head{overflow:visible;position:relative;height:auto;padding:30px 0 0 40px;margin:0 30px;border-bottom:0} .fixed_layer .layer_alarm .layer_head .tit_layer{display:block;font-weight:700;font-size:18px;line-height:30px;color:var(--gray900s)} .fixed_layer .layer_alarm .layer_head .tit_layer .ico_alarm{position:absolute;left:0;top:30px;width:30px;height:30px;margin-right:10px;background-position:0 -15px} .fixed_layer .layer_alarm .layer_head .desc_layer{margin-top:5px;font-weight:500;font-size:14px;line-height:20px;color:var(--gray600s)} .fixed_layer .layer_alarm .layer_head .link_em{display:inline-block;margin:15px 0 4px;font-size:14px;line-height:20px;color:var(--blue500s);vertical-align:top} .fixed_layer .layer_alarm .layer_head .link_em .ico_arr{width:14px;height:14px;margin:4px 0 0 0} .fixed_layer .layer_alarm .layer_head .link_em:hover{text-decoration:none} .fixed_layer .layer_alarm .layer_body{display:block;padding:20px 0 0 30px} .layer_alarm .item_wrap{width:350px} .layer_alarm .item_wrap .list_item li{width:100%} .layer_alarm .item_wrap .item_message{height:auto;padding:0} .layer_alarm .item_wrap .link_item{display:block;padding:20px;text-decoration:none} .layer_alarm .item_wrap .item_message .txt_cate{font-size:13px;line-height:18px} .layer_alarm .item_wrap .item_message .ico_cate{width:18px;height:18px;margin-right:6px} .layer_alarm .item_wrap .item_message .tit_message{max-height:46px;font-size:16px;line-height:23px;-webkit-line-clamp:2} .layer_alarm .item_wrap .item_message .desc_message{max-height:57px;margin-top:4px;font-size:13px;line-height:19px;-webkit-line-clamp:3} .layer_alarm .item_wrap .read .item_message{background:var(--gray000s)} .layer_alarm .box_errordata .txt_error{margin-top:76px;font-size:14px;line-height:20px;color:var(--gray900s);text-align:center} .layer_alarm .group_loading,.layer_alarm .group_refresh{height:calc(100vh - 204px)} .layer_alarm .group_refresh.load_type2 .desc_refresh{font-size:13px;line-height:19px} .layer_alarm .list_item .group_loading{height:auto;padding:43px 0} /* (popup)상세보기 */ .basic_layer .layer_head .desc_date{font-size:14px;line-height:19px;color:var(--gray600s)} /* (popup)권장사항 알림 설정 상세 */ .basic_layer .layer_tit{display:block;margin-top:20px;padding-bottom:9px;font-size:14px;font-weight:bold;color:var(--gray900s);line-height:20px} .basic_layer .layer_tit:first-child{margin-top:0} .fixed_layer .layer_setting .layer_body .group_btn{position:relative;padding:30px 0} .fixed_layer .layer_setting{width:900px} .fixed_layer .layer_setting .inner_layer{padding-bottom:0} .layer_setting .tblg_wrap2 .tbl_g thead th{color:#666} .layer_setting .item_txtinp{width:100px;margin:0 10px} /* (popup) 달력 레이어 */ .fixed_layer .layer_head .f_right{position:absolute;bottom:20px;right:0} .fixed_layer .layer_body .layout_cols{display:flex} .fixed_layer .layer_body .wrap_calender{width:540px;margin-top:10px} .fixed_layer .layer_body .wrap_result{width:270px;margin:10px 0 0 30px} .fixed_layer .layer_body .layout_cols + .box_info{margin-top:20px;border-radius:0} .wrap_calender .date_calendar{position:relative} .wrap_calender .btn_today{position:absolute;top:0;left:0;background:var(--white000s)} .wrap_calender .btn_today .inner_g{border-color:var(--gray150a)} .wrap_calender .btn_today:hover{background:var(--white000s)} .wrap_calender .btn_today:hover .inner_g{background:var(--gray050a)} .wrap_calender .tit_date{display:block;margin-bottom:20px;padding-left:144px;height:30px;font-size:20px;line-height:30px;color:var(--gray900s)} .wrap_calender .tit_date .txt_num{font-family:'Roboto',sans-serif} .wrap_calender .tbl_calendar{width:100%;border-top:1px solid var(--gray200s);border-bottom:1px solid var(--gray200s);border-collapse:collapse;text-align:center} .wrap_calender .calendar_head .tbl_calendar{border-bottom-color:var(--gray100s)} .wrap_calender .calendar_body{overflow-x:hidden;overflow-y:auto;height:calc(100% - 132px)} .wrap_calender .calendar_body .tbl_calendar{border-top:0} .wrap_calender .calendar_body tr:first-child td{border-top:0} .wrap_calender .tbl_calendar th{font-weight:400;font-size:12px;color:var(--gray600s);background:var(--gray000s)} .wrap_calender .tbl_calendar th .inner_tbl{padding:14px 10px 14px 12px;line-height:20px} .wrap_calender .tbl_calendar td{height:101px;border-top:1px solid var(--gray100s);text-align:center;vertical-align:top} .wrap_calender .calendar_week6 .tbl_calendar td{height:84px} .wrap_calender .tbl_calendar .calendar_body .inner_tbl{position:relative;height:100%;padding-top:14px;box-sizing:border-box} .wrap_calender .tbl_calendar .txt_date{display:inline-block;min-width:24px;height:24px;margin-top:11px;font-size:14px;line-height:24px;font-family:'Roboto',sans-serif;color:var(--gray700s);text-align:center;vertical-align:top} .wrap_calender .tbl_calendar td:first-child .txt_date{color:var(--red500s)} .wrap_calender .tbl_calendar td.today .txt_date{border-radius:50%;font-weight:700;color:var(--blue500s);background:var(--blue100s)} .wrap_calender .link_option{display:inline-block;margin-top:16px;vertical-align:top;text-decoration:underline} .wrap_calender .link_option .txt_option{font-size:12px;line-height:14px;color:var(--gray900s)} .wrap_calender .link_option .txt_option .txt_num{font-family:'Roboto',sans-serif} .wrap_calender .link_option .ico_on{width:8px;height:8px;margin:8px 3px 0 0} .wrap_calender .link_option .ico_on:before{width:6px;height:6px} .wrap_calender .calendar_week6 .link_option{margin-top:12px} .wrap_calender .tbl_calendar td.in_active .txt_date{color:var(--gray400s)} .wrap_calender .tbl_calendar td.in_active .link_option{text-decoration:none;pointer-events:none} .wrap_calender .tbl_calendar td.in_active .txt_option,.wrap_calender .tbl_calendar td.in_active .txt_option .fc_emph{color:var(--gray500s)} .wrap_calender .tbl_calendar td.in_active .ico_on:before{background:#ccc} .wrap_calender .tbl_calendar td.today.in_active .txt_date{color:var(--gray900s);background:var(--gray100s)} .wrap_calender .tbl_calendar td.on{background:var(--blue500s)} .wrap_calender .tbl_calendar td.on .link_option{color:var(--white000s)} .wrap_calender .tbl_calendar td.on .txt_date{font-weight:700;color:var(--white000s)} .wrap_calender .tbl_calendar td.today.on .txt_date{color:var(--blue500s)} .wrap_calender .tbl_calendar td.on .txt_option,.wrap_calender .tbl_calendar td.on .txt_option .fc_emph{color:var(--white000s)} .wrap_calender .tbl_calendar td.on .ico_on{margin-top:7px} .wrap_calender .tbl_calendar td.on .ico_on:before{border:1px solid var(--white000s)} .wrap_calender .btn_move{position:absolute;top:0} .wrap_calender .btn_move.disabled{pointer-events:none} .wrap_calender .btn_move .ico_arr{width:18px;height:18px;margin:6px 5px} .wrap_calender .btn_prev{left:78px} .wrap_calender .btn_prev .ico_arr{background-position:-120px -50px} .wrap_calender .btn_next{left:106px} .wrap_calender .btn_next .ico_arr{background-position:-140px -50px} .wrap_calender .btn_prev.disabled .ico_arr{background-position:-160px -50px} .wrap_calender .btn_next.disabled .ico_arr{background-position:-180px -50px} .wrap_calender .btn_today{position:absolute;top:0;left:0} .wrap_calender .link_txt{position:absolute;top:27px;right:30px;font-size:13px;line-height:19px;color:#326EDC} .wrap_calender .link_txt.on{text-decoration:underline} .wrap_calender .tbl_calendar td:hover{background:var(--gray100s)} .wrap_calender .tbl_calendar td.in_active:hover{background:var(--white000s)} .wrap_calender .tbl_calendar td.on:hover{background:var(--blue500s)} .wrap_result .tit_result{display:block;margin-bottom:20px;font-weight:400;font-size:14px;line-height:30px;color:var(--gray900s)} .wrap_result .tit_result .btn_refresh{display:inline-block;vertical-align:top} .wrap_result .tit_result .btn_refresh .inner_g{display:block;height:30px;padding:7px 3px;box-sizing:border-box} .wrap_result .tit_result .btn_refresh .ico_cont{width:14px;height:14px;background-position:-100px 0} .wrap_result .tblg_wrap .tbl_g tbody td{font-size:12px} .wrap_result .tblg_wrap .tbl_g tbody td .inner_tbl{padding:15px 10px 15px 12px} .wrap_result .tblg_wrap .txt_option .ico_on{width:6px;height:6px;margin:8px 3px 0 0} .wrap_result .tblg_wrap .txt_option .ico_on:before{width:6px;height:6px} .wrap_result .tblg_wrap .txt_option .ico_off{width:6px;height:6px;margin:8px 3px 0 0} .wrap_result .tblg_wrap .txt_option .ico_off:before{width:6px;height:6px} .wrap_result .tblg_wrap .box_errordata{height:510px} .wrap_result .tblg_wrap .box_errordata .desc_error{color:var(--gray600s)} .wrap_result .tblg_wrap .box_errordata .btn_gs{margin-top:10px} /* (popup) 구간별 단가표 */ .wrap_layer .basic_layer .tab_cont{margin-top:20px} .wrap_layer .basic_layer .subtab_cont{margin-top:20px} .wrap_layer .basic_layer .subtab_cont + .tab_line{margin-top:40px} .tab_line{position:relative} .tab_line .txt_date{position:absolute;right:0;top:17px;z-index:1;font-size:14px;line-height:16px;color:var(--gray600s)} .basic_layer .tab_basic2 .list_tab li .link_tab{width:160px;text-align:center;letter-spacing:-0.2px} /* (popup) 예상 실적 시뮬레이션 */ .basic_layer .wrap_graph .info_graph{position:relative} .basic_layer .wrap_graph .info_graph .item_select{position:absolute;right:0;top:0;min-width:150px} .basic_layer .wrap_graph .tit_graph{display:block;font-weight:700;font-size:14px;line-height:20px;color:var(--gray900s)} .basic_layer .wrap_graph .desc_graph{margin-top:5px;padding-bottom:15px;font-size:12px;line-height:17px;color:var(--gray600s)} .basic_layer .wrap_graph .cont_graph{padding:29px;border:1px solid var(--gray200s)} .basic_layer .wrap_graph .cont_graph .inner_graph{width:100%;min-height:276px} .basic_layer .layer_desc{margin-top:-4px;padding-bottom:15px;font-size:12px;line-height:17px;color:var(--gray600s)} .tblg_wrap .tbl_g .fc_gray{color:var(--gray600s)} .tbl_g .inner_tbl .group_type2{margin:0} .basic_layer .layer_body .desc_tbl{position:absolute;bottom:-74px;left:0;z-index:1;font-size:14px;line-height:20px;color:var(--gray600s)} /* (popup) 카카오쇼핑 연동관리 */ .basic_layer .tblg_yscroll{overflow-x:hidden;overflow-y:auto;max-height:569px} .reform_biz .basic_layer .tblg_yscroll::-webkit-scrollbar{width:6px;height:6px} .reform_biz .basic_layer .tblg_yscroll::-webkit-scrollbar-track{background-color:transparent} .reform_biz .basic_layer .tblg_yscroll::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0.15);border-radius:10px} .reform_biz .basic_layer .tblg_yscroll::-webkit-scrollbar-thumb:hover{background-color:#919191} .reform_biz .basic_layer .tblg_yscroll::-webkit-scrollbar-button{width:6px;height:6px;background:transparent} /* popup */ /*대시보드 상단 로딩*/ .loading_dashboard{position:absolute;top:0;left:0;right:0;z-index:20} .loading_dashboard .group_loading{overflow:hidden;display:block;position:relative;width:100%;height:4px;background:rgba(255,255,255,0.5);background-clip:padding-box;text-align:left} .loading_dashboard .ani_loading{overflow:hidden;position:absolute;height:4px;border-radius:2px;will-change:left,right;background:#326edc;background-clip:padding-box;animation:2.1s cubic-bezier(0.65,0.815,0.735,0.395) 0s infinite normal none running animation-1dkbetu} .loading_dashboard .ani_loading2{overflow:hidden;position:absolute;height:4px;border-radius:2px;background:#326edc;background-clip:padding-box;will-change:left,right;animation:2.1s cubic-bezier(0.165,0.84,0.44,1) 1.15s infinite normal none running animation-1rt1w7v} /*th*/ .table_dashboard{position:relative} .table_dashboard .inner_tbl{position:relative;min-width:54px;padding:13px 12px 13px;font-size:13px;font-weight:normal;color:#555} .table_dashboard .sortable,.table_dashboard .th_select{display:table-cell;width:100%;height:50px;vertical-align:middle} .table_dashboard .sortable.sort_on{background-color:#f1f6ff} .table_dashboard .sortable.sort_on .txt_dash{color:#326edc} .table_dashboard .header .tr:first-child .th{border-top:none;background:#f5f5f5} .table_dashboard .header .tr:first-child .th:hover{background:#ededed} .table_dashboard .header .th .inner_tbl{font-weight:700} .table_dashboard .header .tr + .tr .th{border-bottom:1px solid #ccc} .table_dashboard .body .tr:first-child .td{border-top:none} .adboardbox_wrap .table_dashboard .header .tr .th:first-child .inner_tbl,.adboardbox_wrap .table_dashboard .body .tr .td:first-child .inner_tbl{min-width:20px;width:25px !important} .table_dashboard .tr{display:table !important} .table_dashboard .header .th,.table_dashboard .body .td{display:table-cell !important;border-top:1px solid #eee;border-right:1px solid #eee;background:#fff;vertical-align:middle} .table_dashboard .td_tbl{display:table-cell;width:100%;height:46px;vertical-align:middle} .table_dashboard .body .tr:last-child .td{border-bottom:1px solid #eee} .table_dashboard .body .td:last-child,.table_dashboard .header .th:last-child{border-right:none} .table_dashboard .th.cell_fixed,.table_dashboard .td.cell_fixed{border-right-color:#ccc;box-sizing:inherit !important} .table_dashboard.scroll_left .th.cell_fixed:after,.table_dashboard.scroll_left .td.cell_fixed:after{position:absolute;top:0;bottom:0;right:-7px;z-index:10;width:6px;height:100%;background:linear-gradient(to right,rgba(0,0,0,0.1),rgba(0,0,0,0));content:''} .table_dashboard .header .tr:first-child .th.cell_fixed{z-index:10 !important} .table_dashboard.scroll_top .header{position:relative} .table_dashboard.scroll_top .header:after{position:absolute;left:0;right:0;bottom:-6px;z-index:20;height:6px;width:100%;background:linear-gradient(to bottom,rgba(0,0,0,0.1),rgba(0,0,0,0));content:''} .table_dashboard.scroll_top .header .tr:first-child .th.cell_fixed{z-index:20 !important} .table_dashboard.scroll_top .header .tr:nth-child(2) .inner_tbl{color:#333;font-weight:normal} .table_dashboard .area_move{position:absolute;top:0;bottom:0;right:-8px;z-index:30} .table_dashboard .resizer .btn_move{display:block;width:18px;height:55px;text-align:center;cursor:ew-resize} .table_dashboard .btn_move .btn_line{display:inline-block;width:3px;height:55px;background:#326edc} .table_dashboard .line_move{display:block;width:1px;margin:0 auto;background:#326edc} .table_dashboard .sortable .desc_sort{right:10px} .table_dashboard .sortable .btn_menu + .desc_sort{right:32px} .table_dashboard .inner_tbl .check_inp{vertical-align:top} .table_dashboard .th.cell_fixed .thumb_link{color:#333;font-weight:700} /*hover*/ .table_dashboard .over .thumb_link .link_more{opacity:1} .table_dashboard .over .th,.table_dashboard .over .td{background:#f7f7f7} /*on*/ .table_dashboard .tr.on .th,.table_dashboard .tr.on .td{background:#F1F6FF} /* 테이블 행 비활성화시 */ .table_dashboard .tr_inactive .td{background:#FAFAFA} .table_dashboard .tr_inactive .link_txt,.table_dashboard .tr_inactive .thumb_link .link_txt,.table_dashboard .tr_inactive .td_thumb .thumb_link .link_txt,.table_dashboard .tr_inactive .inner_tbl,.table_dashboard .tr_inactive .ad_state,.table_dashboard .tr_inactive .fc_emph{color:rgba(17,17,17,0.4)} .table_dashboard .tr_inactive .td_thumb .img_thumb{opacity:0.4;filter:alpha(opacity=40)} .table_dashboard .tr_inactive .modify_budget{cursor:default;pointer-events:none} .table_dashboard .tr_inactive .modify_budget .link_budget{color:rgba(17,17,17,0.4)} .table_dashboard .tr_inactive .onoff_select .ico_on,.table_dashboard .tr_inactive .onoff_select .ico_off{opacity:0.4;filter:alpha(opacity=40)} .table_dashboard .tr_inactive .onoff_select,.table_dashboard .tr_inactive .onoff_select .link_selected{cursor:default;pointer-events:none} .table_dashboard .tr_inactive .onoff_select .link_selected:hover{border-color:transparent} .table_dashboard .tr_inactive .onoff_select .link_selected:hover:after{display:none} .table_dashboard .tr_inactive .check_inp,.table_dashboard .tr_inactive .check_inp .inp_check{cursor:default;pointer-events:none} .table_dashboard .tr_inactive .check_inp .ico_check{background-position:-835px -50px} .table_dashboard .tr_inactive .box_inptxt{background-color:#e6e6e6;border-color:#ccc;border-left-color:#a3a3a3;border-top-color:#a3a3a3;cursor:default;pointer-events:none} .table_dashboard .tr_inactive .box_inptxt .inp_txt{color:#777} .table_dashboard .tr_inactive .ico_on,.table_dashboard .tr_inactive .ico_off{opacity:0.4} /*td*/ .table_dashboard .nodata_info{display:table;position:sticky;top:0;left:0;right:0;font-size:14px;line-height:22px;color:#333;text-align:center;vertical-align:middle} .table_dashboard .nodata_info .inner_tbl{display:table-cell;width:100%;height:100%;padding:0;text-align:center;vertical-align:middle} .table_dashboard .nodata_info .link_txt{font-weight:400;color:#326EDC} .table_dashboard .header .td_tbl{border-top:none} .table_dashboard .td_tbl .f_right .btn_gs,.table_dashboard .td_tbl .f_left .btn_gs{position:relative;z-index:1} .table_dashboard .td_tbl .f_left .btn_gs{margin-top:-6px} .table_dashboard .td_tbl .f_right .btn_gs{margin-top:-6px} .table_dashboard .link_txt{color:#333;font-weight:700;font-size:13px;text-decoration:none} .table_dashboard .on .link_txt{color:#326EDC} .table_dashboard .switch_check{vertical-align:middle} .table_dashboard .thumb_link{display:block;position:relative;padding-right:50px} .table_dashboard .thumb_link:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''} .table_dashboard .thumb_link .link_txt{float:left;max-width:331px;margin-right:-1px;line-height:17px;font-weight:normal;color:#326EDC} .table_dashboard .thumb_link .link_txt:hover{text-decoration:underline} .table_dashboard .thumb_link span.link_txt:hover{text-decoration:none} .table_dashboard .thumb_link .link_more{position:absolute;right:-2px;top:50%;margin-top:-10px;opacity:0;filter:alpha(opacity=0)} .table_dashboard .thumb_link .link_more .menu_layer{display:none} .table_dashboard .thumb_link .link_more .ico_more{background-position:-885px -180px} .table_dashboard .thumb_link .link_more:hover .ico_more{background-position:-885px -195px} .table_dashboard .thumb_link .link_more .ico_more{margin:2px auto 2px} .table_dashboard .thumb_link .link_more.on .menu_layer{display:block} .table_dashboard .thumb_link .link_modify{display:none;position:absolute;right:26px;top:50%;margin-top:-12px;filter:alpha(opacity=0)} .table_dashboard .thumb_link .link_modify .link_g{width:24px;height:24px} .table_dashboard .thumb_link .link_modify .ico_modify{display:inline-block;width:13px;height:13px;margin:10px;background-position:-670px -340px} .table_dashboard .thumb_link .link_modify:hover .ico_modify{background-position:-670px -355px} .table_dashboard .thumb_link .link_chart{display:none;position:absolute;right:-1px;top:50%;margin-top:-11px;filter:alpha(opacity=0)} .table_dashboard .thumb_link .link_chart .link_g{width:24px;height:24px} .table_dashboard .thumb_link .link_chart .ico_chart{display:inline-block;width:13px;height:13px;background-position:-670px -430px} .table_dashboard .thumb_link .link_chart:hover .ico_chart{background-position:-710px -430px} .table_dashboard .thumb_link .link_chart.on .ico_chart,.table_dashboard .thumb_link .link_chart.on:hover .ico_chart{background-position:-690px -430px} .table_dashboard .thumb_link .link_modify.show,.table_dashboard .thumb_link .link_chart.show,.table_dashboard .over .link_modify,.table_dashboard .over .link_chart{display:block} .adboardbox_wrap .tooltip_info{position:fixed;z-index:100} .table_dashboard .ad_state{display:block;position:relative;line-height:17px} .table_dashboard .ad_state.ico_state{padding-left:20px} .table_dashboard .ad_state.btn_state{padding-right:45px} .table_dashboard .ad_state .ico_on,.table_dashboard .ad_state .ico_off{position:absolute;top:50%;left:0;width:10px;margin-top:-5px;padding-right:10px} .table_dashboard .ad_state .ico_off:before{float:left} .table_dashboard .ad_state .ico_off:after{float:left} .table_dashboard .ad_state .btn_gs{position:absolute;top:50%;right:5px;margin-top:-11px} .table_dashboard .ad_state .btn_gs .inner_g{width:30px;padding-left:0;padding-right:2px;line-height:13px;font-size:11px;text-indent:0} .table_dashboard .td_tbl .align_r{display:block} .table_dashboard .sortable .btn_menu{position:absolute;right:3px;top:15px;width:20px;height:20px} .table_dashboard .sortable .ico_menu{display:inline-block;width:0;height:0;margin-top:8px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #555;vertical-align:top} /*.table_dashboard .sortable.open_menu .ico_menu{border-top:0 none;border-bottom:5px solid #555}*/ .table_dashboard .td_inactive,.table_dashboard .inner_tbl.td_inactive,.table_dashboard .td_inactive .inner_tbl,.table_dashboard .td_inactive .link_txt,.table_dashboard .td_inactive .ad_state,.table_dashboard .td_inactive .fc_emph,.table_dashboard .td_inactive .txt_dash{color:#ccc} .table_dashboard .td_inactive.td_thumb .img_thumb{opacity:0.4;filter:alpha(opacity=40)} .table_dashboard .td_inactive .modify_budget{cursor:default;pointer-events:none} .table_dashboard .td_inactive .modify_budget .link_budget{color:rgba(17,17,17,0.4)} .table_dashboard .td_inactive .onoff_select .ico_on,.table_dashboard .td_inactive .onoff_select .ico_off{opacity:0.4;filter:alpha(opacity=40)} .table_dashboard .td_inactive .onoff_select,.table_dashboard .td_inactive .onoff_select .link_selected{cursor:default;pointer-events:none} .table_dashboard .td_inactive .onoff_select .link_selected:hover{border-color:transparent} .table_dashboard .td_inactive .onoff_select .link_selected:hover:after{display:none} .table_dashboard .td_inactive .check_inp,.table_dashboard .td_inactive .check_inp .inp_check{cursor:default;pointer-events:none} .table_dashboard .td_inactive .check_inp .ico_check{background-position:-835px -50px} .table_dashboard .td_inactive .box_inptxt{background-color:#e6e6e6;border-color:#ccc;border-left-color:#a3a3a3;border-top-color:#a3a3a3;cursor:default;pointer-events:none} .table_dashboard .td_inactive .box_inptxt .inp_txt{color:#777} .table_dashboard .td_inactive .ico_on,.table_dashboard .td_inactive .ico_off{opacity:0.4} /*td-소재 이미지 */ .table_dashboard .td_thumb .inner_tbl{padding-left:12px} .table_dashboard .td_thumb .img_thumb{width:40px;height:40px} .table_dashboard .td_thumb .link_thumb{position:absolute;left:12px;top:50%;width:40px;height:40px;margin-top:-20px;text-decoration:none;background:#fff} .table_dashboard .td_thumb .link_thumb:after{position:absolute;top:0;bottom:0;left:0;right:0;border:1px solid rgba(0,0,0,0.08);content:''} .table_dashboard .td_thumb .link_thumb .inner_thumb{display:block;width:100%;height:100%;background-repeat:no-repeat;background-size:contain;background-position:50% 50%} .table_dashboard .td_thumb .link_thumb .reform_no_img{display:table-cell;width:40px;height:40px;font-size:10px;line-height:14px;color:rgba(119,119,119,0.3);background:#f5f5f5;text-align:center;vertical-align:middle} .table_dashboard .td_thumb .link_thumb .ico_mov{position:absolute;right:4px;bottom:4px;width:16px;height:16px;background-position:-880px -120px} .table_dashboard .td_thumb .link_thumb .thumb_over{display:none;position:absolute;left:0;top:50%;z-index:1;width:40px;height:40px;margin-top:-20px;background:rgba(0,0,0,0.4)} .table_dashboard .td_thumb .link_thumb .thumb_over .ico_comm{position:absolute;left:10px;top:10px;z-index:10;width:20px;height:20px;background-position:-880px -40px} .table_dashboard .td_thumb .link_thumb:hover .thumb_over{display:block} .table_dashboard .td_thumb span.link_thumb:hover .thumb_over{display:none} .table_dashboard .td_thumb .thumb_link .link_txt{color:#333;font-weight:normal} /*.table_dashboard .on .td_thumb .thumb_link .link_txt{color:#326EDC}*/ /*개편디자인*/ .table_dashboard .txt_dash,.table_dashboard .link_txt{display:block;overflow:hidden;min-width:5px;text-overflow:ellipsis;white-space:nowrap} .table_dashboard .txt_dash .link_txt{display:block} .table_dashboard .body .txt_dash .link_txt{font-weight:400;color:#326EDC} .table_dashboard .txt_dash .ico_off,.table_dashboard .txt_dash .ico_on{margin-top:5px;margin-right:5px} .table_dashboard .sortable .ico_sort.sort_down{background-position:-780px -195px} .table_dashboard .sortable .ico_sort.sort_up{background-position:-780px -205px} .table_dashboard .sortable .btn_menu,.table_dashboard .sortable .desc_sort{position:relative;top:auto;left:auto;right:auto;display:inline-block;height:35px;margin-top:0} .table_dashboard .sortable .btn_menu .ico_comm{margin:14px 2px 15px 1px;border-top-color:#c4c4c4} .table_dashboard .sortable.oepn_menu .btn_menu .ico_comm{border-top-color:#555} .table_dashboard .sortable .desc_sort .ico_comm{margin:10px 2px 10px 2px} .table_dashboard .sortable .btn_menu + .desc_sort{right:auto} .table_dashboard .sortable .desc_sort{display:none} .table_dashboard .sortable .desc_sort .txt_sort{display:inline-block;padding-top:5px;font-size:10px;color:#326edc;vertical-align:top} .table_dashboard .sortable.sort_on .desc_sort{display:inline-block} .table_dashboard .sortable.sort_on .ico_sort{opacity:1} .table_dashboard .link_thumb + .txt_dash{min-width:59px;margin-left:52px;margin-right:53px} /*.table_dashboard .inner_tbl .ico_on,.table_dashboard .inner_tbl .ico_off{float:left;margin:5px 5px 0 0}*/ .table_dashboard .inner_tbl .ico_on,.table_dashboard .inner_tbl .ico_off{position:absolute;top:13px;left:12px;margin:5px 5px 0 0} .table_dashboard .inner_tbl .ico_on + .txt_dash,.table_dashboard .inner_tbl .ico_off + .txt_dash,.table_dashboard .inner_tbl .ico_on + .btn_dash + .txt_dash,.table_dashboard .inner_tbl .ico_off + .btn_dash + .txt_dash{padding-left:15px} .table_dashboard .txt_dash .link_help{margin-top:-3px;margin-bottom:-2px} .table_dashboard .th .btn_dash + .txt_dash,.table_dashboard .th.cell_fixed .btn_dash + .txt_dash{min-width:12px;margin-right:25px} .table_dashboard .header .tr + .tr .th.cell_fixed .txt_dash{font-weight:700} .table_dashboard .inner_tbl .btn_dash{position:absolute;top:50%;right:6px;margin-top:-12px} .table_dashboard .header .th .sortable .inner_tbl .btn_dash{right:0} .table_dashboard .inner_tbl .btn_dash .btn_gs{height:22px;margin-right:6px} .table_dashboard .inner_tbl .btn_dash .btn_gs .inner_g{padding-left:9px;padding-right:9px;font-size:10px;line-height:17px} .table_dashboard .btn_dash + .txt_dash{min-width:0;margin-right:46px}/**버튼 2글자*/ .table_dashboard .btn_dash.txt_num3 + .txt_dash{margin-right:56px}/**버튼 3글자*/ .table_dashboard .btn_dash.txt_num4 + .txt_dash{margin-right:66px}/**버튼 4글자*/ .table_dashboard .btn_dash.txt_num5 + .txt_dash{margin-right:66px}/**버튼 5글자*/ .table_dashboard .inner_tbl .btn_dash.btn_left{right:auto;left:12px} .table_dashboard .inner_tbl .btn_dash.btn_left .btn_gs{margin-right:0} .table_dashboard .btn_dash.btn_left + .txt_dash{margin-left:46px;margin-right:0}/**버튼 2글자*/ .table_dashboard .btn_dash.btn_left.txt_num3 + .txt_dash{margin-left:56px}/**버튼 3글자*/ .table_dashboard .btn_dash.btn_left.txt_num4 + .txt_dash{margin-left:66px}/**버튼 4글자*/ .table_dashboard .btn_dash.btn_left.txt_num5 + .txt_dash{margin-left:66px}/**버튼 5글자*/ .table_dashboard .btn_dash .link_modify,.table_dashboard .btn_dash .link_chart{display:none;float:left;filter:alpha(opacity=0)} .table_dashboard .btn_dash .link_modify .link_g{width:24px;height:24px;padding:3px 0 3px 5px} .table_dashboard .btn_dash .link_chart .link_g{width:24px;height:24px;padding:3px 0} .table_dashboard .btn_dash .link_modify .ico_modify{display:inline-block;width:13px;height:13px;background-position:-670px -340px} .table_dashboard .btn_dash .link_modify:hover .ico_modify{background-position:-670px -355px} .table_dashboard .btn_dash .link_chart:hover .ico_chart{background-position:-710px -430px} .table_dashboard .btn_dash .link_chart.on .ico_chart,.table_dashboard .btn_dash .link_chart.on:hover .ico_chart{background-position:-690px -430px} .table_dashboard .btn_dash .link_chart .ico_chart{display:inline-block;width:13px;height:13px;background-position:-670px -430px} .table_dashboard .btn_dash .link_modify.show,.table_dashboard .btn_dash .link_chart.show,.table_dashboard .over .link_modify,.table_dashboard .over .link_chart{display:block} .table_dashboard .cell_fixed .btn_dash + .txt_dash{min-width:12px;margin-right:53px} .table_dashboard .cell_fixed .btn_dash + .thumb_link{padding-right:0} .table_dashboard .cell_fixed .btn_dash + .thumb_link .link_txt{min-width:111px;padding-right:59px} /* 대시보드_페이지 */ /* 정렬 레이어 */ /* 공통 - 메뉴 레이어 */ .menu_layer{position:absolute;left:-7px;top:21px;z-index:20;min-width:114px;padding:9px 0 9px 0;border-radius:4px;background-color:#fff;box-shadow:2px 2px 10px rgba(0,0,0,0.25)} .menu_layer .tit_menu{display:block;height:18px;padding:3px 16px 0;font-size:12px;line-height:18px;font-weight:700;color:#333} .menu_layer .link_menu{position:relative;display:block;overflow:hidden;height:20px;padding:2px 16px 2px 29px;font-weight:400;font-size:12px;line-height:20px;white-space:nowrap;text-decoration:none;color:#555} .menu_layer .link_menu:hover{background:rgba(0,0,0,0.03)} .menu_layer .link_menu + .tit_menu{padding-top:10px} .menu_layer .ico_sort{position:absolute;top:7px;left:16px;width:7px;height:10px;background-position:-810px -205px;opacity:0.5;cursor:pointer} .menu_layer .ico_sort:hover{opacity:0.6} .menu_layer .desc_sort .ico_sort{display:inline-block;position:static;margin:5px 0 0 3px;vertical-align:top} .menu_layer .ico_sort.sort_up{background-position:-810px -205px} .menu_layer .ico_sort.sort_down{background-position:-820px -205px} .menu_layer .link_menu.on{color:#326edc;background:#F1F6FC} .menu_layer .link_menu.on .ico_sort.sort_up{background-position:-780px -205px;opacity:1} .menu_layer .link_menu.on .ico_sort.sort_down{background-position:-780px -195px;opacity:1} .menu_layer .list_opt{padding-bottom:4px} /* 대시보드 */ .adboardbox_wrap{min-width:1110px} .adboardbox_wrap .boardbox_tit{position:relative} .adboardbox_wrap .boardbox_tit .tit_box{display:block;height:50px;padding-left:20px;line-height:48px;font-size:16px;font-weight:700;color:#111;background:#fff} .adboardbox_wrap .titcheck_box{position:absolute;top:14px;right:54px} .adboardbox_wrap .titcheck_box .box_checkinp{margin-left:15px} .adboardbox_wrap .titcheck_box .box_checkinp .lab_check{font-size:13px} .adboardbox_wrap .adboardbox_top{position:relative;margin-top:15px;border:1px solid #ddd;background:#fff} .adboardbox_top .btn_close{position:absolute;top:6px;right:10px;width:16px;height:16px;padding:10px} .adboardbox_top .ico_close{width:16px;height:16px;background-position:-715px -280px} .adboardbox_wrap .titcheck_box .link_help6 + .box_checkinp{margin-left:35px} /*대시보드 상단 > 검색 영역**/ .adboardbox_search{position:relative;height:60px;margin-top:15px;padding:11px 473px 0 18px;border:1px solid #ddd;background:#fff;box-sizing:border-box} .adboardbox_search:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''} .adboardbox_search .wrap_price:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''} .adboardbox_search .wrap_price{position:relative;z-index:10;float:left;margin-right:40px;padding-top:9px} .adboardbox_search .tit_search{float:left;font-size:13px;font-weight:400;color:#999;line-height:20px} .adboardbox_search .txt_search{float:left;padding-left:6px;font-size:13px;font-weight:700;color:#111;line-height:20px} .adboardbox_search .link_account{float:left;padding-left:20px;font-size:13px;font-weight:400;color:#999;line-height:20px;text-decoration:none} .adboardbox_search .link_account .ico_account{display:inline-block;width:13px;height:14px;margin:3px 0 0 6px;background-position:-670px -430px} .adboardbox_search .link_account:hover .ico_account{background-position:-710px -430px} .adboardbox_search .link_account.on .ico_account,.adboardbox_search .link_account.on:hover .ico_account{background-position:-690px -430px} .adboardbox_search .link_account .ico_arrow{display:inline-block;width:10px;height:6px;margin:6px 0 0 8px;background-position:-765px -185px} .adboardbox_search .link_account.on .ico_arrow{background-position:-750px -185px} /*검색*/ .adboardbox_search .wrap_search{height:36px;box-sizing:border-box;vertical-align:top} .adboardbox_search .wrap_search .group_adsearch{position:relative} .adboardbox_search .wrap_search .inner_adsearch{position:relative;z-index:20;overflow-y:auto;max-height:156px;min-height:36px;padding:0 68px 0 9px;border:1px solid #ddd;border-radius:2px;background:#fff;box-sizing:border-box} .adboardbox_search .wrap_search .inner_adsearch:hover,.adboardbox_search .wrap_search .inner_adsearch.over{border-color:#555} .adboardbox_search .wrap_search .lab_txt{padding-top:7px;font-size:13px;color:rgba(0,0,0,0.4);line-height:18px} .adboardbox_search .wrap_search .btn_search{position:absolute;top:1px;right:2px} .adboardbox_search .wrap_search .btn_search .ico_comm{width:16px;height:16px;margin:8px 10px;background-position:-685px -505px} .adboardbox_search .list_adsearch:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''} .adboardbox_search .list_adsearch li{float:left;padding:4px 8px 4px 0} .adboardbox_search .list_adsearch li:last-child{padding-right:0} .adboardbox_search .wrap_search .box_inptxt{position:relative;max-width:270px;height:26px;padding:0 28px 2px 9px;border-radius:13px;border:1px solid #326EDC;box-sizing:border-box} .adboardbox_search .box_inptxt .inp_txt{font-size:12px;color:#333} .adboardbox_search .box_inptxt .btn_del{position:absolute;top:1px;right:0} .adboardbox_search .box_inptxt .btn_del .ico_del{width:10px;height:10px;margin:6px 10px 6px 5px;background-position:-800px -235px} .adboardbox_search .wrap_search .box_adsearch{position:relative} .adboardbox_search .box_adsearch .btn_adsearch{overflow:hidden;display:block;max-width:270px;height:26px;padding:0 28px 2px 9px;border-radius:13px;line-height:24px;font-size:12px;color:#333;background:#eee;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;text-decoration:none} .adboardbox_search .box_adsearch.on .btn_adsearch,.adboardbox_search .box_adsearch:hover .btn_adsearch,.adboardbox_search .wrap_search .btn_admore:hover{background:#ccc} .adboardbox_search .wrap_search .btn_admore{display:block;width:26px;height:26px;padding-top:11px;border-radius:26px;background:#eee;box-sizing:border-box} .adboardbox_search .wrap_search .btn_admore .ico_comm{width:16px;height:4px;margin:0 auto;background-position:-670px -420px} .adboardbox_search .box_adsearch .btn_del{position:absolute;top:2px;right:0;z-index:10} .adboardbox_search .box_adsearch .btn_del .ico_del{width:10px;height:10px;margin:6px 10px 6px 5px;background-position:-800px -235px} .adboardbox_search .wrap_search .btn_adsave{position:absolute;top:3px;right:30px;font-size:13px;color:#326EDC;z-index:30} .adboardbox_search .wrap_search .btn_adsave .inner_g{display:block;padding:5px 3px} .adboardbox_search .wrap_search .btn_addel{position:absolute;top:4px;right:5px;z-index:30} .adboardbox_search .wrap_search .btn_addel .ico_comm{width:12px;height:12px;margin:8px 6px;background-position:-720px -330px} .adboardbox_search .wrap_search .btn_addel.on .ico_comm,.adboardbox_search .wrap_search .btn_addel:hover .ico_comm{background-position:-720px -345px} .list_lyadsearch .btn_addel .ico_comm{width:12px;height:14px;margin:6px;background-position:-670px -490px} .list_lyadsearch .btn_addel.on .ico_comm,.list_lyadsearch .btn_addel:hover .ico_comm{background-position:-670px -505px} /* 검색필터 레이어팝업 */ .layer_adsearch{position:fixed;z-index:100;border-radius:4px;background:#fff;box-shadow:1px 1px 10px rgba(0,0,0,0.25)} .layer_adsearch .inner_g{overflow:hidden} .layer_adsearch .tit_lyadsearch{display:block;padding:11px 0 2px 16px;font-size:12px;color:#111;font-weight:700;line-height:18px} .layer_adsearch .item_depth,.layer_adsearch .item_depth2,.layer_adsearch .item_depth3{float:left;min-width:160px;padding:5px 0 10px;box-sizing:border-box} .layer_adsearch .item_depth3{overflow-x:hidden;overflow-y:auto;max-height:450px} .layer_adsearch .item_savelist{overflow-y:auto;width:228px;max-height:450px} .layer_adsearch .item_depth2:after{position:absolute;top:0;bottom:0;left:160px;width:1px;background:#ddd;content:''} .layer_adsearch .item_depth3:after{position:absolute;top:0;bottom:0;left:320px;width:1px;background:#ddd;content:''} .list_lyadsearch .link_searchfilter{display:block;position:relative;height:31px;padding:0 36px 0 16px;line-height:31px;font-size:13px;color:#333;box-sizing:border-box} .layer_adsearch .item_depth2 .link_searchfilter,.layer_adsearch .item_depth3 .link_searchfilter{padding-right:16px} .layer_adsearch .item_depth2 .link_searchfilter{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .list_lyadsearch li{position:relative} .adboardbox_search .wrap_search .list_lyadsearch .btn_addel{position:absolute;top:3px;right:8px} .list_lyadsearch li:hover .link_searchfilter,.list_lyadsearch li.on .link_searchfilter{background:rgba(0,0,0,0.03);text-decoration:none} .list_lyadsearch .link_searchfilter .ico_comm{position:absolute;top:10px;right:10px;width:10px;height:10px;background-position:-780px -180px} .list_lyadsearch .link_searchfilter:hover .ico_comm,.list_lyadsearch .on .link_searchfilter .ico_comm{background-position:-780px -170px} /* 추천 검색 */ .layer_adsearch .tit_lyadsearch + .list_lyadsearch{padding-top:2px} .layer_adsearch .list_lyadsearch + .tit_lyadsearch{margin-top:6px;padding-top:16px;border-top:1px solid #ddd} .layer_recommend .list_lyadsearch .link_searchfilter{min-width:200px;padding-right:16px} .layer_adsearch .list_lyadsearch .btn_addel,.layer_recommend .list_lyadsearch .btn_addel{position:absolute;top:3px;right:8px;z-index:1} .layer_adsearch .list_lyadsearch .btn_addel + .link_searchfilter,.layer_recommend .list_lyadsearch .btn_addel + .link_searchfilter{padding-right:36px} .list_recommend .link_searchfilter{min-height:55px;height:auto;padding:9px 36px 9px 16px;font-size:12px;line-height:18px} .list_recommend .link_searchfilter .fc_emph{display:block;font-size:13px} /*캘린더*/ .adboardbox_search .wrap_calendar{position:absolute;top:11px;right:18px} .adboardbox_search .wrap_calendar .reform_box_calendar{float:left} .adboardbox_search .wrap_calendar .btn_refresh{float:left;width:34px;height:34px;margin-left:10px} .adboardbox_search .wrap_calendar .btn_refresh .ico_comm{width:12px;height:12px;margin:11px auto 0;background-position:-685px -525px} .adboardbox_search .wrap_calendar .btn_refresh.in_active .ico_comm{background-position:-670px -525px} /*캘린더input 스타일 일부 수정*/ .adboardbox_search .reform_box_calendar .gm_calendar .link_calendar{min-width:192px;padding:0 35px 0 10px;font-size:13px;font-family:'Noto Sans KR','Apple SD Gothic Neo','Malgun Gothic','맑은 고딕',sans-serif;color:#555} .adboardbox_search .reform_box_calendar .gm_calendar .ico_calendar{right:9px;width:14px;height:14px;background-position:-685px -490px} .adboardbox_search .reform_box_calendar .txt_period{padding:7px 10px 7px 9px;font-size:13px} .adboardbox_search .reform_box_calendar .txt_period:before{top:9px;height:16px} .adboardbox_search .reform_box_calendar .paging_wrap .num_paging{width:19px;margin-left:0} .adboardbox_search .reform_box_calendar .paging_wrap .ico_prev{margin-left:9px} /*학습가이드*/ .adboardbox_search .wrap_calendar .btn_guide{float:left;width:34px;height:34px;margin-left:10px} .adboardbox_search .wrap_calendar .btn_guide .ico_comm{width:14px;height:14px;margin:10px auto 0;background-position:-785px -760px} .adboardbox_search .wrap_calendar .btn_guide .ico_vod{width:14px;height:14px;margin:10px auto 0;background-position:-70px -785px} /*대시보드 상단 > 정보 영역**/ .boardbox_card.card_info{padding:0 0 20px 20px;border-top:1px solid #eee} .boardbox_card + .boardbox_tit{border-top:1px solid #ddd} .boardbox_card:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''} .boardbox_card .item_infosum{position:relative;float:left;margin:17px 20px 0 0} .boardbox_card .item_infosum .list_infosum:after{position:absolute;top:5px;right:0;width:1px;height:34px;background:#EEEEEE;content:''} .boardbox_card .item_infosum:last-child{padding-right:0} .boardbox_card .item_infosum:last-child .list_infosum:after{display:none} .boardbox_card .tit_g{float:left;padding:1px 22px 0 0;line-height:20px;font-size:12px;font-weight:700;color:#111} .boardbox_card .tit_item{float:left;padding:1px 21px 0 0;line-height:20px;font-size:12px;font-weight:400;color:#111} .boardbox_card .list_infosum{float:left} .boardbox_card .list_infosum li{float:left;min-width:46px;padding-right:20px} .boardbox_card .item_infosum .subtit_g{font-size:12px;line-height:20px;color:#999} .boardbox_card .item_infosum .subtit_g .btn_more{display:inline-block;width:19px;vertical-align:top} .boardbox_card .item_infosum .subtit_g .btn_more .ico_comm{width:7px;height:10px;margin:6px auto 0;background-position:-670px -370px} .boardbox_card .item_infosum .desc_g{font-size:13px;line-height:20px;color:#333} .boardbox_card .item_infosum .desc_g .link_txt{display:inline-block;padding:1px 0 0 3px;font-size:12px;color:#326EDC;line-height:18px;text-decoration:underline;vertical-align:top} .boardbox_card .item_infosum .desc_g .fc_warn{display:inline-block;padding-right:3px;vertical-align:top} /*대시보드 상단 > 차트 영역*/ .boardbox_card.card_graph{border-top:1px solid #eee} .boardbox_card.card_graph .boxcard_select{position:relative;text-align:right;padding:20px 10px 30px 10px;border-bottom:none} .boardbox_card.card_graph .wrap_robotbtn{position:absolute;top:20px;left:20px} .boardbox_card.card_graph .wrap_robotbtn .link_help{position:absolute;right:5px;top:50%;margin-top:-10px} .boardbox_card.card_graph .wrap_robotbtn .btn_gm{height:28px} .boardbox_card.card_graph .wrap_robotbtn .inner_g{padding:5px 26px 4px 9px;font-size:11px} .boardbox_card.card_graph .graph_wrap{height:auto;padding:0 40px 23px 40px} /*대시보드 테이블영역*/ /*tab*/ .tab_dashboard{height:49px} .tab_dashboard li{float:left;position:relative;width:33.6%;max-width:490px;height:49px;margin:0} .tab_dashboard li:first-child{width:32.8%;max-width:480px} .tab_dashboard li + li .link_tab{margin-left:10px} .tab_dashboard .link_tab{display:block;height:48px;padding:0 18px;border:1px solid #ddd;font-weight:700;font-size:16px;line-height:46px;text-decoration:none;color:#777;background:#f5f5f5} .tab_dashboard span.link_tab,.tab_g span.link_tab:hover{opacity:0.4;filter:alpha(opacity=40);color:#555;pointer-events:none;cursor:default} .tab_dashboard .on .link_tab{position:relative;z-index:1;border-bottom-color:#fff;font-weight:700;color:#111;background-color:#fff} .tab_dashboard li.help_tab .link_tab{padding:0 57px 0 30px} .tab_dashboard li.help_tab:hover .link_tab{color:#111} .tab_dashboard .link_tab .ico_comm{display:inline-block;vertical-align:top} .tab_dashboard .ico_campaign{width:18px;height:14px;margin:18px 10px 0 0;background-position:-715px -360px} .tab_dashboard .ico_adgroup{width:19px;height:19px;margin:16px 7px 0 0;background-position:-715px -380px} .tab_dashboard .ico_material{width:17px;height:20px;margin:14px 7px 0 0;background-position:-715px -405px} .tab_dashboard .on .ico_campaign{background-position:-690px -360px} .tab_dashboard .on .ico_adgroup{background-position:-690px -380px} .tab_dashboard .on .ico_material{background-position:-690px -405px} .tab_dashboard .desc_tabsub{display:inline-block;padding:1px 0 0 7px;font-size:13px;font-weight:700;vertical-align:top} .tab_dashboard .btn_tabnum{position:absolute;top:10px;right:20px;z-index:10;height:28px;padding:0 24px 0 10px;border-radius:2px;border:1px solid #326EDC;line-height:27px;font-size:13px;font-weight:700;color:#326EDC;background:#F1F6FF;text-decoration:none} .tab_dashboard .btn_tabnum .ico_comm{position:absolute;top:9px;right:7px;width:10px;height:10px;background-position:-715px -300px} /*테이블 상단*/ .addashboard_box{margin-top:15px} .addashboard_box .tab_g{border:none} .adboardbox_wrap .btn_gm{height:34px} .adboardbox_wrap button.btn_gm{height:36px} .adboardbox_wrap .set_table .set_head{padding:7px 19px} .adboardbox_wrap .btn_gm .inner_g{line-height:17px} .adboardbox_wrap .btn_gm .ico_del{width:12px;height:14px;margin-top:10px;background-position:-690px -340px} .adboardbox_wrap .btn_gm.in_active .ico_del{background-position:-705px -340px} .adboardbox_wrap .btn_gm .ico_download{width:10px;height:13px;margin-top:10px;background-position:-715px -315px} .adboardbox_wrap .set_head .opt_select .link_selected{font-size:12px} .paging_wrap .desc_paging{float:left;padding-right:12px;line-height:36px;font-size:12px;color:#333} .adboardbox_wrap .tooltip_basic.ly_tooltip_type2{position:fixed} .adboardbox_wrap .set_head .optlist_row{z-index:30} .table_dashboard .link_g .ico_help{background-position:-625px -335px;opacity:1} .table_dashboard .link_g:hover .ico_help{background-position:-865px -30px;opacity:1} .adboardbox_wrap .set_table .set_head .paging_wrap{height:36px;text-align:center} .adboardbox_wrap .set_table .set_head .paging_wrap .inner_paging{display:inline-block;height:36px} .adboardbox_wrap .set_table .set_head .paging_wrap .num_paging{float:left;width:34px;height:34px;margin-left:-1px;border:1px solid #ddd;font-size:13px;line-height:33px;text-align:center;color:#777;background-color:#fff;text-decoration:none} .adboardbox_wrap .set_table .set_head .paging_wrap a.num_paging:hover,.paging_wrap em.num_paging:hover{background-color:#f5f5f5} .adboardbox_wrap .set_table .set_head .paging_wrap em.num_paging{position:relative;z-index:1;border-color:#326edc;font-weight:500;color:#326edc;cursor:default} .adboardbox_wrap .set_table .set_head .paging_wrap .num_paging:first-child{margin:0} .adboardbox_wrap .set_table .set_head .paging_wrap .ico_comm{height:10px;margin:12px auto 0} .adboardbox_wrap .set_table .set_head .paging_wrap{height:36px;text-align:center} .adboardbox_wrap .set_table .set_head .paging_wrap .inner_paging{display:inline-block;height:36px} .adboardbox_wrap .set_table .set_head .paging_wrap .num_paging{float:left;width:34px;height:34px;margin-left:-1px;border:1px solid #ddd;font-size:13px;line-height:33px;text-align:center;color:#777;background-color:#fff;text-decoration:none} .adboardbox_wrap .set_table .set_head .paging_wrap a.num_paging:hover,.paging_wrap em.num_paging:hover{background-color:#f5f5f5} .adboardbox_wrap .set_table .set_head .paging_wrap em.num_paging{position:relative;z-index:1;border-color:#326edc;font-weight:500;color:#326edc;cursor:default} .adboardbox_wrap .set_table .set_head .paging_wrap .num_paging:first-child{margin:0} .adboardbox_wrap .set_table .set_head .paging_wrap .ico_comm{height:10px;margin:12px auto 0} /*(popup)대시보드 > 소재 미리보기*/ .dashimg_wrap{padding:30px} /*(popup)검색 조건 저장*/ .basic_layer.savesearch_wrap .layer_body{padding:29px 30px 30px} .basic_layer.savesearch_wrap .txt_copy{margin-bottom:20px} .basic_layer.savesearch_wrap .list_savesearch > li + li{padding-top:25px} .basic_layer.savesearch_wrap .list_savesearch li .txt_copy{padding-top:8px} .basic_layer.savesearch_wrap .list_savesearch .opt_select2{width:490px;max-width:490px;margin-top:10px} .basic_layer.savesearch_wrap .list_savesearch .in_active .lab_radio{color:#ccc} .list_savesearch .subtxt_radioinp{padding:10px 0 0 28px;font-size:13px;color:#999} .basic_layer.savesearch_wrap .txt_error{padding-top:10px;font-size:12px;color:#F51045;line-height:18px} .basic_layer.savesearch_wrap .box_radioinp .ico_radio{margin-top:-9px} /*(popup)소재 심사 상태*/ .basic_layer4 .list_layer{margin-top:-3px} .basic_layer4 .list_layer li + li{padding-top:10px} .basic_layer4 .list_layer + .list_layer{margin-top:12px;padding-top:11px;border-top:1px solid #eee} .basic_layer4 .box_checkinp .lab_check{font-size:13px} .basic_layer4.layer_inptype .group_numinp:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''} .basic_layer4.layer_inptype .group_numinp .box_inptxt{float:left;width:138px;margin-top:0} .basic_layer4.layer_inptype .group_numinp .opt_select2{float:left;min-width:88px;width:88px;margin-left:10px} .basic_layer4.layer_inptype .group_numinp .txt_error{clear:both;padding-top:10px;font-size:12px;color:#F51045;line-height:18px} .basic_layer4.layer_boardsearch .inner_basic_layer{box-shadow:0 2px 10px rgba(0,0,0,0.25)} /*토스트팝업*/ .layer_toastdash{display:flex} .layer_toastdash.toastdash_btn{padding-bottom:40px} .layer_toastdash .inner_toastdash{margin-left:15px;margin-right:0} .layer_toastdash .bnt_toastdash{position:absolute;bottom:20px;right:20px} .layer_toastdash .bnt_toastdash .btn_gs{float:left;margin-left:10px} .layer_toastdash .bnt_toastdash .inner_g{font-size:12px;line-height:22px} .layer_toastdash .btn_close{position:absolute;top:2px;right:2px;width:10px;height:10px;padding:10px} .layer_toastdash .btn_close .ico_comm{width:10px;height:10px;background-position:-770px -150px;opacity:0.4} /*.table_dashboard .ico_aside{float:left;width:40px;height:10px;margin:5px 8px 0 0;border-radius:5px;background:#ccc}*/ .table_dashboard .ico_aside{position:absolute;top:13px;left:12px;width:40px;height:10px;margin:5px 8px 0 0;border-radius:5px;background:#ccc} .table_dashboard .ico_aside + .txt_dash{padding-left:48px} /* (popup)보고서 검색결과 */ .layer_adsearch.layer_reportresult .item_depth{min-width:350px} .layer_adsearch.layer_reportresult .list_lyadsearch .link_searchfilter{padding-right:17px} /*(popup)필터 설정 */ .basic_layer4.layer_boardfilter .inner_basic_layer,.basic_layer4.layer_boardfilter2 .inner_basic_layer{width:362px;box-shadow:0 2px 10px rgba(0,0,0,0.25)} .basic_layer4.layer_boardfilter .group_numinp .box_inptxt{width:250px} .basic_layer4.layer_boardfilter .group_numinp .opt_select2,.basic_layer4.layer_boardfilter2 .group_numinp .opt_select2{min-width:72px;width:72px} .basic_layer4.layer_boardfilter .box_inptxt .lab_txt{left:auto;right:15px} .basic_layer4.layer_boardfilter2 .group_numinp .box_inptxt{width:103px} .basic_layer4.layer_boardfilter2 .box_inptxt + .txt_bar{float:left;width:16px;line-height:32px;text-align:center} /* 보고서 만들기 */ /*보고서만들기 > 다른이름으로 저장*/ .savesearch_wrap .tit_copy{display:block;padding:30px 0 10px;color:#333;font-size:14px;line-height:20px;font-weight:400} /*캘린더*/ .adboardbox_search .wrap_calendar .area_switch{float:left;padding:8px 0 0 18px} .adboardbox_search .wrap_calendar .area_switch .switch_check{float:left;margin:5px 6px 0 0} .adboardbox_search .wrap_calendar .txt_switch{float:left;font-size:13px;color:#333;line-height:18px} .adboardbox_search .wrap_calendar .area_switch + .single_wrap{margin-left:20px} /* 보고서 */ .reportcreat_wrap .adboardbox_search{padding-right:441px;margin-top:0} .group_reportcreate{position:relative;height:805px;margin-top:20px} .group_reportcreate:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''} .group_reportcreate .report_table{height:805px} .group_reportcreate .report_pivot{position:absolute;top:0;right:0;width:275px;height:805px;background:#fff} .group_reportcreate.hide_pivot .report_pivot{width:0} .group_reportcreate.hide_pivot .report_pivot .inner_pivot{display:none} .group_reportcreate.hide_pivot .report_table{position:relative;padding-right:0} .group_reportcreate.hide_pivot .adboardbox_search{margin-right:40px} .report_pivot .area_btnpivot{position:relative} .report_pivot .btn_pivot{position:absolute;top:0;left:-29px;width:30px;height:60px;border:1px solid #ddd;background:#fff;box-sizing:border-box} .report_pivot .btn_pivot .ico_comm{width:6px;height:10px;margin-left:12px;background-position:-785px -110px} .group_reportcreate.hide_pivot .btn_pivot .ico_comm{margin-left:10px;background-position:-775px -110px} .report_pivot .inner_pivot{border:1px solid #ddd;border-bottom:none} .report_pivot .tit_pivot{display:block;height:58px;padding-left:20px;border-bottom:1px solid #ddd;font-size:16px;font-weight:700;line-height:58px;color:#111} .report_pivot .tab_pivot{overflow:hidden} .report_pivot .tab_pivot li{float:left;width:50%;height:50px} .report_pivot .tab_pivot li + li .link_privot{border-left:1px solid #ddd} .report_pivot .tab_pivot li .link_privot{overflow:hidden;display:block;height:49px;border-bottom:1px solid #ddd;line-height:49px;font-size:13px;color:#777;background:#F5F5F5;text-align:center;text-decoration:none} .report_pivot .tab_pivot li.on .link_privot{border-bottom-color:#fff;font-weight:700;color:#333;background:#fff} .report_pivot .tab_pivot li .num_privot{display:inline-block;padding-left:5px;font-size:14px} .report_pivot .tab_pivot li.on .num_privot{font-weight:700;color:#326EDC} .report_pivot .btn_addpivot{display:block;width:247px;height:36px;margin-top:10px;margin-left:14px;line-height:36px;font-size:13px;font-weight:700;color:#326EDC;background:#F1F6FF;text-align:center;text-decoration:none} .report_pivot .btn_addpivot .ico_add{display:inline-block;width:10px;height:10px;margin:12px 6px 0 0;background-position:-775px -230px} .report_pivot .box_choicerow{overflow-y:auto;height:640px;margin-top:9px} .report_pivot .box_choicerow .tit_row{display:block;padding:21px 25px 0;font-weight:500;font-size:13px;color:#555} .report_pivot .box_choicerow .tit_row .fc_emph{font-weight:500} .report_pivot .box_choicerow .list_choicerow{position:relative;margin:0 0 20px 14px} .report_pivot .box_choicerow .list_choicerow li{position:relative;width:183px;padding:7px 30px 8px 32px;border:1px solid rgba(0,0,0,0.15);border-radius:2px;font-size:14px;color:#555;line-height:20px;background-color:#fff;cursor:move} .report_pivot .box_choicerow .list_choicerow li + li{margin-top:6px} .report_pivot .box_choicerow .list_choicerow li.item_move{position:absolute;z-index:1;box-shadow:0 2px 8px 0 rgba(0,0,0,0.25)} .report_pivot .box_choicerow .list_choicerow li.bg_move,.report_pivot .box_choicerow .list_choicerow li.bg_move:hover{height:20px;border:1px dashed #326EDC;font-size:0;line-height:0;background-color:#F1F6FF;text-indent:-9999px} .report_pivot .box_choicerow .list_choicerow .handle_move{position:absolute;top:0;left:0;width:27px;min-height:34px;height:100%} .report_pivot .box_choicerow .list_choicerow li:hover{background:#F7F7F7} .report_pivot .box_choicerow .list_choicerow .ico_row{position:absolute;top:50%;left:14px;width:8px;height:8px;margin-top:-4px;background-position:-705px 0;opacity:0.2} .report_pivot .box_choicerow .list_choicerow li:hover .ico_row{opacity:0.5} .report_pivot .box_choicerow .list_choicerow li.item_move .ico_row{opacity:0.5} .report_pivot .box_choicerow .list_choicerow .btn_del{position:absolute;right:0px;top:0;width:36px;height:36px} .report_pivot .box_choicerow .list_choicerow .ico_del{width:10px;height:10px;margin:12px auto 0;background-position:-810px -235px;opacity:0.2} .report_pivot .box_choicerow .list_choicerow .btn_del:hover .ico_del{opacity:0.5} .report_pivot .box_choicerow .list_choicerow .btn_filter{display:none;position:absolute;top:50%;right:37px;margin-top:-10px} .report_pivot .box_choicerow .list_choicerow li:hover .btn_filter{display:block} .report_pivot .box_choicerow .list_choicerow .ico_filter{display:inline-block;width:11px;height:12px;margin:4px 0 0 5px;background-position:-700px -490px} .report_pivot .box_choicerow .list_choicerow .item_filter .ico_filter{background-position:-700px -475px} .report_pivot .box_choicerow .list_choicerow .item_movebg{height:20px;border:none} .report_pivot .box_choicerow .item_filter .btn_filter{display:block;font-size:12px;line-height:18px;font-weight:700;color:#4285F4;text-decoration:none} .report_pivot .box_choicerow .nodata_info{display:table;width:100%;height:640px} .report_pivot .box_choicerow .nodata_info .txt_nodata{display:table-cell;padding-bottom:56px;font-size:12px;line-height:18px;color:#666;vertical-align:middle;text-align:center} .report_pivot .box_choicerow .nodata_info .txt_nodata .link_txt{color:#326EDC} .group_reportcreate + .page_btn{margin-top:0;padding:12px;border:1px solid #ddd;background:#F5F5F5} .report_pivot .tooltip_info{top:65px;left:-103px;width:104px} .reportcreat_wrap .dsp_tit .link_help5{margin-right:10px} .reportcreat_wrap .table_dashboard .desc_sort{display:inline-block} .reportcreat_wrap .table_dashboard .desc_sort .ico_sort:hover{opacity:1} /*table*/ .group_reportcreate .table_dashboard .header{border-bottom:1px solid #eee} /*.group_reportcreate .table_dashboard.scroll_top .header:after{display:none}*/ /* 2023-03-16 삭제 */ .report_table .table_dashboard .thumb_link{padding-right:0} .group_reportcreate .adboardbox_search .wrap_search .inner_adsearch{z-index:21} .group_reportcreate .report_table .table_wrap{margin-top:15px;background:#fff} .report_table .table_dashboard .inner_tbl{color:#333} .report_table .table_dashboard .inner_tbl .btn_dash{margin-top:-15px} .report_table .table_dashboard .sortable .desc_set{display:inline-block;width:15px;height:35px;font-weight:400;font-size:11px;color:#777;line-height:20px;text-decoration:none} .report_table .table_dashboard .sortable .desc_set .ico_set{width:2px;height:12px;margin:10px 0 0 5px;background-position:-735px -240px} .report_table .table_dashboard .sortable:not(.sort_on) .ico_sort.sort_up{background-position:-810px -205px} .report_table .table_dashboard .sortable:not(.sort_on) .ico_sort.sort_down{background-position:-820px -205px} .report_table .table_dashboard .sortable:hover .ico_sort{opacity:1} .report_table .header .th .sortable .inner_tbl .btn_dash{right:6px} /* 설정 레이어팝업 */ .layer_reportset{position:fixed;z-index:22;border-radius:4px;background:#fff;box-shadow:1px 1px 10px rgba(0,0,0,0.25)} .item_card + .item_card .layer_adset{top:52px} .inner_reportset{overflow:hidden} .list_reportset{float:left;width:133px;padding:5px 0 8px;box-sizing:border-box} .list_reportset .link_reportset{display:block;position:relative;height:30px;padding:2px 12px 0;line-height:30px;font-weight:500;font-size:13px;color:#555} .list_reportset li:hover .link_reportset{background:rgba(0,0,0,0.03);text-decoration:none} .list_reportset li.in_active .link_reportset,.list_reportset li.in_active:hover .link_reportset{color:#ccc;background:#fff}/**/ .basic_layer.layer_reportcreat .inner_basic_layer{width:997px} .basic_layer.layer_reportcreat .body_row{width:937px;height:583px;margin:30px auto;border:1px solid #ddd;box-sizing:border-box} .basic_layer.layer_reportcreat .body_row .group_choicerow{float:right;width:527px;margin-right:-1px} .basic_layer.layer_reportcreat .body_row .box_choicerow{overflow-y:visible;float:left;width:263px;height:auto;border-left:1px solid #ddd;background:#FAFAFA} .basic_layer.layer_reportcreat .body_row .box_choicerow .tit_row{height:36px;padding:8px 14px 0;border-bottom:1px solid #EBEBEB;line-height:20px;background:#F5F5F5;box-sizing:border-box} .basic_layer.layer_reportcreat .body_row .box_choicerow .tit_row .fc_emph{padding-left:2px} .basic_layer.layer_reportcreat .body_row .box_choicerow .wrap_row{overflow-y:auto;overflow-x:hidden;position:relative;height:545px} .basic_layer.layer_reportcreat .body_row .box_choicerow .list_choicerow{padding:0} .basic_layer.layer_reportcreat .body_row .box_choicerow .list_choicerow li{display:flex;align-items:center;position:relative;width:242px;min-height:48px;margin:0 0 11px 11px;padding:7px 36px 7px 35px;border:1px solid rgba(0,0,0,0.15);border-radius:2px;font-size:12px;line-height:16px;color:#555;background-color:#fff;cursor:move;box-sizing:border-box} .basic_layer.layer_reportcreat .body_row .box_choicerow .list_choicerow li:hover{color:#111} .basic_layer.layer_reportcreat .body_row .box_choicerow .list_choicerow li.item_move{color:#111;box-shadow:0 2px 8px 0 rgba(0,0,0,0.25);z-index:10} .basic_layer.layer_reportcreat .body_row .box_choicerow .ico_row{position:absolute;top:50%;left:15px;width:10px;height:10px;margin-top:-5px;background-position:-725px -585px;opacity:0.2} .basic_layer.layer_reportcreat .body_row .box_choicerow .list_choicerow li:hover .ico_row{opacity:0.5} .basic_layer.layer_reportcreat .body_row .box_choicerow .list_choicerow li.item_move .ico_row{background-position:-725px -585px;opacity:0.5} .basic_layer.layer_reportcreat .body_row .box_choicerow .group_row li:first-child{margin-top:11px} .basic_layer.layer_reportcreat .body_row .box_choicerow .wrap_row .btn_del{position:absolute;right:0px;top:50%;width:36px;height:46px;margin-top:-23px} .basic_layer.layer_reportcreat .body_row .box_choicerow .wrap_row .btn_del .ico_del{width:10px;height:10px;margin:18px auto 0;background-position:-810px -235px;opacity:0.2} .basic_layer.layer_reportcreat .body_row .box_choicerow .wrap_row .btn_del:hover .ico_del{opacity:0.5} .basic_layer.layer_reportcreat .body_row .box_choicerow .list_choicerow li.bg_move{height:1px;min-height:auto;width:228px;padding:0;margin-top:4px;border-radius:0;border:0;font-size:0;line-height:0;background:none;z-index:10;text-indent:-9999px} .basic_layer.layer_reportcreat .body_row .box_choicerow .list_choicerow li.bg_move:before{position:absolute;top:0;left:0;width:5px;height:5px;margin-top:-2px;border:1px solid #326EDC;border-radius:50%;box-sizing:border-box;content:""} .basic_layer.layer_reportcreat .body_row .box_choicerow .list_choicerow li.bg_move:after{position:absolute;top:0;left:5px;width:236px;height:1px;border-top:1px solid #326EDC;content:""} .basic_layer.layer_reportcreat .body_row .box_choicerow .wrap_row .group_row.on{border:1px dashed #326EDC;background:#F1F6FF} .group_reportsearch{float:left;position:relative;overflow:hidden;width:410px;margin-right:-2px} .group_reportsearch .search_item .search_inp2{width:285px} .group_reportsearch .box_itemrow{overflow-y:auto;overflow-x:hidden;width:100%;margin-top:77px;border:none;max-height:491px} /*열맞춤 설정 팝업*/ .body_row .box_reportsearch{overflow-y:auto;overflow-x:hidden;width:100%;height:504px;margin-top:77px;border-right:1px solid #ddd} .body_row .box_reportsearch .ico_menu{position:absolute;top:50%;width:0;height:0;margin-top:-3px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #555;vertical-align:middle} .body_row .box_reportsearch .on .ico_menu{border-top:none;border-bottom:5px solid #555} .body_row .box_reportsearch .tit_row .ico_menu{left:18px} .body_row .box_reportsearch .list_itemrow li .ico_menu{left:46px} .body_row .box_reportsearch .list_itemrow .list_itemrow li .ico_menu{left:46px} .body_row .box_reportsearch .tit_row{position:relative;display:block;min-height:38px;padding:9px 20px 9px 37px;background-color:#F5F5F5;box-sizing:border-box} .body_row .box_reportsearch .list_itemrow + .tit_row{border-top:1px solid #eee} .body_row .box_reportsearch .tit_row .box_checkinp{display:block;height:18px} .body_row .box_reportsearch .tit_row,.body_row .box_reportsearch .tit_row .lab_check{font-size:14px;line-height:18px;color:#777;font-weight:500} .body_row .box_reportsearch .tit_row .box_checkinp .ico_check{margin-top:-8px} .body_row .box_reportsearch .list_itemrow li{border-top:1px solid #eee} .body_row .box_reportsearch .list_itemrow li .inner_itemrow{position:relative;min-height:18px;padding:8px 0 8px 65px} .body_row .box_reportsearch .list_itemrow li .inner_itemrow:hover{background-color:rgba(0,0,0,0.03)} .body_row .box_reportsearch .list_itemrow li:first-child{margin-top:0} .body_row .box_reportsearch .list_itemrow .box_checkinp{padding-right:15px} .body_row .box_reportsearch .list_itemrow .box_checkinp .ico_check,.body_row .box_reportsearch .list_itemrow .box_checkinp .inp_check{top:11px} .body_row .box_reportsearch .list_itemrow .box_checkinp.on_check .ico_check{background-position:-845px -30px} .body_row .box_reportsearch .list_itemrow .box_checkinp.in_active .lab_check{color:#999} .body_row .box_reportsearch .list_itemrow .list_itemrow li{border-top:none} .body_row .box_reportsearch .list_itemrow .list_itemrow{padding:8px 0;border-top:1px solid #eee} .body_row .box_reportsearch .list_itemrow .list_itemrow li .inner_itemrow{padding:4px 0 5px 93px} .body_row .box_reportsearch .list_itemrow li .link_help{position:absolute;top:0;right:6px;width:30px;height:30px} .body_row .box_reportsearch .list_itemrow li .link_help .ico_comm{margin-top:9px} .body_row .box_reportsearch .nodata_info{display:table;height:calc(100% - 80px);width:100%;text-align:center} .body_row .box_reportsearch .nodata_info .txt_nodata{display:table-cell;vertical-align:middle} /*소재 id > 검색*/ .layer_boardsearch .con_layer{min-height:36px;box-sizing:border-box;vertical-align:top} .con_layer .group_adsearch{position:relative} .con_layer .inner_adsearch{position:relative;z-index:20;overflow-y:auto;max-height:156px;min-height:36px;padding:0 0 0 9px;border:1px solid #ddd;border-radius:2px;background:#fff;box-sizing:border-box} .con_layer .inner_adsearch:hover,.con_layer .inner_adsearch.over{border-color:#555} .con_layer .inner_adsearch.on{border-color:#326edc} .con_layer .group_adsearch .lab_txt{padding-top:7px;font-size:13px;color:rgba(0,0,0,0.4);line-height:18px} .con_layer .group_adsearch .btn_search{position:absolute;top:1px;right:2px} .con_layer .group_adsearch .btn_search .ico_comm{width:16px;height:16px;margin:8px 10px;background-position:-685px -505px} .con_layer .group_adsearch .list_adsearch:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''} .con_layer .group_adsearch .list_adsearch li{float:left;padding:4px 8px 4px 0} .con_layer .group_adsearch .list_adsearch li:last-child{padding-right:0} .con_layer .group_adsearch .box_inptxt{position:relative;max-width:76px;height:26px;padding:0 28px 2px 9px;border-radius:13px;border:1px solid #fff;box-sizing:border-box} .con_layer .group_adsearch .box_inptxt .inp_txt{margin-top:-1px;font-size:12px;color:#333} .con_layer .group_adsearch .box_inptxt .btn_del{position:absolute;top:1px;right:0} .con_layer .group_adsearch .box_inptxt .btn_del .ico_del{width:10px;height:10px;margin:6px 10px 6px 5px;background-position:-800px -235px} .con_layer .box_adsearch{position:relative} .con_layer .box_adsearch .btn_adsearch{overflow:hidden;display:block;min-width:76px;max-width:270px;height:26px;padding:0 28px 2px 9px;border-radius:13px;line-height:24px;font-size:12px;color:#333;background:#eee;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;text-decoration:none} .con_layer .box_adsearch.on .btn_adsearch,.con_layer .box_adsearch:hover .btn_adsearch,.con_layer .btn_admore:hover{background:#ccc} .con_layer .btn_admore{display:block;width:26px;height:26px;padding-top:11px;border-radius:26px;background:#eee;box-sizing:border-box} .con_layer .btn_admore .ico_comm{width:16px;height:4px;margin:0 auto;background-position:-670px -420px} .con_layer .box_adsearch .btn_del{position:absolute;top:2px;right:0;z-index:10} .con_layer .box_adsearch .btn_del .ico_del{width:10px;height:10px;margin:6px 10px 6px 5px;background-position:-800px -235px} .con_layer .btn_adsave{position:absolute;top:3px;right:30px;font-size:13px;color:#326EDC;z-index:30} .con_layer .btn_adsave .inner_g{display:block;padding:5px 3px} .con_layer .btn_addel{position:absolute;top:4px;right:5px;z-index:30} .con_layer .btn_addel .ico_comm{width:12px;height:12px;margin:8px 6px;background-position:-720px -330px} .con_layer .btn_addel.on .ico_comm,.con_layer .btn_addel:hover .ico_comm{background-position:-720px -345px} .list_lyadsearch .btn_addel .ico_comm{width:12px;height:14px;margin:6px;background-position:-670px -490px} .list_lyadsearch .btn_addel.on .ico_comm,.list_lyadsearch .btn_addel:hover .ico_comm{background-position:-670px -505px} .tbl_g2 .sortable .btn_dash{position:absolute;top:50%;right:0;margin-top:-12px} .tbl_g2 .sortable .btn_menu,.tbl_g2 .sortable .desc_sort{position:relative;top:auto;left:auto;right:auto;display:inline-block;height:35px;margin-top:0;vertical-align:top} .tbl_g2 .sortable .btn_menu{width:20px} .tbl_g2 .sortable .ico_menu{display:inline-block;width:0;height:0;margin:11px 2px 15px 1px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #c4c4c4} .tbl_g2 .sortable.oepn_menu .btn_menu .ico_comm{border-top-color:#555} .tbl_g2 th:last-child.sortable .btn_dash{right:8px} .tbl_g2 .sortable .btn_dash .desc_sort{display:inline-block;right:auto} .tbl_g2 .sortable .btn_dash .desc_sort .ico_comm{margin:10px 2px} /* 이관되는 SDK 팝업 중 모먼트에서 사용되는 부분을 위해 동일한 내용 추가 */ /*(팝업)최근 수집 이벤트 이력*/ .basic_layer.pixelcreat_layer .inner_basic_layer{width:720px} .basic_layer.pixelcreat_layer .layer_body{padding:28px 30px 30px 30px} .basic_layer.pixelcreat_layer .desc_pixelcreat{margin-right:-3px;font-size:14px;line-height:22px;color:#555} .basic_layer.pixelcreat_layer .box_search2{margin-top:20px} .basic_layer.pixelcreat_layer .box_search2 .gm_bl.in_active{border-color:#ccc} .basic_layer.pixelcreat_layer .box_search2 .box_inptxt{width:567px} .basic_layer.pixelcreat_layer .box_search2 + .desc_pixelcreat,.basic_layer.pixelcreat_layer .box_info + .desc_pixelcreat{margin-top:30px} .basic_layer.pixelcreat_layer .box_info{margin-top:20px;padding:12px 20px;border:1px solid #ddd;border-radius:2px;background:#f5f5f5} .basic_layer.pixelcreat_layer .box_info .desc_info{font-size:14px;font-weight:700;line-height:22px;color:#111} .basic_layer.pixelcreat_layer .box_pixelcreat{padding:20px;margin-top:10px;border:1px solid #ddd;border-radius:2px} .basic_layer.pixelcreat_layer .box_pixelcreat .tit_g{position:relative;display:block;padding:0 0 10px 7px;color:#777;font-size:14px;line-height:23px;font-weight:400} .basic_layer.pixelcreat_layer .box_pixelcreat .tit_g:after{position:absolute;top:10px;left:0;width:3px;height:3px;border-radius:3px;background:#777;content:''} .basic_layer.pixelcreat_layer .box_pixelcreat li + li{margin-top:30px} .basic_layer.pixelcreat_layer .box_pixelcreat .btn_gm{margin-right:7px} /*(팝업)카카오 서비스 연동*/ .pixelkakakao_layer .inner_basic_layer{width:838px} .pixelkakakao_layer .layer_body{padding:22px 30px 30px 30px} .pixelkakakao_layer .box_card{margin-top:11px;border-color:#d9d9d9} .pixelkakakao_layer .layer_subtit{font-weight:500;color:#333} .pixelkakakao_layer .layer_subtit .fw_normal{font-weight:400} .pixelkakakao_layer .layer_subtit .fw_normal .fc_gray{color:#777} .pixelkakakao_layer .wrap_tab{position:relative} .pixelkakakao_layer .wrap_tab .search_inp2{position:absolute;top:7px;right:20px;width:147px} .pixelkakakao_layer .tab_g{height:50px;border-radius:0;background:#f5f5f5} .pixelkakakao_layer .tab_g li{height:51px} .pixelkakakao_layer .tab_g li + li .link_tab{border-left:1px solid #ddd} .pixelkakakao_layer .tab_g .link_tab{height:50px;padding:0 43px;line-height:18px;color:#777;font-weight:700;border-radius:0;letter-spacing:0} .pixelkakakao_layer .tab_g .inner_tab{display:table;width:auto;height:100%} .pixelkakakao_layer .tab_g .inner_txt{display:table-cell;vertical-align:middle} .pixelkakakao_layer .tab_g .on .link_tab{border-color:#d9d9d9;border-bottom-color:#fff;color:#111} .pixelkakakao_layer .tbl_g2 th .ico_arrow{display:inline-block;width:7px;height:12px;margin:5px 7px;background-position:-670px -445px;vertical-align:top} .pixelkakakao_layer .itemtbl_wrap{border:none;border-top:1px solid #ddd;border-radius:0} .pixelkakakao_layer .itemtbl_head th{height:52px} .pixelkakakao_layer .itemtbl_wrap .itemtbl_body{max-height:342px} .pixelkakakao_layer .itemtbl_wrap .itemtbl_body td{height:66px} .pixelkakakao_layer .itemtbl_wrap .itemtbl_body .nodata_info{height:342px;text-align:center} .pixelkakakao_layer .itemtbl_wrap .link_txt .img_profile{overflow:hidden;position:absolute;top:50%;left:20px;width:36px;height:36px;margin-top:-18px;border-radius:36px;background:#EBEBEB} .pixelkakakao_layer .itemtbl_wrap .link_txt .img_profile img{width:100%} .pixelkakakao_layer .itemtbl_wrap .link_txt .inner_g{display:-webkit-box;overflow:hidden;max-height:36px;padding-left:47px;line-height:18px;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical} .pixelkakakao_layer .itemtbl_wrap .fc_gray{margin-top:-1px;color:#777} .pixelkakakao_layer .itemtbl_wrap .link_txt.fc_black{color:#333} .pixelkakakao_layer .tbl_top{padding:20px 20px} .pixelkakakao_layer .tbl_top .list_guide{padding-top:2px;margin-right:-2px} .pixelkakakao_layer .tbl_top .list_guide li{padding-left:7px;line-height:18px;font-size:13px;color:#777} .pixelkakakao_layer .tbl_top .list_guide li:before{top:7px;width:3px;height:3px;border-radius:3px;background:#777} .pixelkakakao_layer .tbl_top .list_guide li + li{margin-top:0} .pixelkakakao_layer .layer_foot .wrap_delbtn{float:left;margin-top:0;font-weight:500;line-height:16px} .pixelkakakao_layer .wrap_delbtn .btn_gm{position:relative;height:34px;margin-right:7px;padding-right:24px;border-radius:34px;border-color:#ddd;background:#fff} .pixelkakakao_layer .wrap_delbtn .btn_gm .inner_g{padding-left:20px;line-height:20px;font-size:13px} .pixelkakakao_layer .wrap_delbtn .btn_gm .ico_del{position:absolute;top:9px;right:18px;width:10px;height:10px;margin:3px auto;background-position:-770px -150px;opacity:0.2} .pixelkakakao_layer .wrap_delbtn .btn_gm:hover .ico_del{opacity:1} .pixelkakakao_layer .wrap_delbtn .btn_gm .fc_emph{font-weight:700} .pixelkakakao_layer .box_card + .txt_error{padding-top:20px} /*(팝업)광고계정 연동*/ .pixelaccount_layer .tbl_top{padding:12px 20px} .pixelaccount_layer .tbl_top:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''} .pixelaccount_layer .tbl_top .txt_noti{color:#777;font-size:13px;line-height:36px} .pixelaccount_layer .tbl_top .opt_select,.pixelaccount_layer .tbl_top .opt_select .link_selected{min-width:128px;letter-spacing:0} .pixelaccount_layer .tbl_top .box_inptxt{float:right;margin-left:10px} .pixelaccount_layer .list_guide + .box_card{margin-top:20px} .pixelaccount_layer .itemtbl_wrap .itemtbl_body{max-height:372px} /*(팝업)픽셀 & SDK 설치*/ .pixelinstall_layer .cont_install{padding:22px 20px;border-top:1px solid #ddd} .pixelinstall_layer .tit_install{display:block;line-height:18px;font-size:14px;color:#333;font-weight:400} .pixelinstall_layer .desc_install{padding-top:5px;line-height:18px;font-size:14px;color:#777} .pixelinstall_layer .btn_install{padding-top:13px} .pixelinstall_layer .btn_install + .tit_install{padding-top:32px} .pixelinstall_layer .list_btninstall{overflow:hidden;margin-top:13px;border-radius:2px;border:1px solid rgba(0,0,0,0.15)} .pixelinstall_layer .list_btninstall li{float:left;width:25%;border-right:1px solid rgba(0,0,0,0.15);box-sizing:border-box} .pixelinstall_layer .list_btninstall li:hover{background:rgba(0,0,0,0.08)} .pixelinstall_layer .list_btninstall li:nth-child(4n){border-right:none} .pixelinstall_layer .list_btninstall li:nth-child(5),.pixelinstall_layer .list_btninstall li:nth-child(6),.pixelinstall_layer .list_btninstall li:nth-child(7),.pixelinstall_layer .list_btninstall li:nth-child(8){border-top:1px solid rgba(0,0,0,0.15)} .pixelinstall_layer .list_btninstall li .link_install,.pixelinstall_layer .list_btninstall li .link_install2{display:block;font-weight:700;font-size:12px;color:#555;text-align:center;text-decoration:none} .pixelinstall_layer .list_btninstall li .link_install{height:69px;line-height:69px} .pixelinstall_layer .list_btninstall li .link_install2{height:34px;line-height:34px} /*(팝업)픽셀 &SDK 멤버 권한 요청*/ .basic_layer.authority_layer .inner_basic_layer{width:900px} .basic_layer.authority_layer .layer_body{padding:30px 30px 30px 30px} .basic_layer.authority_layer .tit_authority{display:block;margin-top:-2px;font-weight:500;font-size:14px;line-height:20px;color:#333} .basic_layer.authority_layer .search_inp2 + .tit_authority{padding-top:31px} .basic_layer.authority_layer .desc_authority{padding-top:10px;font-size:14px;line-height:20px;color:#555} .basic_layer.authority_layer .wrap_radioinp{padding-top:20px} .basic_layer.authority_layer .wrap_radioinp .box_radioinp{margin-right:28px} .basic_layer.authority_layer .box_radioinp .lab_radio{font-size:13px;color:#333} .basic_layer.authority_layer .search_inp2{margin-top:18px;width:315px} .basic_layer.authority_layer .search_inp2 + .txt_error{padding-top:10px} .basic_layer.authority_layer .list_authority{padding-top:12px} .basic_layer.authority_layer .list_authority li{position:relative;padding-left:8px;line-height:18px;font-size:14px;color:#555} .basic_layer.authority_layer .list_authority li:before{position:absolute;top:8px;left:0;width:3px;height:3px;border-radius:3px;background:#555;content:''} .basic_layer.authority_layer .list_authority li + li{margin-top:2px} .basic_layer.authority_layer .itemtbl_wrap{margin-top:21px;border:1px solid #ddd;border-radius:0} .basic_layer.authority_layer .itemtbl_head th{height:45px} .basic_layer.authority_layer .itemtbl_wrap .inner_tbl .link_help{margin-top:-5px} .basic_layer.authority_layer .itemtbl_wrap .fc_gray{color:#777} .basic_layer.authority_layer .itemtbl_wrap .itemtbl_body{max-height:305px} .basic_layer.authority_layer .itemtbl_wrap .itemtbl_body .nodata_info{height:305px;text-align:center} .basic_layer.authority_layer .layer_foot .btn_close{top:10px;right:19px} .basic_layer.authority_layer .tooltip_basic.ly_tooltip{padding-top:11px;padding-left:16px;min-width:200px} .basic_layer.authority_layer .tooltip_basic.ly_tooltip .list_tooltip + .txt_tooltip{margin-top:18px} /*(팝업)방문 이벤트 태그 추가*/ .visitevent_layer .inner_basic_layer{width:740px} .visitevent_layer .layer_body{padding:22px 30px 30px 30px} .visitevent_layer .box_textarea{height:180px} .visitevent_layer .wrap_tbl{padding-top:27px} .visitevent_layer .wrap_tbl .sub_txt{padding-top:10px;font-size:12px;line-height:18px;color:#999} .visitevent_layer .wrap_tbl .opt_select{width:100%;min-width:100%} .visitevent_layer .wrap_tblbtn{padding-top:20px} .visitevent_layer .wrap_tblbtn .btn_gm{margin-right:7px} /*(팝업)최근 수집 이벤트 이력*/ .eventlist_layer .inner_basic_layer{width:1000px} .eventlist_layer .layer_body{padding:28px 30px 30px 30px} .os_mac .eventlist_layer .layer_subtit,.eventlist_layer .layer_subtit{line-height:24px;font-weight:500;color:#333} .eventlist_layer .layer_subtit .fw_normal{font-weight:400} .eventlist_layer .desc_guide{padding-top:19px;font-size:14px;line-height:22px;color:#555} .eventlist_layer .itemtbl_wrap{overflow-y:auto;margin-top:11px;max-height:427px;border:1px solid #ddd} /*(팝업)카카오톡 채널 전환 이벤트/태그 설정*/ .chsetting_layer .inner_basic_layer{width:1000px} .chsetting_layer .layer_body{padding:22px 30px 30px 30px} .chsetting_layer .box_card{position:relative;margin-top:22px;border-color:#d9d9d9} .chsetting_layer .layer_subtit{font-weight:500;color:#333} .chsetting_layer .layer_subtit .fw_normal{font-weight:400} .chsetting_layer .box_card .tab_right{position:absolute;top:7px;right:20px;width:232px} .chsetting_layer .tab_g{height:50px;border-radius:0} .chsetting_layer .tab_g li{height:100%} .chsetting_layer .tab_g .link_tab{height:50px;padding:0 44px;line-height:18px;color:#777;border-radius:0;letter-spacing:0} .chsetting_layer .tab_g .inner_tab{display:table;width:auto;height:100%} .chsetting_layer .tab_g .inner_txt{display:table-cell;vertical-align:middle} .chsetting_layer .tab_g .on .link_tab{border-color:#d9d9d9;border-bottom-color:#fff;color:#111} .chsetting_layer .tbl_top{padding:12px 20px} .chsetting_layer .tbl_top:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''} .chsetting_layer .tbl_top .txt_noti{color:#777;font-size:13px;line-height:36px} .chsetting_layer .tbl_top .opt_select,.chsetting_layer .tbl_top .opt_select .link_selected{min-width:223px} .chsetting_layer .itemtbl_head th{height:46px} .chsetting_layer .itemtbl_head .ico_arrow{display:inline-block;width:7px;height:12px;margin:5px 7px;background-position:-670px -445px;vertical-align:top} .chsetting_layer .itemtbl_wrap .itemtbl_body{max-height:380px} .chsetting_layer .itemtbl_wrap .itemtbl_body td{height:46px} .chsetting_layer .itemtbl_wrap .list_eventtag{overflow:hidden;margin:-2px 0 -3px} .chsetting_layer .itemtbl_wrap .list_eventtag li{position:relative;float:left;width:143px;min-height:26px} .chsetting_layer .itemtbl_wrap .list_eventtag li + li{padding-left:40px;width:135px} .chsetting_layer .itemtbl_wrap .list_eventtag .desc_eventtag{padding-right:30px;line-height:24px} .chsetting_layer .list_eventtag .btn_gs{position:absolute;top:0;right:0;width:26px;height:26px;border-color:#ddd} .chsetting_layer .list_eventtag .btn_gs .icon_g{width:24px;min-width:24px;height:24px} .chsetting_layer .list_eventtag .btn_gs .ico_modify{margin-top:6px;margin-bottom:5px} .chsetting_layer .itemtbl_wrap .list_eventtag .ico_arrow{position:absolute;top:7px;left:17px;width:7px;height:12px;background-position:-670px -445px} .chsetting_layer .itemtbl_wrap .list_eventtag .btn_gs.in_active{background:#f5f5f5} .chsetting_layer .itemtbl_wrap .list_eventtag .btn_gs.in_active .ico_comm{opacity:0.4} .chsetting_layer .itemtbl_wrap{border:none;border-top:1px solid #ddd;border-radius:0} .chsetting_layer .itemtbl_head th{height:46px} .chsetting_layer .itemtbl_head .ico_arrow{display:inline-block;width:7px;height:12px;margin:5px 7px;background-position:-670px -445px;vertical-align:top} .chsetting_layer .itemtbl_wrap .inner_tbl{position:relative;padding-left:20px;padding-right:12px;font-size:13px;color:#555} .chsetting_layer .itemtbl_body .align_c .inner_tbl{padding-left:0;padding-right:0} .chsetting_layer .itemtbl_wrap .itemtbl_body{max-height:380px} .chsetting_layer .itemtbl_wrap .itemtbl_body td{height:46px} .chsetting_layer .itemtbl_wrap .itemtbl_body .nodata_info{height:380px;color:#777;text-align:center;vertical-align:middle} .chsetting_layer .itemtbl_wrap .itemtbl_body td.nodata_info:hover{background:#fff} .chsetting_layer .itemtbl_wrap .list_eventtag{overflow:hidden;margin:-2px 0 -3px} .chsetting_layer .itemtbl_wrap .list_eventtag li{position:relative;float:left;width:143px;min-height:26px} .chsetting_layer .itemtbl_wrap .list_eventtag li + li{padding-left:40px;width:135px} .chsetting_layer .itemtbl_wrap .list_eventtag .desc_eventtag{padding-right:30px;line-height:24px} .chsetting_layer .list_eventtag .btn_gs{position:absolute;top:0;right:0;width:26px;height:26px;border-color:#ddd} .chsetting_layer .list_eventtag .btn_gs .icon_g{width:24px;min-width:24px;height:24px} .chsetting_layer .list_eventtag .btn_gs .ico_modify{margin-top:6px;margin-bottom:5px} .chsetting_layer .itemtbl_wrap .list_eventtag .ico_arrow{position:absolute;top:7px;left:17px;width:7px;height:12px;background-position:-670px -445px} .chsetting_layer .itemtbl_wrap .list_eventtag .btn_gs.in_active{background:#f5f5f5} .chsetting_layer .itemtbl_wrap .list_eventtag .btn_gs.in_active .ico_comm{opacity:0.4} .chsetting_layer .layer_foot .txt_select{float:left;margin-top:10px;font-weight:500;line-height:16px} .chsetting_layer .layer_foot .txt_select .num_select{margin-left:2px;font-weight:500;color:#326EDC} .chsetting_layer .tooltip_budget .opt_eventtag{width:198px;min-width:198px} .chsetting_layer .list_guide,.visitevent_layer .list_guide,.pixelaccount_layer .list_guide{padding-top:2px} .chsetting_layer .list_guide li,.visitevent_layer .list_guide li,.pixelaccount_layer .list_guide li{padding-left:8px;line-height:18px} .chsetting_layer .list_guide li:before,.visitevent_layer .list_guide li:before,.pixelaccount_layer .list_guide li:before{top:7px;width:3px;height:3px;border-radius:3px} .chsetting_layer .list_guide li + li,.visitevent_layer .list_guide li + li,.pixelaccount_layer .list_guide li + li{margin-top:4px} .dynamic-tooltip-enter { opacity: 0.01; } .dynamic-tooltip-enter.dynamic-tooltip-enter-active { opacity: 1; transition: opacity 300ms ease-out; } .dynamic-tooltip-exit { opacity: 1; } .dynamic-tooltip-exit.dynamic-tooltip-exit-active { opacity: 0.01; transition: opacity 300ms ease-out; } .popup-enter { opacity: 0.01; } .popup-enter.popup-enter-active { opacity: 1; transition: opacity 300ms ease-out; } .popup-exit { opacity: 1; } .popup-exit.popup-exit-active { opacity: 0.01; transition: opacity 300ms ease-out; } .motion_board_video-exit { opacity: 1; } .motion_board_video-exit-active { opacity: 0; transition: opacity 2000ms ease-out; } .motion_board_video-exit-done { opacity: 0; } /*# sourceMappingURL=style.2da66c11b2e3719252b7.css.map*/