@charset "utf-8"; @import "main.css?v=240220"; @font-face { font-family: 'Noto Sans'; font-style: normal; font-weight: 100; src: url('../fonts/NotoSans-Thin.eot'); src: url('../fonts/NotoSans-Thin.eot#iefix') format('embedded-opentype'), url('../fonts/NotoSans-Thin.woff2') format('woff2'), url('../fonts/NotoSans-Thin.woff') format('woff'); } @font-face { font-family: 'Noto Sans'; font-style: normal; font-weight: 200; src: url('../fonts/NotoSans-Light.eot'); src: url('../fonts/NotoSans-Light.eot#iefix') format('embedded-opentype'), url('../fonts/NotoSans-Light.woff2') format('woff2'), url('../fonts/NotoSans-Light.woff') format('woff'); } @font-face { font-family: 'Noto Sans'; font-style: normal; font-weight: 300; src: url('../fonts/NotoSans-Regular.eot'); src: url('../fonts/NotoSans-Regular.eot#iefix') format('embedded-opentype'), url('../fonts/NotoSans-Regular.woff2') format('woff2'), url('../fonts/NotoSans-Regular.woff') format('woff'); } @font-face { font-family: 'Noto Sans'; font-style: normal; font-weight: 500; src: url('../fonts/NotoSans-Medium.eot'); src: url('../fonts/NotoSans-Medium.eot#iefix') format('embedded-opentype'), url('../fonts/NotoSans-Medium.woff2') format('woff2'), url('../fonts/NotoSans-Medium.woff') format('woff'); } @font-face { font-family: 'Noto Sans'; font-style: normal; font-weight: 700; src: url('../fonts/NotoSans-Bold.eot'); src: url('../fonts/NotoSans-Bold.eot#iefix') format('embedded-opentype'), url('../fonts/NotoSans-Bold.woff2') format('woff2'), url('../fonts/NotoSans-Bold.woff') format('woff'); } @font-face { font-family: 'Noto Sans'; font-style: normal; font-weight: 900; src: url('../fonts/NotoSans-Black.eot'); src: url('../fonts/NotoSans-Black.eot#iefix') format('embedded-opentype'), url('../fonts/NotoSans-Black.woff2') format('woff2'), url('../fonts/NotoSans-Black.woff') format('woff'); } .ui-draggable-handle{-ms-touch-action:none;touch-action:none}.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;}.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-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-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.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-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.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{font-family:'Noto Sans', sans-serif; font-size:14px; line-height:14px; 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-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:0 5px}.ui-datepicker select.ui-datepicker-month{width:37%; height:22px; line-height:22px; background:#fff url('../../images/common/bg_sel.png') 114% center no-repeat;} .ui-datepicker select.ui-datepicker-year{width:40%; height:22px; line-height:22px; background:#fff url('../../images/common/bg_sel.png') 114% center no-repeat;}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:1.5em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{width:26px; line-height:20px; text-align:center; display:block;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-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-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-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}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #096d7f;background:#096d7f;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("../../images/common/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("../../images/common/ui-icons_444444_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("../../images/common/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("../../images/common/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("../../images/common/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("../../images/common/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("../../images/common/ui-icons_777777_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666} /* 자동완성 */ .ui-widget.ui-widget-content.ui-autocomplete {position:relative; width:470px; overflow-y:auto; overflow-x:hidden; border:1px solid #c5c5c5; height:150px; padding:10px 0 0 0;} .ui-widget.ui-widget-content.ui-autocomplete .ui-menu-item:hover {color:#fff; background:#096d7f;} .ui-widget.ui-widget-content.ui-autocomplete .ui-menu-item.last {text-indent:10px; width:100%; line-height:30px; background:#eee;} /* default */ * {box-sizing:border-box;} html, body{height:100%; font-size:12px; line-height:0; font-family: 'Noto Sans', sans-serif; font-weight:300;} body{word-break:break-word; word-wrap:break-word; width:100%; white-space:normal; overflow: auto; } body.non-scroll {overflow-y:hidden;} body.pc div#wrap {min-width: 1300px;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,button,iframe,th,td{margin:0;padding:0;} article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block;margin:0;padding:0;} h1,h2,h3,h4,h5,h6,dt{font-weight:300;} img,fieldset,iframe,button{border:0 none;} li{list-style:none;} i, em, u, cite {font-style:normal;} strong{font-weight:300;} img{} a{color:#757575;text-decoration:none;} a:focus { outline: dashed 2px #0088ff;} /* a:focus {outline:1px dotted #096d7f;} */ .chrome a, .safari a{outline-offset:-3px;} /* Form */ legend{position: absolute; top: 0; left: 0; width: 0; height: 0; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0;} select, input, textarea, pre {outline:0; font-family: 'Noto Sans'; overflow:auto; margin:0;} select, input, label{vertical-align:middle} option {font-weight:200;} button{cursor:pointer;background:none;} table {table-layout:fixed; width:100%; border-spacing:0; border-collapse: collapse;} button {font-family: 'Noto Sans'; font-weight:300;} table caption {font-size:0; line-height:0;} /* Input(checkbox/radio) */ input[type="checkbox"]:hover, input[type="checkbox"]:focus, input[type="checkbox"]:hover + label, input[type="checkbox"]:focus + label { outline: auto; outline-offset:-1px;} input[type="checkbox"] {opacity:0; position:absolute; margin:0; padding:0; z-index:1;} input[type="checkbox"] + label {display:inline-block; height:16px; line-height:1;} input[type="checkbox"] + label:before {display:inline-block; width:16px; height:16px; margin-right:6px; vertical-align:middle; content:url(../../images/common/bg_check.png);} input[type="checkbox"]:checked + label:before {display:inline-block; width:16px; height:16px; content:url(../../images/common/bg_check_on.png);} input[type="radio"]:hover, input[type="radio"]:focus, input[type="radio"]:hover + label, input[type="radio"]:focus + label { outline: auto; outline-offset:-1px;} input[type="radio"] {opacity:0;position:absolute;margin:0;padding:0;z-index:1;} input[type="radio"] + label {margin-right:10px; display:inline-block; height:16px; line-height:1;} input[type="radio"] + label:before {display:inline-block; width:16px; height:16px; margin-right:6px; vertical-align:middle; content:url(../../images/common/bg_radio.png);} input[type="radio"]:checked + label:before {display:inline-block; width:16px; height:16px; display:inline-block; content:url(../../images/common/bg_radio_on.png);} input[type="radio"]:disabled + label:before {display:inline-block; width:16px; height:16px; display:inline-block; content:url(../../images/common/bg_radio.png); opacity: 0.3} input[type="text"].no {padding:0 20px 0 10px !important;} input[type="text"].no::-ms-clear, input[type="text"]#m_input::-ms-clear {display:none;} input[type="text"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder {font-size:14px; line-height:44px; color:#4d8b97; font-weight:200;} input[type="text"]::-moz-input-placeholder, input[type="password"]::-moz-input-placeholder {font-size:14px; line-height:44px; color:#4d8b97; font-weight:200;} input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder {font-size:14px; line-height:44px; color:#4d8b97; font-weight:200;} /* input[type=text]:readonly,input[type=submit]:readonly, input[type=password]:readonly, input[type=number]:readonly{color:#777;} */ input[readonly] {color:#777;} input[type=text]:read-only,input[type=submit]:read-only, input[type=password]:read-only, input[type=number]:read-only{color:#777;} input[type=text]:-moz-read-only,input[type=submit]:-moz-read-only, input[type=password]:-moz-read-only, input[type=number]:-moz-read-only{color:#777;} input[readonly]:-ms-input-placeholder {color:#aaa !important;} input[readonly]::-input-placeholder {color:#aaa !important;} input[readonly]::-moz-input-placeholder {color:#aaa !important;} input[readonly]::-webkit-input-placeholder {color:#aaa !important;} /* Select */ select{border:1px solid #b2b2b2; background:#fff url('../../images/common/bg_sel.png') right center no-repeat; overflow: hidden; padding-left:10px; vertical-align:middle; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; box-shadow:none;} .ie8 select {border:1px solid #b2b2b2; background:#fff url('../../images/common/bg_sel.png') right center no-repeat; overflow: hidden; padding-left:10px; vertical-align:middle; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; padding-right: 0; background-image: none; line-height: 1; box-shadow:none;} .ie9 select {border:1px solid #b2b2b2; background:#fff url('../../images/common/bg_sel.png') right center no-repeat; overflow: hidden; padding-left:10px; vertical-align:middle; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; padding-right: 0; background-image: none; line-height: 1; box-shadow:none;} select:disabled {background:#eee;} select:hover, select:focus {outline: auto; outline-offset:-1px;} select::-ms-expand {display: none; /*display: block\0/IE8+9; */} /* comm */ .mat0 {margin-top:0 !important;} .mat2 {margin-top:2px !important;} .mat5 {margin-top:5px !important;} .mat10 {margin-top:10px !important;} .mat15 {margin-top:15px !important;} .mat20 {margin-top:20px !important;} .mat25 {margin-top:25px !important;} .mat30 {margin-top:30px !important;} .mat35 {margin-top:35px !important;} .mat40 {margin-top:40px !important;} .mat45 {margin-top:45px !important;} .mat50 {margin-top:50px !important;} .mat60 {margin-top:60px !important;} .mat70 {margin-top:70px !important;} .mal0 {margin-left:0 !important;} .mal5 {margin-left:5px !important;} .mal10 {margin-left:10px !important;} .mal12 {margin-left:12px !important;} .mal15 {margin-left:15px !important;} .mal20 {margin-left:20px !important;} .mar10 {margin-right:10px !important;} .mar15 {margin-right:15px !important;} .pad0 {padding-left:0 !important;} .pad10 {padding-left:10px !important;} .pad12 {padding-left:12px !important;} .pad15 {padding-left:15px !important;} .pad17 {padding-left:17px !important;} .pad20 {padding-left:20px !important;} .pat0 {padding-top:0 !important;} .pat100 {padding-top:100px !important;} .wiall {width:100% !important;} .wi70 {width:70px !important;} .wi85 {width:85px !important;} .wi94 {width:94px !important;} .wi110 {width:110px !important;} .wi130 {width:130px !important;} .wi150 {width:150px !important;} .wi170 {width:170px !important;} .wi200 {width:200px !important;} .wi210 {width:210px !important;} .wi314 {width:314px !important;} .wi350 {width:350px !important;} .wi400 {width:400px !important;} .wi437 {width:437px !important;} .wi450 {width:450px !important;} .wi627 {width:627px !important;} .wi678 {width:678px !important;} .wi700 {width:700px !important;} .f12 {font-size:12px !important;} .f13 {font-size:13px !important;} .f14 {font-size:14px !important;} .f15 {font-size:15px !important;} .f16 {font-size:16px !important;} .f17 {font-size:17px !important;} .f18 {font-size:18px !important;} .f24 {font-size:24px !important;} .indent0 {text-indent:-100000px;} .access {display:inline-block; height:0; width:0; line-height:0; margin:0; padding:0; overflow:hidden;} .tx_line {text-decoration:underline;} .ellip {width:99%; display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .hide {display:none;} .bold {font-weight:300 !important;} .point p, .point a {font-size:15px !important; font-weight:500 !important;} .fl {float:left;} .fr {float:right;} .tl {text-align:left !important;} .tc {text-align:center;} .tr {text-align:right;} /* 본문 바로가기 */ #skip {position:absolute; top:0; z-index:99; width:100%; text-align:center; } #skip a {display:inline-block; font-size:16px; overflow:hidden; width:1px; line-height:20px; text-align:center; color:#fff; white-space:nowrap;} #skip a:focus, #skip a:active {width:100%; height:auto; padding:5px; background:#1e9c9b;} /* layout */ #wrap {font-size:0; background:#fff; overflow-y:auto; overflow-x:hidden;} .header {border-bottom:1px solid #e0e0e0;height: 100px;} .header .head {width:1280px; margin:0 auto;} .header .head:after {content:''; display:block; clear:both;} .header .head h1 {float:left;padding: 2px 0 0 42px;} .header .head .eg_logo {height: 26px;font-size: 12px;letter-spacing: -0.3pt;line-height: 26px;text-align: left;color: #4f6280;margin: 6px 0 6px 42px;width: 1280px;} .header .head {width:1280px; margin:0 auto;} .header .head .search_box {float:left;margin-left:154px;padding-top: 0;position:relative;} .header .head .search_box .search_check {z-index:10;position:relative; border:1px solid #9eacae; width:520px; box-sizing:border-box; border-radius:23px; height:46px; padding:0 20px; box-shadow:2px 2px 8px rgba(0,0,0,0.06);} .header .head .search_box .search_check input {padding-right:30px; width:440px; font-size:14px; line-height:44px; height:44px; border:0;} .header .head .search_box .search_check button {display:inline-block; vertical-align:middle; margin:3px 0 0 10px;} .header .head .search_box .search_check button:focus {display:inline-block; outline: auto;} .header .head .search_box .search_check .del {position:absolute; top:12px; right:60px; display:inline-block; width:19px; height:19px; text-indent:-10000px; background:url('../../images/common/btn_srch_del.png') left top no-repeat;} .header .head .search_box .wrod_check {display:none; z-index:5; position:absolute; left:20px; right:20px; top:67px; background:#fff; border:1px solid #9eacae;} .header .head .search_box .wrod_check > div {text-align:right; background:#f9fafc; border-top:1px solid #9eacae; padding:0 15px;} .header .head .search_box .wrod_check > div button {font-size:14px; line-height:34px; color:#6f6f6f;} .header .head .search_box .wrod_check > ul {padding:10px 15px;} .header .head .search_box .wrod_check > ul li {} .header .head .search_box .wrod_check > ul li a {font-size:14px; line-height:20px; color:#6f6f6f;} .header .head .btn_area {float:right;padding: 12px 35px 0 0;} .header .head .btn_area a {float:left; font-size:12px; line-height:26px; color:#181818; padding:0 12px; background:#f0f0f0; border-radius:13px; margin-right:10px; transition:all .3s; -webkit-transition:all .3s; -ms-transition:all .3s;} .header .head .btn_area a:last-child {margin-right:0;} .header .head .btn_area a:hover, .header .head .btn_area a:focus {background:#096d7f; color:#fff; outline: auto;} .header .head .btn_area span {float:left; font-size:12px; line-height:26px; color:#181818;} .rnb { position:fixed; right:0; top:50%; margin-top:-272.5px; background:#fff; border-radius:4px 0 0 4px; box-shadow:0px 0px 7px rgba(0,0,0,0.5); z-index:50;} .rnb > ul.icon_list {width:80px;} .rnb > ul.icon_list > li {position:relative; top:5px;} .rnb > ul.icon_list > li > a {display:block; padding-top:38px; font-size:13px; line-height:16px; color:#000; text-align:center; font-weight:200; letter-spacing: -0.5px; position:relative; box-sizing:border-box; height:60px;} .rnb > ul.icon_list > li > a:focus {box-sizing:border-box; border:2px dashed #0088ff; z-index: 100; outline:none;} .rnb > ul.icon_list > li > .dep02 {position:absolute; top:0; right:80px; padding:20px; padding-top:25px; background:#f9feff; border:1px solid #d6d6d6; border-radius:4px; width:250px; right:-500px; box-shadow:2px 2px 7px rgba(0,0,0,0.16);} .rnb > ul.icon_list > li > .dep02 > strong {font-size:18px; line-height:20px; color:#2c2c2c; display:block;} .rnb > ul.icon_list > li > .dep02 > p {font-size:14px; line-height:16px; color:#444444; margin-top:10px; font-weight:200;} .rnb > ul.icon_list > li > .dep02 .sec_list {padding-top:10px;} .rnb > ul.icon_list > li > .dep02 .sec_list:after {content:''; display:block; clear:both;} .rnb > ul.icon_list > li > .dep02 .sec_list li {float:left; width:60px; height:60px; margin: 3.5px;} .rnb > ul.icon_list > li > .dep02 .sec_list li:nth-child(3n) {margin-right:0;} .rnb > ul.icon_list > li > .dep02 .sec_list li a {border-radius:50px; display:block; height:60px; text-align:center; font-size:13px; line-height:16px; color:#222; padding-top:36px; box-sizing:border-box; font-weight:200; letter-spacing:-1px;} .rnb > ul.icon_list > li > .dep02 .sec_list li a:hover, .rnb > ul.icon_list > li > .dep02 .sec_list li a:focus {color:#fff;} .rnb > ul.icon_list > li > .dep02 .sec_list li.icon01 a {background:#f2f2f2 url('../../images/common/icon_m01.png') center 15px no-repeat; background-size:25px auto;} .rnb > ul.icon_list > li > .dep02 .sec_list li.icon02 a {background:#f2f2f2 url('../../images/common/icon_m02.png') center 12px no-repeat; background-size:22px auto;} .rnb > ul.icon_list > li > .dep02 .sec_list li.icon03 a {background:#f2f2f2 url('../../images/common/icon_m03.png') center 12px no-repeat; background-size:22px auto;} .rnb > ul.icon_list > li > .dep02 .sec_list li.icon04 a {background:#f2f2f2 url('../../images/common/icon_m04.png') center 13px no-repeat; background-size:22px auto;} .rnb > ul.icon_list > li > .dep02 .sec_list li.icon05 a {background:#f2f2f2 url('../../images/common/icon_m05.png') center 12px no-repeat; background-size:20px auto;} .rnb > ul.icon_list > li > .dep02 .sec_list li.icon06 a {background:#f2f2f2 url('../../images/common/icon_m06.png') center 11px no-repeat; background-size:20px auto;} .rnb > ul.icon_list > li > .dep02 .sec_list li.icon07 a {background:#f2f2f2 url('../../images/common/icon_m07.png') center 12px no-repeat; background-size:25px auto;} .rnb > ul.icon_list > li > .dep02 .sec_list li.icon08 a {background:#f2f2f2 url('../../images/common/icon_m08.png') center 12px no-repeat; background-size:15px auto;} .rnb > ul.icon_list > li > .dep02 .sec_list li.icon09 a {background:#f2f2f2 url('../../images/common/icon_m09.png') center 12px no-repeat; background-size:22px auto;} .rnb > ul.icon_list > li > .dep02 .sec_list li.icon10 a {background:#f2f2f2 url('../../images/common/icon_m10.png') center 12px no-repeat; background-size:25px auto;} .rnb > ul.icon_list > li > .dep02 .sec_list li.icon11 a {background:#f2f2f2 url('../../images/common/icon_m11.png') center 12px no-repeat; background-size:22px auto;} .rnb > ul.icon_list > li > .dep02 .sec_list li.icon12 a {background:#f2f2f2 url('../../images/common/icon_m12.png') center 12px no-repeat; background-size:22px auto;} .rnb > ul.icon_list > li > .dep02 .sec_list li.icon01 a:hover, .rnb > ul.icon_list > li > .dep02 .sec_list li.icon01 a:focus {background:#0d8bb4 url('../../images/common/icon_m01_on.png') center 15px no-repeat; background-size:25px auto;} .rnb > ul.icon_list > li > .dep02 .sec_list li.icon02 a:hover, .rnb > ul.icon_list > li > .dep02 .sec_list li.icon02 a:focus {background:#0d8bb4 url('../../images/common/icon_m02_on.png') center 12px no-repeat; background-size:22px auto;} .rnb > ul.icon_list > li > .dep02 .sec_list li.icon03 a:hover, .rnb > ul.icon_list > li > .dep02 .sec_list li.icon03 a:focus {background:#0d8bb4 url('../../images/common/icon_m03_on.png') center 12px no-repeat; background-size:22px auto;} .rnb > ul.icon_list > li > .dep02 .sec_list li.icon04 a:hover, .rnb > ul.icon_list > li > .dep02 .sec_list li.icon04 a:focus {background:#0d8bb4 url('../../images/common/icon_m04_on.png') center 13px no-repeat; background-size:22px auto;} .rnb > ul.icon_list > li > .dep02 .sec_list li.icon05 a:hover, .rnb > ul.icon_list > li > .dep02 .sec_list li.icon05 a:focus {background:#0d8bb4 url('../../images/common/icon_m05_on.png') center 12px no-repeat; background-size:20px auto;} .rnb > ul.icon_list > li > .dep02 .sec_list li.icon06 a:hover, .rnb > ul.icon_list > li > .dep02 .sec_list li.icon06 a:focus {background:#0d8bb4 url('../../images/common/icon_m06_on.png') center 11px no-repeat; background-size:20px auto;} .rnb > ul.icon_list > li > .dep02 .sec_list li.icon07 a:hover, .rnb > ul.icon_list > li > .dep02 .sec_list li.icon07 a:focus {background:#0d8bb4 url('../../images/common/icon_m07_on.png') center 12px no-repeat; background-size:25px auto;} .rnb > ul.icon_list > li > .dep02 .sec_list li.icon08 a:hover, .rnb > ul.icon_list > li > .dep02 .sec_list li.icon08 a:focus {background:#0d8bb4 url('../../images/common/icon_m08_on.png') center 12px no-repeat; background-size:15px auto;} .rnb > ul.icon_list > li > .dep02 .sec_list li.icon09 a:hover, .rnb > ul.icon_list > li > .dep02 .sec_list li.icon09 a:focus {background:#0d8bb4 url('../../images/common/icon_m09_on.png') center 12px no-repeat; background-size:22px auto;} .rnb > ul.icon_list > li > .dep02 .sec_list li.icon10 a:hover, .rnb > ul.icon_list > li > .dep02 .sec_list li.icon10 a:focus {background:#0d8bb4 url('../../images/common/icon_m10_on.png') center 12px no-repeat; background-size:25px auto;} .rnb > ul.icon_list > li > .dep02 .sec_list li.icon11 a:hover, .rnb > ul.icon_list > li > .dep02 .sec_list li.icon11 a:focus {background:#0d8bb4 url('../../images/common/icon_m11_on.png') center 12px no-repeat; background-size:22px auto;} .rnb > ul.icon_list > li > .dep02 .sec_list li.icon12 a:hover, .rnb > ul.icon_list > li > .dep02 .sec_list li.icon12 a:focus {background:#0d8bb4 url('../../images/common/icon_m12_on.png') center 12px no-repeat; background-size:22px auto;} .sec_list { display: flex; flex-wrap: wrap; justify-content: center;} .rnb > ul.icon_list > li > .dep02 .normal_list {margin-top:20px; border:1px solid #ddd; border-top:0;} .rnb > ul.icon_list > li > .dep02 .normal_list li {border-top:1px solid #ddd;} .rnb > ul.icon_list > li > .dep02 .normal_list li a {padding:0 13px; font-size:13px; line-height:28px; color:#000000; font-weight:200; display:block; position:relative; background:#f1f2f2;} .rnb > ul.icon_list > li > .dep02 .normal_list li a span {position:relative; z-index:3;} .rnb > ul.icon_list > li > .dep02 .normal_list li a:after {content:''; z-index:2; position:absolute; left:-1px; top:-1px; width:100%; height:100%; border:1px solid #086685; background:#0d8bb4; opacity:0;} .rnb > ul.icon_list > li > .dep02 .normal_list li a:hover span {color:#fff;} .rnb > ul.icon_list > li > .dep02 .normal_list li a:hover:after {opacity:1;} .rnb > ul.icon_list > li > .dep02 .normal_list + .normal_list {margin-top:10px;} .rnb > ul.icon_list > li > .dep02 .normal_list li li {padding-left:28px; background:#fff;} .rnb > ul.icon_list > li > .dep02 .normal_list li li a {padding-left:5px; background:#fff url('../../images/common/bg_pnb_list_dot.gif') left center no-repeat;} .rnb > ul.icon_list > li > .dep02 .normal_list li li a:after {display:none;} .rnb > ul.icon_list > li > .dep02 .normal_list li li a:hover span {color:#000; text-decoration:underline;} .rnb > ul.icon_list > li > .dep02 .normal_list li li.link a img {margin: 7px 45px 5px 10px;float: right;} .rnb > ul.icon_list > li > .dep02 .normal_list li a:focus, .rnb > ul.icon_list > li > .dep02 .normal_list li li a:focus {z-index:100;} .rnb > ul.icon_list > li.icon01 > a:after {content:''; position:absolute; left:0; top:0; width:100%; height:36px; background:url('../../images/common/icon_rnb01.gif') no-repeat;} .rnb > ul.icon_list > li.icon02 > a:after {content:''; position:absolute; left:0; top:0; width:100%; height:36px; background:url('../../images/common/icon_rnb02.gif') no-repeat;} .rnb > ul.icon_list > li.icon03 > a:after {content:''; position:absolute; left:0; top:0; width:100%; height:36px; background:url('../../images/common/icon_rnb03.gif') no-repeat;} .rnb > ul.icon_list > li.icon04 > a:after {content:''; position:absolute; left:0; top:0; width:100%; height:36px; background:url('../../images/common/icon_rnb04.gif') no-repeat;} .rnb > ul.icon_list > li.icon05 > a:after {content:''; position:absolute; left:0; top:0; width:100%; height:36px; background:url('../../images/common/icon_rnb05.gif') no-repeat;} .rnb > ul.icon_list > li.icon06 > a:after {content:''; position:absolute; left:0; top:0; width:100%; height:36px; background:url('../../images/common/icon_rnb06.gif') no-repeat;} .rnb > ul.icon_list > li.icon07 > a:after {content:''; position:absolute; left:0; top:0; width:100%; height:36px; background:url('../../images/common/icon_rnb07.gif') no-repeat;} .rnb > ul.icon_list > li.icon07 > .dep02 {top:50%; margin-top:-440px;} .rnb > ul.icon_list > li.icon08 > a:after {content:''; position:absolute; left:0; top:0; width:100%; height:36px; background:url('../../images/common/icon_rnb08.gif') no-repeat;} .rnb > ul.icon_list > li.icon09 > a:after {content:''; position:absolute; left:0; top:0; width:100%; height:36px; background:url('../../images/common/icon_rnb09.gif') no-repeat;} .rnb > ul.icon_list > li.icon10 > a:after {content:''; position:absolute; left:0; top:0; width:100%; height:36px; background:url('../../images/common/icon_rnb10.gif') no-repeat;} .rnb > ul.icon_list > li > a:hover {background:#096d7f; color:#fff; } .rnb > ul.icon_list > li > a:hover:after {background-position:0 -38px;} .rnb > ul.icon_list > li.on, .rnb > ul.icon_list > li.active {z-index:10;} .rnb > ul.icon_list > li.on > a, .rnb > ul.icon_list > li.active > a {background:#096d7f; color:#fff; } .rnb > ul.icon_list > li.on > a:after, .rnb > ul.icon_list > li.active > a:after {background-position:0 -38px;} .rnb > ul.icon_list > li.active > a:focus {border:2px dashed #fff;} .rnb > ul.icon_list > li.on > .dep02 {right:80px;} .rnb .text_list {padding:0 13px; margin-top:20px;} .rnb .text_list li {text-align:center; border-top:1px solid #d6d6d6;} .rnb .text_list li a {display:inline-block; font-size:13px; line-height:34px; color:#555555; font-weight:200;} .rnb .text_list li a:hover {color:#ff6101;} .rnb .text_list li.top a {background:url('../../images/common/bg_rnb_top.gif') right center no-repeat; padding-right:12px;} .rnb .text_list li.bottom button {background:url('../../images/common/bg_rnb_bottom.gif') right center no-repeat; padding-right:12px; display:inline-block; font-size:13px; line-height:34px; color:#555555; font-weight:200;} .rnb .text_list li.bottom button:hover {color:#ff6101; background:url('../../images/common/bg_rnb_bottom_on.gif') right center no-repeat;} .rnb .text_list li.bottom button:focus {outline :dashed 3px #0088ff; outline-offset:-1px;} .rnb .text_list li a:hover {color:#ff6101;} .rnb .text_list li.top a:hover {background:url('../../images/common/bg_rnb_top_on.gif') right center no-repeat;} .footer {border-top:1px solid #d6d6d6;} .footer .foot_link {width:952px; margin:0 auto; box-sizing:border-box;} .footer .foot_link ul {} .footer .foot_link ul:after {content:''; display:block; clear:both;} .footer .foot_link li {float:left; padding:15px 0; margin-right:55px;} .footer .foot_link li.gr a {font-weight:500; color:#0057ad; text-decoration: underline; font-size:18px;} .footer .foot_link li a {font-size:16px; line-height:30px; color:#666; } .footer .foot_link li:last-child {margin-right:0;} .footer .foot_link li:nth-child(5) {background: url('../../images/common/bg_rnb_link.png') no-repeat right; width:107px;} .footer .foot_link li select {box-sizing:border-box; border:1px solid #999; height:30px; line-height:28px; font-size:14px; color:#000; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:url('../../images/common/bg_select_arrow.gif') right top no-repeat; padding:0 40px 0 10px; font-weight:200;} .footer .foot_link li select::-ms-expand {display:none;} .footer .foot_link .btn_susu {padding:0 8px; font-size:13px; height:30px; line-height:28px;} .footer .foot_link .btn_susu:focus {outline:2px dashed #fff;} .footer .foot_text {border-top:1px solid #d6d6d6; padding:40px 0 45px 0;} .footer .foot_text .in_text {width:996px; margin:0 auto; box-sizing:border-box; text-align:center;} .footer .foot_text .in_text span.call {display:inline-block; vertical-align:top; padding-top:50px; background:url('../../images/common/bg_call_footer.gif') center top no-repeat; font-weight:600; font-size:18px; line-height:20px; color:#000; margin-top: 10px;} .footer .foot_text .in_text p {display:inline-block; vertical-align:top; font-size:14px; line-height:20px; color:#666; width:400px; text-align:left; font-weight:200; margin-left:30px;} .footer .foot_text .in_text p span {margin-left:35px;} .footer .foot_text .in_text p strong {margin-top:10px; font-weight:200; display:inline-block;} .content {width:996px; margin:0 auto; box-sizing:border-box; padding-bottom:100px;} .tit_area {padding-bottom:35px;} .tit_area h2 {padding-top:35px; font-size:38px; line-height:50px; color:#333; text-align:center; font-weight:300; letter-spacing:-2px;} .tit_area .location {margin-top:13px; text-align:center; position:relative; z-index:20;} .tit_area .location li {display:inline-block; } .tit_area .location li a {display:inline-block; padding:0 18px 0 12px; background:url('../../images/common/bg_location_arrow.gif') right center no-repeat; font-size:15px; line-height:18px; color:#666; font-weight:200;} .tit_area .location li:last-child {padding-right:30px; position:relative; } .tit_area .location li:last-child button {position:absolute; right:0; top:50%; margin-top:-8px; height:16px;} .tit_area .location li:last-child button:focus { outline: auto;} .tit_area .location li:last-child a {background:none; padding-right:0;} .tit_area .location li:last-child .abs_link {display:none; position:absolute; left:8px; top:30px; border:1px solid #898989; border-left-color:#aeaeae; border-right-color:#aeaeae; background:#f4f6f7; padding:15px 25px; min-width:180px;} .tit_area .location li:last-child .abs_link li {display:block; text-align:left;} .tit_area .location li:last-child .abs_link li:last-child {padding-right:0;} .tit_area .location li:last-child .abs_link a {display:inline-block; font-size:14px; line-height:26px; color:#666; padding:0;} .tit_area .location li:last-child .abs_link a:hover, .tit_area .location li:last-child .abs_link a:focus {color:#096d7f;} .tit_area .location li.on .abs_link {display:inline-block} .tit_area .location li .close, .tit_area .location li.on .open {display:none;} .tit_area .location li .open, .tit_area .location li.on .close {display:inline-block;} /* Table style */ .tableSt01 table {border-top:1px solid #096d7f;} .tableSt01.bt_gry table {border-top:1px solid #ddd;} .tableSt01 table th {background:#f4f6f7; border:1px solid #ddd; height:60px; border-top:0;} .tableSt01 table th strong {font-size:14px; line-height:16px; color:#000;} .tableSt01 table td {background:#f4f6f7; border:1px solid #ddd; border-top:0;} .tableSt01 table td div {padding:0 15px; position:relative; } .tableSt01 table td div .btn_days {width:84px; height:30px; box-sizing:border-box; border:1px solid #767676; text-align:center; display:inline-block; font-size:12px; line-height:28px; color:#444444; font-weight:200; background:#fff; vertical-align:middle; margin-right:15px;} .tableSt01 table td div .btn_days + .input_days {padding-left:3px;} .tableSt01 table td div .btn_days.on {background:#247db0; border-color:#096d7f; color:#fff;} .tableSt01 table td div .btn_days:hover {background:#247db0; border-color:#096d7f; color:#fff;} .tableSt01 table td div .btn_days:focus {outline: 2px dashed #0088ff;} .tableSt01 table td div .btn_days.on:focus {outline: 2px dashed #fff;} .tableSt01 table td div .input_days {display:inline-block; vertical-align:middle; font-size:12px; line-height:30px; height:30px;} .tableSt01 table td div .input_days .in_select {background:#fff url('../../images/common/bg_sel.png') right center no-repeat; border:1px solid #b2b2b2; height:30px; width:90px; padding-left:10px; box-sizing:border-box; font-size:12px; line-height:28px; color:#444; font-weight:200; vertical-align:top; } .tableSt01 table td div .input_days + .fr {float:none; display: inline-block; text-align: right; width: 300px;} .tableSt01 table td div .input_area {display:inline-block;} .tableSt01 table td div .input_area input[type=text], .tableSt01 table td div .input_area input[type=password] {border:1px solid #afafaf; height:30px; width:130px; box-sizing:border-box; font-size:12px; line-height:28px; color:#444; background:#fff; font-weight:200; vertical-align:top; } .tableSt01 table td div .input_area input[type=text].date {cursor:pointer; background: #fff url('../../images/common/icon_calendar.png') 95% 50% no-repeat; padding:0 25px 0 20px;} .tableSt01 table td div .input_area select {border:1px solid #afafaf; height:30px; width:130px; box-sizing:border-box; font-size:12px; line-height:28px; color:#444; background:#fff; font-weight:200; vertical-align:top; } .tableSt01 table td .search_box {} .tableSt01 table td .search_box .input_area {display:inline-block; vertical-align:middle; width:777px;} .tableSt01 table td .search_box .input_area input[type=text], .tableSt01 table td .search_box .input_area input[type=password] {width:100%; height:40px; box-sizing:border-box; padding:0 15px; border:1px solid #ddd; background:#fff;} .tableSt01 table td .search_box .input_area select {background:#fff url('../../images/common/bg_sel_top.png') right center no-repeat; width:100%; height:40px; box-sizing:border-box; padding:0 0 0 10px; border:1px solid #ddd;} .tableSt01 table td .search_box .btn_normal {margin-left:0px; top:0; position:static;} .tableSt01 table td .search_box .btn_search {padding-left:34px; margin-left:15px; top:0; position:static;} .tableSt01 table td .search_box .btn_search + .btn_normal {margin-left:10px;} .tableSt01 table td .search_box .bar {vertical-align:middle; display:inline-block; font-size:16px; line-height:16px; margin:0 2px; color:#999;} .tableSt01 table td .search_box .btn_ser_com {margin-left:15px;} .tableSt01 table td .search_box .btn_reset {margin-left:10px; line-height:38px;} .tableSt01 table td .search_box .input_area.label_tx {padding-right:160px;} .tableSt01 table td .search_box .input_tx {position:absolute; top:10px; right:120px; font-size:14px; font-weight:200; color:#222;} .tableSt01 table td .search_box .check {position:relative; top:5px; left:20px; display:inline-block; font-size:14px; font-weight:200; color:#222;} /*.tableSt01 table td .search_box .check label {margin-right:20px;}*/ .tableSt01 table td .search_box .check label {margin-right:10px;} .tableSt01 .point_gr.srch_btm {font-size:14px; font-weight:200; line-height:16px; margin-top:10px;} /* 회원가입 테이블(변형) */ .tableSt01.idpw table th {text-align:left; padding:0 20px;} .tableSt01.idpw h3 {font-size:16px;} /* 테이블 버튼유형 */ .tableSt01 table td .btn_all {font-size:16px !important; color:#222; font-weight:700; padding:0 15px; border:1px solid #333; font-size:14px; line-height:38px; color:#333; vertical-align:middle; border-radius:2px; background:#fff; margin-left:10px; display:inline-block;} .tableSt01 table td .btn_all:hover, .tableSt01 table td .btn_all:focus{background:#222; border:1px solid #444; color:#fff;} .tableSt01 table td .btn_search {width:84px; height:40px; box-sizing:border-box; border:1px solid #444; text-align:center; display:inline-block; font-size:16px; line-height:38px; color:#222; font-weight:700; background:#fff url('../../images/common/bg_btn_search_off.gif') 15px center no-repeat; vertical-align:middle; padding-left:34px; position:absolute; right:15px; top:-4px;} .tableSt01 table td .btn_search:hover, .tableSt01 table td .btn_search:focus{background:#222 url('../../images/common/bg_btn_search_on.gif') 15px center no-repeat; border:1px solid #444; color:#fff; outline: dashed 2px #0088ff;} .tableSt01 table td .btn_ser_com {width:84px; height:40px; box-sizing:border-box; border:1px solid #3d6c83; text-align:center; display:inline-block; font-size:16px; line-height:38px; color:#fff; font-weight:100; background:#497f99; vertical-align:middle;} .tableSt01 table td .btn_ser_com:hover {background:#173645; border:1px solid #173645; color:#fff; } .tableSt01 table td .btn_ser_com:focus {outline: dashed 2px #0088ff;} .tableSt01 table td .btn_normal {width:84px; height:40px; box-sizing:border-box; border:1px solid #444; text-align:center; display:inline-block; font-size:16px; line-height:38px; color:#222; font-weight:700; background:#fff; vertical-align:middle; padding-left:0px;} .tableSt01 table td .btn_normal:hover {background:#222; border:1px solid #444; color:#fff;} .tableSt02 table td .btn_register {min-width:88px; font-weight:200; border-radius:2px; padding:0 12px; border:1px solid #444; line-height:28px; box-sizing:border-box; color:#0d0d0d; font-size:14px;} .tableSt02 table td .btn_register:hover {background:#0f637e; color:#fff; border:1px solid #444;} .tableSt03 table td .btn_register {display:inline-block; font-weight:200; border-radius:2px; padding:0 12px; border:1px solid #444; line-height:28px; box-sizing:border-box; color:#0d0d0d; font-size:13px;} .tableSt03 table td .btn_register:hover {background:#0f637e; color:#fff; border:1px solid #444;} .tableSt01 table td .static button {position:static;} .result_area {position:relative; margin-top:40px;} .tableTop {} .tableTop h3 {font-size:18px; line-height:18px; font-weight:300;} .tableTop:after {content:''; display:block; clear:both;} .tableTop div.left {float:left; font-size:14px; line-height:18px; color:#000; padding-top:5px;} .tableTop div.left span {margin-left:15px;} .tableTop div.left span:first-child {margin-left:0;} .tableTop div.left_tab {position:absolute; text-align:center; font-weight:200; font-size:14px; color:#fff; border-radius:3px 3px 0 0; background:#096d7f; min-width:180px; line-height:40px;} .tableTop div.left_tab span {display:inline-block;} .tableTop div.right {float:right; position:relative;} .tableTop div.right strong {font-size:16px; line-height:18px; color:#000; display:inline-block; vertical-align:middle; margin-right:10px; font-weight:200;} .tableTop div.right strong > span {color:#096d7f;} .tableTop div.right .selbox {display:inline-block; vertical-align:middle;} .tableTop div.right .selbox select {border:1px solid #b2b2b2; width:104px; height:26px; padding-left:10px; vertical-align:middle; font-size:12px; color:#5e5e5e;} .tableTop div.right .selbox select option {font-size:12px; color:#666; line-height:26px;} .tableTop div.right .selbox .btn_susu {height:26px; line-height:24px; padding:0 5px; margin-left:4px;} .tableTop div.right .selbox .btn_susu:focus {outline: 2px dashed #fff;} /*다운로드 방식 추가*/ .tableTop div.right .selbox02 select {border:1px solid #b2b2b2; width:120px; height:24px; padding-left:10px; vertical-align:middle; font-size:12px; color:#5e5e5e;} .info_wrap h3 {display:inline-block; font-size:18px; font-weight:300; line-height:18px;} .info_list {width:100%; border-top:2px solid #269db3; margin-top:12px;} .info_list li {border-bottom:1px solid #d9d9d9; line-height:16px; font-size:16px; font-weight:300; color:#000; padding:15px;} .info_list li a {display:inline-block; color:#000; margin-bottom:6px; width:98%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .info_list li span {font-size:14px; display:block; font-weight:200; color:#666;} .info_list .left {display:inline-block; width:795px; height:48px; text-align:left; border-right:1px solid #d9d9d9; padding-top:5px;} .info_list .right {display:inline-block; padding-left:15px; font-size:16px; width:165px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .info_list .right span {margin-top:6px;} .info_list .right.odd {position:relative; top:-12px; font-size:16px;} .tableTop + .tableSt02 {margin-top:8px;} .tableSt02 table {border-top:1px solid #096d7f;} .tableSt02 table th {background:#f4f6f7; border:1px solid #ddd; height:40px; border-top:0;} .tableSt02 table th strong {font-size:14px; line-height:16px; color:#000;} .tableSt02 table td {height:40px; padding:5px 0; background:#fff; border:1px solid #ddd; border-top:0; text-align:center;} .tableSt02 table td p {word-break:normal; font-size:14px; line-height:16px; color:#000; padding:0 11px; font-weight:200;} .tableSt02 table td div {font-size:14px; line-height:20px; color:#000; padding:0 10px; font-weight:200;} .tableSt02 table td.t_l a {width:98%; font-size:14px; line-height:20px; color:#096d7f; font-weight:200; display:block; overflow:hidden; text-overflow:ellipsis; /*white-space:nowrap;*/} .tableSt02 table td.t_l {text-align:left;} .tableSt02 table td.t_r {text-align:right;} .tableSt02 table td.multi a {white-space:normal; display:block; word-break:break-all; overflow:hidden; line-height:20px; max-height:40px; position:relative; padding-right:1em;} .tableSt02 table td.multi a:before {content:"..."; position:absolute; right:12px; bottom:0;} .tableSt02 table td.multi a:after {content:""; position:absolute; right:12px; width:1em; height:1em; margin-top:0.2em; background:#fff;} .tableSt02 table label:before {margin-right:0;} .tableSt02 table tr.viewbox {display:table-row; width:calc(100% - 20px); -webkit-width:calc(100% - 20px); -moz-width:calc(100% - 20px);} .tableSt02 table tr.viewbox.open {display: inline-block;} .tableSt02 table tr.viewbox td {background:#f4f6f7; border-right:0;} .tableSt02 table tr.viewbox td strong {font-size:16px; line-height:18px; color:#000;} .tableSt02 table tr.viewbox td + td {border-left:0; padding:10px 0;} .tableSt02 table tr.viewbox td:first-child {vertical-align:top; padding-top:10px;} .tableSt02 table tr.viewbox td:last-child {border-right:1px solid #ddd;} .tableSt02 table tr.viewbox td .file {border-top:1px dashed #444; margin-top:5px; padding-left:0; margin:5px 10px 0 10px} .tableSt02 table tr.viewbox td .file a {width:auto; display:inline-block; position:relative; top:4px;} .tableSt02 table tr.viewbox p {line-height:24px;} .tableSt02 table + p.sub_text {margin-top:20px; font-size:14px; line-height:20px; color:#000; font-weight:100;} .tableSt02 table + p.sub_text:before {content:"·"; margin-right:5px;} .tableSt02 table + p.sub_text a {color:#096d7f; text-decoration:underline;} .tableSt03 table {border-top:1px solid #096d7f;} .tableSt03.bt_gry table{border-top:1px solid #d0d0d0;} .tableSt03 table th {border-top:0 !important; background:#eee; border:1px solid #d0d0d0; height:40px; text-align:left;} .tableSt03 table th strong {font-size:14px; line-height:16px; color:#222; padding:0 0 0 20px; display:inline-block; position:relative; } .tableSt03 table th strong span {font-size:12px; line-height:14px; color:#222;} .tableSt03 table th strong.it:before {content:"필수입력사항"; display:inline-block; font-size:14px; text-indent:-9999px;} .tableSt03 table th strong.it:after {content:'*'; position:absolute; left:10px; top:3px; font-size:14px; line-height:16px; color:#ef722e;} .tableSt03 table th.tc {text-align:center;} .tableSt03 table th.tc strong {padding:0;} .tableSt03 table td {padding:10px 0; background:#fff; border:1px solid #ddd; border-top:0; text-align:left; height:40px;} .tableSt03 table tr:first-child td span.btn_r {top:-5px;} .tableSt03 table td span.btn_r {position:absolute; right:10px;} .tableSt03 table td.tr {text-align:right;} .tableSt03 table td.bg_gry {background:#eee;} .tableSt03 table td > p {width:auto; position:relative; font-size:14px; line-height:20px; color:#000; padding:0 10px; font-weight:200;} .tableSt03 table td > div {font-size:14px; line-height:20px; color:#000; padding:0 10px; font-weight:200; position:relative; } .tableSt03 table td a {color:#096d7f;} .tableSt03 table td a.btn_down {color:#fff; background:#247db0 url('../../images/common/bg_btn_down.png') 61px center no-repeat; width:86px; padding-right:23px; height:24px; box-sizing:border-box; font-size:13px; line-height:22px; color:#fff; border:1px solid #135c86; font-weight:200; margin-left:10px; border-radius:2px; display:inline-block; text-align:center;} .tableSt03 table td a.btn_down:hover {border:1px solid #0b4769; background-color:#0b4769;} .tableSt03 table td.content_view {padding:20px;} .tableSt03 table td.content_view p {padding:0;} .tableSt03 table td .part_area span:before {content:">"; margin:0 5px;} .tableSt03 table td .part_area span:first-child:before {content:none; margin:0;} .tableSt03 table td .text_area {width:100%; padding:6px 10px; display:inline-block; vertical-align:middle;} .tableSt03 table td .input_area {display:inline-block; vertical-align:middle; position:relative; width:697px; margin-right:5px;} .tableSt03 table td .input_area select {width:120px; height:26px; border:1px solid #ddd; font-size:12px; line-height:24px; color:#444; font-weight:200;} .tableSt03 table td .input_area input[type=text], .tableSt03 table td .input_area input[type=password] {width:100%; height:26px; border:1px solid #ddd; font-weight:200; padding:0 10px; font-size:14px; line-height:24px; color:#2c2c2c;} .tableSt03 table td .input_area input[type=text].date {background: #fff url('../../images/common/icon_calendar.png') 95% 50% no-repeat; padding-left:20px;} .tableSt03 table td .input_area.call_box input[type=text] {width:94px;} .tableSt03 table td .input_area.phone input[type=text] {width:94px;} .tableSt03 table td .input_area.birthCss input:first-child[type=text] {width:94px;} .tableSt03 table td .input_area.phone select {width:94px; border-color:#ddd;} .tableSt03 table td .input_area.email input[type=text] {width:144px;} .tableSt03 table td .input_area.email select {width:144px; border-color:#ddd;} .tableSt03 table td .input_area.address input[type=text] {width:144px;} .tableSt03 table td .input_area.address a {width:110px; height:26px; font-size:12px; line-height:24px; color:#fff; background:#247db0 url('../../images/common/bg_search_icon.png') 87px center no-repeat; padding-right:25px; text-align:center; display:inline-block;} .tableSt03 table td .input_area.address a:hover {background:#0b4769 url('../../images/common/bg_search_icon.png') 87px center no-repeat; border-color:#0b4769;} .tableSt03 table td .input_area.address_bot {width:100%; margin-top:8px;} .tableSt03 table td .input_area.address_bot input[type=text] {width:320px;} .tableSt03 table td .input_area textarea {resize:none; width:100%; height:100px; border:1px solid #ddd; font-size:14px; line-height:20px; color:#2c2c2c; font-weight:200; padding:10px; font-size:14px; line-height:24px; color:#2c2c2c;} .tableSt03 table td .input_area textarea.read {border:0; padding:0;} .tableSt03 table td .input_area span.abs_text {color:#666; position:absolute; left:10px; right:10px; bottom:24px; padding:8px 0; font-size:13px; line-height:20px;} .tableSt03 table td .input_area .btn_del {position:absolute; right:8px; top:8px;} .tableSt03 table td .input_area .byte {text-align:right;font-size:12px; line-height:14px; color:#2c2c2c; font-weight:200; padding:0;} /* .tableSt03 table td .input_area .byte + +.gr_text {margin-top:10px;} */ .tableSt03 table td .input_area .byte + .gr_text {margin-top:10px;} .tableSt03 table td .input_area + span.gr_text {margin-left:5px;} .tableSt03 table td .input_area.radio {width:100%;} .tableSt03 table td .input_area.radio input[type=radio] {width:14px; height:14px;} .tableSt03 table td .input_area.radio label {margin-right:40px;} .tableSt03 table td .input_area.radio label:last-child {margin-right:10px;} .tableSt03 table td .abs_r_text {position:absolute; right:0; top:0;} .tableSt03 table td .abs_r_text strong {font-size:14px; line-height:22px; color:#2c2c2c; font-weight:200; display:inline-block; vertical-align:middle; margin-right:15px;} .tableSt03 table td .abs_r_text .input_area.radio {width:auto; vertical-align:middle;} .tableSt03 table td .abs_r_text .input_area.radio label {margin-right:15px;} .tableSt03 table td .link_right {text-align:right; margin-top:10px; text-decoration:underline; font-size:12px;} .tableSt03 table td .filse_list {font-size:13px; line-height:20px; color:#666666; margin-top:7px;} .tableSt03 table th .last_div {padding:15px 20px; position:relative; } .tableSt03 table th .last_div .name {position:absolute; right:20px; top:50%; margin-top:-16px; height:32px; padding:0 20px; border:1px solid #cccccc; background:#fff; font-size:12px; line-height:30px; color:#2c2c2c; font-weight:200; border-radius:5px;} .tableSt03 table th .last_div .name strong {font-size:12px; line-height:30px; font-weight:200; padding:0;} .tableSt03 table th .last_div p > span {display:inline-block; width:98%; vertical-align:top;} .tableSt03 table th .last_div.relative .name {position:static; display:inline-block; margin:0;} .tableSt03 table th .blit_text {background:none; min-height:85px; display:inline-block; padding:0;} .tableSt03 table th .blit_text > span {display:inline-block; font-size:14px; font-weight:200; margin-top:15px; padding-left:10px; background:url('../../images/common/bg_blit.gif') left center no-repeat;} .tableSt03 table th .blit_text .sign {color:#096d7f; font-size:12px; float:right; margin-right:10px; min-width:105px; line-height:30px; background:#fff; border-radius:5px; border:1px solid #ccc; text-align:center; padding:0;} .tableSt03 table th .blit_text .name {color:#000;} .tableSt03 + .tableSt03 table {border-top:0;} /* .guide add 2020-09-16 */ .tableSt03 table td div .btn_days {width:84px; height:30px; box-sizing:border-box; border:1px solid #767676; text-align:center; display:inline-block; font-size:12px; line-height:28px; color:#444444; font-weight:200; background:#fff; vertical-align:middle; margin-right:15px;} .tableSt03 table td div .btn_days + .input_days {padding-left:3px;} .tableSt03 table td div .btn_days.on {background:#247db0; border-color:#096d7f; color:#fff;} .tableSt03 table td div .btn_days:hover {background:#247db0; border-color:#096d7f; color:#fff;} .tableSt03 table td div .input_days {display:inline-block; vertical-align:middle; font-size:12px; line-height:30px; height:30px;} .tableSt03 table td div .input_days .in_select {background:#fff url('../../images/common/bg_sel.png') right center no-repeat; border:1px solid #b2b2b2; height:30px; width:90px; padding-left:10px; box-sizing:border-box; font-size:12px; line-height:28px; color:#444; font-weight:200; vertical-align:top; } .tableSt03 table td div .input_days + .fr {float:none; display: inline-block; text-align: right; width: 300px;} .tableSt03 table td div .input_area {display:inline-block;} .tableSt03 table td div .input_days_area input[type=text], .tableSt03 table td div .input_days_area input[type=password] {border:1px solid #afafaf; height:30px; width:130px; box-sizing:border-box; font-size:12px; line-height:28px; color:#444; background:#fff; font-weight:200; vertical-align:top; } .tableSt03 table td div .input_days_area input[type=text].date {cursor:pointer; background: #fff url('../../images/common/icon_calendar.png') 95% 50% no-repeat; padding:0 25px 0 20px;} .tableSt03 table td div .input_days_area select {border:1px solid #afafaf; height:30px; width:130px; box-sizing:border-box; font-size:12px; line-height:28px; color:#444; background:#fff; font-weight:200; vertical-align:top; } .tableSt03 table td div .btn_search {width:84px; height:40px; box-sizing:border-box; border:1px solid #444; text-align:center; display:inline-block; font-size:16px; line-height:38px; color:#222; font-weight:700; background:#fff url('../../images/common/bg_btn_search_off.gif') 15px center no-repeat; vertical-align:middle; padding-left:34px; position:absolute; right:15px; top:-4px;} .tableSt03 table td div .btn_search:hover, .tableSt01 table td .btn_search:focus{background:#222 url('../../images/common/bg_btn_search_on.gif') 15px center no-repeat; border:1px solid #444; color:#fff;} .tableSt03.guide table{border-top:2px solid #096d7f;} .tableSt03.guide table th{text-align:center; border-left:0; border-right:0;} .tableSt03.guide table td:first-child {vertical-align:middle;} .tableSt03.guide table td:first-child p {font-weight:300;} .tableSt03.guide table td{border-left:0; font-size:14px; vertical-align:top;} .tableSt03.guide table td .text_area {width:100%;} .tableSt03.guide table tr td:last-child {border-right:0;} .tableSt03.guide table th strong {padding:0;} .tableSt03.guide table thead tr:last-child th{background:#f4f6f7;} .tableSt03.guide table thead tr:first-child th:first-child{border-right:1px solid #d0d0d0;} .tableSt03.view tr td p {padding:0 20px; line-height:30px;} .tableSt03.view tr td .btn_down {margin-left:0; padding-right:25px; width:100px; height:30px; line-height:30px; background-position:72px center;} .tableSt05 table td {border:1px solid #d0d0d0; height:45px; text-align:left; position:relative;} .tableSt05 table td a {font-size:13px; line-height:16px; color:#222; padding:5px 5px 5px 5px; display:inline-block;} .tableSt05 table td img {margin:5px 5px 5px 10px;} .tableSt05 table td .iconhexa img {width:33px; height:36px;} .tableSt05 table td .iconsq img {width:35px; height:35px;} .tableSt06 table td {background:#fff; border:1px solid #ddd; text-align:center;} .original_data .tableSt03.guide table th{border-right:1px solid #d0d0d0;} .original_data .tableSt03.guide table tr.over:hover td[rowspan] {background:#fff;} .original_data .tableSt03.guide table tr.over:hover td {cursor:pointer; background:#d9e8ed;} .original_data .tableSt03.guide table tr.sub td {background:#f4f6f7;} .original_data .tableSt03.guide table tr.sub td:first-child p {text-indent:30px;} .original_data .tableSt03.guide table tr.sub td:first-child {background:#f4f6f7 url('../../images/common/bg_innr.png') 15px center no-repeat; text-indent:20px; color:#444;} .original_data .tableSt03.guide table tr th strong{padding:0;} .original_data .tableSt03.guide table tr td p {text-indent:10px; line-height:38px; font-weight:200; padding:0; } .original_data .tableSt03.guide table tr td a {display:block; width:100%; line-height:38px; text-indent:10px;} .original_data .tableSt03.guide table tr td{height:40px; padding:0; vertical-align:middle;} .original_data .tableSt03.guide table tr th:last-child {border-right:0;} .original_data .tableSt03.guide table tr .bg_gry {background:#f4f6f7 !important;} .original_data .tableSt03.guide table tr.sub td.bg_blue , .original_data .tableSt03.guide table tr.over td.bg_blue , .original_data .tableSt03.guide table tr .bg_blue {background:#d1f0f0;} .tableSt04 {} .tableSt04 table th {background:#ebebeb; border:1px solid #d0d0d0; height:40px; text-align:left; border-left:0;} .tableSt04 table th strong {font-size:14px; line-height:16px; color:#222; padding:0 0 0 20px; display:inline-block; position:relative; } .tableSt04 table th strong span {font-size:12px; line-height:14px; color:#222;} .tableSt04 table td {padding:4px 0; background:#fff; border:1px solid #ddd; text-align:left; border-right:0;} .tableSt04 table td a {color:#096d7f;} .tableSt04 table td > p {font-size:14px; line-height:20px; color:#000; padding:0 10px; font-weight:200;} .tableSt04 table td > div {font-size:14px; line-height:20px; color:#000; padding:0 10px; font-weight:200; position:relative; } .tableSt04 table td .input_area .byte {text-align:right;font-size:12px; line-height:14px; color:#2c2c2c; font-weight:200; padding:0;} .tableSt04 table td .input_area span.abs_text {position:relative; top:-8px;} .tableSt04 table td .input_area textarea {margin:4px 8px; resize:none; width:100%; height:100px; border:1px solid #ddd; font-size:14px; line-height:16px; color:#2c2c2c; font-weight:200; padding:10px; font-size:14px;} /* .tableSt04 table td .text_area {margin:4px 0;} */ .tableSt04 table td .text_area span {display:inline-block;} .tableSt04 table td .text_area.radio input {margin-left:0;} .tableSt04 table td .text_area.radio label {margin-right:25px;} .tableSt04 table td .text_area.radio.star label > input {margin:-4px 4px 2px 0;} .tableSt04 table td .text_area.radio.star label > span {width:75px; height:14px;} .tableSt04 table td .text_area.radio.star .star05 {background:url('../../images/common/bg_star05.png') center center no-repeat;} .tableSt04 table td .text_area.radio.star .star04 {background:url('../../images/common/bg_star04.png') center center no-repeat;} .tableSt04 table td .text_area.radio.star .star03 {background:url('../../images/common/bg_star03.png') center center no-repeat;} .tableSt04 table td .text_area.radio.star .star02 {background:url('../../images/common/bg_star02.png') center center no-repeat;} .tableSt04 table td .text_area.radio.star .star01 {background:url('../../images/common/bg_star01.png') center center no-repeat;} /* 파일 첨부 라벨 */ .file_attach_label {width: 84px; height: 26px; line-height: 26px; font-size: 14px; color: #fff; background: #247db0; text-align: center; display: inline-block; font-weight: 200;} .file_attach_label:hover { cursor: pointer; background: #0b4769; border-color: #0b4769;} /* 팝업 컨텐츠 */ .pop_table_area table .gr_text {font-size:12px;} .pop_table_area table .black_text {font-size:12px;} .pop_table_area .tableSt03 .input_area select {width:100%; border:1px solid #ddd; } .pop_table_area .tableSt03 table td .pop_input_area textarea {resize:none; width:395px; height:100px; border:1px solid #ddd; font-size:14px; line-height:20px; color:#2c2c2c; font-weight:200; padding:10px; font-size:14px; line-height:24px; color:#2c2c2c;} .pop_table_area .tableSt03 table td .pop_input_area {display:inline-block; vertical-align:middle; position:relative; margin-right:5px;} .pop_table_area .pop_layout {display:table; width:100%;} .pop_table_area .box_div_left, .pop_table_area .box_div_right {display:table-cell;} .pop_table_area .box_div_left {display:table-cell; width:196px; height:273px; border:1px solid #d0d0d0; background:#eee;} .pop_table_area .box_div_left dl {padding:15px 30px; text-align:center;} .pop_table_area .box_div_left dl dt {line-height:16px; font-size:16px; color:#222; font-weight:300;} .pop_table_area .box_div_left dl dd {margin-top:12px;} .pop_table_area .box_div_left dl dd .img_box {color:#999; line-height:14px; display:table-cell; vertical-align:middle; width:132px; height:180px; border:1px solid #999; background:#fff;} .pop_table_area .box_div_left dl dd .name {margin-top:23px; color:#222; font-size:20px;} .pop_table_area .box_div_left dl dd .img_box img {width:100%;} .pop_table_area .box_div_right {padding:15px 0 0 35px;} .pop_table_area .box_div_right dl dt {font-weight:300; font-size:16px; color:#000;} .pop_table_area .box_div_right dl dd {margin-top:20px;} .pop_table_area .top_date {width:100%; height:40px; line-height:40px; text-align:center; background:#5593b6; color:#fff; font-size:16px;} /* 로그인 스타일 */ .login_area {position:relative; margin: 0 auto; min-height:560px;} .login_area dl > dt {position:absolute; top:0;} .login_area dl > dt > a {position:relative; z-index:10; width:497px; float:left; font-size:18px; font-weight:200; height:62px; line-height:62px; text-align:center; background:#f8f8f8; color:#096d7f; border:2px solid #dee6e7; border-radius:10px 10px 0 0; border-bottom:2px solid #096d7f; } .login_area dl > dt > a:hover, .login_area dl > dt > a:focus, .login_area dl > dt > a.on {z-index:11; width:497px; float:left; font-size:18px; font-weight:300; height:62px; line-height:62px; text-align:center; background:#fff; color:#09414b; border:2px solid #096d7f; border-bottom:0; border-radius:10px 10px 0 0;} .login_area dl:last-child > dt {right:4px;} .login_area .btn_area_center {display:inline-block; width:100%; margin-top:0;} .login_box {position:absolute; width:918px; min-height:430px; margin:120px 40px;} .login_box .bt, .non_box .bt {display:inline-block; float:left;} .login_box .bt a, .non_box .bt a {float:left; text-align:center; position:relative; width:182px; height:42px; line-height:42px; border:0; background:#eee; font-weight:200; font-size:14px; color:#000; border-radius:0;} .login_box .bt a:hover, .non_box .bt a:hover, .login_box .bt a:focus, .non_box .bt a:focus, .login_box .bt a.on, .non_box .bt a.on {width:182px; height:42px; line-height:42px; border:0; background:#096d7f; font-size:14px; color:#fff; border-radius:0;} .login_box .datas {padding:60px 50px; position:absolute; left:0px; top:42px; clear:both; border:1px solid #77a7c3; width:916px; height:390px; font-size:14px;} .login_box .datas span {display:inline-block;} .login_box .login_innr {display:inline-block; width:620px; height:114px;} .login_box .login_innr label {display:inline-block; width:181px; text-indent:45px; font-weight:300; font-size:16px; color:#444;} .login_box .login_innr input {font-weight:200; width:435px; height:40px; border:1px solid #ddd; padding:0 10px;} .login_box .login_innr .login_id, .login_box .login_innr .login_pw {width:100%; height:58px; border-bottom:1px solid #dee6e7;} .login_box .login_innr .login_pw {border-bottom:0; margin-top:18px;} .login_box .login_innr + .btn_login {float:right; width:172px; height:114px; line-height:114px;} .login_box .login_list {width:100%; line-height:52px; text-align:center; background:#f4f4f4;} .login_box .login_list a {font-size:14px; font-weight:200; color:#444; margin:0 35px;} .login_box .login_list a:hover, .login_box .login_list a:focus {color:#ff691d;} .login_box .login_list a:after {position:relative; left:35px; top:5px; display:inline-block; content:""; width:1px; height:22px; background:#ddd; } .login_box .login_list a:last-child:after {content:none;} .login_box .point_gr {width:100%; font-weight:200; text-align:center;} .login_box .gongin_innr {margin:60px 75px; width:666px; height:172px; line-height:20px;} .login_box .gongin_innr .gongin {margin-right:30px; float:left; width:372px; height:74px; line-height:74px; background:#77a7c3 url('../../images/common/bg_btn_gongin.png') 72px center no-repeat;} .login_box .gongin_innr .gongin:hover, .login_box .gongin_innr .gongin:focus {background:#013b92 url('../../images/common/bg_btn_gongin.png') 72px center no-repeat;} .login_box .gongin_innr .btn_regist {float:left; width:260px; height:74px; line-height:74px; text-align:center; border-radius:3px; font-size:18px; color:#fff; background:#497f99 url('../../images/common/bg_btn_regist.png') 215px center no-repeat;} .login_box .gongin_innr .btn_regist:hover, .login_box .gongin_innr .btn_regist:focus {background:#013b92 url('../../images/common/bg_btn_regist.png') 215px center no-repeat;} .login_box .gongin_innr .btn_pin {background:#466f96 url('../../images/common/btn_pin.png') 24% center no-repeat; padding-left:50px; color:#fff; text-align:center; font-size:18px; display:inline-block; width:350px; line-height:74px; border-radius:2px;} .login_box .gongin_innr .btn_pin:hover, .login_box .gongin_innr .btn_pin:focus {color:#fff; background:#013b92 url('../../images/common/btn_pin.png') 24% center no-repeat;} .login_box .gongin_innr .btn_pin.int:hover, .login_box .gongin_innr .btn_pin.int:focus {color:#fff; background:#013b92 url('../../images/common/btn_pin.png') 20% center no-repeat;} .login_box .gongin_innr .btn_pin.int {width:280px; background:#469196 url('../../images/common/btn_pin.png') 20% center no-repeat; margin-left:30px;} .login_box .gongin_innr .btn_pin.phone {background:#466f96 url('../../images/common/btn_phone.png') 24% center no-repeat; width:316px; padding-left:0;} .login_box .gongin_innr .btn_pin.phone:hover, .login_box .gongin_innr .btn_pin.phone:focus {background:#013b92 url('../../images/common/btn_phone.png') 24% center no-repeat;} .login_box .gongin_innr .btn_pin.card {background:#469196 url('../../images/common/btn_card.png') 18% center no-repeat; width:316px; margin-left:30px;} .login_box .gongin_innr .btn_pin.card:hover, .login_box .gongin_innr .btn_pin.card:focus {background:#013b92 url('../../images/common/btn_card.png') 18% center no-repeat;} .non_box_input dl > dt, .login_box dl > dt {position:relative;} /* 아이디비번 찾기 */ .login_box.find {position:relative; margin:0 40px; padding-top:100px;} .login_box.find p {line-height:20px; font-size:15px; text-align:left; margin-bottom:30px;} .login_box.find ul {border:1px solid #77a7c3; padding:30px 70px;} .login_box.find .non_box_input dl {width:100%;} .login_box.find .non_box_input dl dd {font-size:14px; color:#444; padding-left:45px;} .login_box.find .input_area.radio input {width:13px; height:13px; margin-right:5px;} .login_box.find .input_area.radio label {margin-right:40px; font-size:14px; color:#444; font-weight:200;} .login_box.find .btn_area_center {margin-top:70px;} .login_box.find .point_text {line-height:20px; margin-bottom:40px;} .login_box.border {padding:40px 60px; border:1px solid #77a7c3;} .non_box {position:relative; padding:120px 0 0 0; margin:0 40px; width:918px; min-height:335px;} .non_box .bt {position:absolute; top:148px;} .non_box li:nth-child(1) span.bt {left:0;} .non_box li:nth-child(2) span.bt {left:182px;} .non_box li:nth-child(3) span.bt {left:364px;} .non_box li:nth-child(4) span.bt {left:546px;} .non_box .point_gr {font-size:14px; font-weight:200;} .non_box .datas2 {margin:70px 0; padding:60px 70px; clear:both; font-size:14px; font-weight:200; border:1px solid #77a7c3; width:100%; min-height:250px;} .non_box .datas2 span {display:inline-block;} .non_box .input_ti {position:relative; top:3px; width:165px; text-align:center; font-size:16px; font-weight:300; color:#444;} .non_box .input_box {width:100%; height:50px; border-bottom:1px solid #dee6e7;} .non_box .input_box.long {width:100%; height:72px; line-height:72px;} .non_box .input_box label {margin-right:40px;} .non_box .sub_text {margin:30px 0 0 40px; font-size:14px; line-height:20px; color:#2c2c2c; font-weight:200;} .non_box .sub_text span {display:inline-block; vertical-align:top; margin-bottom:5px;} .non_box .sub_text strong {font-weight:200;} .non_box_input dl {border-bottom:1px solid #dee6e7; line-height:72px;} .non_box_input dl:last-child, .non_box_input dl:last-child dt {border-bottom:0;} .non_box_input dl dt {text-indent:35px; font-size:16px; color:#444; width:170px; float:left; border-bottom:1px solid #dee6e7; line-height:74px;} .non_box_input dl dd .input_area {display:inline-block; height:74px;} .non_box_input dl dd .input_area input {font-weight:200; width:100%; height:40px; border:1px solid #ddd; padding:0 10px;} .non_box_input dl dd .input_area.people, .non_box_input dl dd .input_area.business {width:auto;} .non_box_input dl dd .input_area.email input {width:170px;} .non_box_input dl dd .input_area.birth select {width:143px !important;} .non_box_input dl dd .input_area.birth select, .non_box_input dl dd .input_area.email select {padding-left:5px; font-size:14px; color:#444; font-weight:200; width:170px; border:1px solid #ddd; height:40px; } .non_box_input dl dd .input_area.people input {width:210px;} .non_box_input dl dd .input_area.business input {width:135px;} .non_box_input dl dd .input_area .bar:before {display:inline-block; vertical-align:middle; margin:0 2px; content:""; width:5px; height:1px; background:#999;} .non_box_input dl dd .input_area .email:before {font-size:14px; display:inline-block; vertical-align:middle; margin:0 4px; content:"@"; color:#999;} .non_box_input dl dt.long {height:121px;} .non_box_input dl dd.long {height:120px;} /* 나의 청구현황 */ .my_count {margin-top:40px; width:100%; height:165px;} .my_count .ti {color:#222; font-size:16px;} .my_count p {color:#0d8bb4; font-size:16px; font-weight:200; margin-top:75px;} .my_count li {position:relative; padding:27px 0; text-align:center; float:left; margin-right:24px; width:180px; height:164px; border:1px solid #e2e2e2;} .my_count li:before {position:absolute; top:50px; left:65px; display:inline-block; content:""; width:50px; height:50px; border-radius:50px;} .my_count li:nth-child(1):before {background:#dbedf3 url('../../images/common/ico_my_01.png') 50% 50% no-repeat;} .my_count li:nth-child(2):before {background:#dbedf3 url('../../images/common/ico_my_02.png') 50% 50% no-repeat;} .my_count li:nth-child(3):before {background:#dbedf3 url('../../images/common/ico_my_03.png') 50% 50% no-repeat;} .my_count li:nth-child(4):before {background:#dbedf3 url('../../images/common/ico_my_04.png') 50% 50% no-repeat;} .my_count li:nth-child(5):before {background:#dbedf3 url('../../images/common/ico_my_05.png') 50% 50% no-repeat;} .my_count li:last-child {margin-right:0;} .my_count li a {display:inline-block; line-height:36px; font-size:36px; font-weight:500; color:#0d8bb4;} .btn_login {display:inline-block; text-align:center; border-radius:2px; font-size:18px; color:#fff; background:#77a7c3;} .btn_login:hover, .btn_login:focus {background:#013b92;} .btn_login.issu {padding-right:15px; width:100px; line-height:35px; font-size:13px; background:#0573b8 url('../../images/common/bg_btn_issu.png') 72px center no-repeat;} .btn_login.issu:hover, .btn_login.issu:focus { background:#013b92 url('../../images/common/bg_btn_issu.png') 72px center no-repeat;} .btn_login.find {padding-right:15px; width:146px; line-height:36px; font-size:13px; color:#fff; background:#77a7c3 url('../../images/common/bg_search_icon.png') 120px center no-repeat;} .btn_login.find:hover, .btn_login.find:focus {background:#013b92 url('../../images/common/bg_search_icon.png') 120px center no-repeat;} .btn_login.main {padding-bottom:0; padding-right:15px; width:160px; line-height:36px; font-size:13px; color:#fff; background:#77a7c3 url('../../images/common/bg_btn_main.png') 130px center no-repeat;} .btn_login.main:hover, .btn_login.main:focus {background:#013b92 url('../../images/common/bg_btn_main.png') 130px center no-repeat;} .btn_login.log {padding-right:15px; width:150px; line-height:36px; font-size:13px; color:#fff; background:#0573b8 url('../../images/common/bg_btn_log.png') 120px center no-repeat;} .btn_login.log:hover, .btn_login.log:focus {background:#013b92 url('../../images/common/bg_btn_log.png') 120px center no-repeat;} .paging {margin-top:50px;} .paging ul {text-align:center;} .paging ul li {display:inline-block; margin:0 5px;} .paging ul li a, .paging ul li span {display:inline-block; font-size:13px; line-height:26px; color:#222; width:26px; text-align:center; vertical-align:middle; } .paging ul li.on a, .paging ul li.on span {color:#fff; font-weight:700; background:#10798c; border-radius:13px; font-weight:700;} .paging ul li.on a:focus{outline: 2px dashed #fff;} .paging ul li.prev {margin-left:0; margin-right:5px;} .paging ul li.next {margin-right:0; margin-left:5px;} .paging ul li.first + li.prev a {border-left:0;} .paging ul li.first {margin:0;} .paging ul li.last {margin:0;} .paging ul li.first a {font-size:0; line-height:0; width:26px; height:26px; background:url('../../images/common/icon_btn_first.gif') 50% 50% no-repeat;} .paging ul li.prev a {font-size:0; line-height:0; width:26px; height:26px; background:url('../../images/common/icon_btn_prev.gif') 50% 50% no-repeat;} .paging ul li.next a {font-size:0; line-height:0; width:26px; height:26px; background:url('../../images/common/icon_btn_next.gif') 50% 50% no-repeat;} .paging ul li.last a {font-size:0; line-height:0; width:26px; height:26px; background:url('../../images/common/icon_btn_last.gif') 50% 50% no-repeat;} .paging ul li.next + li.last a {border-left:0;} .paging ul li.next + li.last a {border-left:0;} .paging + .btn_area_center {margin-top:10px;} .btn_area_center {text-align:center; margin-top:35px;} .btn_area_center > a {margin:0 5px;} .btn_area_center:after {content:''; display:block; clear:both;} .btn_area_center .right {float:right;} .btn_area_center .right a {margin-left:10px;} .btn_area_center .left {float:left;} .btn_area_center .btn_list {width:90px; border:1px solid #444444; border-radius:2px; text-align:center; height:30px; box-sizing:border-box; font-size:13px; line-height:28px; color:#0d0d0d; display:inline-block; font-weight:200;} .btn_area_center .btn_list:hover {color:#fff; background:#0f637e; border:1px solid #073645;} .tbSt01 {} .tbSt01 .r_text {text-align:right; font-size:14px; line-height:16px; color:#096d7f;} .tbSt01 ul {margin-top:15px;} .tbSt01 ul:after {content:''; display:block; clear:both;} .tbSt01 ul li {position:relative; float:left; padding-right:31px; width:171px; height:100%;} .tbSt01 ul li:last-child {padding-right:0; width:140px; background:none;} .tbSt01 ul li:last-child a:after {content:none;} .tbSt01 ul li a {width:100%; height:82px; box-sizing:border-box; border:1px solid #bcc9d0; background:#e7f0f1; display:block; padding-top:22px; position:relative;} .tbSt01 ul li a:focus {outline: 2px dashed #fff;} .tbSt01 ul li a:after {content:""; display:inline-block; position:absolute; width:21px; height:56px; right:-28px; top:12px; background:url('../../images/common/icon_tabSt01_arrow_off.gif') 0 0 no-repeat;} .tbSt01 ul li a span {display:inline-block; width:124px; text-align:center; font-size:16px; line-height:18px; color:#222222; padding-left:40px; text-align:center;} .tbSt01 ul li a .abs_text {position:absolute; left:0; width:311px; border:1px solid #e3bb50; padding:20px; top:101px; background:#fff7d1; top:-55555555px; z-index:10;} .tbSt01 ul li a .abs_text strong {display:inline-block; margin-bottom:5px; font-size:15px; line-height:18px; color:#000;} .tbSt01 ul li a .abs_text p {font-size:14px; line-height:18px; color:#000; font-weight:200;} .tbSt01 ul li a .abs_text:after {content:''; width:31px; height:16px; background:url('../../images/common/bg_text_arrow.gif') no-repeat; position:absolute; left:55px; top:-16px;} .tbSt01 ul li.icon01 a:hover span, .tbSt01 ul li.icon01 a:focus span {background:#086d7f url('../../images/common/bg_tabst01_li01_on.gif') left center no-repeat;} .tbSt01 ul li.icon02 a:hover span, .tbSt01 ul li.icon02 a:focus span {background:#086d7f url('../../images/common/bg_tabst01_li02_on.gif') left center no-repeat;} .tbSt01 ul li.icon03 a:hover span, .tbSt01 ul li.icon03 a:focus span {background:#086d7f url('../../images/common/bg_tabst01_li03_on.gif') left center no-repeat;} .tbSt01 ul li.icon04 a:hover span, .tbSt01 ul li.icon04 a:focus span {background:#086d7f url('../../images/common/bg_tabst01_li04_on.gif') left center no-repeat;} .tbSt01 ul li.icon05 a:hover span, .tbSt01 ul li.icon05 a:focus span {background:#086d7f url('../../images/common/bg_tabst01_li05_on.gif') left center no-repeat;} .tbSt01 ul li.icon06 a:hover span, .tbSt01 ul li.icon06 a:focus span {background:#086d7f url('../../images/common/bg_tabst01_li06_on.gif') left center no-repeat;} .tbSt01 ul li.icon01 a span {background:url('../../images/common/bg_tabst01_li01.gif') left center no-repeat;} .tbSt01 ul li.icon02 a span {background:url('../../images/common/bg_tabst01_li02.gif') left center no-repeat;} .tbSt01 ul li.icon03 a span {background:url('../../images/common/bg_tabst01_li03.gif') left center no-repeat;} .tbSt01 ul li.icon04 a span {background:url('../../images/common/bg_tabst01_li04.gif') left center no-repeat;} .tbSt01 ul li.icon05 a span {background:url('../../images/common/bg_tabst01_li05.gif') left center no-repeat;} .tbSt01 ul li.icon06 a span {background:url('../../images/common/bg_tabst01_li06.gif') left center no-repeat;} .tbSt01 ul li.icon06 a .abs_text {left:auto; right:0; } .tbSt01 ul li.icon06 a .abs_text:after {left:auto; right:55px;} .tbSt01 ul li a:focus .abs_text, .tbSt01 ul li a:hover .abs_text {top:101px;} .tbSt01 ul li a:hover span, .tbSt01 ul li a:focus span {color:#fff;} .tbSt01 ul li a:hover, .tbSt01 ul li a:focus {background:#086d7f; border-color:#2d5c66;} .tbSt01 ul li a:focus:after {content:""; display:inline-block; position:absolute; width:21px; height:56px; right:-28px; top:12px; background:url('../../images/common/icon_tabSt01_arrow_on.gif') 0 0 no-repeat;} .tbSt01 ul li:last-child a:focus:after {content:none;} .abs_text .innr p {margin-bottom:4px; word-break:break-all; position:relative; padding-left:10px;} .abs_text .innr p:last-child {margin-bottom:0;} .abs_text .innr em {position:absolute; left:0;} .tabSt02 {padding:0 15px; border-bottom:1px solid #096d7f;} .tabSt02:after {content:''; display:block; clear:both;} .tabSt02 li {float:left; width:160px; height:40px; } .tabSt02 li a {font-size:14px; line-height:40px; color:#444; display:block; text-align:center; background:#ebebeb;} .tabSt02 li.on a {font-size:14px; line-height:40px; color:#fff; display:block; text-align:center; background:#096d7f;} .tsbSt03 {} .tsbSt03:after {content:''; display:block; clear:both;} .tsbSt03 ul li {width:134px; margin-right:15px; float:left; background:url('../../images/common/bg_arrow.gif') right center no-repeat;} .tsbSt03.part ul li {width:125px; margin-right:3px;} .tsbSt03 ul li:last-child {padding-right:0; background:none; width:0;} .tsbSt03 ul li:last-child a {/*background:#005665;*/} .tsbSt03 ul li a {display:inline-block; text-align:center; width:100px; height:102px; border:1px solid #bcc9d0; color:#444;} .tsbSt03 ul li a span{font-size:16px; font-weight:500; border:0; line-height:20px; position:relative; top:14px;} .tsbSt03 ul li.on {background:url('../../images/common/bg_arrow_on.gif') right center no-repeat;} .tsbSt03 ul li.on a {border:1px solid #2d5c66;} .tsbSt03 ul li.on a span {color:#fff;} .tsbSt03 .con01 a {background:#e7f0f1 url('../../images/common/bg_tabst0301.png') center 64px no-repeat;} .tsbSt03 .con02 a {background:#e7f0f1 url('../../images/common/bg_tabst0302.png') center 64px no-repeat;} .tsbSt03 .con03 a {background:#e7f0f1 url('../../images/common/bg_tabst0303.png') center 64px no-repeat;} .tsbSt03 .con04 a {background:#e7f0f1 url('../../images/common/bg_tabst0304.png') center 64px no-repeat;} .tsbSt03 .con05 a {background:#e7f0f1 url('../../images/common/bg_tabst0305.png') center 64px no-repeat;} .tsbSt03 .con06 a {background:#e7f0f1 url('../../images/common/bg_tabst0306.png') center 64px no-repeat;} .tsbSt03 .con07 a {background:#e7f0f1 url('../../images/common/bg_tabst0307.png') center 64px no-repeat;} .tsbSt03 .con08 a {background:#e7f0f1 url('../../images/common/bg_tabst0308.png') center 64px no-repeat;} .tsbSt03 .con01.on a {background:#086d7f url('../../images/common/bg_tabst0301_on.png') center 64px no-repeat;} .tsbSt03 .con02.on a {background:#086d7f url('../../images/common/bg_tabst0302_on.png') center 64px no-repeat;} .tsbSt03 .con03.on a {background:#086d7f url('../../images/common/bg_tabst0303_on.png') center 64px no-repeat;} .tsbSt03 .con04.on a {background:#086d7f url('../../images/common/bg_tabst0304_on.png') center 64px no-repeat;} .tsbSt03 .con05.on a {background:#086d7f url('../../images/common/bg_tabst0305_on.png') center 64px no-repeat;} .tsbSt03 .con06.on a {background:#086d7f url('../../images/common/bg_tabst0306_on.png') center 64px no-repeat;} .tsbSt03 .con07.on a {background:#086d7f url('../../images/common/bg_tabst0307_on.png') center 64px no-repeat;} .tsbSt03 .con08.on a {background:#005665 url('../../images/common/bg_tabst0308_on.png') center 64px no-repeat;} .popup_content .tsbSt03 li a {background:none;} .popup_content .tsbSt03 ul li {width:150px; height:145px; background-position:115px 20px; margin-right:0;} .popup_content .tsbSt03 ul li:first-child {padding-left:0;} .popup_content .tsbSt03 ul li:last-child {background:none;} .popup_content .tsbSt03 .cal {display:inline-block; width:100px; line-height:35px; font-size:14px; color:#444; font-weight:200; text-align:center;} .popup_content .tableSt03 .input_area .tableSt03 {display:inline-block; vertical-align:middle; position:relative; margin-right:5px;} .popup_content .tableSt03 td .input_area textarea {resize:none; width:395px; height:100px; border:1px solid #ddd; font-size:14px; line-height:20px; color:#2c2c2c; font-weight:200; padding:10px; font-size:14px; line-height:24px; color:#2c2c2c;} .base_cont_box {margin-top:40px;} .result_area .base_cont_box:first-child {margin-top:0;} .tit_area_sub {position:relative; padding-bottom:8px;} .tit_area_sub h4 {padding-top:15px; font-size:28px; line-height:50px; color:#333; text-align:center; font-weight:250; letter-spacing:-2px;} .tit_area_sub.left {text-align:left;} .tit_area_sub:after {content:''; display:block; clear:both;} .tit_area_sub .btn_help {position:relative; overflow:hidden; top:3px} .tit_area_sub .btn_help ~ .help_box {visibility:hidden;} .tit_area_sub .btn_help:hover ~ .help_box, .tit_area_sub .btn_help:focus ~ .help_box {visibility:visible;} .help_box {z-index:10; margin-left:20px; font-weight:200; font-size:14px; color:#2c2c2c; position:absolute; padding:15px 20px; border:1px solid #bcc9d0; background:#f3fafe; box-shadow:0px 2px 5px #ccc;} .help_box b {margin-bottom:5px; display:block; font-size:15px; color:#000; font-weight:300;} .help_box em {position:absolute; left:0;} .help_box span {padding-left:10px; position:relative; display:block; line-height:20px;} .help_box:before {position:absolute; left:-16px; top:0px; width:16px; height:28px; content:""; background:url('../../images/common/bg_help_box.png') 0 0 no-repeat;} .box_area {position:relative;} .confirm_box {display:none; z-index:10; background:#fff; position:absolute; right:20px; top:40px; width:320px; border:5px solid #096d7f; } .confirm_box dl {position:relative; padding:40px 30px; } .confirm_box dt {padding-bottom:15px; border-bottom:1px solid #096d7f; font-size:20px; color:#000; font-weight:300;} .confirm_box ul {margin:15px 0 5px 0;} .confirm_box dd li {margin-bottom:12px; position:relative; padding-left:10px; line-height:1;} .confirm_box dd li a {width:98%; color:#2c2c2c !important;} .confirm_box dd a.more {float:right; font-size:14px; color:#000; font-weight:300;} .confirm_box dd a.more:after {content:">"; margin-left:2px;} .confirm_box span.no-data {text-align:center; padding:40px 20px; display:table-cell; vertical-align:middle; height:50px;} .confirm_box a.close {overflow:hidden; width:60px; height:60px; text-indent:-9999px; position:absolute; right:-5px; top:-5px; background:url('../../images/common/btn_close.png') 0 0 no-repeat;} .mark_area {width:100%; height:50px; margin:10px 0 0 0;} .mark_area a {vertical-align:top;} .mark_area img {float:left; display:inline-block; margin-right:15px; border:1px solid #c0ccd3; width:156px; height:45px;} .img_chapcha {float:left; display:inline-block; margin-right:10px; border:1px solid #c0ccd3; width:156px; height:45px;} .img_mChapcha {width: 100%;height: 40px;border: 1px solid #000;} .input_chapcha {padding:0 10px; height:43px; width:100%} .btn_reset_chapcha {vertical-align:middle; text-indent:-9999px; display:inline-block; box-sizing:border-box; width:52px; line-height:42px; border:1px solid #767676; background: #fff url('../../images/common/bg_btn_refresh_off.png') 50% 50% no-repeat;} .btn_reset_chapcha:hover, .btn_reset_chapcha:focus {background:#222 url('../../images/common/bg_btn_refresh.png') 50% 50% no-repeat; border:1px solid #767676;} .btn_reset_mChapcha {text-indent: -9999px;width: 40px;height: 40px;outline: none;} .div_left_align { text-align: left; padding: 5px 5px 5px 0px; } .div_float_left {float: left;width: 120px;} .span_margin_left {margin-left: 5px;} .btn_mic_chapcha {vertical-align:middle; display:inline-block; color: #222 !important; box-sizing:border-box; width:120px; height: 44px; line-height:40px; border:1px solid #767676; background: #fff url('../../images/common/bg_btn_mic_off.png') 13% 50% no-repeat; text-indent: 50px; -webkit-background-size:auto 20px; background-size:auto 20px;} .btn_mic_chapcha:hover, .btn_mic_chapcha:focus {border:1px solid #767676; background:#222 url('../../images/common/bg_btn_mic.png') 13% 50% no-repeat; text-indent: 50px; -webkit-background-size:auto 20px; background-size:auto 20px; color: #fff !important;} .mark_area input {margin-left:15px; padding:0 10px; height:43px; vertical-align:top;} .tit_area_sub h3 {font-size:18px; line-height:28px; color:#000; display:inline-block;} .tit_area_sub span.point_og {font-size:14px; line-height:18px; color:#bd4c00; font-weight:200; margin-left:15px;} .tit_area_sub .info_text {position:absolute; right:0; bottom:10px; font-size:14px; line-height:18px; font-weight:200; color:#2c2c2c;} .tit_area_sub .abs_btn {position:absolute; right:0; top:2px; font-size:14px; line-height:18px; font-weight:200; color:#2c2c2c;} .top_table_view {border:1px solid #ddd; background:#f4f6f7; padding:20px;} .top_table_view .search_box {} .top_table_view .search_box .input_area {display:inline-block; vertical-align:middle; width:852px; height:40px;} .top_table_view .search_box .input_area input[type=text] {border:1px solid #afafaf; height:40px; width:100%; box-sizing:border-box; font-size:14px; line-height:38px; color:#222222; background:#fff; font-weight:200; vertical-align:top; padding:0 10px;} .top_table_view .search_box a {background:#497f99; width:84px; height:40px; color:#fff; font-size:14px; line-height:38px; border:1px solid #3d6c83; vertical-align:middle; display:inline-block; text-align:center; margin-left:10px;} .top_table_view .search_box a:hover {background:#173645; border-color:#173645;} .top_table_view .black_text, .top_table_view .red_text {margin-top:10px;} table .btn_type01 {height:26px; line-height:24px; font-weight:200; border-radius:0;} .blue_top_bpx {padding:15px 25px; background:#f4f6f7; border:1px solid #ddd;} .blue_top_bpx p {position:relative; font-size:16px; line-height:22px; color:#000; font-weight:200; letter-spacing: -0.5px;} .blue_top_bpx h3 {font-size:32px; line-height:50px; color:#000; text-align:center;} .blue_top_bpx span {display:inline-block;} .blue_top_bpx strong {font-weight:300;} .blue_top_bpx + .tableSt01 {margin-top:40px;} .blue_top_bpx .btn_r {position:absolute; right:0; top:5px;} .blue_top_bpx .blit li {margin-bottom:5px; line-height:20px; padding-left:10px; background:url('../../images/common/bg_blit.gif') left 9px no-repeat; font-size:16px; color:#000; font-weight:200;} .blue_top_bpx .blit li:last-child {margin-bottom:0} .blue_top_bpx .blue_ti {display:block; font-size:16px; font-weight:300; margin-bottom:10px;} .blue_top_bpx .blue_ti:before {content:""; background:#000;} /* 회원가입 */ .idpw_area {background:#fafafa; display:inline-block; padding:20px; width:100%; border:1px solid #e2e2e2;} .idpw_area .idpw_box {height:70px;} .idpw_area .idpw_box li {position:relative; text-align:left; font-size:14px; line-height:24px; color:#6c6c6c; width:25%; height:100%; float:left; border-right:1px solid #ccc;} .idpw_area .idpw_box li:after {position:absolute; right:-15px; top:22px; display:inline-block; width:27px; height:27px; content:""; background:url('../../images/common/ic_log.png') center center no-repeat;} .idpw_area .idpw_box li span {position:relative; top:10px;} .idpw_area .idpw_box li strong {font-weight:300; margin-top:8px; display:block; font-size:18px; color:#666;} .idpw_area .idpw_box li:last-child {border-right:0;} .idpw_area .idpw_box li:last-child:after {background:none;} .idpw_area .idpw_box li:nth-child(1) {padding-left:100px; background:url('../../images/common/ic_log01.png') 30px center no-repeat;} .idpw_area .idpw_box li:nth-child(2) {padding-left:110px; background:url('../../images/common/ic_log02.png') 40px center no-repeat;} .idpw_area .idpw_box li:nth-child(3) {padding-left:110px; background:url('../../images/common/ic_log03.png') 40px center no-repeat;} .idpw_area .idpw_box li:nth-child(4) {padding-left:120px; background:url('../../images/common/ic_log04.png') 50px center no-repeat;} .idpw_area .idpw_box li.on:nth-child(1) {padding-left:100px; background:url('../../images/common/ic_log01_on.png') 30px center no-repeat;} .idpw_area .idpw_box li.on:nth-child(2) {padding-left:110px; background:url('../../images/common/ic_log02_on.png') 40px center no-repeat;} .idpw_area .idpw_box li.on:nth-child(3) {padding-left:110px; background:url('../../images/common/ic_log03_on.png') 40px center no-repeat;} .idpw_area .idpw_box li.on:nth-child(4) {padding-left:120px; background:url('../../images/common/ic_log04_on.png') 50px center no-repeat;} .idpw_area .idpw_box li.on:nth-child(4):after {background:none;} .idpw_area .idpw_box li.on:after {background:url('../../images/common/ic_log_bar.png') center center no-repeat;} .idpw_area .idpw_box li.on strong {color:#26668b;} .idpw_area .choice_box {margin-top:10px; height:215px; padding:0 30px;} .idpw_area .choice_box li {position:relative; text-align:center; color:#666; box-sizing:border-box; margin-right:18px; display:inline-block; float:left; background:#fff; width:164px; height:186px;} .idpw_area .choice_box li a { border:1px solid #999;} .idpw_area .choice_box li a:after {position:absolute; left:70px; bottom:-35px; content:url(../../images/common/bg_idpw.png); } .idpw_area .choice_box li:last-child {margin-right:0;} .idpw_area .choice_box li a:hover, .idpw_area .choice_box li a:focus, .idpw_area .choice_box li.on a {color:#000; cursor:pointer; border:1px solid #000;} .idpw_area .choice_box li a:hover:after, .idpw_area .choice_box li a:focus:after, .idpw_area .choice_box li.on a:after {content:url(../../images/common/bg_idpw_on.png); } .idpw_area .choice_box li.ic01 {background:#fff url('../../images/common/bg_idpw01.png') center 90px no-repeat} .idpw_area .choice_box li.ic02 {background:#fff url('../../images/common/bg_idpw02.png') center 90px no-repeat} .idpw_area .choice_box li.ic03 {background:#fff url('../../images/common/bg_idpw03.png') center 90px no-repeat} .idpw_area .choice_box li.ic01:hover, .idpw_area .choice_box li.ic01:focus, .idpw_area .choice_box li.ic01.on {background:#fff url('../../images/common/bg_idpw01_on.png') center 90px no-repeat} .idpw_area .choice_box li.ic02:hover, .idpw_area .choice_box li.ic02:focus, .idpw_area .choice_box li.ic02.on {background:#fff url('../../images/common/bg_idpw02_on.png') center 90px no-repeat} .idpw_area .choice_box li.ic03:hover, .idpw_area .choice_box li.ic03:focus, .idpw_area .choice_box li.ic03.on {background:#fff url('../../images/common/bg_idpw03_on.png') center 90px no-repeat} .idpw_area .choice_box li a {display:inline-block; width:100%; height:100%; color:#000;} .idpw_area .choice_box li span {display:inline-block; margin-top:30px; line-height:20px; font-size:14px; font-weight:200;} .idpw_area .choice_box li span strong {font-size:24px; font-weight:500;} .idpw_area ~ .btn_area_center {margin-top:70px;} .idpw_area.agree {background:#fff; border:0; padding:0; margin-top:30px;} .pin_area {border:1px solid #ddd; width:100%; padding:50px 100px;} .pin_area h3 {line-height:30px; display:inline-block; margin:0 0 25px 0; width:100%; text-align:center; font-size:22px; font-weight:500;} .pin_area .pin_box li {text-align:center; padding-right:0;} .pin_area.two {padding:0; border:0;} .pin_area.two .box {display:inline-block; min-height:380px; padding:40px 45px; width:48%; border:1px solid #77a7c3;} .pin_area.two .box.down {background:url('../../images/common/pin_down.png') center 150px no-repeat;} .pin_area.two .box.out {background:url('../../images/common/pin_out.png') center 150px no-repeat;} .pin_area.two .box h3 {line-height:28px; font-size:28px; line-height:20px; font-weight:300;} .pin_area.two .box p {font-size:16px; display:block; line-height:20px; font-weight:200; color:#444;} .pin_area.two .box a {margin-top:145px;} .pin_tx, .pin_ex h4 {font-size:18px; line-height:16px; margin-top:20px;} .pin_ex {display:inline-block; clear:both; margin-top:15px;} .pin_ex ul {margin:20px 0;} .pin_ex ul li {position:relative; text-align:center; float:left; box-sizing:border-box; display:inline-block;} .pin_ex ul li:nth-child(1),.pin_ex ul li:nth-child(2) {width:47.5%; margin-right:5%; height:480px;} .pin_ex ul li:nth-child(3),.pin_ex ul li:nth-child(4),.pin_ex ul li:nth-child(5) {width:31%; margin-right:3.5%; height:530px;} .pin_ex ul li:nth-child(2),.pin_ex ul li:nth-child(5) {margin-right:0} .pin_ex ul li:nth-child(1):after {right:-35px; } .pin_ex ul li:nth-child(2):after,.pin_ex ul li:nth-child(5):after {content:none;} .pin_ex ul li:nth-child(3):after,.pin_ex ul li:nth-child(4):after {top:180px; right:-30px;} .pin_ex ul li span {position:absolute; bottom:45px; left:0; color:#444; font-weight:200; font-size:15px; line-height:20px; display:inline-block; text-align:left;} .pin_ex ul li:after {position:absolute; top:150px; display:inline-block; width:21px; height:56px; content:""; background: url('../../images/common/bg_arrow_on.gif') 0 0 no-repeat;} .pin_ex ul li .top {position:relative; top:-15px;} .pin_ex ul li:nth-child(1):after {top:184px;} .pin_ex.m ul li:nth-child(1),.pin_ex.m ul li:nth-child(2) {width:47.5%; height:540px;} .pin_ex.m ul li:nth-child(2),.pin_ex.m ul li:nth-child(5) {margin-right:0 !important;} .pin_ex.m ul li:nth-child(3),.pin_ex.m ul li:nth-child(4),.pin_ex.m ul li:nth-child(5) {width:31%; margin-right:3.5%; height:660px;} .pin_box {margin:20px 0 0 0;} .pin_box ul {width:100%; display:table;} .pin_box li {width:25%; position:relative; text-align:left; display:table-cell; height:110px;} .pin_box li:last-child {padding-right:0;} .pin_box li a {background:#f0f0f0; display:block; width:70%; margin:0 auto; height:70px; border-radius:5px; border:1px solid #9f9f9f;} .pin_box li a:after {margin:15px auto 0 auto; content:""; display:inline-block; width:100%; height:18px; background: url('../../images/common/pin_box.png') center center no-repeat;} .pin_box li a > span {font-size:12px; color:#000; margin-top:80px; display:inline-block; width:100%; text-align:center;} .pin_box li a:hover, .pin_box li a:focus, .pin_box li a.on {border:1px solid #096d7f;} .pin_box li a.on:after, .pin_box li a:hover:after, .pin_box li a:focus:after {background: url('../../images/common/pin_box_on.png') center center no-repeat;} .pin_box li a.p01 {background: url('../../images/common/pin_box01.png') center center no-repeat;} .pin_box li a.p02 {background: url('../../images/common/pin_box02.png') center center no-repeat;} .pin_box li a.p03 {background: url('../../images/common/pin_box03.png') center center no-repeat;} .pin_box li a.p04 {background: url('../../images/common/pin_box04.png') center center no-repeat;} .sub_text {margin:40px 15px;} .sub_text li {font-weight:200; line-height:25px; font-size:16px; color:#000;} .end_box {border-top:1px solid #096d7f; width:100%; border-left:1px solid #d0d0d0; border-right:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0; min-height:100px; padding:40px 0;} .end_box p {line-height:25px; font-size:16px; color:#333; text-align:center;} .end_box.idpw {padding:70px 0; margin:0 auto; width:780px; background:#fafafa; border:1px solid #ddd;} .end_box.idpw p {font-size:24px; color:#000; line-height:30px;} .end_box.idpw .top {font-size:20px;} .end_box.idpw .cnt {color:#666;} .end_box.idpw .cnt span {color:#26668b;} .end_box.idpw .btm {font-size:16px; color:#666; font-weight:200;} .end_box.find {padding:70px 0; text-align:center; position:relative; top:50px; width:780px; background:#fafafa; border:1px solid #ddd; height:325px; margin:0 auto;} .end_box.find dl {width:500px; margin:0 auto;} .end_box.find dt {font-size:18px; font-weight:200;} .end_box.find dd {font-size:24px; color:#26668b; height:65px; line-height:65px; margin:50px 35px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;} .end_box.find dd p {font-size:16px; color:#666; line-height:20px; text-align:center; font-weight:200; padding-top:10px;} .end_box.find dd strong {width:50%; text-align:center; float:left;} .end_box.find dd span {width:50%; text-align:center; float:right; font-size:16px; color:#666; font-weight:200;} .end_box.find .btn_cancel {line-height:35px; font-size:13px; color:#fff; vertical-align:top;} .agree_box {position:relative; width:100%; height:247px; border:1px solid #d0d0d0;} .agree_box .agree_cont {padding:20px; height:200px; overflow-y:scroll;} .agree_box .agree_cont dt strong {display:inline-block; margin-top:10px;} .agree_box .agree_cont dl {margin-bottom:25px;} .agree_box .agree_cont dl:last-child {margin-bottom:0;} .agree_box .agree_cont dd {margin:20px 0 0 12px;} .agree_box .agree_cont dd li {margin-top:20px;} .agree_box .agree_btm {padding-left:35px; font-weight:200; font-size:14px; color:#222; position:absolute; bottom:0; width:100%; line-height:45px; background:#f6f6f5;} .agree_box .agree_btm label:before {margin-left:-16px;} .agree_btm_cnt {display:inline-block; line-height:16px; vertical-align:middle; margin-top:50px; font-weight:200; font-size:14px; color:#222; width:100%; text-align:center;} .agree_btm_cnt input {width:16px; height:16px;} .agree_box .agree_tx {display:block; margin-top:8px; font-weight:200; font-size:13px; line-height:18px; } .agree_box .agree_tx_top {margin-top:-8px; display:block; font-weight:200; font-size:16px; line-height:20px; } .agree_box .agree_cont.use dd {margin:20px 0 0 0;} .agree_box .agree_cont.use .agree_tx {position:relative; padding-left:30px;} .agree_box .agree_cont.use .agree_tx em {display:block; position:absolute; left:15px;} .agree_box .agree_cont.use .agree_tx.end em {left:13px;} .agree_box .agree_cont.use .agree_sub {margin-left:25px;} .agree_box .agree_cont.use .agree_sub li {margin-top:8px; font-weight:200; font-size:13px; line-height:13px;} .agree_box .agree_cont.use .agree_sub li:first-child {margin-top:8px;} .agree_box .agree_cont.use .agree_sub .star {padding-left:10px;} .agree_box .agree_cont.use .agree_sub .star:before {content:"※"; margin-right:4px; font-size:11px;} /* 약관동의 추가 */ .agr-wp {border:1px solid #bbb;} .agr-btm {font-weight:200; font-size:14px; color:#2c2c2c; width:100%; line-height:45px; background:#f6f6f5; padding:0 10px;} .agr-btm .chk-box + .chk-box {margin-left:20px;} .agr-bx {color:#2c2c2c; padding:20px; height:200px; overflow-y:auto;} .agr-bx a {color:#2c2c2c;} .agr-bx dl {margin-bottom:25px;} .agr-bx dt {line-height:15px;} .agr-bx dt strong, .agr-bx dt strong a {color:#000; font-weight:300; font-size:15px;} .agr-bx dd strong, .agr-bx dd strong a {color:#000; line-height:15px; display:block; font-size:15px; font-weight:300; margin:5px 0 10px 0;} .agr-bx dd ul > li {font-weight:200; font-size:13px; word-break:break-all; } .agr-bx dd ul > li span {position:relative; display:block; padding-left:6px; margin-bottom:5px; line-height:18px;} .agr-bx dd ul > li > strong > span {padding-left:0; display:inline-block; font-weight:200; line-height:18px;} .agr-bx dd ul > li span.bl {padding-left:22px; line-height:18px;} .agr-bx dd ul > li span.bl em {position:absolute; left:6px;} .agr-bx dd ul > li span.bl.nm {padding-left:20px; line-height:18px;} .agr-bx dd ul > li span.bl.nm em {position:absolute; left:8px;} .agr-bx dd ul.sub {padding-left:15px; margin-bottom:10px;} .agr-bx dd ul.sub > li.left {padding-left:20px;} .agr-bx dd ul.sub > li {padding-left:15px; position:relative; font-size:13px; margin:5px 0; line-height:18px;} .agr-bx dd ul.sub > li em {position:absolute; left:0;} .agr-bx dd ul.sub > li.bar {padding-left:0; margin:5px 0;} .agr-bx dd ul.sub > li.bar span {display:block; line-height:18px;} .agr-bx dd ul.sub > li.bar span.bl.o {padding-left:20px;} .agr-bx dd ul.sub.bar {padding-left:0;} .agr-bx dd ul.sub.bar em {position:absolute; left:0;} .agr-bx dd ul.sub.bar span {display:block; padding-left:8px;} .agr-bx .point_gr {font-size:16px; font-weight:300;} .viewer_area {position:relative; margin-top:80px;} .viewer_area .top_tx {position:absolute; top:10px; right:0; font-size:14px; font-weight:200;} .viewer_area h4 {font-weight:300; color:#000; font-size:15px; line-height:15px;} .viewer_list {width:100%; height:40px; line-height:40px; text-align:center; border:1px solid #d0d0d0; margin-top:10px;} .viewer_list span {display:inline-block; margin:0 25px; line-height:30px; padding-left:25px;} .viewer_list span a {vertical-align:middle; font-size:12px; color:#535353; font-weight:200;} /* icon_set(BG) */ .ico_hwp {background:url('../../images/common/ico_hwp.png') left center no-repeat; } .ico_excel {background:url('../../images/common/ico_excel.png') left center no-repeat; } .ico_pdf {background:url('../../images/common/ico_pdf.png') left center no-repeat; } .ico_word {background:url('../../images/common/ico_word.png') left center no-repeat; } .ico_ppt {background:url('../../images/common/ico_ppt.png') left center no-repeat; } /* 과거정보목록 */ .last_list {position:relative; width:100%; min-height:200px;} .last_list.tabBtn dt {position:absolute; top:0;} .last_list.tabBtn dt a {float:left; display:inline-block; text-align:center; font-weight:200; font-size:14px; width:162px; height:42px; line-height:42px; color:#444; background:#ebebeb;} .last_list.tabBtn dt a:hover,.last_list.tabBtn dt a:focus,.last_list.tabBtn dt a.on {color:#fff; background:#096d7f;} .last_list.tabBtn dt a.on:focus{outline: 2px dashed #fff;} .last_list.tabBtn dl:nth-child(1) dt {left:15px;} .last_list.tabBtn dl:nth-child(2) dt {left:175px;} .last_list.tabBtn dl:nth-child(3) dt {left:337px;} .last_list.tabBtn dl:nth-child(4) dt {left:499px;} .last_list.tabBtn dl:nth-child(5) dt {left:660px;} .last_list.tabBtn dd {width:100%; position:relative; top:42px; border-top:1px solid #096d7f;} .last_list .srch01, .original_data .srch01 {border-bottom:1px solid #ddd; border-right:1px solid #ddd;} .last_list .srch01 li, .original_data .srch01 li {display:inline-block; width:12.5%; height:40px; line-height:40px; box-sizing:border-box; border:1px solid #ddd; border-bottom:0; border-right:0;} .last_list .srch01 li a, .original_data .srch01 li a {display:table-cell; width:100%; height:100%; float:left; color:#000; font-weight:200; font-size:16px; text-indent:15px;} .last_list .srch01 li a:hover, .last_list .srch01 li a:focus, .original_data .srch01 li a:hover, .original_data .srch01 li a:focus {text-decoration:underline; color:#d04602;} .last_list .srch02 {border-bottom:1px solid #ddd; border-right:1px solid #ddd;} .last_list .srch02 li {display:inline-block; width:25%; height:40px; line-height:38px; box-sizing:border-box; border:1px solid #ddd; border-bottom:0; border-right:0;} .last_list .srch02 li a {width:100%; float:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:inline-block; font-size:16px; color:#096d7f; font-weight:200; padding-left:15px;} .last_list .srch02 li a:hover, .last_list .srch02 li a:focus {text-decoration:underline;} /* .guide add 2020-09-16 */ .guide_list {position:relative; width:100%; min-height:200px;} .guide_list.tabBtn dt {position:absolute; top:0;} /* .guide_list.tabBtn dt a {float:left; display:inline-block; text-align:center; font-weight:200; font-size:14px; width:332px; height:42px; line-height:42px; color:#444; background:#ebebeb;} */ .guide_list.tabBtn dt a {float:left; display:inline-block; text-align:center; font-weight:200; font-size:14px; width:497px; height:42px; line-height:42px; color:#444; background:#ebebeb;} .guide_list.tabBtn dt a:hover,.guide_list.tabBtn dt a:focus,.guide_list.tabBtn dt a.on {color:#fff; background:#096d7f;} .guide_list.tabBtn dl:nth-child(1) dt {left:0px;} .guide_list.tabBtn dl:nth-child(2) dt {left:497px;} /* .guide_list.tabBtn dl:nth-child(2) dt {left:332px;} .guide_list.tabBtn dl:nth-child(3) dt {left:664px;} */ .guide_list.tabBtn dd {width:100%; position:relative; top:42px; border-top:1px solid #096d7f;font-size:14px;} /* 홍보자료 */ .last_list.web.tabBtn dt a {width:320px;} .last_list.web.tabBtn dl:nth-child(2) dt {left:335px;} .last_list.web .web_list {padding:20px 0;} .last_list.web .web_list ul {margin-bottom:30px;} .last_list.web .web_list li {display:inline-block; width:310px; height:222px; margin-right:33px;} .last_list.web .web_list li:last-child {margin-right:0; } .last_list.web .web_list li a {display:inline-block; padding:25px 0; width:310px; height:188px; border:1px solid #999; text-align:center; box-sizing:border-box;} .last_list.web .web_list li a img {border-radius:20px; width:246px; height:133px;} .last_list.web .web_list li a span {display:block; font-size:14px; color:#096d7f; margin-top:60px;} .last_list.web .web_box {margin-top:50px; padding:80px 0; text-align:center; width:969px; border:1px solid #ccc; min-height:500px;} .last_list.web .web_box img {width:720px;} .last_list.web .slide_box {position:relative; margin-top:20px;} .last_list.web .slide_box li {width:995px !important; border:15px solid #ebebeb;} .last_list.web .slide_box img {width:100%;} .last_list.web .slide_box .bx-viewport {z-index:0;} .last_list.web .slide_box .bx-controls {z-index:1;} .last_list.web .slide_box .bx-controls-direction a {position:absolute; top:370px; display:inline-block; width:44px; height:119px;} .last_list.web .slide_box .bx-controls-direction .bx-prev {left:20px; background:url('../../images/common/btn_prev.png') left top no-repeat;} .last_list.web .slide_box .bx-controls-direction .bx-prev:hover, .last_list.web .slide_box .bx-controls-direction .bx-prev:focus {background:url('../../images/common/btn_prev_on.png') left top no-repeat;} .last_list.web .slide_box .bx-controls-direction .bx-next {right:20px; background:url('../../images/common/btn_next.png') left top no-repeat;} .last_list.web .slide_box .bx-controls-direction .bx-next:hover, .last_list.web .slide_box .bx-controls-direction .bx-next:focus {background:url('../../images/common/btn_next_on.png') left top no-repeat;} .last_list.web .slide_box .bx-pager .bx-pager-item {display:inline-block; float:left; border:1px solid red; width:112px; height:97px;} .last_list.web .slide_page {margin-top:30px;} .last_list.web .slide_page a {box-sizing:border-box; margin-left:16px; border:2px solid #a1a1a1; display:inline-block; width:110px; height:97px;} .last_list.web .slide_page a:first-child {margin-left:0;} .last_list.web .slide_page a:hover, .last_list.web .slide_page a:focus, .last_list.web .slide_page a.active {border:2px solid #66cccc;} .last_list.web .slide_page a img {width:100%;} .last_list.web .video_list {padding:20px 0;} .last_list.web .video_list .video_box {border:1px solid #ccc; width:100%; height:282px;} .last_list.web .video_list h4 {font-size:15px; color:#333; line-height:15px; margin-bottom:10px;} .last_list.web .video_list h4 > span {display:block; font-size:14px; color:#666; margin-top:5px;} .last_list.web .video_list .video_play, .last_list.web .video_list .video_txt {float:left; display:inline-block; width:50%; overflow:hidden;} .last_list.web .video_list .video_txt {overflow-y:scroll; padding:18px; height:280px; border-left:1px solid #ccc;} .last_list.web .video_list .video_txt .ti {font-weight:300; line-height:22px; font-size:15px; color:#666;} .last_list.web .video_list .video_txt p {font-weight:200; line-height:22px; font-size:14px; color:#666;} .last_list.web .ani_list {padding:20px 0;} .last_list.web .ani_list li {display:inline-block; width:230px; height:280px; margin-right:25px;} .last_list.web .ani_list li:last-child {margin-right:0; } .last_list.web .ani_list li a{padding:25px 0; display:inline-block; box-sizing:border-box; text-align:center; border:1px solid #999; width:100%; height:233px;} .last_list.web .ani_list li a span {line-height:20px; text-align:left; display:block; font-size:15px; color:#444;} .last_list.web .ani_list li a span.point_gr {font-size:14px;} .last_list.web .ani_list li a img {width:200px; height:175px;} .promotion_box {padding-bottom:20px;} .promotion_box .tit_area_sub {margin-bottom:10px;} .promotion_box .tit_area_sub h3 {font-size:16px;} .promotion_box .video_list {margin-bottom:40px;} .promotion_box .video_list .video_box {position:relative; width:100%; height:340px; border:1px solid #ccc; overflow:hidden;} .promotion_box .video_list .video_box .video_play {width:600px; height:340px;} .promotion_box .video_list .video_box .video_txt {padding:20px 15px; font-size:15px; line-height:22px; color:#666; overflow-y:scroll; position:absolute; right:0; top:0; width:395px; height:340px; border-left:1px solid #ccc;} .promotion_box .video_list .video_box .video_txt .ti {color:#444;} /* 원문다운로드 */ .original_area .original_top .selbox {display:inline-block;} .original_area .original_top .selbox select {width:100%; vertical-align:middle; padding-left:10px; height:30px; font-size:12px; font-weight:200;} .original_area .original_top .btn_susu {line-height:28px; height:30px;} .original_area .original_top .tx {font-size:14px; color:#222; vertical-align:middle; font-weight:200; margin-left:10px;} .original_data {position:relative;} .original_data .tit_area_sub {width:100%; position:absolute; right:0; margin-top:-25px;} .original_data .tit_area_sub .info_text {bottom:-5px;} .original.tabBtn {position:relative; width:100%; min-height:200px; margin-top:10px;} .original.tabBtn dt {z-index:1; position:absolute; top:0;} .original.tabBtn dt a {position:relative; padding:20px 0; float:left; display:inline-block; text-align:center; box-sizing:border-box; width:248px; height:160px; color:#444; border:1px solid #c6c6c6;} .original.tabBtn dt a:hover, .original.tabBtn dt a:focus, .original.tabBtn dt a.on {display:block; background:#cfedef; border:1px solid #cfedef;} .original.tabBtn dt a:hover span.nm, .original.tabBtn dt a:focus span.nm, .original.tabBtn dt a.on span.nm {color:#000;} .original.tabBtn dt a:hover:after,.original.tabBtn dt a:focus:after, .original.tabBtn dt a.on:after {position:absolute; left:105px; bottom:-25px; display:inline-block; content:""; width:35px; height:25px; background:url('../../images/common/bg_original_on.png') left center no-repeat;} .original.tabBtn dt a span {display:block;} .original.tabBtn dt a span.ti {font-size:16px; line-height:16px; color:#2c2c2c;} .original.tabBtn dt a span.nm {width:100%; text-align:center; position:absolute; bottom:20px; font-size:32px; line-height:32px; color:#096d7f;} .original.tabBtn dl:nth-child(1) dt {left:0;} .original.tabBtn dl:nth-child(2) dt {left:247px;} .original.tabBtn dl:nth-child(3) dt {left:494px;} .original.tabBtn dl:nth-child(4) dt {left:741px;} .original.tabBtn dl dt a:before {position:absolute; left:0; top:43px; content:""; width:100%; height:60px; display:inline-block;} .original.tabBtn dl:nth-child(1) dt a:before {background:url('../../images/common/bg_original01.png') center center no-repeat; background-size:60px 60px;} .original.tabBtn dl:nth-child(2) dt a:before {background:url('../../images/common/bg_original02.png') center center no-repeat; background-size:60px 60px;} .original.tabBtn dl:nth-child(3) dt a:before {background:url('../../images/common/bg_original03.png') center center no-repeat; background-size:60px 60px;} .original.tabBtn dl:nth-child(4) dt a:before {background:url('../../images/common/bg_original04.png') center center no-repeat; background-size:60px 60px;} .original.tabBtn dd {width:100%; position:relative; padding:220px 0 0 0;} /* 일정공개 */ .poster img {width:100%;} .last_list.info.tabBtn dt a {width:482px; font-size:16px;} .last_list.info.tabBtn dt a:focus {outline: 2px dashed #fff;} .last_list.info.tabBtn dl:nth-child(2) dt {left:496px;} .last_list .cal_open {position:relative; padding:12px 20px;} .last_list .cal_open .blue_box {clear:both; margin-top:20px; text-align:center;} .last_list .cal_open .blue_box > li:first-child {margin-left:0;} .last_list .cal_open .blue_box > li {font-weight:200; display:inline-block; margin-left:22px; border-radius:2px; text-align:center; background:#055665; font-size:16px; width:173.5px; height:36px; line-height:36px;} .last_list .cal_open .blue_box > li > a {display:inline-block; width:100%; color:#fff;} .last_list .cal_open .blue_box > li > a:focus {outline: 2px dashed #fff;} .last_list .cal_open .blue_box.line {margin-top:0;} .last_list .cal_open .blue_box.line:before {content:""; width:100%; height:44px; display:inline-block; background: url('../../images/common/bg_line.png') 50% 50% no-repeat; background-size:790px auto;} .last_list .cal_open .blue_box.sky > li {background:#12879c;} .last_list .cal_open .blue_box.sky > li {background:#12879c;} .last_list .cal_open .blue_box.gry > li {background:#777777;} .last_list .cal_open .gray_box {width:100%; text-align:right;} .last_list .cal_open .gray_box > li {margin-left:24px; position:relative; text-align:center; display:inline-block; box-sizing:border-box; border-radius:2px; border:1px solid #ebebeb; width:172px; height:95px;} .last_list .cal_open .gray_box > li:first-child {margin-left:0;} .last_list .cal_open .gray_box > li > a {position:absolute; top:0; left:0; display:inline-block; width:100%; color:#fff; font-weight:200; font-size:16px; height:36px; line-height:36px; background:#999; border-radius:2px;} .last_list .cal_open .gray_box > li > ul {width:100%; height:95px; display:table; vertical-align:middle; padding:36px 15px 0 15px;} .last_list .cal_open .gray_box > li > ul > li {padding:2px 0; display:table-cell; vertical-align:middle; min-width:68px;} .last_list .cal_open .gray_box > li > ul > li > a {line-height:18px; font-size:14px; color:#000; font-weight:200;} /* 정보공개란? */ .open_intr {width:100%; height:600px; line-height:1; font-size:16px; font-weight:300;} .open_intr p {background:#efefef; border:1px solid #ccc; padding:20px; margin-top:5px; line-height:20px;} .open_intr p > strong {display:block; margin-bottom:15px; font-size:24px; font-weight:500;} .open_intr .three {margin-top:8px; width:100%;} .open_intr .three li {word-break:break-all; color:#000; margin-right:5px; float:left; font-size:15px; font-weight:200; line-height:22px; padding:20px; box-sizing:border-box; width:328.5px; height:188px; display:inline-block; border:1px solid #ccc;} .open_intr .three li.n01 {background:#f9fef5;} .open_intr .three li.n02 {background:#eef4ff;} .open_intr .three li.n03 {background:#f8f1fe; margin-right:0;} .open_intr .three li > strong {font-size:20px; display:block; margin-bottom:15px;} .open_intr .three li > b {font-weight:500;} .open_intr .three li.n01 > strong {color:#3c6b16;} .open_intr .three li.n02 > strong {color:#244f9f;} .open_intr .three li.n03 > strong {color:#7d1ad2;} .open_jedo {padding:50px 0 0 0; text-align:center;} .open_jedo .open_top {line-height:24px;} .open_jedo .open_top .tx01 {font-size:24px; font-weight:500; color:#000;} .open_jedo .open_top .tx02 {font-size:18px; font-weight:300; color:#666;} .open_jedo .open_cont {margin-top:40px;} .open_jedo .open_cont .open_box {width:100%; padding:40px 45px 40px 250px; display:inline-block; text-align:left; border-radius:15px; min-height:200px;} .open_jedo .open_cont .open_box h3 {line-height:1; font-size:22px; color:#000; font-weight:300;} .open_jedo .open_cont .open_box p {margin-top:24px; font-size:16px; color:#2c2c2c; line-height:22.5px; font-weight:200;} .open_jedo .open_cont .open_box.open01 {background:#e7f0f1 url('../../images/common/bg_open01.png') 55px 50% no-repeat;} .open_jedo .open_cont .open_box.open02 {background:#f2f2f2 url('../../images/common/bg_open02.png') 55px 50% no-repeat;} .open_jedo .open_cont .open_box.open03 {background:#e7f0f1 url('../../images/common/bg_open03.png') 55px 50% no-repeat;} .main_cont {text-align:center;} .main_cont .main_tx {margin:55px 0; font-size:24px; font-weight:200;} .main_cont .main_tx strong {font-weight:500;} .main_cont .main_box {text-align:left; width:100%; display:inline-block; clear:both; border-radius:15px; padding:30px 50px 50px; min-height:300px;} .main_cont .main_box.grn {background:#e7f0f1;} .main_cont .main_box.gry {background:#f2f2f2;} .main_cont .main_box h3 {line-height:1; text-align:left; color:#222; font-size:28px; font-weight:500;} .main_cont .main_box h3 span {font-size:24px; color:#096d7f; margin-right:5px;} .main_cont .main_box h4 {position:relative; padding-left:15px; line-height:30px; color:#096d7f; font-size:22px; font-weight:500; margin:25px 0 15px 0;} .main_cont .main_box h4:before {position:absolute; top:6px; left:0; display:inline-block; content:""; width:4px; height:20px; background:#096d7f;} .main_cont .main_box h4:last-child {margin-bottom:0;} .main_cont .main_box h5 {line-height:1; color:#222; font-size:16px; font-weight:300; margin:25px 0 10px 0;} .main_cont .main_set ul {clear:both; width:100%; margin-top:30px;} .main_cont .main_set ul li {padding-top:140px; position:relative; box-shadow:2px 0 4px #ccc; margin-right:18px; float:left; width:285px; height:360px; text-align:center; background:#fff;} .main_cont .main_set ul li:last-child {margin-right:0;} .main_cont .main_set ul li:before {position:absolute; top:-15px; left:50%; margin-left:-47.5px; display:inline-block; content:""; width:95px; height:115px; background:#096d7f;} .main_cont .main_set ul li span {display:block;} .main_cont .main_set .tx {color:#096d7f; display:block; width:100%; margin:10px 0; font-size:24px; font-weight:500;} .main_cont .main_set .ex {margin-top:30px; display:inline-block; color:#2c2c2c; line-height:22px; font-size:15px; text-align:left; padding:0 20px 0 30px; font-weight:200;} .main_cont .main_set .main01:before {background:#096d7f url('../../images/common/bg_main01.png') center center no-repeat;} .main_cont .main_set .main02:before {background:#096d7f url('../../images/common/bg_main02.png') center center no-repeat;} .main_cont .main_set .main03:before {background:#096d7f url('../../images/common/bg_main03.png') center center no-repeat;} .main_cont .main_list .innr {padding-left:30px;} .main_cont .main_list li {padding-left:15px; position:relative; line-height:24px; font-size:15px; font-weight:200; margin-bottom:5px;} .main_cont .main_list li:last-child {margin-bottom:0px;} .main_cont .main_list p {line-height:22px; font-size:16px; font-weight:200;} .main_cont .main_list b {position:absolute; left:0; top:0; font-weight:500;} .main_cont .graph_box {position:relative; height:150px; margin:60px 25px 50px 25px; font-size:18px; line-height:18px;} .main_cont .graph_box .top {padding-left:210px; display:block;} .main_cont .graph_box .btm {position:absolute; bottom:0; left:210px;} .main_cont .graph_box .block {display:block;} .main_cont .graph_box .circle {position:absolute; left:11px; top:29px; width:200px; height:92px; border-right:1px solid #ddd;} .main_cont .graph_box .circle:after {display:inline-block; content:""; width:35px; height:1px; background:#ddd;} .main_cont .graph_box .circle span {margin:-30px 0 0 14px; display:inline-block; content:""; text-align:center; width:150px; line-height:150px; background:#096d7f; border-radius:50%; color:#fff;} .main_cont .graph_box ul > li {float:left; display:table; background:url('../../images/common/bg_box_arrow.png') left center no-repeat; padding-left:40px;} .main_cont .graph_box ul > li > span {display:table-cell; vertical-align:middle; text-align:center; width:198px; height:60px; border:1px solid #bbb;} #wrap_map {border:1px solid #ccc; position:relative; width:700px; min-height:780px; margin:30px auto;} .bestinfo .keyword {position:relative; width:100%; height:500px; border:1px solid #a5a5a5; border-radius:10px;} .bestinfo .keyword > .tit_area {margin:15px; background:url('../../images/common/bg_best_keyword.png') left center no-repeat;} .bestinfo .keyword > .tit_area h3 {font-weight:200; font-size:21px; position:relative; top:18px; left:50px;} .bestinfo .keyword > .tit_area h3 strong {font-weight:300; font-size:25px;} .bestinfo .download {width:100%;} .bestinfo .download:after {content:''; display:block; clear:both;} .bestinfo .download dl {width:48%; float:left; border-top:1px solid #d7d7d7;} .bestinfo .download dl:last-child {float:right;} .bestinfo .download dl dt {position:relative; width:100%; height:60px; background:#fff url('../../images/common/bg_download.png') 20px 15px no-repeat;} .bestinfo .download dl dt span {text-indent:100px; font-size:16px; line-height:50px; display:inline-block; width:100%; height:50px; background:#eee url('../../images/common/bg_download.png') 20px 15px no-repeat;} .bestinfo .download dl dd {margin-top:10px; font-size:14px;} .bestinfo .download dl dd li {position:relative; line-height:22px; padding-left:25px;} .bestinfo .download dl dd li:before {position:absolute; left:15px; top:10px; content:""; display:inline-block; width:3px; height:3px; border-radius:50%; background:#999;} .bestinfo .download dl dd li a {font-weight:200; display:inline-block; width:95%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#242424;} .bestinfo .top {padding:40px 20px; background:#f3f3f3; border:1px solid #e4e4e4; height:390px;} .bestinfo .top dl {width:23%; height:310px; background:#fff; border:1px solid #c2cbcd; float:left; margin-right:25px;} .bestinfo .top dl dt {width:100%; height:40px; line-height:40px; border-bottom:1px solid #c2cbcd; font-size:14px; text-indent:15px;} .bestinfo .top dl dd {padding:10px;} .bestinfo .top dl dd li {position:relative; width:100%; padding-right:50px; text-indent:10px; font-weight:200; font-size:12px; line-height:23px; border-bottom:1px solid #ececec; color:#2c2c2c; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .bestinfo .top dl dd li a {color:#2c2c2c;} .bestinfo .top dl dd li i {margin-right:10px; display:inline-block; width:15px; line-height:15px; background:#096d7f; color:#fff; text-indent:0; text-align:center; } .bestinfo .top dl dd li.up:after {display:inline-block; content:url(../../images/common/bg_best_up.png); position:absolute; right:10px;} .bestinfo .top dl dd li.down:after {display:inline-block; content:url(../../images/common/bg_best_down.png); position:absolute; right:10px;} .bestinfo .top dl dd li.stop:after {width:20px; content:"-"; color:#096d7f; position:absolute; right:10px;} .bestinfo .top dl dd li.new:after {content:"NEW"; color:#d04602; font-size:10px; position:absolute; right:10px;} .bestinfo .top03 dl {width:47.5%; height:220px; margin-right:0; float:right;} .bestinfo .top02 dl dd li {text-indent:5px; padding-right:10px;} .bestinfo .top03 dl dd li {padding-right:10px;} .bestinfo .top03 dl dd {position:relative; padding:0;} .bestinfo .top03 dl dd .input_area span {display:inline-block; min-width:20px; font-size:12px; font-weight:200;} .bestinfo .top03 dl dd .input_area select {width:100%; height:25px; font-size:12px; font-weight:200;} .bestinfo .top03 dl dd .btn_search {float:right; width:72px; height:25px; font-size:11px; border-radius:0; padding:0 0 0 10px; line-height:20px;} .bestinfo .top03 dl dd .sel_box {width:100%; padding:8px 15px; background:#f4f4f4;} .bestinfo .top03 dl dd .tx {margin:0 5px; line-height:25px; font-size:11px;} .bestinfo .top03 dl dd .list_box {border-top:1px solid #c2cbcd; padding:10px 15px; height:138px;} .bestinfo .top03 dl dd .list_box ul {width:50%; float:left;} .bestinfo .top03 dl dd .list_box ul li {position:relative; text-indent:0; line-height:22px; font-size:12px; color:#2c2c2c; font-weight:200;} .bestinfo .top03 dl dd .list_box ul li span {margin-right:10px; display:inline-block; width:15px; height:15px; line-height:15px; text-align:center; color:#fff; background:#096d7f;} .bestinfo .top03 dl dd .list_box ul li:last-child {border:0;} .bestinfo .top03 dl dd .list_tx {color:#096d7f; font-size:12px; line-height:18px; padding:10px 5px;} .bestinfo .top03 dl dd .list_tx p {margin-bottom:5px;} .bestinfo .top03 dl dd .list_tx li {padding:0; white-space:normal; color:#444; font-weight:200; text-indent:0; line-height:18px; border:0; overflow:inherit;} .bestinfo .tabBtn {position:relative; height:350px;} .bestinfo .tabBtn dt a {float:left; display:inline-block; width:82px; line-height:44px; height:44px; background:#eee; color:#464646; font-size:14px; text-align:center;} .bestinfo .tabBtn dt a.on,.bestinfo .tabBtn dt a:hover, .bestinfo .tabBtn dt a:focus {background:#096d7f; color:#fff;} .bestinfo .tabBtn dt a:focus{outline: 2px dashed #fff;} .bestinfo .tabBtn dd {position:absolute; top:44px; width:100%; border-top:1px solid #096d7f;} .bestinfo .tabBtn dd li {padding:0 10px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-size:14px; line-height:37px; border-bottom:1px solid #e2e2e2;} .bestinfo .tabBtn dd li a {color:#222;} /* 주제별 정보 */ .tableTab {width:100%;} .tableTab td {box-sizing:border-box; border:1px solid #ddd; text-align:center; background:#f4f6f7; height:40px; vertical-align:middle;} .tableTab td[rowspan] a {line-height:81px;} .tableTab td a {cursor:pointer; display:inline-block; width:100%; line-height:40px; font-size:16px; color:#000; font-weight:200;} .tableTab td a:hover, .tableTab td a:focus, .tableTab td a.on {color:#fff; background:#096d7f;} .tableTab td a:focus {outline: 2px dashed #fff;} .info_box {position:relative;} .info_box.tabBtn dt {position:absolute; top:0;} .info_box.tabBtn dt a {display:inline-block; text-align:center; font-size:14px; color:#444; background:#ebebeb; padding:0 10px; min-width:184px; line-height:40px; border-radius:3px 3px 0 0; } .info_box.tabBtn dt a:hover, .info_box.tabBtn dt a:focus, .info_box.tabBtn dt a.on {color:#fff; background:#096d7f;} .info_box.tabBtn dt a:focus {outline:2px dashed #fff;} .info_box.tabBtn dl:nth-child(1) dt {left:0;} .info_box.tabBtn dl:nth-child(2) dt {left:184px;} .info_box.tabBtn dl:nth-child(3) dt {left:368px;} .info_box.tabBtn dl:nth-child(4) dt {left:552px;} .info_box.tabBtn .info_list {margin-top:14px;} .intro_box {position:relative; width:100%; font-size:14px; line-height:14px;} .intro_box h4 {font-size:20px; color:#096d7f; font-weight:300;} .intro_box dl {padding:20px 0 10px 0} .intro_box dl dt {font-size:16px; color:#222;} .intro_box dl dd, .intro_box p {font-size:14px; color:#666; line-height:18px; margin-top:10px;} .intro_box .half {width:50%;} .logo:after {position:absolute; right:0; top:0; content:""; display:inline-block; width:497px; height:186px; border:1px solid #e2e2e2; background:url('../../images/common/logo.png') center center no-repeat;} .intro_box .color_box {margin-top:15px;} .intro_box .color_box li {box-sizing:border-box; padding:15px 10px; display:inline-block; margin-left:8px; vertical-align:middle; border-radius:5px; width:240px; height:90px;} .intro_box .color_box li span {display:block; color:#fff; font-size:14px; font-weight:200;} .intro_box .color_box li:first-child {margin-left:0;} .intro_box .color_box .blue {background:#2856a7;} .intro_box .color_box .org {background:#f68e50;} .intro_box .color_box .sky {background:#6daadd;} .intro_box .color_box .black {background:#4b4b4b;} .intro_box .num_box li {margin-left:15px; list-style:decimal;} .intro_box .code_box {padding:15px 20px; width:100%; height:90px; background:#e2e2e2;} .intro_box .logo_box {padding:25px 30px; height:212px; border:1px solid #e2e2e2;} .intro_box .logo_box li {margin-right:25px; text-align:center; display:inline-block; vertical-align:top;} .intro_box .logo_box li:last-child {margin-right:0;} .intro_box .logo_box li span {display:block; margin-top:20px;} .intro_tayo {text-align:center; width:100%; height:640px; background:url('../../images/common/img_tayo.jpg') center bottom no-repeat;} .intro_tayo .tx {line-height:24px; font-size:16px; font-weight:300;} .intro_tayo .tx_list {line-height:20px; font-size:14px;} .intro_tayo .tx strong {font-weight:500;} /* 텍스트 칼라 */ .gry_text {font-size:14px; line-height:18px; color:#6c6c6c; font-weight:200;} .gry6_text {font-size:14px; line-height:18px; color:#666; font-weight:200;} .blue_text {color:#00479e !important;} .red_text {font-size:14px; line-height:18px; color:#d04602 !important; font-weight:200;} .sky_text {color:#0581ff;} .org_text {color:#bd4c00;} .big_text {font-weight:500; color:#086d7f; font-size:18px;} .red_text_big {font-size:24px; line-height:18px; color:#d04602 !important; font-weight:300;} .point_gr {color:#086d7f !important;} .point_gr_2 {color:#096d7f !important;} .point_og {color:#bd4c00 !important;} /* 텍스트 유형 */ .blit_text {background:url('../../images/common/bg_blit.gif') left center no-repeat; font-size:14px; line-height:14px; padding-left:10px; font-weight:200;} .blit_text_gr {color:#086d7f; background:url('../../images/common/bg_blit_gr.gif') left 10px no-repeat; font-size:14px; line-height:22px; padding-left:10px; font-weight:200;} .blit_text_bl {color:#2c2c2c; background:url('../../images/common/bg_blit_bl.gif') left 10px no-repeat; font-size:14px; line-height:22px; padding-left:10px; font-weight:200;} .blit_text_gr.big {color:#086d7f; background:url('../../images/common/bg_blit_gr02.gif') left 8px no-repeat; padding-left:10px; font-weight:200;} .link_text {background:url('../../images/common/bg_rnb_link.png') right center no-repeat; padding-right:20px; margin-right:5px;} .black_text {font-weight:300; vertical-align:middle; font-size:14px; line-height:18px; color:#222; font-weight:200;} .black_text .btn_check {margin-left:10px;} .black_text span.line {display:inline-block; width:95%; vertical-align:top;} .black_text strong {font-weight:300;} .gr_text {font-size:14px; line-height:18px; color:#086d7f;} .gr_text li {margin-top:15px;} .gr_text li:first-child {margin-top:0;} .gr_text li span {display:inline-block; vertical-align:top; width:98%;} /* 유의사항 접기/펼치기 */ .togg {display:none; width:100%; padding:30px 20px; background:#f0f3f4;} .togg_bar {width:100%; height:50px; line-height:50px; text-align:center; background:#f0f3f4;} .togg_bar .btn_care .off {display:none;} .togg_bar .btn_care.active .off {display:inline-block;} .togg_bar .btn_care.active .open {display:none;} /* .guide add 2020-09-16 */ .toggGuide {display:none; width:100%; } .toggGuide_bar {width:100%; height:50px; line-height:50px; text-align:center; background:#f0f3f4;} .toggGuide_bar .btn_guide .off {display:none;} .toggGuide_bar .btn_guide.active .off {display:inline-block;} .toggGuide_bar .btn_guide.active .open {display:none;} .btn_guide {position:relative; display:inline-block; width:100%; line-height:50px;font-size: 14px;} .btn_guide:before {position:absolute; right:350px; top:20px; content:""; display:inline-block; width:14px; height:11px; background: url('../../images/common/bg_care.png') 0 0 no-repeat;} .btn_type01 {width:84px; height:30px; line-height:28px; font-size:14px; color:#fff; font-weight:300; background:#247db0; border:1px solid #3d6c83; display:inline-block; text-align:center; color:#fff !important; vertical-align:middle; border-radius:2px;} .btn_type01:focus {outline: 2px dashed #fff;} .btn_type01:hover {background:#0b4769; border-color:#073645;} .btn_type02 {min-width:89px; height:30px; line-height:28px; font-size:14px; color:#0d0d0d; font-weight:300; background:#fff; border:1px solid #444; display:inline-block; text-align:center; color:#0d0d0d !important; vertical-align:middle; border-radius:2px; padding:0 20px;} .btn_type02:hover {background:#0f637e; border-color:#073645; color:#fff !important;} .btn_type02.big {line-height:35px; height:35px; padding:0 30px;} .btn_type02.lnk {padding:0 15px 0 8px; font-weight:300; border:1px solid #444; display:inline-block; text-align:center; color:#0d0d0d !important; vertical-align:middle; border-radius:2px;} .btn_type02.lnk span:after {display:inline-block; width:15px; height:15px; position:relative; top:2px; left:5px; content:""; background:url('../../images/common/bg_rnb_link.png') right center no-repeat;} .btn_type02.lnk:hover span {color:#fff;} .btn_type02.lnk:hover span:after {content:""; background:url('../../images/common/bg_rnb_link_on.png') right center no-repeat;} .btn_type03 {width:90px; height:30px; line-height:28px; font-size:14px; color:#0d0d0d; font-weight:300; background:#777777; border:1px solid #666; display:inline-block; text-align:center; color:#fff !important; vertical-align:middle; border-radius:2px;} .btn_type03:hover {background:#022222; color:#fff;} .btn_type04 {background:#e03500 url('../../images/common/bg_btn_check.png') 100px center no-repeat; padding-right:20px; width:124px; height:44px; line-height:42px; font-size:18px; color:#fff; font-weight:300; border-radius:2px; border:1px solid #c13b00; display:inline-block; text-align:center;} .btn_type04:hover {background:#f64c00 url('../../images/common/bg_btn_check.png') 100px center no-repeat;} .btn_type05.down {background:#247db0 url('../../images/common/bg_btn_down.png') 85px center no-repeat; padding-right:20px; width:110px; height:24px; line-height:22px; font-size:12px; color:#fff; font-weight:300; border-radius:2px; border:1px solid #0b4769; display:inline-block; text-align:center; vertical-align: middle;} .btn_type05.down:hover {background:#0b4769 url('../../images/common/bg_btn_down.png') 85px center no-repeat;} .btn_type05.down:focus {outline: 2px dashed #fff;} .btn_type05.down.view {width:88px; background-position:63px center;} .btn_type05.pay {width:100px; background:#247db0 url('../../images/common/bg_btn_pay.png') 80px center no-repeat;} .btn_type05.pay:hover {width:100px; background:#0b4769 url('../../images/common/bg_btn_pay.png') 80px center no-repeat;} .btn_type05.goto {width:100px; background:#247db0 url('../../images/common/bg_btn_goto.png') 80px center no-repeat;} .btn_type05.goto:hover {width:100px; background:#0b4769 url('../../images/common/bg_btn_goto.png') 80px center no-repeat;} .btn_type05.view {background:#247db0 url('../../images/common/viewer_eye.png') 85px center no-repeat; padding-right:20px; width:110px; height:24px; line-height:22px; font-size:12px; color:#fff; font-weight:300; border-radius:2px; border:1px solid #0b4769; display:inline-block; text-align:center; vertical-align: middle;} .btn_type05.view:hover {background:#0b4769 url('../../images/common/viewer_eye.png') 85px center no-repeat;}.btn_type06 {text-align:center; color:#fff; font-size:18px; font-weight:200; border-radius:3px; display:inline-block; width:100%; background:#247db0; line-height:72px;} .btn_type05.view:focus {outline: 2px dashed #fff;} .btn_type06 {text-align:center; color:#fff; font-size:18px; font-weight:200; border-radius:3px; display:inline-block; width:100%; background:#247db0; line-height:72px;} .btn_type06:hover {background: #0b4769;} .btn_txt_red {font-size:14px; color:#d04602; font-weight:300;} .btn_save {display:inline-block; vertical-align:middle; width:100px; height:36px; padding-right:22px; background:#247db0 url('../../images/common/bg_btn_save.png') 74px center no-repeat; border-radius:2px; border:1px solid #02578c;} .btn_save span {width:100%; display:inline-block; font-size:13px; line-height:34px; color:#fff; text-align:center;} .btn_save:hover {background:#0b4769 url('../../images/common/bg_btn_save.png') 74px center no-repeat; border-radius:2px; border:1px solid #000;} .btn_cancel {display:inline-block; vertical-align:middle; width:100px; height:36px; padding-right:22px; background:#777 url('../../images/common/bg_btn_cancel.png') 74px center no-repeat; border-radius:2px; border:1px solid #666;} .btn_cancel span {width:100%; display:inline-block; font-size:13px; line-height:34px; color:#fff; text-align:center;} .btn_cancel:hover {background:#222 url('../../images/common/bg_btn_cancel.png') 74px center no-repeat; border-radius:2px; border:1px solid #000;} .btn_use {display:inline-block; vertical-align:middle; width:100px; height:36px; padding-right:22px; background:#777 url('../../images/common/bg_btn_use.png') 74px center no-repeat; border-radius:2px; border:1px solid #666;} .btn_use span {width:100%; display:inline-block; font-size:13px; line-height:34px; color:#fff; text-align:center;} .btn_use:hover {background:#222 url('../../images/common/bg_btn_use.png') 74px center no-repeat; border-radius:2px; border:1px solid #000;} .btn_close {display:inline-block; vertical-align:middle; width:100px; height:36px; padding-right:22px; background:#fff url('../../images/common/bg_btn_close.gif') 74px center no-repeat; border-radius:2px; border:1px solid #444;} .btn_close span {width:100%; display:inline-block; font-size:13px; line-height:34px; color:#444; text-align:center;} .btn_close:hover {background:#0f637e url('../../images/common/bg_btn_close_on.gif') 74px center no-repeat; border-radius:2px; border:1px solid #0d415f;} .btn_close:hover span {color:#fff;} .btn_jang {display:inline-block; vertical-align:middle; width:128px; height:36px; padding-right:27px; background:#fff url('../../images/common/bg_btn_jang.png') 99px center no-repeat; border-radius:2px; border:1px solid #444;} .btn_jang span {width:100%; display:inline-block; font-size:13px; line-height:34px; color:#0d0d0d; text-align:center;} .btn_jang:hover {border-color:#0d415f; background:#166999 url('../../images/common/bg_btn_jang_on.png') 99px center no-repeat;} .btn_jang:hover span {color:#fff;} .btn_save.no {background:#0573b8; padding:0;} .btn_save.no:hover {background:#013b92;} .btn_cancel.no {background:#777; padding:0;} .btn_cancel.no:hover {background:#222;} .btn_jang_s {display:inline-block; vertical-align:middle; width:128px; height:30px; padding-right:27px; background:#fff url('../../images/common/bg_btn_jang.png') 99px center no-repeat; border-radius:2px; border:1px solid #444;} .btn_jang_s span {width:100%; display:inline-block; font-size:13px; line-height:28px; color:#0d0d0d; text-align:center;} .btn_jang_s:hover {border-color:#0d415f; background:#0f637e url('../../images/common/bg_btn_jang_on.png') 99px center no-repeat;} .btn_jang_s:hover span {color:#fff;} .btn_imsave {display:inline-block; vertical-align:middle; width:160px; height:36px; padding-right:27px; background:#fff url('../../images/common/bg_btn_imsave.png') 134px center no-repeat; border-radius:2px; border:1px solid #444;} .btn_imsave span {width:100%; display:inline-block; font-size:13px; line-height:34px; color:#0d0d0d; text-align:center;} .btn_imsave:hover {border-color:#0d415f; background:#166999 url('../../images/common/bg_btn_imsave_on.png') 134px center no-repeat;} .btn_imsave:hover span {color:#fff;} .btn_down.long {display:inline-block; vertical-align:middle; width:155px; height:30px; padding-right:22px; background:#247db0 url('../../images/common/bg_btn_down.png') 125px center no-repeat; border-radius:2px; border:1px solid #096d7f; color:#fff; font-size:14px; line-height:28px; font-weight:300;} .btn_down.long:hover {background:#0b4769 url('../../images/common/bg_btn_down.png') 125px center no-repeat; border-radius:2px; border:1px solid #096d7f; color:#fff; font-size:14px; line-height:28px; font-weight:300;} .btn_down {display:inline-block; vertical-align:middle; width:104px; height:30px; padding-right:22px; background:#247db0 url('../../images/common/bg_btn_down.png') 74px center no-repeat; border-radius:2px; border:1px solid #096d7f; color:#fff; font-size:14px; line-height:28px; font-weight:300;} .btn_down:hover {background:#0b4769 url('../../images/common/bg_btn_down.png') 74px center no-repeat; border:1px solid #000;} .btn_down:focus {outline: 2px dashed #fff;} .btn_print {display:inline-block; vertical-align:middle; width:90px; height:30px; padding-right:22px; background:#247db0 url('../../images/common/bg_btn_print.png') 63px center no-repeat; border-radius:2px; border:1px solid #02578c; color:#fff; font-size:14px; line-height:28px; font-weight:300;} .btn_print:hover {background:#0b4769; border-color:#000; background:#0b4769 url('../../images/common/bg_btn_print.png') 63px center no-repeat;} .btn_print.long {width:110px; background-position:83px center;} .btn_area ul {clear:both;} .btn_area ul li {display:inline-block; width:33.33%;} .btn_area ul li.t_l {text-align:left;} .btn_area ul li.t_r {text-align:right;} .btn_ok {display:inline-block; vertical-align:middle; width:100px; height:36px; padding-right:22px; background:#fff url('../../images/common/bg_btn_ok.png') 76px center no-repeat; border-radius:2px; border:1px solid #444;} .btn_ok span {width:100%; display:inline-block; font-size:13px; line-height:34px; color:#0d0d0d; text-align:center;} .btn_ok:hover {background:#0f637e url('../../images/common/bg_btn_ok_on.png') 74px center no-repeat; border:1px solid #0d415f;} .btn_ok:hover span {color:#fff;} .btn_ok.agree {width:115px; background-position:90px center;} .btn_ok.agree:hover, .btn_ok.agree:focus {background-position: 90px center;} .btn_search {padding:0 18px 0 40px; border:1px solid #333; height:30px; font-size:14px; line-height:28px; color:#333; vertical-align:middle; border-radius:2px; background:#fff url('../../images/common/icon_btn_search02.gif') 12px 50% no-repeat; margin-left:10px; display:inline-block;} .tag_ing {display:inline-block; padding:0 10px; background:#e03500; color:#fff !important; border-radius:2px; font-size:12px; margin-right:10px;} .tag_del {display:inline-block; padding:0 10px; background:#333333; color:#fff !important; border-radius:2px; font-size:12px; margin-right:5px; border:1px solid #000; height:20px; line-height:18px;} .tag_end {display:inline-block; padding:0 10px; background:#767676; color:#fff !important; border-radius:2px; font-size:12px; margin-right:10px;} .btn_susu {height:25px; display:inline-block; vertical-align:middle; padding:0 15px; border:1px solid #999; background:#fff; text-align:center; font-size:12px; line-height:23px; color:#333 !important; border-radius:2px;} .btn_susu:hover, .btn_susu:focus {background:#0f637e; color:#fff !important; border-color:#0d415f; border-radius:2px; outline: 2px dashed #fff;} .btn_susu.color {background:#497f99; border:1px solid #3d6c83; color:#fff !important;} .btn_susu.color:hover, .btn_susu.color:focus {background:#173645; border:1px solid #173645;} .btn_susu.color:focus {outline: 2px dashed #fff;} .btn_win {display:inline-block; border-radius:2px; border:1px solid #096d7f; width:100px; padding-right:25px; line-height:28px; font-size:13px; color:#fff !important; background:#026fc4 url('../../images/common/bg_btn_win.png') 73px center no-repeat;} .btn_win:hover, .btn_win:focus {border:1px solid #002459; background:#013b92 url('../../images/common/bg_btn_win.png') 73px center no-repeat;} .btn_linux {display:inline-block; border-radius:2px; border:1px solid #cc3607; width:100px; padding-right:25px; line-height:28px; font-size:13px; color:#fff !important; background:#e03500 url('../../images/common/bg_btn_linux.png') 73px center no-repeat;} .btn_linux:hover, .btn_linux:focus {border:1px solid #63150b; background:#bc2a17 url('../../images/common/bg_btn_linux.png') 73px center no-repeat;} .btn_mac {display:inline-block; border-radius:2px; border:1px solid #222; width:100px; padding-right:25px; line-height:28px; font-size:13px; color:#fff !important; background:#444 url('../../images/common/bg_btn_mac.png') 73px center no-repeat;} .btn_mac:hover, .btn_mac:focus {border:1px solid #000; background:#010101 url('../../images/common/bg_btn_mac.png') 73px center no-repeat;} .btn_care {position:relative; display:inline-block; width:100%; line-height:50px;} .btn_care:before {position:absolute; right:350px; top:20px; content:""; display:inline-block; width:14px; height:11px; background: url('../../images/common/bg_care.png') 0 0 no-repeat;} .btn_help {margin-left:10px; text-indent:-9999px; display:inline-block; width:28px; height:28px; background: url('../../images/common/icon_help.png') 0 0 no-repeat;} .btn_check {width:90px; height:25px; display:inline-block; vertical-align:middle; border:1px solid #b0b0b0; background:#fff; text-align:center; font-size:12px; line-height:23px; color:#333 !important; border-radius:2px;} .btn_check.on, .btn_check:hover, .btn_check:focus {background:#0f637e; color:#fff !important; border-color:#0d415f;} .btn_reset {vertical-align:middle; text-indent:-9999px; display:inline-block; box-sizing:border-box; width:52px; line-height:42px; border:1px solid #767676; background: #fff url('../../images/common/bg_btn_refresh_off.png') 50% 50% no-repeat;} .btn_reset:hover, .btn_reset:focus {background:#222 url('../../images/common/bg_btn_refresh.png') 50% 50% no-repeat; border:1px solid #767676; outline: dashed 2px #0088ff;} /* Popup style */ /* :-ms-fullscreen, :root #popup_wrap {overflow-y:auto;} */ #popup_wrap {border-top:2px solid #096d7f;} #popup_wrap .tit_box {background:#f7f7f7; padding:0 32px; position:relative; } #popup_wrap .tit_box h1 {font-size:18px; line-height:56px; color:#222; font-weight:700;} #popup_wrap .tit_box button {position:absolute; right:32px; top:50%; margin-top:-12px;} #popup_wrap .popup_content {padding:30px;} #popup_wrap .popup_content h2.ty {color:#000; line-height:1; margin:0 0 25px 0; text-align:center; font-size:24px; font-weight:500;} #popup_wrap .popup_content .blue_box {background:#f4f6f7; border:1px solid #d9d9d9; padding: 30px 5px 30px 5px;} #popup_wrap .popup_content .blue_box p {text-align:center; font-size:18px; line-height:20px; color:#222;} #popup_wrap .popup_content .blue_box + .pop_table_area {margin-top:15px;} /* 설문조사 추가 */ #popup_wrap .popup_content .blue_box.round, #popup_wrap .popup_content .blue_box.round.box {line-height:1; background:#e7f0f1; border-radius:10px; border:0;} .blue_box.round {position:relative; font-size:16px; color:#333; font-weight:200;} .blue_box.round dt {font-weight:200; padding:0 10px 20px 10px; border-bottom:1px solid #a9c4c7;} .blue_box.round dd {line-height:22px; padding:18px 10px 0 10px;} .blue_box.round dd pre {overflow:visible; white-space:normal; margin:0;} .blue_box.round.box {padding-bottom:0 !important;} .blue_box.round.box dl:first-child {padding-top:0;} .blue_box.round.box dl:last-child {border-bottom:0;} .blue_box.round.box dl {border-bottom:1px solid #a9c4c7; padding:40px 0;} .blue_box.round.box dt {padding:0; font-size:22px; font-weight:500; color:#222; border:0;} .blue_box.round.box dt:before {margin-right:10px; vertical-align:middle; display:inline-block; content:""; width:4px; height:4px; border-radius:50%; background:#222;} .blue_box.round.box dd {padding:20px 0 0 15px;} .blue_box.round.box textarea {padding:15px 20px; font-size:15px; font-weight:200; color:#444; text-align:left; width:100%; height:145px; resize:none;} .blue_box.round.box .chk label {font-size:15px; display:inline-block; width:49.5%; height:22px;} .blue_box.round.box .chk label:before {content:""; border:1px solid #afafaf; background:#fff; display:inline-block; width:20px; height:20px; vertical-align:middle;} .blue_box.round.box .chk input:checked + label:before {content:""; background: #fff url('../../images/common/pop_check_on.png') 50% 50% no-repeat;} .blue_box.round.box .radio label {font-size:15px; display:inline-block; height:22px;} .blue_box.round.box .radio label:before {content:""; border:1px solid #afafaf; border-radius:50%; background:#fff; display:inline-block; width:20px; height:20px; vertical-align:middle;} .blue_box.round.box .radio input:checked + label:before {content:""; background: #fff url('../../images/common/pop_radio_on.png') 50% 50% no-repeat;} .blue_box.round.end {width:100%; display:table; text-align:center; height:368px; padding-top:115px !important;} #popup_wrap .popup_content .pop_table_box {margin-top:30px;} #popup_wrap .popup_content .pop_ex {margin:30px; position:relative; line-height:1;} #popup_wrap .popup_content .pop_ex p {line-height:22px; font-size:16px; font-weight:200; margin:15px 0;} #popup_wrap .popup_content .pop_ex h3 {font-size:22px; color:#096d7f; font-weight:500;} #popup_wrap .popup_content .pop_ex pre{white-space:normal; overflow:visible; line-height:18px; font-size:14px; font-weight:200;} #popup_wrap .popup_content .pop_ex label {font-size:14px; color:#444; font-weight:200;} #popup_wrap .popup_content .word_box {padding:10px 32px 0 32px;} #popup_wrap .popup_content .word_box > p {font-size:24px; line-height:24px; color:#000; text-align:center;} #popup_wrap .popup_content .word_box > p strong {font-size:36px; line-height:38px; color:#000;} #popup_wrap .popup_content .word_box .big_blue_box {background:#f4f6f7; border:1px solid #d9d9d9; padding:48px 10px; margin-top:30px; text-align:center;} #popup_wrap .popup_content .word_box .big_blue_box p {font-size:18px; line-height:30px; color:#000;} #popup_wrap .popup_content .word_box .big_blue_box p strong {font-size:24px; color:#096d7f;} #popup_wrap .popup_content .word_box .big_blue_box p span {color:#096d7f;} #popup_wrap .popup_content .word_box .table_blue_box {background:#f4f6f7; border:1px solid #d9d9d9; padding:40px 20px 20px 20px; margin-top:30px; text-align:center;} #popup_wrap .popup_content .word_box .table_blue_box .txt {font-size:16px; line-height:20px; color:#2c2c2c;} #popup_wrap .popup_content .word_box .small_blue_box {background:#f4f6f7; border:1px solid #d9d9d9; color:#096d7f; font-size:14px; padding:10px 15px; text-align:left; line-height:20px;} #popup_wrap .popup_content .word_box .small_blue_box dd {color:#000; font-weight:200; margin-top:10px;} #popup_wrap .popup_content .word_box .listSt01 {margin:25px 0 0 10px;} #popup_wrap .popup_content .word_box .listSt02 {margin:30px 10px 45px 10px;} #popup_wrap .popup_content .word_box .process:after {clear:both;} #popup_wrap .popup_content .word_box .process {width:555px; height:310px; font-size:14px; line-height:14px; text-align:center; margin:0 auto;} #popup_wrap .popup_content .word_box .process dl {position:relative; border-radius:4px; border:1px solid #096d7f; margin-right:40px; width:158px; height:280px; float:left;} #popup_wrap .popup_content .word_box .process dl dt {background:#5593b6; line-height:40px; font-weight:500; font-size:15px; color:#fff;} #popup_wrap .popup_content .word_box .process dl dd li:nth-child(1) {height:127px; padding:30px 10px; font-size:14px; line-height:18px; font-weight:300;} #popup_wrap .popup_content .word_box .process dl dd li:nth-child(2) {text-align:left; background:#e8e8e8; height:111px; border-radius:0 0 5px 5px; padding:20px 15px; font-size:12px; line-height:18px; font-weight:300;} #popup_wrap .popup_content .word_box .process dl:nth-child(3) {margin-right:0;} #popup_wrap .popup_content .word_box .process dl:after {position:absolute; top:98px; right:-30px; content:url('../../images/common/bg_process.png');} #popup_wrap .popup_content .word_box .process dl:nth-child(3):after {content:none;} #popup_wrap .popup_content .word_box .process dl:nth-child(3) li:nth-child(1) {height:72px; padding:20px 10px; } #popup_wrap .popup_content .word_box .process dl:nth-child(3) li:nth-child(2) {height:166px; padding:10px;} #popup_wrap .popup_content .word_box .process dl:nth-child(3) .sub > li { line-height:16px; font-weight:300; font-size:11px; padding:0 0 0 8px; background:url('../../images/common/bg_blit.gif') left 7px no-repeat;} #popup_wrap .popup_content .word_box .process + .red_text {clear:both;} #popup_wrap .step_pop {padding:0 32px;} #popup_wrap .step_pop > strong {font-size:15px; line-height:18px; color:#000000; display:block; padding:20px 0;} #popup_wrap .step_pop dl {} #popup_wrap .step_pop dl:after {content:''; display:block; clear:both;} #popup_wrap .step_pop dl dt {float:left; width:126px;} #popup_wrap .step_pop dl dd {float:left; width:410px; margin-left:20px;} #popup_wrap .step_pop dl dd strong {font-size:14px; line-height:18px; color:#000;} #popup_wrap .step_pop dl dd p {font-size:14px; line-height:22px; color:#000; margin-top:10px; letter-spacing: -0.5px;} #popup_wrap .step_pop ul {background:url('../../images/common/icon_popup_arrow.gif') left center no-repeat;} #popup_wrap .step_pop li:last-child {margin-top:50px;} #popup_wrap .popup_content .tableSt01 tr td {padding:8px 0;} #popup_wrap .popup_content .btm_tx {display:inline-block; vertical-align:middle; margin-top:5px; font-size:13px; color:#222;} #popup_wrap.pdf {border:0;} #popup_wrap.pdf .popup_content {display:inline-block; padding:0; margin:30px; height:205px; border:1px solid #096d7f;} #popup_wrap.pdf .popup_content ul {padding:10px;} #popup_wrap.pdf .popup_content ul > li {position:relative; display:inline-block; margin-right:25px; height:188px;} #popup_wrap.pdf .popup_content ul > li:after {position:absolute; right:-25px; top:55px; display:inline-block; width:20px; height:70px; content:""; background:url(../../images/common/bg_arrow_long.png) right 0 no-repeat; background-size:20px auto;} #popup_wrap.pdf .popup_content ul > li.on:after {content:""; width:20px; height:70px; background:url(../../images/common/bg_arrow_long_on.png) right 0 no-repeat; background-size:20px auto;} #popup_wrap.pdf .popup_content ul > li:last-child {margin-right:0;} #popup_wrap.pdf .popup_content ul > li:last-child:after {content:none;} #popup_wrap.pdf .popup_content ul > li > span {padding-top:42px; font-weight:200; font-size:14px; line-height:18px; color:#0d414a; display:table-cell; text-align:center; vertical-align:top; width:114px; height:155px; border:1px solid #ccc; background:#efefef;} #popup_wrap.pdf .popup_content ul > li > span > strong {display:block; font-size:16px; margin-top:10px;} #popup_wrap.pdf .popup_content ul > li.on > span {color:#fff; background:#5593b6; border:1px solid #3d6c83;} #popup_wrap.pdf .popup_content ul > li.on.tayo i { position:absolute; bottom:0; left:15px; display:inline-block; width:72px; height:79px; background:url(../../images/common/bg_tayo.gif) 0 0 no-repeat; } #popup_wrap.chgClass .popup_content ul > li:nth-child(3) {margin-right:0;} #popup_wrap.chgClass .popup_content ul > li:nth-child(3):after {content:none;} /*정보공개체험*/ #popup_wrap.open {width:100%; border-top:0; padding:15px 20px 30px 20px; background:#e0f3f9;} #popup_wrap.open .tit_box {padding:0; background:#e0f3f9; height:200px; background:url(../../images/common/open_bg.png) center 72px no-repeat; background-size:602px auto;} #popup_wrap.open .tit_box h1 {text-indent:-9999px; width:100%; height:54px; background:url(../../images/common/open_logo.png) 0 0 no-repeat;} #popup_wrap.open .tit_box button {top:15px; right:0;} #popup_wrap.open .popup_content {padding:0; background:#e0f3f9;} #popup_wrap.open .play_box .cont .txt {background:#fff; width:100%; margin-top:20px; height:100%;} #popup_wrap.open .play_box .cont .txt .ti {color:#000; display:inline-block; font-size:14px; margin:10px 0;} #popup_wrap.open .play_box .cont .txt .innr {padding:5px 15px 15px 15px; height:215px; font-size:13px; line-height:18px; border:1px solid #ccc; overflow-y:auto;} .listSt01 li {padding-left:10px; font-size:14px; line-height:22px; background:url('../../images/common/bg_blit.gif') left 9px no-repeat; color:#000; font-weight:200;} .listSt02 li {padding-left:10px; font-size:14px; line-height:18px; margin-bottom:15px; background:url('../../images/common/bg_blit.gif') left 9px no-repeat; color:#000; font-weight:200;} span.sp_tag01 {display:inline-block; background:#ffde00; font-size:14px; line-height:16px; color:#000;} span.sp_tag02 {display:inline-block; background:#c4e781; font-size:14px; line-height:16px; color:#000;} span.sp_tag03 {display:inline-block; background:#99f9ff; font-size:14px; line-height:16px; color:#000;} span.sp_tag04 {display:inline-block; background:#f5bed3; font-size:14px; line-height:16px; color:#000;} .impor_text {margin:40px 20px 0 20px;} .impor_text > strong {font-size:18px; line-height:22px; color:#242424;} .impor_text > ul {padding-left:15px;} .impor_text > ul > li {font-size:14px; line-height:20px; color:#444; list-style:decimal; margin-top:10px;} .impor_text > ul > li ul {padding-left:15px; padding-top:5px;} .impor_text > ul > li li {font-size:14px; line-height:20px; color:#096d7f; list-style:hangul;} .text_word_btn {position:absolute; width:100%; text-align:right; z-index:1;} .text_word_btn a {margin-left:10px;} .text_word_btn + .base_cont_box {margin-top:20px;} .com_add {margin-top:25px;} .com_add:after {content:''; display:block; clear:both;} .com_add .left_div {width:270px; height:230px; border:1px solid #d0d0d0; float:left; overflow-y:auto; overflow-x:hidden;} .com_add .left_div > img {width:100%;} .com_add .right_div {width:270px; height:230px; border:1px solid #d0d0d0; float:right;} .com_add .right_div li {font-size:14px; line-height:18px; color:#222;padding:5px 10px;} .com_add .right_div li a:hover {background:#e7f4f9;} .com_add .right_div li a {color:#000;} .com_add .right_div li a font {color:#000; background:#cae2e9;} .com_add .center_div {width:calc(100% - 540px); height:230px; float:left; text-align:center; padding-top:80px;} .com_add .center_div > div:last-child {margin-top:10px;} .com_add .center_div button {position:relative; padding-left:15px; width:64px; height:30px; background:#fff; border:1px solid #767676; font-size:12px; line-height:28px; color:#444;} .com_add .center_div button.plus {background:url('../../images/common/bg_btn_plus.png') 10px center no-repeat;} .com_add .center_div button.minus {background:url('../../images/common/bg_btn_minus.png') 10px center no-repeat;} .com_add .box_div {overflow:hidden; overflow-y:auto; height:300px; border:1px solid #d0d0d0; width:100%; line-height:20px;} .last-popup_text {margin-top:35px;} .last-popup_text p {font-size:14px; line-height:20px; color:#2c2c2c; font-weight:200;} .last-popup_text p span {display:inline-block; width:95%; vertical-align:top;} .last-popup_text p strong {font-weight:200;} .last-popup_text .innr_text {margin-top:25px; line-height:18px; font-size:14px;} .last-popup_text .innr_text dl {margin-bottom:20px;} .last-popup_text .innr_text dl dd {font-weight:200; margin-top:5px;} .address_cont {margin-top:20px;} .address_cont > div {position:absolute; left:-2000px; top:-2000px;} .address_cont > div.view {position:static;} /*20200608 추가*/ .text_blue_obs {color: #0573b8; font-weight: 400; margin: 0 10px;} .blue_top_bpx_obs {margin-top: 50px; text-align: center;} .input_area_obs {width: 150px !important; margin-left: 10px;} .btn_mic {vertical-align:middle; display:inline-block; color: #222 !important; box-sizing:border-box; width:120px; height: 44px; line-height:40px; border:1px solid #767676; background: #fff url('../../images/common/bg_btn_mic_off.png') 13% 50% no-repeat; text-indent: 50px; -webkit-background-size:auto 20px; background-size:auto 20px;} .btn_mic:hover, .btn_mic:focus {border:1px solid #767676; background:#222 url('../../images/common/bg_btn_mic.png') 13% 50% no-repeat; text-indent: 50px; -webkit-background-size:auto 20px; background-size:auto 20px; color: #fff !important;} .mark_area input {margin-left:15px; padding:0 10px; height:44px; vertical-align:top;} .allsc_top_obs {margin-top: -35px;} .allsc_top_obs a {height: 26px; line-height: 25px;} .result_area_obs {width: 750px;} .result_area_obs .info_list .left {width: 566px;} .result_area_obs .info_list .right {width: 150px;} .result_area_obs dd {padding-top: 26px;} .content .search_area .search_list_obs.box ul > li > a:hover, .content .search_area .search_list_obs.box ul > li > a:focus, .content .search_area .search_list_obs.box ul > li > a.on {color: #fff; background: #096d7f;} .point_grobs + span {display: inline-block; margin: 5px 0;} /* 20200629 */ #popup_wrap.guide {line-height: 1.3;} #popup_wrap.guide .tit_box {background: #096d7f; text-align: center; position: static;} #popup_wrap.guide .tit_box h1 {color: #fff; font-size: 28px; font-weight: 400 !important; height: 90px; line-height: 90px;} #popup_wrap.guide .popup_box {background: #ddf9fe; padding: 20px;} #popup_wrap.guide .popup_ctnbox {box-shadow:1px 1px 5px rgba(0,0,0,0.2); background: #fff; padding: 30px;} #popup_wrap.guide .pop_btm {position: relative; height: 25px; margin-top: 30px;} #popup_wrap.guide .pop_btm .pop_btn_chk {margin-top: 20px;} #popup_wrap.guide .pop_btm .pop_close {border: 1px solid #222; font-size: 14px; color: #222; background: #fff; width: 50px; height: 30px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; position: absolute; right: 0px; top: -7px;} #popup_wrap.guide .popup_ctnbox .pop_area1 {background:transparent url(../../images/common/pop_ctn_img1.png) no-repeat 0 0;-webkit-background-size: auto 130px; background-size: auto 130px; height: 130px;} #popup_wrap.guide .popup_ctnbox .pop_area1 dl {margin-left: 200px; text-align: center;} #popup_wrap.guide .popup_ctnbox .pop_area1 dt {font-size: 25px; font-weight: 600; color: #ff6c00; margin-bottom: 10px;} #popup_wrap.guide .popup_ctnbox .pop_area1 dd {font-size: 20px; font-weight: 400; color: #000;} #popup_wrap.guide .popup_ctnbox .pop_area1 p {margin-left: 200px; margin-top: 20px; font-size: 14px;} #popup_wrap.guide .popup_ctnbox .pop_area2 {font-size: 14px; text-align: center; margin: 20px 0;} #popup_wrap.guide .popup_ctnbox .pop_area3 {background: #f5f5f5; border: 1px solid #eee; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 15px; font-size: 14px; text-align: center;} #popup_wrap.guide .popup_ctnbox .pop_area3 strong {font-weight: 700;} #popup_wrap.guide .popup_ctnbox .pop_area4 {text-align: right; margin-top: 20px;} #popup_wrap.guide .popup_ctnbox a {color: #0066ef; font-size: 14px; } /* 20200701 */ .text_loginreg_obs {color: #086d7f !important; border-top: 1px solid #ddd; margin-top: 20px; padding-top: 20px; display: block; width: 100%; text-align: center;} .login_box .gongin_innr {margin-top: 0;} .btn_loginreg_obs {display: block;width: 50%;margin: 20px auto 0;height: 50px;line-height: 50px;text-align: center;border-radius: 3px;font-size: 18px;color: #fff;background: #466f96 url(../../images/common/bg_btn_regist.png) 20% center no-repeat;} .btn_loginreg_obs:hover {background: #013b92 url(../../images/common/bg_btn_regist.png) 20% center no-repeat;} .pin_area.two .box.box_obs {width: 100%; text-align: center;} .pin_area.two .box.box_obs .btn_type06 {margin-top: 165px;} /* 웹접근성 인증마크 */ .foot_text .mark_img {display: inline-block; margin-left: 30px; margin-top: 13px;} .foot_text .mark_img img {width: 63px;} /* 청구 본인확인 */ .signCheckTxt {display:none;} .signSelect .small_blue_box {margin: 30px 10px 45px 10px;} .signSelect .pin_box li a:after, .signSelect .pin_box li a.on:after, .signSelect .pin_box li a:hover:after, .signSelect .pin_box li a:focus:after {background: none;} /* 청구신청낵역 공개여부 */ .t_cont { font-size: 14px; line-height: 18px; width: 340px;} #selOthbcSeCd {font-weight: 200; background: #ffffff; border: 1px solid #e7e7e7; border-radius: 2px; width: 100%; height: 40px; padding: 0 10px; background: #fff url(../../images/common/bg_sel_top.png) right center no-repeat;} .selOthbcSeCd {position: absolute;right: 12px;background: #fff url(../../images/common/bg_sel_top.png) right center no-repeat;width: 30px;height: 26px;align-content: center;top: 5px;} #othbcSeCdDiv { z-index: 99; padding: 0px; position: absolute; display: none; } .padding0 { padding:0px!important; } .marginTop1 { margin-top:3px; } .othbcSeCdLable { font-size: 14px; line-height: 16px; color: #2c2c2c; font-weight: 200; margin-left: 10px; display: inline-block; vertical-align: middle; } #selOthbcSeCd:hover, #selOthbcSeCd:focus { outline: 1px dotted #096d7f; outline-offset: -1px; } #othbcSeCdUl {width: 314px; height: 84px; background: white;} #isOthbcSeCd {padding-left: 12px;} #isOthbcSeCd label {font-size: 14px; line-height: 16px; color: #2c2c2c; font-weight: 200; margin-left: 10px; display: inline-block; vertical-align: middle; padding-right: 10px;} /* 웹접근성 대체 텍스트가 아닌 접근서을 위한 숨김 텍스트를 제공하는 경우 */ .ir_su {overflow: hidden; position: absolute; width: 0; height: 0; text-indent: -9999px; line-height: 0;}