/* 축소하지 못했습니다. 축소되지 않은 콘텐츠를 반환합니다. (1230,2329): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1230,4931): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1230,5043): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size' (1230,5090): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size' (1230,5141): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size' (1230,5262): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-color' (1230,5292): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color' (1230,5536): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size' (1230,5985): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1230,6099): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1230,7589): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-color' (1230,7619): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color' (1230,8851): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-color' (1230,8881): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color' (1230,9527): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1230,9586): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1230,10717): run-time error CSS1039: Token not allowed after unary operator: '-swiper-preloader-color' (1230,10746): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color' (1230,10844): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1230,10903): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' */ /*! jQuery UI - v1.12.1 - 2016-09-14 * http://jqueryui.com * Copyright jQuery Foundation and other contributors; Licensed MIT */ .ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px} /*font-face*/ @font-face{ font-family:"notokr-bold"; src:url('/Inc/Css/fonts/notokr-bold.eot'); src:url('/Inc/Css/fonts/notokr-bold.eot?#iefix') format('embedded-opentype'), url('/Inc/Css/fonts/notokr-bold.woff') format('woff'), url('/Inc/Css/fonts/notokr-bold.ttf') format('truetype'), url('/Inc/Css/fonts/notokr-bold.svg#NanumGothic') format('svg'); src:local(※), url('/Inc/Css/fonts/notokr-bold.woff') format('woff'); } @font-face{ font-family:"notokr-demilight"; src:url('/Inc/Css/fonts/notokr-demilight.eot'); src:url('/Inc/Css/fonts/notokr-demilight.eot?#iefix') format('embedded-opentype'), url('/Inc/Css/fonts/notokr-demilight.woff') format('woff'), url('/Inc/Css/fonts/notokr-demilight.ttf') format('truetype'), url('/Inc/Css/fonts/notokr-bold.svg#NanumGothic') format('svg'); src:local(※), url('/Inc/Css/fonts/notokr-demilight.woff') format('woff'); } @font-face{ font-family:"notokr-light"; src:url('/Inc/Css/fonts/notokr-light.eot'); src:url('/Inc/Css/fonts/notokr-light.eot?#iefix') format('embedded-opentype'), url('/Inc/Css/fonts/notokr-light.woff') format('woff'), url('/Inc/Css/fonts/notokr-bold.ttf') format('truetype'), url('/Inc/Css/fonts/notokr-light.svg#NanumGothic') format('svg'); src:local(※), url('/Inc/Css/fonts/notokr-light.woff') format('woff'); } @font-face{ font-family:"notokr-medium"; src:url('/Inc/Css/fonts/notokr-medium.eot'); src:url('/Inc/Css/fonts/notokr-medium.eot?#iefix') format('embedded-opentype'), url('/Inc/Css/fonts/notokr-medium.woff') format('woff'), url('/Inc/Css/fonts/notokr-medium.ttf') format('truetype'), url('/Inc/Css/fonts/notokr-medium.svg#NanumGothic') format('svg'); src:local(※), url('/Inc/Css/fonts/notokr-medium.woff') format('woff'); } @font-face{ font-family:"notokr-regular"; src:url('/Inc/Css/fonts/notokr-regular.eot'); src:url('/Inc/Css/fonts/notokr-regular.eot?#iefix') format('embedded-opentype'), url('/Inc/Css/fonts/notokr-regular.woff') format('woff'), url('/Inc/Css/fonts/notokr-regular.ttf') format('truetype'), url('/Inc/Css/fonts/notokr-regular.svg#NanumGothic') format('svg'); src:local(※), url('/Inc/Css/fonts/notokr-regular.woff') format('woff'); } /*눈누폰트*/ @font-face { font-family: 'S-CoreDream-1Thin'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-1Thin.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'S-CoreDream-3Light'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'S-CoreDream-4Regular'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'S-CoreDream-5Medium'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'S-CoreDream-6Bold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'S-CoreDream-7ExtraBold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff'); font-weight: normal; font-style: normal; } * { box-sizing: border-box;} html,body {background:#ededed; font-family:"notokr-regular",Dotum,Arial,sans-serif; font-size:10px; letter-spacing:-0.025em; } body { position: relative;line-height: 1.45; width:100% } html.font1,body.font1{ font-size:12px;} html.font2,body.font2{ font-size:14px;} html.font3,body.font3{ font-size:14px;} html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,input,button,textarea,select,option table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, hr{ margin: 0; padding: 0; border: 0; list-style: none; font-weight: normal; } em { font-style: normal;} fieldset,img {border:0 none;} a { text-decoration: none;color:inherit;} img { width:100%; vertical-align: top} .hide,legend,caption{position:absolute !important;width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden} input:focus,textarea:focus{outline:none;} header,section,footer,aside,nav,main,article,figure{display:block;} :focus {outline:none;-webkit-box-shadow:none !important;-moz-box-shadow:none !important;box-shadow:none !important;} table{border-collapse:collapse;border-spacing:0} /*swiper*/ .tag_box_area .swiper-slide { width:auto; margin-right:5px} .tag_box_area.swiper-wrapper { height:3.5rem} .o_hide { overflow:hidden !important} .o_int { overflow:inherit !important;} /*달력*/ .search_cal.ui-datepicker { padding:0;background:#fff;width:300px; z-index:999 !important; } .search_cal.ui-datepicker table { margin-bottom:0} .search_cal .ui-datepicker-calendar {width:100% } .search_cal .ui-datepicker-calendar tr th { font-family:'nokokr-regular'; line-height:0;font-weight:normal; padding:0; height:3.6rem;font-size:1.4rem; color:#888; border:1px solid #e7e7e7; border-left:0; border-right:0} .search_cal .ui-datepicker-calendar tr td {padding:0; text-align: center !important; font-family:'Arial'; color:#555; font-size:1.7rem;line-height:1.35em;text-align: center; border:1px solid #e7e7e7; border-top:0; border-left:0} .search_cal .ui-datepicker-calendar tr td:last-child{ border-right: 0} .search_cal .ui-datepicker-calendar tr td span { display: block;padding:.5rem 0; text-align:center;} .search_cal .ui-datepicker-calendar tr td a { text-align: center; display: block; padding:.5rem 0;} .search_cal.ui-datepicker .ui-datepicker-title {height:5rem; line-height:5rem !important; font-size:0;position: relative; } .search_cal.ui-datepicker .ui-datepicker-title span { font-size:2rem;display: inline-block;font-family:'Arial Bold'; font-weight:bold} .search_cal.ui-datepicker .ui-state-active, .search_cal.ui-widget-content .ui-state-active, .search_cal .ui-widget-header .ui-state-active { background:#1c1c1c; color:#fff} .ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled {opacity: .15;filter: Alpha(Opacity=35); /* support: IE8 */background-image: none;} .search_cal.ui-datepicker-today a{ background:#fff9bb !important; color:#555 !important} .search_cal.ui-datepicker .ui-datepicker-header { padding:0; margin:0 auto; width:241px; overflow: hidden;} .search_cal.ui-datepicker .ui-datepicker-prev, .search_cal.ui-datepicker .ui-datepicker-next { z-index: 10;border:1px solid #8c8c8c; border-radius:50px; width:3rem; height:3rem; top:1rem; background:url(https://img.sedaily.com/V2/Images/btn_move.svg) 50% 50% no-repeat; background-size:1.3rem;} .search_cal.ui-datepicker .ui-datepicker-prev {transform: rotate(180deg); left:0} .search_cal.ui-datepicker .ui-datepicker-next { right:0} .search_cal.ui-datepicker .ui-datepicker-next.ui-state-disabled,.search_cal.ui-datepicker .ui-datepicker-prev.ui-state-disabled{ opacity: .3} .search_cal .ui-datepicker-other-month {background:#f7f7f7 ; color:#ccc; text-align:center } .search_cal .ui-datepicker-other-month span{ color:#ccc; text-align:center } .search_cal.ui-datepicker td span, .search_cal.ui-datepicker td a { padding:0} .search_cal .ui-datepicker-today a { background: #fff9bb !important; color: #555;} .search_cal .ui-datepicker-today.ui-datepicker-current-day a,.rank_date .ui-datepicker-today.ui-datepicker-current-day a { background:#1c1c1c !important; color:#fff !important } /*margin, 정렬*/ .mt100 { margin-top:100px !important} .mt30 { margin-top:30px} .mt20 { margin-top:20px} .al_cen {text-align: center; left:0 !important; height: inherit !important} .al_cen a{display:block} .wid640 { padding-bottom:6rem} /*banner*/ .main_wid_banner { text-align: center; background:#fff; position: relative;font-size:0; } .main_wid_banner.main_banner_lifejump { background:#b3d600; } .banner_olympic a{ display: block; position: relative; z-index: 1} .banner_olympic a img { display: inline-block; position: relative; z-index: 1} .banner_olympic a:after{ display: block;content:''; position: absolute; left:50%; width: 50%; top:0;height: 100%; background:#8b2130; z-index: 0} .ces_banner { background: #155fab url(https://img.sedaily.com/Html/Content/bg_ces.jpg) top center no-repeat; text-align: center;} .main_wid_banner.g640 .ces_banner { margin-top:-1.1rem;} .ces_banner img {width:305px !important} .survey_banner { background:#f7e792 } .politics_banner { background:#393333 } .article_wrap .ces_banner { margin-top:-1.1rem; margin-bottom:-1.1rem } .elec_banner { text-align: center; background:#4a90d6 } .elec_banner img { max-width:360px;} @media all and (max-width: 320px) { .elec_banner img { max-width:320px;} } #main_wid_baner_ces2020_g640{ position: relative;z-index: 10; margin-bottom:1rem} .article_wrap .main_wid_banner>div:after { display:block;content:"";width:100%;height:1px;border-bottom:1px solid rgba(0,0,0,.1);position:absolute;bottom:0;left:0;z-index:10; box-sizing: border-box; border-left:0; border-right:0} .article_wrap .main_wid_banner.g640>div:after { display: none} .main_wid_banner iframe { width:100%;} .main_wid_banner img{ width:350px;} /*form*/ input[type="text"]{ vertical-align: top;border:1px solid #e7e7e7; height:3.8rem; padding:0.2rem 1rem 0 1rem; font-size:1.6rem; font-family: 'notokr-bold'; font-weight: 700;color:#000} input[type="text"]::placeholder{ color:#888;font-family:'notokr-regular'; margin-top: 0.2rem} .selectbox { position: relative; border: 1px solid #e7e7e7; /* 테두리 설정 */ z-index: 1; height:3.8rem} .selectbox:before { /* 화살표 대체 */ content: ""; position: absolute; top:0; right: 0px; width: 0; height: 0; margin-top: -1px; background:url(https://img.sedaily.com/V2/Images/btn_arrow.svg) 50% 50% no-repeat; width: 3.8rem; height:3.8rem; background-size:1.3rem auto} .selectbox label { position: absolute; top: 1px; /* 위치정렬 */ left: 5px; /* 위치정렬 */ height:3.7rem; line-height:3.7rem; font-size:1.6rem;padding:0 .5rem; /* select의 여백 크기 만큼 */ color: #1c1c1c; z-index: -1; /* IE8에서 label이 위치한 곳이 클릭되지 않는 것 해결 */ } .selectbox select { width: 100%; height: auto; /* 높이 초기화 */ line-height: normal; /* line-height 초기화 */ font-family: inherit; /* 폰트 상속 */ padding: .8em .5em; /* 여백과 높이 결정 */ border: 0; opacity: 0; /* 숨기기 */ filter:alpha(opacity=0); /* IE8 숨기기 */ -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; } /*공통 style*/ .bg_black{ background:#000;position: relative;} .bg_gray{ background:#ededed;position: relative;} .bg_white{ background:#fff;} .red_txt {color:#e01f26} .btn_listen_b {z-index:30;opacity:0;width:40px; height:40px; display: block; text-indent:-1000em; position: fixed; bottom:4.8rem; right:1rem; border:1px solid #888 ; background: #fff url(https://img.sedaily.com/V2/Images/ico_listen_g.svg) no-repeat 50% 50%; background-size:19px } .btn_listen_b.bt50 { bottom:8.9rem} .btn_listen_b.on { background: #e01f26 url(https://img.sedaily.com/V2/Images/ico_listen_w.png) no-repeat 50% 50%; background-size:19px;border:1px solid #e01f26 ; } .btn_top { opacity: 0;z-index:30;width:40px; height:40px; display: block; text-indent:-1000em; position: fixed; bottom:1rem; right:1rem; border:1px solid #888 ; background: #fff url(https://img.sedaily.com/V2/Images/ico_top.svg) no-repeat 50% 50%; background-size:22px } .btn_top.bt50 { bottom:5rem} .btn_top.fade_out, .btn_listen_b.fade_out{visibility: hidden; opacity:0;transition: visibility 0s linear 300ms, opacity 300ms;} .btn_top.fade_in, .btn_listen_b.fade_in{visibility: visible;; opacity:1;transition: visibility 0s linear 300ms, opacity 300ms;} .block { display: block} .cefix:after { display: block; content:'';clear:both;} .time { color:#909090;font-size: 1.2rem; padding:0 0 10px 14px;} .time:before { display: inline-block; content:''; background:url(https://img.sedaily.com/V2/Images/ico_time.svg) no-repeat 50% 50%; background-size:1.1rem ;width:1.1rem; height:1.1rem; margin:-.3rem .2rem 0 0; vertical-align:middle; } .time.on { color:#e01f26; } .time.on:before { display: inline-block; content:''; background:url(https://img.sedaily.com/V2/Images/ico_time_on.svg) no-repeat 50% 50%; background-size:1.1rem ;margin:-.2rem .2rem 0 0;vertical-align:middle;} .con_tit { position:relative;text-align: center; font-size: 1.8rem; height:5rem; line-height:5.1rem;background:#fff;font-family:'notokr-bold'; font-weight:700;} .con_tit a { display: block;} .con_tit.bg_red { color:#fff; background:#e01f26; font-size:1.7rem} .con_tit.bg_red .btn_home { background: url(https://img.sedaily.com/V2/Images/btn_home_w.svg) no-repeat 50% 50%;background-size: 19px auto; } .con_tit.bg_red .btn_history { background: url(https://img.sedaily.com/V2/Images/ico_pop_x_w.svg) no-repeat 50% 50%; background-size: 15px auto;} .con_tit.bg_red.bd { border-color:#e96368} .con_tit.al_left {text-align: left; padding-left:15px} .con_tit.al_cen {text-align: center; height: 5rem !important} .con_tit.bd { border-bottom:1px solid #e7e7e7} .red_point { display:inline-block; font-size:1.4rem; font-family:'notokr-medium';font-weight: 500; color:#e01f26; border:1px solid #e01f26; height:2rem; line-height:2.1rem;padding:0 0.2rem;vertical-align:top; margin:0.2rem 0.7rem 0 0; text-align: center;} .red_point.cir { border-radius:50px; padding: 0 0.6rem 0.1rem 0.6rem; vertical-align:middle; margin-top:-0.4rem; margin-right:0.5rem} .headline .red_point { color:#fff; background: #e01f26;} .headline .red_point.breaking {background:#e01f26; border-color:#e01f26 } .headline .red_point.exc {background:#e01f26;border-color:#e01f26 } .headline .red_point.movie {background:#247acd;border-color:#247acd} .headline .red_point.special {background:#282828;border-color:#282828} .tag_box_area { font-size: 0} .tag_box { display:inline-block;width:auto;font-size:1.5rem; color:#666;height: 3.4rem; line-height: 3.4rem;padding:0 12px;border:1px solid #d6d6d6; border-radius:50px;white-space: nowrap; overflow: hidden;} .tag_box.em1{ color:#e01f26; border:1px solid #e01f26} .tag_box.em2{color:#fff; border:1px solid #e01f26; background:#e01f26} .tag_box.em3{color:#333; border:1px solid #333} .tag_box.em4{color:#fff; border:1px solid #333; background:#333} .tag_box_area .swiper-slide:first-child a{ margin-left:10px!important} .tag_box_area .swiper-slide:last-child a{ margin-right:10px!important} .g640 .tag_box { margin-bottom:5px} .com_list { margin:0 15px} .com_list.fold{ height:239px; overflow: hidden; } .com_list.fold.open{ height:auto; overflow: auto; } .com_list li {border-bottom:1px solid #f5f5f5; height:4.8rem; line-height:4.8rem; } .com_list li:last-child{ border-bottom:0} .com_list li a {font-size: 1.7rem;color:#1c1c1c; display: block;text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;} .btn_more {display: block; position: absolute; top:0; right:0; width:40px; height:50px;background:url(https://img.sedaily.com/V2/Images/btn_move.svg) no-repeat 50% 50%;background-size:17px auto;} .rank_num { color:#e01f26; font-size:2.4rem; font-family:'Helvetica'; font-style: oblique; display: inline-block; vertical-align: middle; width:35px; text-align: center; margin:-3px 10px 0 0} .btn_fold,.btn_fold1,.btn_fold2 {display: block; text-align: center; height:46px; line-height:45px; font-size:1.5rem; border-top:1px solid #f5f5f5; margin:0 ; color:#555} .btn_fold:after,.btn_fold1:after,.btn_fold2:after { display:inline-block; content:''; background:url(https://img.sedaily.com/V2/Images/ico_more.svg) 50% 50% no-repeat;background-size:100%; width:13px; height:8px; margin-left:8px; vertical-align: middle; margin-top:-1px} .btn_fold1.type2 { font-family:'notokr-bold'; font-weight:700; color:#1c1c1c; background:#f5f5f5; border-bottom:1px solid #dcdcdc;} .btn_fold2 { margin:0 -1.5rem;} .btn_fold2:after {background:url(https://img.sedaily.com/V2/Images/btn_move.svg) 50% 50% no-repeat;background-size:12px auto;width:8px; height:4.5rem} .btn_fold.close:after,.btn_fold1.close:after {display:inline-block; content:''; transform:rotate(-180deg); margin-top:-0.4rem; } .g360 { display: block} .g640 {display: none;} .url_txt {font-size:1.2rem; color:#888888;display: block;margin:1rem 0 1.7rem 0; word-break:break-all;} .url_txt em { font-style: normal; color:#333; margin-right:0.3rem} .point{ display: block; font-size:1.6rem; color:#e01f26; margin-bottom:0rem;font-family:'notokr-regular'} .loading { border:1px solid #e8e8e8; border-radius:50px; width: 3.8rem; height:3.8rem; background: #fff url(https://img.sedaily.com/V2/Images/loading.svg) 50% 50% no-repeat; background-size: 24px; position: absolute; top:50%; left:50% ; margin: -1.9rem 0 0 -1.9rem;z-index:10; animation-duration: 1s;animation-iteration-count: infinite; animation-name:rot;animation-timing-function: linear; } @keyframes rot { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @media all and (min-width: 640px) { .g360 { display: none !important;} .g640 { display: block} .con_tit { text-align: left; padding-left:15px} .con_tit.al_cen { padding-left:0} .tag_box_area { padding-left:15px} .tab li {text-align: center;} .com_list.fold{ margin:0 15px; height:inherit; overflow: auto;} .tag_box:first-child { margin-left:0} .tag_box {margin-right:5px; } .wid640 { width:640px; margin: 0 auto} .main_wid_banner.g640:after{display: none} .btn_fold1.type2 { margin-top:-.1rem; border-top:1px solid #e7e7e7} .article iframe{ width:100%} .ces_banner img {width:280px !important} } @media all and (max-width: 340px) { .main_wid_banner img{ width:100%;} } /*tab style*/ .tab {font-size: 0} .tab li a {display: block} .tab li {display: inline-block ;color:#888888; font-size: 1.8rem} .tab li.on a span{ color:#fff; background:#e01f27; font-family:'notokr-bold'; font-weight:700; padding:0.4rem 0.5rem 0.2rem 0.5rem } .tab.wid2 li { width:50%} .tab.wid3 li { width:33.3%} /*header*/ #header { background:#fff; position: relative; z-index:2} #header.bd { border-bottom:1px solid #e7e7e7} #header.fixed {position: fixed; box-shadow:0 0.5rem 0.8rem rgba(0,0,0,.2); top:0; left:0;height:5rem; width:100%;z-index:100; } #header .gnb {position: relative;height:5rem} #header .gnb h1 { text-align: center; padding-top:0.8rem} #header .gnb h1 a img { width:10.2rem; vertical-align: middle; margin-top:0.4rem} #header .gnb h1 a { margin-top:0.2rem} #header.article_header.fixed{ border-bottom:1px solid #e7e7e7 } #header.article_header.fixed .logo{display: none} #header.article_header .article_tit{display: none} #header.article_header .btn_share{display: none} #header.article_header.fixed .article_tit{font-size: 1.7rem; font-family:'notokr-bold'; font-weight:700;color:#1c1c1c; display: block;text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; margin:0 5rem; padding-top: .5rem} #header.article_header.fixed .btn_share { display: block; border-radius:5rem; width:3.4rem; height:3.4rem; top:.7rem; right:1rem; background-size: 3.5rem} #header.article_header.fixed .btn_search {display:none;} #header.article_header .bar { display:none} #header.article_header.fixed .bar {display:block; position:absolute; bottom:0;background:#e01f26; width:0px; height:2px} a.btn {position: absolute; text-indent:-1000em;width:50px; height:50px;display: block} a.btn_menu {top:0; left:0; background:url(https://img.sedaily.com/V2/Images/btn_menu.svg) no-repeat 50% 50%; background-size:17px auto;} a.btn_search {top:0; right:0; background:url(https://img.sedaily.com/V2/Images/btn_search.svg) no-repeat 50% 50%;background-size:18px auto; text-indent:-1000em} a.btn_home {top:0; left:0; background:url(https://img.sedaily.com/V2/Images/btn_home.svg) no-repeat 50% 50%;background-size:19px auto;} a.btn_history {top:0; right:0; background:url(https://img.sedaily.com/V2/Images/ico_pop_x.svg) no-repeat 50% 50%;background-size:15px auto;} a.btn_history.type2 {top:0; left:0; background:url(https://img.sedaily.com/V2/Images/btn_hitory.svg) no-repeat 50% 50%;background-size:20px auto;} #header.fixed nav{display:none} #header nav { height:40px; box-sizing: border-box; border-bottom:1px solid #e7e7e7 } #header nav ul li{float:left; width:25%; text-align: center; line-height:39px} #header nav ul li a {display: block; width:100%;color:#000; font-size:17px; font-family:'notokr-bold'; font-weight:700; } #header nav ul li.on a { color:#e01f26; } #header nav ul li.on a span.cir {display:inline-block;position: relative; z-index:30; width:4px; height:4px; border-radius:50%; vertical-align:top; margin-top:8px;} #header nav ul li.on a span.cir:before{ display:inline-block; content:"";position: absolute;top:0;left:2px; background:#e01f26; width:4px; height:4px; border-radius:50%; vertical-align:top; margin-top:0;z-index: 5} #header nav ul li.on a span.cir:after {display:inline-block; content:"";position: absolute;top:0;left:2px; background:#e01f26; width:4px; height:4px; border-radius:50%; vertical-align:top; margin-top:0; animation: scale 1s ease-in infinite; z-index: 1} @keyframes scale { 0%{ width:4px; height:4px; opacity:.5 } 100%{ transform: scale(4); opacity: 0 } } hr { background:#ededed; height:10px;border:0} /*content*/ .content_area { width:100%;background:#ededed; z-index:1; } .content_area.h100 { height:100%} .content.bg_white{background:#fff; height:100%} .content,.main_content { position:relative; max-width:1200px; margin:0 auto; } .content.h100 { height:100%} .col-left, .col-right{ width:100%;position:relative;} .article_wrap .col-left, .article_wrap .col-right{ background:#fff} #dablewidget_WXpW2WlY { margin-top:-.3rem} .article_wrap .col-left .main_wid_banner{margin-bottom:-1.1rem; margin-top:-1.1rem} .article_wrap .col-right .main_wid_banner{margin-top:-1.1rem } .article_wrap .col-right .main_wid_banner.g640 { background: #ededed} .article_wrap .col-right .main_wid_banner.g640>div{ padding-bottom:10px;background: #ededed} .main_wid_banner>div>div { width:100%;} .content.article_wrap {padding-top:1rem} @media all and (min-width: 640px) { .col-left, .col-right{ float:left; width:calc(50% - 15px); margin-left:10px; max-width:585px} .col-right { margin-right:10px} .article_wrap .col-right { margin-top:1.1rem; } .main_wid_banner img{ width:100%;} .content::after { display: block;content:''; clear: both} .content .col-right .ani,.content .col-left .ani:nth-child(1) { opacity: 1; -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @media all and (min-width: 700px) { .main_wid_banner img{ width:350px;} .ces_banner img {width:350px !important} } .news_wrap {background:#fff} .news_wrap .time { padding-top:.8rem;} .news_wrap .time.mt {padding-top:0; margin-top:0} .photo_wrap { padding:0 0 56.5% 0; position: relative; overflow: hidden} .photo_wrap a { position: absolute; display: block; top:0; left:0; width:100%; height:100%} .photo_wrap a img { min-height:100%} .text_card { position: relative; margin:-5rem 1rem 0 1rem; background:#fff} .headline {position: relative; padding:1rem 0 .9rem 1.5rem;font-size:0 } .headline h1{font-size:2rem; font-family:'notokr-bold'; font-weight:700; color:#000; line-height:1.35em; word-break: keep-all;padding-right:4rem} .lead {padding:0 1.5rem ; color:#888; font-size:1.5rem; } .btn_share {z-index:10;position: absolute; top:0; right:0;display:block;text-indent: -1000em;background:url(https://img.sedaily.com/V2/Images/btn_share.svg) no-repeat 50% 50%;background-size:3.5rem auto; width:5rem; height:5rem; cursor: pointer;} .lead_list li {border-top:1px solid #f5f5f5; height:4rem; line-height:4rem; } .lead_list li:last-child { height:4.1rem; line-height:4.1rem} .lead_list li a {font-size: 1.6rem; color:#1c1c1c; display: block;margin-right: 1rem;text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;} .lead_list li a:before {display: inline-block; content:''; background:url(https://img.sedaily.com/V2/Images/bulllet.svg) no-repeat; background-size:.8rem .7rem; width:.8rem; height:.7rem; vertical-align:middle; margin:-.5rem .8rem 0 .5rem} .issue_card { padding:0 0 1.5rem 0; background:#fff; font-size:0} .opinion_area { background:#fff} .recomm_area { background:#fff; font-size: 0} .recomm_area>div { margin-top: -.1rem} .content .ani { opacity: 0; -webkit-transition: transform .4s linear, opacity .4s linear; -moz-transition: transform .4s linear, opacity .4s linear; -o-transition: transform .4s linear, opacity .4s linear; transition: transform .4s linear, opacity .4s linear; -moz-transform: translate3d(0, 30px, 0); -webkit-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0); } .content .ani.action { opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /*기사본문*/ .con_article .headline { margin: 0 1.5rem 1.7rem 1.5rem; padding:0 0 2rem 0; border-bottom:1px solid #e7e7e7; } .con_article .headline h2 { font-size:2.5rem; line-height:1.35em; font-family:'notokr-bold'; font-weight:700; margin-top:.5rem} .con_article .headline .point { padding-top:2.2rem} .btn_share.type2{ text-align: center; width:3.4rem; height:3.4rem;top:.7rem;right: 1.5rem; border:1px solid #8b8b8b;background:url(https://img.sedaily.com/V2/Images/btn_share.svg) no-repeat 50% 50%; background-size:3rem auto; border-radius:50px;} .article_info {margin:1.3rem 0 1.5rem 0} .article_info .url_txt { display: inline-block; margin:0; padding:0} .article_info .url_txt:first-child { margin-right:1.5rem} .article_info .url_txt em { color:#000} .con_article .headline .sns_area {} .con_article .headline .sns_area a{ width:3.4rem; height:3.4rem; margin-right:0.2rem} .con_article .headline .sns_area a.btn_face {background:#385c8e url(https://img.sedaily.com/V2/Images/ico_face1.svg) no-repeat 50% 50%; background-size:8px} .con_article .headline .sns_area a.btn_twit {background:#03a9f4 url(https://img.sedaily.com/V2/Images/ico_twit1.svg) no-repeat 50% 50%; background-size:15px} .con_article .headline .sns_area a.btn_kakao {background:#feda00 url(https://img.sedaily.com/V2/Images/ico_kakao.svg) no-repeat 50% 50%; background-size:22px; } .con_article .headline .sns_area a.btn_email {background:#33a538 url(https://img.sedaily.com/V2/Images/ico_email.svg) no-repeat 50% 50%; background-size:15px;} .con_article .headline .sns_area a.btn_url {background:#e01f26 url(https://img.sedaily.com/V2/Images/ico_url.png) no-repeat 50% 50%; background-size:18px;} .con_article .headline .util_area{ position: absolute;bottom:2rem; right:0;} .con_article .headline .util_area a { display: inline-block; text-indent:0; border:1px solid #888888; height:3.4rem; line-height: 3.4rem; color:#333; padding:0 1rem; margin-right:.2rem} .con_article .headline .util_area a.btn_listen { font-size:1.3rem; border-radius:50px} .con_article .headline .util_area a.btn_listen:before { display: inline-block;content:''; background:url(https://img.sedaily.com/V2/Images/ico_listen.svg) 50% 50% no-repeat; margin:-.4rem .5rem 0 0; background-size:1.7rem; width:1.7rem; height: 3.4rem;vertical-align: middle;} .con_article .headline .util_area a.btn_listen.on { background:#e01f26; border-color:#e01f26;color:#fff } .con_article .headline .util_area a.btn_listen.on:before {background:url(https://img.sedaily.com/V2/Images/ico_listen_w.png) 50% 50% no-repeat; background-size:1.9rem; min-width:1.9rem} .con_article .headline .util_area a.btn_size {vertical-align: top;font-size:1.4rem; border-radius:50%; width: 3.4rem; text-align: center; font-family: 'notokr-medium';font-weight: 500; margin-right:0 } .article_summary {position: relative;font-size:1.7rem; line-height: 1.25em; margin:0 1.5rem; padding-left:1rem;font-family:'notokr-medium'; font-weight: 500;color:#1c1c1c;} .article_summary p { margin-bottom:.5rem} .article_summary:before { display: inline-block; content:'';position: absolute; top:0.3rem; left:0; bottom:0.3rem; width:1px; background:#1c1c1c} .f_17 .article { font-size:1.7rem} .f_19 .article { font-size:1.9rem} .f_21 .article { font-size:2.1rem} .article {margin-top:3.8rem; padding:0 1.5rem 2.3rem 1.5rem; line-height:1.65em; color:#1c1c1c; letter-spacing: 0; overflow: hidden; } .article>* { font-family: "notokr-regular" !important; letter-spacing: -0.025em} .article br:after {content:" "; display:block; clear:both; font-size:0; line-height:0; height:0;} .article table { width:calc(100% + 30px); margin:0 -15px; text-align:center;table-layout: fixed;} .article table td {text-align:center; padding:0; } .article table table { width:100% ; margin:0} .article table td img {width:100% } /*.article .video_contents:nth-of-type(1){ margin-bottom:3rem !important}*/ .article .al_cen .video_contents { text-align: center; table-layout: fixed; max-width:100%; } .video_contents iframe {max-width:100%;display:block;margin:0 auto; height:210px} .article .al_cen .video_contents:first-child{ margin-bottom:3rem !important} .article .al_cen .video_contents:nth-last-of-type(1){ margin-bottom:0 !important} .video_contents:nth-last-of-type(1){ margin-bottom:3rem !important} .article .al_cen { margin:0 -1.5rem -23px -1.5rem} .article .al_cen table { width:100%;margin: 0} .article_img {display: inline-block; width:100%} .article_img .photo img{width:100%; max-width:100%; } .article_img.type2 {padding:0 4rem} .article_img span { display:inline-block; position:relative;} .article_img span.article_text { position: relative;padding:1.5rem 1.5rem 0 1.5rem; min-width:24rem; font-size: 1.4rem; color:#888; line-height:1.3em; text-align:center; max-width:100%; word-break: keep-all;} .article_img span.article_text:after {display: block; content:''; width:100%; height:1px;} .article_img span .btn_big{display: block; position: absolute; right:0; bottom:0;background:rgba(0,0,0,.6) url(https://img.sedaily.com/V2/Images/btn_big.svg)50% 50% no-repeat;background-size:2.2rem; width:3.2rem; height:3.2rem; } .article .ad_banner {border:1px solid #e7e7e7; border-left:0; border-right:0;padding:19px 30px 20px 30px; margin: 0 -1.5rem -23px -1.5rem} #dablewidget_6Xg4YLoN{ margin: 0 -1.5rem -1rem -1.5rem; padding-bottom:0} #div-gpt-ad-1574234260728-0>div,#div-gpt-ad-1574234287696-0>div{ width:100% !important; background:#fff;} #div-gpt-ad-1574234332555-0>div { margin-bottom:1rem} #M_view_line{position: fixed;bottom: 0;left: 0;width: 100%;height: 50px;z-index: 50;} #M_view_line_Btn{ z-index: 21} .ad_banner > div{ padding-bottom:1rem } .ad> #div-gpt-ad-1574234287696-0{ margin-bottom:0} /*.article >div:last-of-type {margin-bottom:0 !important}*/ .article .ad_banner h1 { font-size: 18px;font-family:'notokr-bold'; font-weight:700; color:#e01f26; margin-bottom:5px} .article .ad_banner ul li { font-size:15px; color:#1c1c1c; height:25px; line-height:25px} .article .ad_banner ul li a:before { display: inline-block; content:''; margin:-4px 8px 0 0; border-radius:50px; width:3px; height:3px; background:#e01f26; vertical-align:middle} .article .ad_banner ul li.ad { padding-bottom:10px;} .article .ad_banner ul li.ad #div-gpt-ad-1574234260728-0 { margin-top:0 !important} .article .ad_banner ul li.ad a:before {content:'AD';border-radius:0; width:20px; height:15px; vertical-align: middle;line-height:17px; background:#1c1c1c; color:#ffffff;font-size:12px; text-align: center; margin-top:-2px } .article .ad_banner ul li.ad a { font-family:'notokr-medium';font-weight: 500;} .article .ad_banner ul li a {display: block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;} .article .ad_banner ul li:last-child {/*padding-bottom:0*/} .article .ad_banner .btn_fold1 { margin: 10px -30px -10px -30px; text-align: center; display: block;} .article .ad_banner2 { margin:0 0 -23px 0; width:100%; text-align: center} .article .ad_banner2 ul { display:inline-block; max-width:100%;} .article .ad_banner2 li {text-align: left; line-height: 25px; height:25px} .article .ad_banner2 li a{font-family:'notokr-regular';display: block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; font-size: 15px} .article .ad_banner2 li a:before {display: inline-block; content:'AD'; vertical-align: middle;border-radius:0; width:20px; height:15px; line-height:17px; background:#fff; color:#1c1c1c; border:1px solid #576177; font-size:12px;margin-top:-4px; text-align: center; margin-right:10px} .article .ad_banner3 { text-align:center; margin-bottom:-23px } .article .ad_banner3 img{ width:inherit; max-width:100%} .info_reporter{ display: inline-block; margin-bottom:1rem} .info_reporter:nth-of-type(1){ margin-top:3rem} .widget.widget--n .item.item0 { border-top:0 !important} .info_reporter dt { vertical-align: top;margin-left:1.5rem;display: inline-block; font-size:1.6rem; color:#1c1c1c; vertical-align: middle; border:1px solid #d2d2d2;padding:0 0.3rem; height:2.5rem; line-height:2.5rem; } .info_reporter dd {vertical-align: top;display: inline-block;vertical-align: middle;margin-left:0.8rem} .info_reporter dd a { font-family:'Helvetica'; font-weight: bold; font-size:1.6rem;word-break: break-all; color:#1c1c1c } .box{border:1px solid #e7e7e7;} .reporter_wrap {margin:2rem 1.5rem 1.5rem 1.5rem; padding:1.5rem 1.5rem 0 1.5rem; } .reporter_wrap .btn_fold { margin:0 -1.5rem} .reporter_wrap .r_thumb { display: inline-block;vertical-align: middle; border-radius:50px;background:#f5f5f5 url(https://img.sedaily.com/V2/Images/no_reporter.jpg) 50% 50% no-repeat;background-size: 80% ;width:6rem; height:6rem} .reporter_wrap .r_thumb img {width:6rem; height:6rem; border-radius:50px; overflow: hidden} .reporter_wrap .r_belong { display: inline-block; vertical-align: middle; margin-left:1rem; width:calc(100% - 80px)} .reporter_wrap .r_belong .part { font-size:1.3rem; color:#555; margin-bottom:.1rem; display: block} .reporter_wrap .r_belong .name { font-size:1.7rem; font-family:'notokr-bold'; font-weight:700; display: inline-block; margin-right:.5rem} .reporter_wrap .r_belong .mail a {font-size:1.7rem; font-family:'Helvetica'; font-weight: bold;display: inline-block; color:#1c1c1c; word-break: break-all;} .reporter_wrap .r_belong .mail a::before{display: none} .reporter_wrap .r_belong .mail em img{ display: inline-block; width: 1.5rem; margin:-.2rem .5rem 0 .5rem; vertical-align: middle; } .reporter_wrap .reporter_header {margin-bottom:1.3rem} .reporter_wrap .intro { font-size: 1.4rem ; margin:0 0 1.3rem 0; color:#555} .reporter_wrap a{ display: block} .reporter_wrap ul { border:1px solid #f5f5f5; border-left:0; border-right:0; border-bottom:0; padding-top:1.3rem } .reporter_wrap ul li { font-size: 1.6rem; color:#1c1c1c; margin-bottom:0.9rem ;} .reporter_wrap ul li a {display: block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;} .reporter_wrap ul li a:before {display: inline-block; content:''; margin:-4px 8px 0 0; border-radius:50px; width:3px; height:3px; background:#1c1c1c; vertical-align:middle } .rel_tag {margin:1.5rem 1.5rem 1.6rem 1.5rem; padding:0 1.5rem 1rem 1.5rem ; overflow: hidden} .rel_tag .con_tit { text-align: left; color:#e01f26; font-size:1.7rem; padding-left:0} .rel_tag .tag_box_area a { margin-right:.5rem; margin-bottom:.5rem } .rel_tag .tag_box_area .tag_box { display: inline-block; width: auto; font-size: 1.4rem; color: #333; height: 3rem; line-height: 3rem; padding: 0 8px; border:0; background-color: #e7e7e7; border-radius:0; white-space: nowrap; overflow: hidden; } .banner { padding:2rem 1.5rem 0 1.5rem} .banner iframe { width:100%} .banner h1 { height:5rem; line-height:5rem; font-size:1.8rem; border-bottom:1px solid #e7e7e7; margin-bottom:1rem; font-family:'notokr-medium';font-weight: 500;} .banner h1:after { display: inline-block; content:'AD';border-radius:0; width:20px; height:15px; line-height:17px; vertical-align:middle; margin-top:-3px;background:#1c1c1c; color:#ffffff;font-size:12px; text-align: center; margin-left:10px;vertical-align: middle;margin-top:-4px} .banner.ad_banner4 { padding-top:.7rem} .banner.ad_banner5 { padding-top:1.8rem} .banner.ad_banner6 { padding-top:1.3rem} .banner.ad_banner6 h1 { border-bottom:0; margin-bottom:-.2rem} .ad_banner7 { text-align:center; margin:3.4rem 0 1.5rem 0; overflow: hidden} .ad_banner7 img {max-width:100%; width:inherit;} .ad_banner7>div{ margin:0 auto; max-width: 336px; width:100%} #ad_kakao { display: block; width: 100%; height: auto; max-height: 70px; text-align: center; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; clear: both; margin-top: 3rem} #ad_kakao.telegram{ background: #37afe3; border: none; top:0} #ad_kakao.telegram img { max-width: 350px; width: auto; height: auto;} .article_copy {position: relative;padding:2rem 0; text-align:center; font-size:1.5rem; font-family:'notokr-bold'; font-weight:700; margin-top:2rem} .article_copy:before { display: block;content:'';position:absolute; height:0.1rem; width:2rem; background:#1c1c1c; top:0; left:50%; margin-left:-1rem} .article_copy:after { display: block;content:'';position:absolute; height:0.1rem; width:2rem; background:#1c1c1c; bottom:0; left:50%; margin-left:-1rem} .more_reple { border:1px solid #e7e7e7; border-left:0; border-right:0} .more_reple>div { width: inherit; margin: 15px 15px 0 15px; } .more_reple .btn_fold1 { font-size:1.8rem; color:#000; font-family:'notokr-bold'; font-weight:700; color:#000; } .more_reple .btn_fold1:after { transform:rotate(0deg);} .more_reple .btn_fold1.close:after { transform:rotate(180deg);} .more_reple .btn_fold1 span {color:#ff1920} .more_reple .btn_fold1:before { display: inline-block; content: ''; background:url(https://img.sedaily.com/V2/Images/btn_reple_more.svg) 50% 50% no-repeat; background-size:3.8rem; width: 3.8rem; height:3.4rem; vertical-align: middle; margin-top:-.4rem; margin-right:.5rem} .bg_digital {background:url(https://img.sedaily.com/V2/Images/bg_digital.png)top center no-repeat; background-size:100% 100%; padding-bottom:1.5rem !important} .digital_news {font-size: 0;} .digital_news.swiper-container { margin:0 15px} .digital_news h1 { background:rgba(255,255,255,0); color:#fff} .digital_news .btn_more {background:url(https://img.sedaily.com/V2/Images/btn_move_w.svg) 50% 50% no-repeat; background-size: 1.7rem; right:-15px} .digital_news .swiper-slide .thumb_img ,.inside_news .swiper-slide .thumb_img {display: block; position:relative;overflow: hidden;padding: 0 0 56%} .digital_news .swiper-slide .thumb_img img,.inside_news .swiper-slide .thumb_img img,.digital_news .swiper-slide .thumb_img iframe { position: absolute;top:0;left:0; width:100%; min-height:100%} .inside_news .swiper-slide .thumb_img:after { display:block;content:"";width:100%;height:100%;border:1px solid rgba(0,0,0,.1);position:absolute;top:0;left:0;bottom:1;z-index:10; box-sizing: border-box;} .digital_news .swiper-slide .thumb_img .ico_movie {display: block; position: absolute; top:50%; left:50%; background:url(https://img.sedaily.com/V2/Images/ico_utuv.png) no-repeat; width:7.1rem; height:7.2rem; margin:-2.9rem 0 0 -4rem; background-size: 7.1rem} .digital_news .part { display:inline-block; color:#fff; font-size: 1.2rem; border:1px solid #fff; height:2rem; line-height:2.1rem; padding:0 .3rem; margin-top:1rem} .digital_news .sub_text { display: block; font-size:1.6rem; color:#fff; margin-top:1rem; padding-bottom:1.5rem;overflow: hidden; white-space: normal; line-height: 1.2; height: 2.2em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .digital_news .swiper-pagination-bullet { width:.7rem; height: .7rem; background:#fff; opacity:1;} .digital_news .swiper-pagination-bullets { bottom:0 !important} .digital_news .swiper-pagination-bullet-active {background:#ff1920;} .digital_news.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .inside_news.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin:0 0.25rem} .inside_news.swiper-container {position: relative; margin:0 15px} .inside_news .con_tit { padding-left:0} .inside_news .part { display:inline-block; font-size:1.3rem; color:#e01f26; margin:0.7rem 0 0.6rem 0} .inside_news .sub_text { display: block; font-size:1.6rem; color:#1c1c1c;padding-bottom:1.2rem;overflow: hidden; white-space: normal; line-height: 1.2; height: 2.3em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .inside_news .swiper-pagination-bullet { width:.7rem; height: .7rem; background:#fff;border:1px solid #cdcdcd; opacity:1} .inside_news .swiper-pagination-bullet-active {background:#ff1920;border:1px solid #ff1920;} .inside_news.swiper-container-horizontal>.swiper-pagination-bullets .inside_news .swiper-pagination-bullet { margin:0 0.25rem} .inside_news.swiper-container-horizontal>.swiper-pagination-bullets,.inside_news .swiper-pagination-custom, .inside_news .swiper-pagination-fraction { text-align: right; top:2rem; right:0;left:inherit;bottom:inherit;} .photo_list a{ display: block; padding-bottom:1.5rem} .photo_list .swiper-slide { width:calc(50% - 0.75rem);overflow: hidden; max-width:calc(50% - 0.7rem); margin-right:10px} .rel_photo { font-size:1.5rem; font-family:"notokr-bold"; font-weight: 700; color:#000; position: relative;display: inline-block;} .rel_photo:before { display:inline-block; content:''; background: url(https://img.sedaily.com/V2/Images/ico_camera.svg) no-repeat; background-size:1.9rem; height:2rem; width:2rem; margin-right:.2rem; vertical-align:middle; margin-top: .1rem} .rel_photo:after {display: block; content:''; width:100%; height:1px;bottom:0; left:0;;background:#000} .rel_photo span{color:#e01f26} #photo_viewer { height:100%;margin:0 auto; position: relative; max-height:100%;z-index:10;} #photo_viewer .swiper-slide {display: table;height:100%; max-height:100%;} #photo_viewer .swiper-slide img {position: relative; bottom:0; max-width:100%; height:auto; width:auto} #photo_viewer .swiper-slide img.v { height:100%; width:auto;} .table_cell { display: table-cell; vertical-align: middle; height:100%; text-align: center;position: relative;} .bt_article {color:#fff; line-height:1.32em;width:100%; font-size:1.3rem; text-align: center; position: absolute;bottom:0 ; padding: 0 4rem; background: url(https://img.sedaily.com/V2/Images/bg_article.png) repeat-x;height:17.5rem; z-index:10} .bt_article span{ position: absolute;left:4rem; right:4rem; display: block; bottom:5.5rem; word-break: keep-all;} .bg_black .btn_history { z-index:100!important; border:1px solid rgba(255,255,255,.5) ;background:rgba(0,0,0,.3) url(https://img.sedaily.com/V2/Images/ico_pop_x_w.svg) 50% 50% no-repeat;width:3rem; height:3rem ;background-size: 1.2rem; top:1rem; right:1rem} #photo_viewer .swiper-button-next:after, #photo_viewer.swiper-container-rtl, #photo_viewer .swiper-button-prev:after { display:none } #photo_viewer .swiper-pagination { z-index:12;font-size:1.5rem; border:1px solid rgba(255,255,255,.5);left:50%; margin-left:-5rem; width:7.5rem; border-radius:50px; height:3.1rem; line-height:3rem} #photo_viewer .swiper-pagination .swiper-pagination-current { text-decoration:underline;display: inline-block;} /*#photo_viewer .swiper-button-next.swiper-button-disabled, #photo_viewer .swiper-button-prev.swiper-button-disabled {display: none}*/ #photo_viewer .swiper-button-next, #photo_viewer .swiper-button-prev {border:1px solid rgba(255,255,255,.5); top:inherit; bottom:1rem; width:3.1rem; height:3.1rem;z-index:99999} #photo_viewer .swiper-button-prev{ background:rgba(0,0,0,.5) url(https://img.sedaily.com/V2/Images/btn_move_w1.svg) 50% 50% no-repeat; background-size:1.2rem;} #photo_viewer .swiper-button-next{ background:rgba(0,0,0,.5) url(https://img.sedaily.com/V2/Images/btn_move_w.svg) 50% 50% no-repeat; background-size:1.2rem } .bg_black .btn_share { top:inherit;left:calc(50% + 10px); bottom:1rem; display: block; height:3.1rem; width:3.1rem; border-radius: 50%; border:1px solid rgba(255,255,255,.5);margin-left:1.9rem; background:rgba(0,0,0,.5) url(https://img.sedaily.com/V2/Images/btn_share_w.svg) 50% 50% no-repeat ; background-size:1.3rem } .next_news { position: relative; text-align: center;} .next_news:before{ display: block;content:'';position: absolute; width:100%; height:1px; top:50%; left:0;background:#000;z-index: 1} .next_news span{display: inline-block; position: relative;z-index:10;background:#fff;padding:2.5rem 1rem; font-size:1.8rem;color:#000; font-family:'notokr-bold';font-weight: 700;} .next_news span em { color:#de1f26} @media all and (min-width: 640px) { .con_article .headline { margin-top:0rem} .con_article .headline .util_area a.btn_listen {width:3.4rem; height:3.4rem; padding:0} .con_article .headline .util_area a.btn_listen span{ display: none} .con_article .headline .util_area a.btn_listen:before{ margin:-.2rem 0 0 0;width:3.4rem; height:3.4rem;} .rel_tag .tag_box_area {padding-left:0} .article_copy { font-size: 1.4rem} #ad_kakao.telegram img { width:100%} .table_cell img{ /*width:auto;height:100%*/} } @media all and (min-width: 414px) { .video_contents iframe { height:232px} } @media all and (min-width: 768px) { .table_cell img{ width:100%;height:auto} .con_article .headline .util_area a { padding:0 1rem !important} .con_article .headline .util_area a.btn_listen { font-size:1.3rem; border-radius:50px; width: inherit; } .con_article .headline .util_area a.btn_listen span{ display: inline-block;} .con_article .headline .util_area a.btn_listen:before { display: inline-block;content:''; background:url(https://img.sedaily.com/V2/Images/ico_listen.svg) 50% 50% no-repeat; margin:-.3rem .5rem 0 0; background-size:1.7rem; width:1.7rem; height: 3.4rem;vertical-align: middle;} .video_contents iframe {max-width:100%;display:block;margin:0 auto; height:289px} } @media all and (min-width: 1024px){ .reporter_wrap .r_belong .name { display: inline-block; } .reporter_wrap .r_belong .mail {display: inline-block;vertical-align: middle;margin-top: -.8rem;} .reporter_wrap .r_belong .mail em img{ display: inline-block; } } @media all and (min-width: 1280px) { .article_copy { font-size: 1.5rem} } @media all and ( max-width:320px) { .con_article .headline .util_area a.btn_listen {width:3.4rem; height:3.4rem; padding:0} .con_article .headline .util_area a.btn_listen span{ display: none} .con_article .headline .util_area a.btn_listen:before{ margin:-.4rem 0 0 0;width:3.4rem; height:3.4rem;} } /*issue*/ .content.news_area { background:#fff;} .news_area .headline {margin:0; padding:0;border-bottom:1px solid #e7e7e7; padding-bottom:1.9rem} .news_area .headline h2 { font-size:2.3rem; margin-top:2.4rem; padding:0 5rem 0 2.5rem; font-family:'notokr-bold'; font-weight:700;line-height:1.35em} .news_area .headline .article_info {margin-top:.7rem; margin-bottom:.6rem; margin-left:2.5rem} .news_area .headline .read.g360 { display: inline-block;} .btn_fold2 .read.g640 {display: none} .news_area .read { display: inline-block; margin-left:2.5rem;height:2rem; line-height:2.3rem; padding:0 .5rem; font-size:1.2rem; color:#fff; background:#e01f26 } .news_area .headline .btn_read { display: block;top :0;right:1.5rem; position: absolute; background:url(https://img.sedaily.com/V2/Images/btn_read.svg)50% 50% no-repeat; background-size:.4rem ; width:2.8rem; height:2.8rem} .news_area .issue_list .headline { padding-bottom:1rem; padding-right:2.8rem;border-bottom:0} .news_area .issue_list .headline h2 { } .news_area .issue_list .headline h2 a{ display: block;text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;} .news_area .headline .btn_share{ width: 3.4rem; height:3.4rem; right: 1.5rem} .news_area .issue_list .headline .btn_share{right: 1rem;top:-.3rem} .news_area .lead_list { margin:0 1.5rem} .pop_read.none { display: none;} .pop_read { position: absolute; top:3rem; right: 1.5rem;border:1px solid #e7e7e7; background:#fff; width:9rem;box-shadow:3px 3px 3px rgba(0,0,0,.1)} .pop_read li { font-size:1.4rem; color:#555; border-bottom:1px solid #f3f3f3; height:3.5rem; line-height:3.5rem; text-align: center; } .pop_read li a{ display: block} .pop_read li:last-child{ border-bottom:0} .news_area .issue_list .btn_fold2 { border-bottom:1px solid #e7e7e7; position: relative; margin:0} .news_area .btn { width:2.8rem; height:2.8rem; position: inherit; display: inline-block; vertical-align: middle} .news_area .btn.btn_search { border:1px solid #888888; border-radius:50px; background-size:1.4rem; margin-left:.6rem;margin-top:-.3rem} .issue_search { display:none;position: relative; font-size: 0} .issue_search .btn{ position: absolute; width: 5rem; height:5rem; right:5rem; top:.4rem} .issue_search .btn.btn_search{border:0; background-size:1.9rem;} .issue_search .btn_search_x {display: inline-block; background:#f5f5f5 url(https://img.sedaily.com/V2/Images/ico_pop_x.svg) 50% 50% no-repeat;background-size: 1.5rem;width:5rem; height:5rem; border:1px solid #e7e7e7; border-left:0; border-top:0} .issue_search input[type="text"]{ height:5rem; padding-right:8rem; border-top:0; border-left:0; width:calc(100% - 50px)} /*디자털뉴스*/ .digital_list {position: relative; padding: 1.3rem 2rem 2.3rem 2rem; } .digital_list .info { margin-right:0.8rem} .digital_list .info_report .time { padding-left:0} .digital_wrap .digital_list .btn_share { width:3.4rem; height:3.4rem; top:.6rem;right:2rem} .digital_list:after { display: block; content:''; position: absolute; left:1.5rem; right:1.5rem; bottom:0; height:1px; background:#f5f5f5} .digital_list a{ display: block} .digital_photo { margin-top:1.3rem;padding:0 0 56.26%; overflow: hidden; position: relative; border-radius:20px} .digital_photo span{ display: block; position: absolute; top:0 ;left:0; height: 100%} .digital_photo span img { min-height: 100%;} .digital_photo .ico_movie {display: block; position: absolute; top:50%; left:50%; background:url(https://img.sedaily.com/V2/Images/ico_utuv.png) 50% 50% no-repeat; width:10.6rem; height:7.8rem; margin:-3.9rem 0 0 -5.3rem;; background-size:10.6rem } .digital_headline { font-size:1.8rem;color:#1c1c1c; font-family:'notokr-medium';font-weight: 500;line-height:1.35em; padding: 1.7rem 0 0 0; } .digital_wrap .btn_fold1 { margin-top:-.1rem;} .digital_wrap .info_report { padding-top:.5rem} .news .btn_fold1 { margin-top:-.1rem} /*랭킹*/ .date_top {position: relative; font-family:'Arial Bold','notokr-bold';font-weight: 700; font-size:0;text-align: center; vertical-align: middle; height: 5rem; line-height:5rem; border-bottom:1px solid #e7e7e7;} .date_top>span { display: inline-block;font-size:2rem; vertical-align: middle;} .date_top>span.mon {margin-right: .6rem; margin-left:.1rem} .date_top>span.ico_cal { margin-right:0.1rem} .date_top>span.ico_cal img { width:3rem;vertical-align: middle; margin-top:-.3rem; margin-left:1rem} .date_top>span.move {width:3rem; height:3rem;border:1px solid #8c8c8c; border-radius:50px; background:url(https://img.sedaily.com/V2/Images/btn_move.svg) 50% 50% no-repeat; background-size:1.3rem;} .date_top>span.move.btn_cal_prev { margin-right:1rem; transform: rotate(180deg)} .date_top>span.move.btn_cal_next.disable, .date_top>span.move.btn_cal_prev.disable{opacity:.3} .rank_date {overflow: hidden;display:none; position: absolute; background:#fff; z-index:11; width:100%;top:0 ;font-size:1.4rem; margin:0} .ui-datepicker {width:100%; padding:0; position: relative; background: #fff;} .ui-datepicker table { margin-bottom:0} .ui-datepicker-calendar {width:100%} .ui-datepicker-calendar tr th { font-family:'nokokr-regular'; line-height:0;font-weight:normal; padding:0; height:3.6rem;font-size:1.4rem; color:#888; border:1px solid #e7e7e7; border-left:0; border-right:0} .ui-datepicker-calendar tr td {padding:0; text-align: center !important; font-family:'Arial'; color:#555; font-size:1.7rem;line-height:1.35em;text-align: center; border:1px solid #e7e7e7; border-top:0; border-left:0} .ui-datepicker-calendar tr td span { display: block;padding:.5rem 0; text-align:center;} .ui-datepicker-calendar tr td a { text-align: center; display: block; padding:.5rem 0;} .ui-datepicker .ui-datepicker-title {height:5rem; line-height:5rem; font-size:0;position: relative; margin-left:-5rem} .ui-datepicker .ui-datepicker-title span { font-size:2rem;display: inline-block;} .ui-state-active, .rank_date .ui-widget-content .ui-state-active, .rank_date .ui-widget-header .ui-state-active { background:#1c1c1c; color:#fff} .ui-datepicker-today a{ background:#fff9bb !important; color:#555 !important} .ui-datepicker .ui-datepicker-header { padding:0; margin:0 auto; width:241px; overflow: hidden;} .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { z-index: 10;border:1px solid #8c8c8c; border-radius:50px; width:3rem; height:3rem; top:1rem; background:url(https://img.sedaily.com/V2/Images/btn_move.svg) 50% 50% no-repeat; background-size:1.3rem;} .ui-datepicker .ui-datepicker-prev {transform: rotate(180deg); left:0} .ui-datepicker .ui-datepicker-next { right:0} .ui-datepicker .ui-datepicker-next.ui-state-disabled, .ui-datepicker .ui-datepicker-prev.ui-state-disabled{ opacity: .3} .ui-datepicker-other-month {background:#f7f7f7 ; color:#ccc; text-align:center;opacity:1} .ui-datepicker-other-month span{ color:#ccc; text-align:center } .ui-datepicker td span, .ui-datepicker td a { padding:0} .ui-datepicker .ui-datepicker-buttonpane {position: absolute; padding:0; margin: 0; top:1rem; } .ui-datepicker .ui-datepicker-buttonpane button{ padding:0; margin:0;display: inline-block; color:#888; border:1px solid #888888; font-size:1.4rem !important; font-family:'nokokr-regular';text-align: center;width:5.1rem; height:3rem; line-height:2.8rem; border-radius:50px; margin-left:1rem;background:#fff} .ui-datepicker .ui-datepicker-buttonpane button:after { display: inline-block; content:'';margin-top:-.1rem; background:url(https://img.sedaily.com/V2/Images/ico_arrow.svg) 50% 50% no-repeat; width:0.6rem; height:3rem; vertical-align: top;background-size:0.6rem; margin-left:0.3rem} .date_close { display:block;} .today { cursor: pointer; display: inline-block; color:#888; border:1px solid #888888; font-size:1.4rem !important; font-family:'nokokr-regular';text-align: center;width:5.1rem; height:3rem; line-height:2.8rem; border-radius:50px; margin-left:1rem} .today:after { display: inline-block; content:''; background:url(https://img.sedaily.com/V2/Images/ico_arrow.svg) 50% 50% no-repeat; width:0.6rem; height:3rem; vertical-align: top;background-size:0.6rem; margin-left:0.3rem} .btn_date_x {z-index:10;text-indent:-1000em;position: absolute;top:0; right:0; background:url(https://img.sedaily.com/V2/Images/ico_pop_x.svg) no-repeat 50% 50%;background-size:15px auto;position: absolute; width:50px; height:50px} .issue_menu .swiper-slide { font-size:1.6rem; color:#555555} .issue_menu { height:51px; position: relative; margin-bottom: -1px} .issue_menu:after { display:block; content:''; width:100%; height:1px; position: absolute;bottom:1px; left:0; border-bottom:1px solid #e7e7e7;} .issue_menu .swiper-slide {width:auto; height:50px; line-height:50px;} .issue_menu .swiper-slide:first-child { padding-left:15px} .issue_menu .swiper-slide:last-child { padding-right:15px} .issue_menu .swiper-slide.on span {font-family:'notokr-bold'; font-weight:700; color:#e01f27; height:50px; position:relative;} .issue_menu .swiper-slide.on span:after { display: block; content:''; position: absolute; height:calc(100% - 1px); width:100%;border-bottom:1px solid #e01f27; top:0; left:0;} .issue_menu .swiper-slide span{ display: inline-block;} .agree { padding:2.2rem 1.5rem 1.5rem 1.5rem; font-size: 1.4rem; color:#555} .agree_list {padding-bottom: 2.5rem; border-bottom:1px solid #f5f5f5} .agree_data .type02{padding-left:1.5rem} .agree_data ul { margin-left:1.5rem} .agree_data h3 {font-size: 1.7rem;font-family:'notokr-bold'; font-weight:700;margin-top:2.5rem; margin-bottom: 1.2rem; color:#000 } .agree_data p{ margin-bottom:1.5rem} .agree_data h4 { font-size:1.6rem;color:#1c1c1c; margin-bottom: .7rem} .no_mart { margin-top:.6rem !important} .tel_top {text-align: center; margin: 2.5rem 1.5rem;} .tel_top img { width:11.2rem;} .tel_top h2 {font-family:'notokr-bold'; font-weight:700; color:#1c1c1c; font-size: 1.8rem; margin-top:1.2rem} .tel_sub_txt {font-size: 1.5rem; color:#555;margin-top:1.7rem; } .telegram .tele_list {width: 100%;padding:0 15px;} .telegram .tele_list ul{border-top: 1px solid #dadada; border-left: 1px solid #dadada} .telegram .tele_list ul:after { content:""; display:block; clear:both; } .telegram .tele_list ul li{width: 50%; height: 335px; float: left; padding: 25px; border-bottom: 1px solid #dadada; border-right: 1px solid #dadada} .telegram .tele_list ul li img { max-width:100%; width: inherit;} .tele_list ul li .tele_list_icon {display: table; width: 100%; height: 81px;text-align: center} .tele_list ul li .tele_list_icon div {display: table-cell; vertical-align:middle; } .tele_list ul li .tele_list_icon div.icon_m {display: none;} .tele_list ul li > * {line-height: 1} .tele_list ul li h4 {padding-top: 12px; font-size:20px; color:#333; text-align: center;display: block;margin-right: 1rem;text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;} .tele_list ul li > span {display: block; font-size: 13px; color: #b9b9b9; letter-spacing: 0; font-family: 'malgun Gothic'; margin-top:4px;text-align: center;margin-right: 1rem;text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;} .tele_list ul li p {height:80px; margin-top:15px; font-size: 14px; line-height: 20px; text-align: left; color:#888; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; word-wrap:break-word;} .tele_list ul li p span {display: block;} .tele_list ul li .gra_btn {display: block; width: 100%; height: 45px; line-height: 45px; margin-top: 17px; font-size: 16px; color:#fff; letter-spacing: 0; position: relative; background: #1d93d2; background: -moz-linear-gradient(45deg, #1d93d2 40%, #38afe2 62%); background: -webkit-linear-gradient(45deg, #1d93d2 40%,#38afe2 62%); background: linear-gradient(45deg, #1d93d2 40%,#38afe2 62%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d93d2', endColorstr='#38afe2',GradientType=1 );} .tele_list ul li .gra_btn .btn_t {display: inline-block; width: 68px; position: absolute; top:0; left:15px; } .tele_list ul li .gra_btn .btn_a {display: block; position: absolute; top:15px; right:15px;background:url(https://img.sedaily.com/Html/content/telegram/btn_arr.svg)no-repeat; width: 21px; height: 15px; background-size: 100%;} @media screen and (max-width:900px){ .telegram .tele_vis{height: auto; background: url(https://img.sedaily.com/Html/content/telegram/tele_m_bg1.png) top center no-repeat; background-size:804px 254px; padding: 20px 0 40px 0; margin-top: 0;} .telegram .tele_vis_txt_p {display: none;} .telegram .tele_vis_txt_m {display: block; width: 100%; padding:0 60px; text-align: center} .telegram .tele_vis_txt_m img { width: 100%; max-width: 347px; max-height:254px; } .telegram .tele_list ul li{width:50%; height: 275px; padding:20px 15px 15px 15px;} .tele_list ul li .tele_list_icon {height:61px;} .tele_list ul li .tele_list_icon div.icon_m {display: table-cell; vertical-align:middle; } .tele_list ul li .tele_list_icon div.icon_p {display: none;} .tele_list ul li h4 {font-size:17px; font-weight:bold; } .tele_list ul li > span {font-size: 12px; margin-top: 5px; } .tele_list ul li p {height:54px; line-height: 18px; margin-top:15px; -webkit-line-clamp:3; } .tele_list ul li p span {display: none;} .tele_list ul li .gra_btn {height: 40px; line-height: 40px; margin-top: 20px; font-size: 15px; font-weight: bold; } .tele_list ul li .gra_btn .btn_a{top:12px; } } .tele_not {margin-top: 20px;padding:0 5px; margin-bottom: 20px} .tele_not span{display: block; font-size: 13px; line-height: 20px; } .tele_not span a{color:#38afe2; letter-spacing: 0;} @media screen and (max-width:640px){ .tele_not { padding:0 15px;} } @media screen and (max-width:610px){ .telegram .tele_vis{padding: 20px 0;} .telegram .tele_list ul li{width: 50%;} } @media all and (min-width: 640px) { .content.news_area { margin: 0 1rem} .content.issue { margin:0} /*.news_area .issue_list .headline h2 {height:6.6rem;overflow: hidden; white-space: normal; line-height: 1.45em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }*/ .news .result_list:after {display:block; content:''; clear:both} .news .result_list li { float: left; width:calc(50% - 20px);} .news .result_list li:nth-child(2) { border-top:0} .news .result_list li:nth-child(odd) {margin-right:2rem} .news .result_list li:nth-child(even) { margin-left:2rem} .news_area .tag_box_area {padding-left:0} .news_area .tag_box { margin-right:0} .news_area .tag_box_area .swiper-slide:first-child a {margin-left:10px !important} .news_area .tag_box_area .swiper-slide:last-child a {margin-right:10px !important} .issue_wrap,.digital_wrap { font-size: 0} .issue_list {display: inline-block;border-right:1px solid #e7e7e7; width:50%; vertical-align: top} .issue_list:nth-child(even) {border-right:0} /*.issue_list .headline { min-height:10rem;}*/ .news_area .issue_list .headline .btn_share{top:-.1rem} .news_area .headline .read.g360 { display: none;} .news_area .g640 {display: inline-block;} .issue_list .read.g640 {display: inline-block !important; position: absolute; top:1.2rem;left:-1rem} .swipe-layers .digital_list { width:100% !important; border-right:0 !important} .digital_list {display: inline-block;border-right:1px solid #e7e7e7; width:50%; vertical-align: top} .digital_list:nth-child(even){ border-right:0} .digital_headline { overflow: hidden; white-space: normal; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height:6.7rem} } @media all and (min-width:1200px) { .content.news_area { margin: 0 auto !important} } /*공지사항*/ .notice { margin-bottom: -6rem} .notice_list { margin: 0 1.5rem} .notice_list li { border-bottom:1px solid #f5f5f5; height: 6.7rem; } .notice_list li:last-child{ border-bottom:0} .notice_list li a { display: block; height:100%} .notice_list li .tit {padding-top:1.2rem; font-size:1.6rem; display: block; font-family:"notokr-medium";font-weight: 500; display: block;margin-right: 1rem;text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; } .notice_list .info_report { margin-top:0} .notice_list .info,.notice_read .info { margin-left:0 !important; margin-top:.4rem} .notice_list .info:after { display: none} .notice_list .time,.notice_read .time,.notice_read .info {padding:0;margin-top:.4rem; display: inline-block;} .notice .btn_fold1 { border:1px solid #e7e7e7; margin-bottom:1rem} .notice_read {padding:2rem 1.5rem 2rem 1.5rem;border-bottom: 1px solid #e7e7e7} .notice_read h2{ font-family:"notokr-bold"; font-weight: 700;color:#000; font-size:2rem;} .notice_read .info{ margin-top:.9rem} .notice_con { padding:2.2rem 1.5rem; color:#555; border-bottom: 1px solid #e7e7e7} .notice_con * {font-size: 1.5rem !important; line-height:1.65em !important;} .notice_btn_area { margin-top:1rem; padding:0 1.5rem 1rem 1.5rem;} .notice_btn_area:after { display: block; content:''; clear: both} .notice_btn_area .btn_left{ float:left; font-size:0} .notice_btn_area .btn_left a ,.notice_btn_area .btn_list{ display: inline-block; border:1px solid #e7e7e7; color:#555; font-size:1.4rem; height:3.3rem; width:5.6rem; text-align: center;line-height:3.3rem} .notice_btn_area .btn_left .btn_prev {border-right:0;} .notice_btn_area .btn_left .btn_prev:before { display:inline-block; content:''; background: url(https://img.sedaily.com/V2/Images/btn_read1.svg ) 0 50% no-repeat; background-size:.6rem;width:.6rem; height:3.1rem;vertical-align:top;margin-right:.5rem;transform:rotate(180deg);} .notice_btn_area .btn_left .btn_next:after {display:inline-block; content:''; background: url(https://img.sedaily.com/V2/Images/btn_read1.svg ) 0 50% no-repeat; background-size:.6rem;width:.6rem; height:3.1rem;vertical-align:top;margin-left:.5rem;transform:rotate(0deg);} .notice_btn_area .btn_list { float: right;} @media all and (max-width: 640px){ .notice .btn_fold1 { border:1px solid #e7e7e7;border-left:0; border-right:0; margin-bottom:0} } /*footer*/ #footer {position: relative; z-index:3;background:#414141; padding:3rem 0 0 0; text-align: center; color:#fff; margin-bottom:0; bottom:0} #footer.footer_article {padding-bottom:5rem} .f_family {width:100%; text-align: center; margin-bottom:2.5rem; font-size: 0} .f_family li{ display: inline-block; padding: 0 4px} .f_family li:first-child a { color:#fff} .f_family li:nth-child(2):after { display:inline-block; content:""; width:1px; background:#5e5e5e; height:12px; vertical-align:middle; margin:-10px 0 0 8px} .f_family li:nth-child(2):before { display:inline-block; content:""; width:1px; background:#5e5e5e; height:12px; vertical-align:middle; margin:-10px 8px 0 0} .f_family li a{ color:#999; font-size:13px; } .footer_txt { font-size:17px; margin-bottom:12px} .sns_area { font-size: 0} .sns_area a {display: inline-block; text-indent:-1000em; font-size:0; margin-right:5px; width:35px; height:35px; background:#fff; border-radius:50%} .sns_area a.btn_face {background:#fff url(https://img.sedaily.com/V2/Images/ico_face.svg) no-repeat 50% 50%; background-size:9px} .sns_area a.btn_twit {background:#fff url(https://img.sedaily.com/V2/Images/ico_twit.svg) no-repeat 50% 50%; background-size:16px} .sns_area a.btn_tel {background:#fff url(https://img.sedaily.com/V2/Images/ico_tel.svg) no-repeat 40% 50%; background-size:17px} .sns_area a.btn_utv {background:#fff url(https://img.sedaily.com/V2/Images/ico_utv.svg) no-repeat 50% 50%; background-size:18px} .sns_area a.btn_insta {background:#fff url(https://img.sedaily.com/V2/Images/btn_insta.svg) no-repeat 50% 50%; background-size:15px} .copy_right { font-size:13px; margin-top:27px; color:#888888} .copy_right span { color:#fff} .copy_right span.ico_phone { display:inline-block; background: url(https://img.sedaily.com/V2/Images/ico_phone.svg) no-repeat; background-size:12px; width: 12px;height:13px;vertical-align: middle; margin-top:1px} .system_link { margin-top:30px;border-bottom:1px solid #5e5e5e; } .system_link li { float: left; width:50%; height:42px; line-height:42px; border-top:1px solid #5e5e5e; } .system_link li:first-child {border-right:1px solid #5e5e5e; } .system_link li a{ display: block; color:#fff; font-size:13px;} #pop_footer { position: relative; bottom:0; background:#fff; padding:3rem 0; font-size:13px; text-align: center; color:#888888} #pop_footer span{ color:#000} /*all_menu*/ .all_menu_con {background:#ededed} .all_menu_list { margin:1.5rem ; font-size: 0;} .all_menu_list li{ background:#fff; border:1px solid #e7e7e7; border-left:0;border-top:0;font-size:1.5rem; color:#555; float:left; width:20%; text-align: center; height:4.3rem; line-height:4.3rem} .all_menu_list li a{ display: block} .btn_newsletter { display: block; background:#fff; border:1px solid #e7e7e7;font-size:1.5rem; color:#555; text-align: center;height:4.3rem; line-height:4.3rem} @media all and (min-width: 415px){ .all_menu_list li:nth-child(-n +5){border-top:1px solid #e7e7e7} } .newsletter_apply { padding:1.5rem; font-size: 0} .newsletter_apply input[type="text"]{width:calc(100% - 65px); height:4.5rem; padding:0.2rem 1.5rem 0 1.5rem; font-size:1.5rem} .btn_confirm { background:#414141;margin:1px 0 0 -1px;color:#fff; display: inline-block; height:4.3rem; line-height:4.3rem; width:6.5rem; vertical-align: top;font-size:1.4rem;text-align: center} @media all and (max-width: 414px) { .all_menu_list li { width:33.3%} .all_menu_list li:nth-child(-n+3) {border-top:1px solid #e7e7e7} .all_menu_list li:nth-child(3n+1){border-left:1px solid #e7e7e7} } /*popup*/ .dimed { display:none;background: rgba(0,0,0,.6); position: fixed; width:100%; height:100%; top:0; left:0;z-index:100} .pop {display:none; position:fixed; background:#fff;z-index:9999} .pop {width:215px; height:193px; top:50%; left:50%; margin:-98px 0 0 -105px;} .pop_con { padding:0 1.5rem} .pop.pop_font{ height:190px; margin-top:-95px; } .btn_pop_x { position: absolute; width:3.2rem; height:3.2rem; cursor: pointer; right:0; top:0;display: block; text-indent: -1000em;background:url(https://img.sedaily.com/V2/Images/ico_pop_x.svg) no-repeat 50% 50%; background-size:14px } .pop .pop_con .sns_area.type2 { width:100px; margin:0 auto} .pop .pop_con .sns_area.type2 a { margin:0} .pop .pop_con .sns_area.type2 a:nth-child(odd) { margin-right:5px !important} .pop .pop_con .sns_area.type2 a:nth-child(even){ margin-left:5px !important; } .pop .pop_con .sns_area a{ width:4.5rem; height:4.5rem; margin-right:1rem} .pop .pop_con .sns_area a.btn_face {background:#385c8e url(https://img.sedaily.com/V2/Images/ico_face1.svg) no-repeat 50% 50%; background-size:10px} .pop .pop_con .sns_area a.btn_twit {background:#03a9f4 url(https://img.sedaily.com/V2/Images/ico_twit1.svg) no-repeat 50% 50%; background-size:20px} .pop.pop_sns .pop_con .sns_area a.btn_kakao {background:#feda00 url(https://img.sedaily.com/V2/Images/ico_kakao.svg) no-repeat 50% 50%; background-size:26px; margin-right:0} .pop.pop_sns .pop_con .sns_area a.btn_email {background:#33a538 url(https://img.sedaily.com/V2/Images/ico_email.svg) no-repeat 50% 50%; background-size:20px; margin-top:10px} .pop.pop_sns .pop_con .sns_area a.btn_url {background:#e01f26 url(https://img.sedaily.com/V2/Images/ico_url.png) no-repeat 50% 50%; background-size:23px; margin-top:10px} .pop .pop_con .sns_area span{ font-size:0;display: inline-block;width:50%; text-align:right;} .pop .pop_con .sns_area span a { margin:0 } .pop .pop_con .sns_area span:nth-child(even){ text-align:left} .pop .pop_con .sns_area span:nth-child(odd) a{ margin-right:5px !important} .pop .pop_con .sns_area span:nth-child(even) a{ margin-left:5px !important; } .pop .pop_con { padding:2.5rem 3rem 3rem 3rem ;} .pop .pop_con h1 { text-align: center; font-size:1.6rem;font-family:'notokr-bold'; font-weight:700;margin: 0 0 1.5rem } .pop_font .pop_con h1 { padding-top:1rem} .pop_font .pop_con { padding:1.5rem} .pop_con h2{ font-size:2.5rem;font-family:'notokr-bold'; font-weight:700; line-height: 1.35em} .pop_con h2 span.point{ display: block; font-size:1.6rem; color:#e01f26; margin-bottom:0rem;font-family:'notokr-regular'; min-height:1.6rem} .pop_con .msg_txt{ font-size:1.8rem; font-family:'notokr-bold'; font-weight:700; text-align: center; padding:2rem 0 1.8rem 0} .pop_con .msg_txt.big{ font-size:2.5rem} .pop_con .msg_detail {color:#555; font-size:1.5rem; margin-bottom:2.8rem} .pop_con.newsletter { font-size: 0; background:#fff; height:calc(100% - 50px);} .pop_con.newsletter h2 { padding-top:.5rem} .pop_con.newsletter input[type="text"] { height:3.8rem; padding:0.2rem 1rem 0 1rem; width:calc(100% - 70px)} .pop_con.newsletter .pop_btn {color:#fff; font-size:1.4rem; display:inline-block;height:3.8rem;line-height:3.8rem;vertical-align: top; width:7rem; text-align:center} .pop_con.newsletter .pop_btn.red { background:#e01f26;} .pop_con.newsletter .pop_btn.red.ml1{ margin-left:-1px} .pop_con.newsletter .pop_btn.gray { background:#414141;} .input_mail_info {border:1px solid #f5f5f5; border-left:0; border-right:0; padding:3rem 0 1.7rem 0} .input_mail_info dl{ width:100%} .input_mail_info dl dt{float: left; width:8.5rem;font-size:1.5rem; text-align: left; padding: 0 0.4rem 1rem 0; height:4.8rem; line-height: 3.8rem;font-family:'notokr-bold';font-weight: 700; } .input_mail_info dl dd {float: left; padding-bottom:0.5rem; width:calc(100% - 8.5rem) ;padding:0 0 1rem 0} .pop_con.newsletter .input_mail_info dl dd input[type="text"] { width:100%} .pop_con.newsletter .info{ color:#555; font-size:1.4rem} .pop_con.newsletter .info{ color:#555; font-size:1.4rem; text-align:right} .grievance_info .part {display:block} .input_mail_info dl dd.info { margin:-0.5rem 0 0 0; width:100%} .pop_btn_area { text-align: center; padding:1rem 0; position: relative; } .pop_btn_area.bdt { border-top:1px solid #f5f5f5;margin-top:1.5rem; padding-top:1.5rem } .pop_btn_area a:first-child { margin-right:1rem} /*error팝업*/ .ico_error{ text-align: center;margin-top:2.5rem; margin-bottom: -.5rem} .ico_error img{ width:52px} /*글자 크기 팝업*/ .pop_con.font_size { padding:2.5rem 2.5rem 3rem 2.5rem} .font_check_area { width: 165px; margin: 0 auto} .font_check_area>div{ color:#000000; margin-bottom:1rem} .font_check_area>div>a{ display: inline-block} .font_check_area>div>a:before{ display:inline-block; content:''; background:url(https://img.sedaily.com/V2/Images/ico_check.svg) 50% 50% no-repeat; background-size:1.2rem; width:2rem; height:2rem; margin-right:0.7rem; vertical-align: middle ; border-radius:50px; border:1px solid #8e8e8e; margin-top:-.3rem} .font_check_area>div.on>a:before {content:''; background:#e01f26 url(https://img.sedaily.com/V2/Images/ico_check_on.svg) 50% 50% no-repeat ; background-size:1.2rem; border:1px solid #e01f26; } .font_check_area .font_s { font-size: 1.7rem } .font_check_area .font_m { font-size: 1.9rem } .font_check_area .font_l { font-size: 2.1rem } /*고충처리인*/ .grievance {padding:2.2rem 0 0 0; color:#555; } .grievance .info {font-size:1.4rem;color:#555; margin: 0 0 0 1.5rem} .grievance .info:after { display: none} .grievance p { font-size:1.4rem; color:#555; margin-bottom:2.2rem; padding:0 1.5rem} .grievance_list { padding:2.5rem 3rem 2.3rem 3rem; border:1px solid #f5f5f5; border-left:0; border-right:0; margin:0 1.5rem} .article_photo { margin-right:1.5rem; display:inline-block; vertical-align: top} .article_photo img{width:9.5rem; height:9.5rem; border-radius:50px; border: 1px solid #e7e7e7;} .grievance_info { display: inline-block;vertical-align: top; width:calc(100% - 115px)} .grievance_info .part {display:block; font-size:1.2rem; color:#555; margin-bottom:0.2rem} .grievance_info .name {font-family:'notokr-bold'; font-weight:700; font-size:1.7rem; display: block; color:#000} .grievance_info .position { display:block; color:#555; font-size:1.4rem; margin-top:.9rem; margin-bottom:.8rem; line-height: 1.32em} .grievance_info ul li { font-size:1.4rem; color:#555} .grievance_info ul li span { display:inline-block; color:#1c1c1c;font-family:'notokr-bold'; font-weight:700; margin-right:.7rem} .grievance_info ul li a.mail {font-size:1.4rem; font-family:'Helvetica'; font-weight: bold;display: inline-block; color:#1c1c1c; word-break: break-all;} .grievance_info ul li em img{ display: inline-block; width: 1.5rem; margin:-.2rem .5rem 0 0; vertical-align: middle; } .gr_process {margin-top:2rem; font-size:14px;color:#555;padding-bottom:2rem; border-bottom: 1px solid #f5f5f5; margin-bottom:2rem; margin-left: 1.5rem; margin-right:1.5rem} .gr_process .ml15 { margin-left:15px} .gr_process h3,.gr_rule h3 {font-family:'notokr-bold'; font-weight:700; font-size:1.7rem; color:#000} .gr_process .sub_tit {margin: 1.2rem 0; color:#000; font-size:1.5rem; font-family:"notokr-medium";font-weight: 500;} .gr_process .sub_tit:before { display: inline-block; content:''; width:3px; height:3px; border-radius:50px; background:#000;margin: -2px 8px 0 5px; vertical-align:middle; } .gr_process .request_area { text-align: center; margin-top: 2.2rem;margin-bottom:2.5rem; font-size:0} .gr_process .request_area a {font-size:1.4rem;color:#555; vertical-align:top; display:inline-block; height:5rem;width:11.5rem; border:1px solid #e7e7e7; padding-top:.7rem} .gr_process .request_area a .st{display: block; text-align: center;font-size:1.1rem; color:#888} .gr_process .request_area a.btn_word { margin-right:1rem } .gr_process .request_area a.btn_word .ico_word{ display:inline-block; vertical-align: middle; margin-right:.4rem; background:url(https://img.sedaily.com/V2/Images/ico_word.svg) 0 50% no-repeat; background-size:1.8rem; width:1.8rem; height:1.7rem; margin-top:-.3rem} .gr_process .request_area a.btn_han .ico_han { display:inline-block; vertical-align: middle; margin-right:.4rem; background:url(https://img.sedaily.com/V2/Images/ico_han.png) 0 50% no-repeat; background-size:1.8rem; width:1.8rem; height:1.9rem;margin-top:-.1rem} .dg_process {font-size: 0; margin-bottom:1.5rem; margin-left: 1.5rem; } .dg_process li {font-family:'notokr-bold'; font-weight:700;font-size:1.5rem;color:#1c1c1c; line-height:1.3em; padding-top:.5rem; text-align: center;vertical-align:top; position: relative;height:7.4rem; background:#f8f8f8; border:1px solid #e7e7e7; display: inline-block; width:calc(20% - 16px); margin-right: 2rem} .dg_process li:last-child{ margin-right:0} .dg_process li:last-child:after{display: none} .dg_process li:after {display:block;content: '';position: absolute;top:0; right:-2.1rem;background:url(https://img.sedaily.com/V2/Images/ico_arrow1.svg) 50% 50% no-repeat; top:0; width:2rem; height:7.3rem; background-size:1.9rem} .dg_process li .num{ display: block; color:#888; font-family: 'Helvetica'; font-size:1.5rem; font-style: italic; margin-bottom:.2rem} .gr_rule {padding:0 1.5rem } .grievance_con { border:1px solid #e7e7e7; padding:1.2rem 1.5rem;max-height:12rem; overflow: auto; font-size:1.4rem; margin-top:1.2rem; color:#555} .grievance_con dl dt{margin-bottom:.5rem} .grievance_con dl dd { margin-bottom:1.5rem} .grievance_con dl dd:nth-last-of-type(1){ margin-bottom:0} @media all and (max-width: 550px) { .article_photo {display: block; text-align: center; margin-right:0} .grievance_list { padding: 2.5rem 1.5rem} .grievance_info { display: block; width:100%;} .grievance_info .part,.grievance_info .name{display:block; text-align: center;} .grievance_info .part { margin-top:.7rem; margin-bottom: .2rem} .grievance_info .position {margin-top:1rem } .dg_process li { width:33.3%;margin-right:0;border-right:0} .dg_process li:nth-child(3), .dg_process li:last-child{ border-right:1px solid #e7e7e7} .dg_process li:after { display: none} .dg_process li:nth-last-child(2),.dg_process li:last-child { border-top:0;} } /*검색*/ .search_area { position: relative; background:#e01f26; padding:1rem 1.5rem; font-size:0} .search_area input[type="text"] {border:0; height:4.2rem; width: calc(100% - 125px ); vertical-align: top; font-size:1.7rem; padding-right:3rem} .search_area .btn_search {vertical-align: top;background:#fff url(https://img.sedaily.com/V2/Images/btn_search_r.svg) no-repeat 50% 50%; background-size: 1.8rem auto; text-indent: -1000em; display: inline-block; width:4.2rem; height:4.2rem; vertical-align:top} .search_area .btn_delete {display:none; right:14.3rem;position: absolute;vertical-align: top;background:#fff url(https://img.sedaily.com/V2/Images/btn_delete.svg) no-repeat 50% 50%; background-size: 1.8rem auto; text-indent: -1000em; width:1.8rem; height:4.2rem; vertical-align:top} .search_area .btn_detail {position: relative;color:#fff; border:1px solid #fff; display:inline-block; font-size:1.4rem; height:4.2rem; line-height:4.2rem; width:7.5rem; text-align:center; margin-left:0.8rem} .search_area .btn_detail span{ display: inline-block; vertical-align: middle;margin-top:-13px} .search_area .btn_detail span:after {display:block; content:''; height:1px; background:#fff; margin-top:-10px} .option_search { margin-top:1.5rem} .option_search dt { float: left; width:8.2rem; padding:0 0 0 1.5rem; font-size:1.5rem;font-family:'notokr-bold'; font-weight:700; height:3.8rem; line-height:3.8rem; margin-bottom:1rem} .option_search dd { float: left;height:3.8rem; line-height:3.8rem; margin-bottom:1rem; width: calc(100% - 97px)} .option_search dd input[type="text"] { width:100%} .option_search dd select { width:100%} .option_search dd.input_date { margin-left:8.2rem; font-size: 0} .option_search dd.input_date input[type="text"]{ width:calc(50% - 1.2rem);background: url(https://img.sedaily.com/V2/Images/btn_date.svg) right 50% no-repeat; background-size:2.8rem;} .option_search dd.input_date span { display: inline-block; width:2.4rem; font-size:1.6rem; color:#1c1c1c; text-align:center} .option_search dd.input_date .btn_date { display: inline-block; width:3.8rem; height:3.8rem; background: url(https://img.sedaily.com/V2/Images/btn_date.svg) 50% 50% no-repeat; background-size:1.9rem; margin-left:-3.8rem; vertical-align: top;} .option_search dd.input_date input[type="text"]::placeholder { color:#1c1c1c} @media all and (max-width: 360px) { .option_search dd.input_date input[type="text"]{background:none} .col-right { position: relative !important; } } .detail_search { display: none;} .detail_search .pop_btn_area {margin:.5rem 0 1.5rem; position: relative;} .detail_search .pop_btn_area a { display: inline-block; border-radius:50%; border:1px solid #8b8b8b; width: 3.4rem; height: 3.4rem; text-indent: -1000em} .detail_search .pop_btn_area a:first-child { margin-right:.5rem} .detail_search .pop_btn_area a.btn_reset{ background:url(https://img.sedaily.com/V2/Images/btn_reset.svg) 50% 50% no-repeat; background-size:1.9rem} .detail_search .pop_btn_area a.btn_sch_confirm { background:#e01f26 url(https://img.sedaily.com/V2/Images/btn_search_w.svg) 50% 50% no-repeat; background-size:1.9rem; border:1px solid #e01f26;} .detail_search .pop_btn_area a.btn_up { position: absolute; width:4.6rem;top:0; right:0;border-radius:0; border:0;background:url(https://img.sedaily.com/V2/Images/ico_pop_x.svg) 50% 50% no-repeat; background-size:1.4rem;} .result_text {font-family:'notokr-bold';font-weight: 700;} .result_text em {color:#e01f26} .sort_opt {position: absolute; width:auto; right:1.5rem; top:0; height:5rem} .sort_opt li { cursor: pointer; line-height:5rem; font-size: 1.3rem; color:#888888; float: left; font-family:'notokr-regular'} .sort_opt li:before {display: inline-block; content: ''; border-radius:50px; width:4px; height:4px; margin-right:5px; margin-top:-2px; vertical-align: middle; background:#888} .sort_opt li.on{ color:#e01f26} .sort_opt li.on:before{ background:#e01f26 } .sort_opt li:first-child{ margin-right:1.5rem} .result_list {padding:0.2rem 1.5rem 0 1.5rem } .result_list li { border-bottom:1px solid #f5f5f5;} .result_list li:first-child { padding-top:0} .result_list li a { display: table; width:100% ; table-layout: fixed;} .result_list li .rank_num { display:table-cell; width:4rem; padding-right:1rem} .result_list li .report{ position: relative;display: table-cell; vertical-align: middle; padding-right:11.6rem; height:8.5rem} .result_list li .report.no_thum{ padding-right:0} .result_list li .report h2 { font-size:1.7rem; font-family:'notokr-medium'; font-weight: 500; color:#1c1c1c;line-height:1.32em; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .result_list li .report .point { display: inline-block; height:1.8rem; line-height: 2rem; color:#fff; background:#1c1c1c; padding:0 0.2rem} .result_list li .thumb {position: absolute; right:0; top:1.3rem;display:inline-block;width:10.6rem; height:5.9rem; overflow: hidden;} .result_list li .thumb span{ display: block; height:100%; width:100%; position: relative;} .result_list li .thumb img { width:100%; display:block; min-height:100%;position: relative;z-index: 1} .result_list li .thumb span:after{display:block;content:"";width:100%;height:100%;border:1px solid rgba(0,0,0,.1);position:absolute;top:0;left:0;z-index:1; box-sizing: border-box;} .info_report { margin-top:0.3rem} .info_report span:first-child {padding-left:0} .info_report .time { padding-left:0.8rem} .info {display: inline-block; font-size:1.2rem; color:#888888 } .info:after { display: inline-block; content:''; height:1.2rem;width: 0.1rem ; vertical-align: middle; background: #e7e7e7; margin-left:0.8rem; margin-top:-0.1rem} .info:nth-child(2) { margin-left:.5rem} .info:nth-child(2):after{display:none} .result_area { background:#fff;} .result_area .btn_fold1 {margin:-.1rem 0 0 0; display: block} .today_topic {padding:2.7rem 1.5rem 2.5rem 1.5rem; background:#fff;} .topic_tit { font-family:'notokr-bold'; font-weight:700; font-size: 1.6rem; text-align: center; margin:0 0 1.2rem 0;} .today_topic .tag_box { margin: 0 0 .5rem .5rem; display: inline-block;} @media (min-width: 639px) and (max-width:790px) { .news_area .result_list .info { display: none !important} .news_area .result_list .info_report .time { padding-left: 0 !important} } @media all and (max-width: 340px) { .news_area .result_list .info { display: none} .news_area .result_list .info_report .time { padding-left: 0 !important} #searchInfo .result_list .info { display: none} #searchInfo .info_report .time { padding-left: 0 !important} } /*검색결과 없을때*/ .result_no{ padding: 3rem 7.8%} .no_tit { font-size:2rem; font-family:'notokr-medium'; font-weight: 500;text-align: center; margin-bottom:2.2rem; word-break: keep-all;} .no_tit span { color:#e01f26} .result_no .sub_txt {font-size:1.5rem; color:#555;position: relative; text-align: center;} .result_no ul li { font-size:1.5rem; color:#555; margin-bottom:0.8rem; position: relative; padding-left:1rem} .result_no ul li:before { display:inline-block;content:'';position: absolute; top:0.8rem; left:0; background:#1c1c1c; border-radius:50px; width:3px; height:3px; vertical-align:middle; margin:0 0 0} .result_no .mail, .msg_detail .mail{ display: block; } .result_no .mail, .mail a, .msg_detail .mail, .msg_detail .mail a{ font-family:'Helvetica','notokr-bold';font-weight: 700; font-size:1.5rem; color:#555; font-weight:700; vertical-align: top} .result_no .mail a:before,.msg_detail .mail a:before{display: inline-block; content:''; background: url(https://img.sedaily.com/V2/Images/ico_email_g.svg) no-repeat; background-size:13px; width:13px; height:13px; vertical-align:middle; margin: 0 0.5rem 0 1rem} /*photo view*/ #photo_viewer .swiper-pagination { color:#fff; background: rgba(0,0,0,.5) } /*checkbox스타일*/ .checks {position: relative; margin:1.5rem 1rem 0 0; text-align: left} .mt { margin-top:13px} .checks .label_txt {color:#555; font-size:1.4rem; display: inline-block; padding:0 0 0 3rem; line-height:1.5em} .checks .label_txt strong { font-weight: normal; color:#000; position: relative; display: inline-block} .checks .label_txt strong:after { display: block; content:''; position: absolute; background:#000; bottom:1px; height:1px; width:100%} .checks input[type="checkbox"] { /* 실제 체크박스는 화면에서 숨김 */ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0 } .checks input[type="checkbox"] + label { text-align: left; margin-bottom:10px;display:block; position: relative; padding-left:19px; /* 글자와 체크박스 사이의 간격을 변경 */ cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; margin-right:10px } .checks input[type="checkbox"] + label:before { /* 가짜 체크박스 */ content: ''; position: absolute; left: 0; top:2px; /* 이 값을 변경해서 글자와의 정렬 */ width: 20px; /* 체크박스의 너비를 지정 */ height: 20px; /* 체크박스의 높이를 지정 */ line-height: 21px; /* 세로정렬을 위해 높이값과 일치 */ text-align: center; background: #fff; border: 1px solid #8e8e8e; border-radius:50px;box-sizing:border-box;background: url(https://img.sedaily.com/V2/Images/ico_check.svg) 50% 50% no-repeat;background-size: 13px auto;} .checks input[type="checkbox"] + label:active:before, .checks input[type="checkbox"]:checked + label:active:before { } .checks input[type="checkbox"]:checked + label:before { /* 체크박스를 체크했을때 */ content: ''; /* 체크표시 유니코드 사용 */ background: #e01f26 url(https://img.sedaily.com/V2/Images/ico_check_on.svg) 50% 50% no-repeat;background-size: 13px auto; border-color: #e01f26; box-sizing: border-box; } .swipe-layers #footer { display: none;} .swipe-layers .banner_img {margin-bottom:20px} .con_article .banner { text-align: left} .swipe-layers .banner { text-align: center; padding:2rem 0 0 0} .swipe-layers .title_img { margin-bottom:20px} .swipe-layers .banner3 a { margin-bottom:0} .swipe-layers .info_report { padding-top:5px} .swipe-layers .digital_photo {margin-top:11px} .swipe-layers .digital_list { margin-bottom:-5px !important; padding-bottom:15px !important} .swipe-layers .digital_list:after {display: none} .swipe-layers .photo_info { height:auto !important;} .swipe-layers .banner_img.type2>div:nth-child(1),.swipe-layers .banner_img.type2>div:nth-child(2){margin-top:30px;} .float_banner { position:fixed; bottom:20px;left:0;width:100%; min-height:68px; text-align: center; z-index:20} .float_banner > div { display:inline-block; width:216px; height: 68px; position: relative;} .float_banner a.banner { display: block; width:100%; height:100%; background: url(https://img.sedaily.com/V2/Images/float_banner.png)no-repeat; background-size:216px;} .float_banner a.btn_float {display: block; position: absolute;top:0;right:0; width:28px; height:28px; background: url(https://img.sedaily.com/V2/Images/btn_close.png)no-repeat; background-size:28px;} .seoul_forum { background:#0e101c url(https://img.sedaily.com/Html/Content/main/bg_seoul_forum_m.jpg) no-repeat; background-size: 100% auto; box-sizing: border-box; padding: 36.5% 10px 10px 10px;} .forum_iframe { position: relative; width: 100%;padding: 0 0 56%; box-sizing: border-box; } .forum_iframe iframe,.forum_iframe img { width: 100%; height:100%; position: absolute; top:0; left:0;} /*대선특집*/ /*대선*/ .president_box{ font-family: 'S-CoreDream-4Regular';background:url(https://img.sedaily.com/Html/Common/m_bg_president1.jpg) no-repeat 50% 0%; width: 100%; position: relative; background-size: cover;} .president_box h2 { text-align: center; } .president_box h2 img { width: 230px; margin-left: -55px;} .president_box .statis { color:#5038d3; font-family: 'S-CoreDream-5Medium'; font-size: 13px; line-height: 13px; text-align: center; margin-top: -17px;} .president_box .statis span{ display: inline-block;color:#5038d3; padding: 0;} .president_box .statis span:before { display: inline-block; content: ''; background:url(https://img.sedaily.com/Html/Common/rel_time_pur.svg) no-repeat ; vertical-align: middle; width:12px; height:14px;background-size: 12px ; margin-top:0; margin-left: 5px; margin-right:2px; } .president_box .candidates { display: flex; margin-top: 24px; position: relative; justify-content: center;} .president_box .candidates .candidate {width: 88px; flex-shrink: 0; position: relative;} .president_box .candidates .candidate .award { position: absolute; z-index: 10; left:-12px; top:-10px} .president_box .candidates .candidate .award img { width: 34px;} .president_box .candidates .candidate .thumb{ border-radius: 50%; width: 88px; height:88px; overflow: hidden; position: relative; margin: 0 auto;} .president_box .candidates .candidate.can1 .thumb,.president_box .candidates .statis_graph_ver .bar_box.bar1 span , .president_box .candidates.type2 .candidate .text_area .graph_hor .bar.bar1{ background:#194dbd ;} .president_box .candidates .candidate.can1 .part,.president_box .candidates .candidate.can1 .percent { color:#194dbd} .president_box .candidates .candidate.can2 .thumb,.president_box .candidates .statis_graph_ver .bar_box.bar2 span, .president_box .candidates.type2 .candidate .text_area .graph_hor .bar.bar2{ background:#b40100 ;} .president_box .candidates .candidate.can2 .part,.president_box .candidates .candidate.can2 .percent { color:#b40100} .president_box .candidates .candidate.can3 .thumb, .president_box .candidates.type2 .candidate .text_area .graph_hor .bar.bar3{ background:#ea5504 ;} .president_box .candidates .candidate.can3 .part,.president_box .candidates .candidate.can3 .percent{ color:#ea5504} .president_box .candidates .candidate .text_area { margin-top: 12px; padding-bottom:17px;} .president_box .candidates .candidate .text_area span{ display: block; text-align: center;} .president_box .candidates .candidate .text_area .part { font-family: 'S-CoreDream-6Bold'; font-size: 12px; line-height: 12px;} .president_box .candidates .candidate .text_area .name { font-size: 15px; line-height: 15px;font-family: 'S-CoreDream-6Bold'; color:#000; margin-top:4px;} .president_box .candidates .candidate .text_area .percent { font-size: 20px;font-family: 'S-CoreDream-7ExtraBold'; margin-top:3px;} .president_box .candidates .candidate .text_area .total { font-size: 11px; color:#000;font-family: 'S-CoreDream-5Medium';} .president_box .candidates .vote_dis { text-align: center; padding: 0 17px;} .president_box .candidates .vote_dis span{ display: inline-block;box-sizing: border-box ; border:1px solid #ccc; color: #555;background: #fff; padding:8px 9px; font-family: 'S-CoreDream-5Medium'; position: relative; margin-top: 17px; font-size: 12px;} .president_box.type1 .candidate {margin-right: 13px;} .president_box.type1 .candidate.can3 { margin-right: 0;} @media all and (min-width: 640px) { .president_box .candidates .vote_dis { padding: 0 8px} .president_box.sub .candidates .vote_dis { padding: 0 17px;} } @media all and (min-width: 650px) { .president_box .candidates .vote_dis { padding: 0 17px} .president_box.sub .candidates .vote_dis { padding: 0 17px;} } /*global*/ .banner_global{text-align: center; height:70px;background :#110d29 url(https://img.sedaily.com/Html/Common/banner_global2.jpg) 50% 50% no-repeat;font-family: 'S-CoreDream-4Regular'; background-size:auto 100%;} .banner_global a{ display: block; width: 100% ; height: 100%;} .banner_global img { height:100%; width: auto;} .global_con {max-width: 640px; margin: 0 auto;} .lv1_swiper { overflow: hidden; position: relative;} .lv1_swiper .swiper-slide { padding:15px 15px 75px 15px} .lv1_swiper .swiper-slide .photo { position: relative; padding: 0 0 52.5%; box-sizing: border-box; overflow: hidden;} .lv1_swiper .swiper-slide .photo em{ display: block; position: absolute; right:10px; bottom:10px; z-index: 10;} .lv1_swiper .swiper-slide .photo em img { width: 35px;} .lv1_swiper .swiper-slide .photo span { display: block; position: absolute;top:0; left:0; width: 100%; ; height: 100%;} .lv1_swiper .swiper-slide .photo span img { min-height: 100%;} .lv1_swiper .swiper-slide .text_area { padding-top: 1rem;} .lv1_swiper .swiper-slide .text_area .sec { font-size: 1.2rem; color:#247acd; font-family: 'S-CoreDream-5Medium'; height: 23px; line-height: 22px; border:1px solid #82b3e3; box-sizing: border-box; padding: 0 10px; display: inline-block;} .lv1_swiper .swiper-slide .text_area h2{ font-size: 20px; color:#000; font-family: 'S-CoreDream-7ExtraBold'; margin: 15px 0 13px; line-height: 1.32em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; height: 2.64em;} .lv1_swiper .swiper-slide .time,.global_issue .time { padding: 0; font-size: 1.2rem ; font-family: 'S-CoreDream-4Regular';} .lv1_swiper .swiper-pagination-bullet { margin: 0 5px !important; opacity: 1; background: #cacaca;} .lv1_swiper .swiper-pagination-bullet-active { background:#247acd ;} .lv1_swiper .swiper-pagination { bottom:46px !important } .global_issue { padding:0 0 0 15px; text-align: center;} .global_issue .sw { position: relative; overflow: hidden; padding-right: 15px;} .global_issue.gray { background: #efefef; } .global_issue h3 { font-size: 2rem; color:#000; font-family: 'S-CoreDream-7ExtraBold'; text-align: center; padding: 28px 15px 0 0; margin-bottom: 18px;word-break : keep-all } .global_issue .swiper-slide { text-align: left; width: 180px; } .global_issue .swiper-slide .thumb { position: relative; width:100%; overflow: hidden; box-sizing:border-box ; padding: 0 0 55.8%;} .global_issue .swiper-slide .thumb span{ display: block; position: absolute; top:0; left:0; width: 100%;height: 100%;} .global_issue .swiper-slide .thumb span img { min-height: 100%;} .global_issue .swiper-slide .text_area h4 { color:#1c1c1c; font-size: 1.5rem;font-family: 'S-CoreDream-4Regular'; margin: 11px 0 10px; line-height: 1.32em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; height: 2.64em;} .btn_global_all { text-align: center; display: inline-block; font-size: 14px; font-family: 'S-CoreDream-7ExtraBold'; margin: 17px 0 26px;} .btn_global_all:after { display:inline-block; content: ''; height:14px; width: 7px;background: url(https://img.sedaily.com/Html/Common/g_more.png) 50% 50% no-repeat;background-size: 12px; margin-left: 5px; vertical-align: middle; margin-top: -4px; background-size:7px;} @media all and (max-width: 480px) { .global_issue .swiper-slide { width: 160px; } } /** * Swiper 5.0.1 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://swiperjs.com * * Copyright 2014-2019 Vladimir Kharlampidi * * Released under the MIT License * * Released on: September 17, 2019 */ @font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size)}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden} /* Z-INDEX */ .formError { z-index: 990; } .formError .formErrorContent { z-index: 991; } .formError .formErrorArrow { z-index: 996; } .ui-dialog .formError { z-index: 5000; } .ui-dialog .formError .formErrorContent { z-index: 5001; } .ui-dialog .formError .formErrorArrow { z-index: 5006; } .inputContainer { position: relative; float: left; } .formError { position: absolute; top: 300px; left: 300px; display: block; cursor: pointer; } .ajaxSubmit { padding: 20px; background: #55ea55; border: 1px solid #999; display: none } .formError .formErrorContent { width: 100%; background: #6079AB; position:relative; color: #fff; min-width: 100px; max-width: 300px; font-size: 11px; border: 2px solid #ddd; box-shadow: 0 0 6px #000; -moz-box-shadow: 0 0 6px #000; -webkit-box-shadow: 0 0 6px #000; padding: 4px 10px 2px 10px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; } .greenPopup .formErrorContent { background: #33be40; } .blackPopup .formErrorContent { background: #393939; color: #FFF; } .formError .formErrorArrow { width: 15px; margin: -2px 0 0 13px; position:relative; } body[dir='rtl'] .formError .formErrorArrow, body.rtl .formError .formErrorArrow { margin: -2px 13px 0 0; } .formError .formErrorArrowBottom { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; margin: 0px 0 0 12px; top:2px; } .formError .formErrorArrow div { border-left: 2px solid #ddd; border-right: 2px solid #ddd; box-shadow: 0 2px 3px #444; -moz-box-shadow: 0 2px 3px #444; -webkit-box-shadow: 0 2px 3px #444; font-size: 0px; height: 1px; background: #6079AB; margin: 0 auto; line-height: 0; font-size: 0; display: block; } .formError .formErrorArrowBottom div { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .greenPopup .formErrorArrow div { background: #33be40; } .blackPopup .formErrorArrow div { background: #6079AB; color: #FFF; } .formError .formErrorArrow .line10 { width: 15px; border: none; } .formError .formErrorArrow .line9 { width: 13px; border: none; } .formError .formErrorArrow .line8 { width: 11px; } .formError .formErrorArrow .line7 { width: 9px; } .formError .formErrorArrow .line6 { width: 7px; } .formError .formErrorArrow .line5 { width: 5px; } .formError .formErrorArrow .line4 { width: 3px; } .formError .formErrorArrow .line3 { width: 1px; border-left: 2px solid #ddd; border-right: 2px solid #ddd; border-bottom: 0 solid #ddd; } .formError .formErrorArrow .line2 { width: 3px; border: none; background: #ddd; } .formError .formErrorArrow .line1 { width: 1px; border: none; background: #ddd; }