@charset "UTF-8"; article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block} audio,canvas,progress,video{display:inline-block} article,aside,audio,blockquote,body,canvas,caption,dd,details,div,dl,dt,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,iframe,legend,li,main,menu,nav,ol,p,pre,section,summary,table,tbody,td,template,textarea,tfoot,th,thead,tr,ul,video{margin:0;padding:0;border:0;font-size:inherit;font-family:inherit;box-sizing:border-box;word-break:break-all} a,em,span{box-sizing:border-box} b,strong{font-weight:600} address,cite,dfn,em,i{font-style:normal} img{border:none;vertical-align:middle} audio,img,video{max-width:100%;max-height:100%} svg{overflow:hidden;vertical-align:middle} switch{display:none} figcaption,figure{margin:0;padding:0} mark{background-color:#ff0;color:#000} small{font-size:90%} sub,sup{position:relative;font-size:.9em;line-height:0;vertical-align:baseline} sub{bottom:-.25em} sup{top:-.5em} del{color:#aaa!important;text-decoration:line-through} label{display:inline-block;cursor:pointer} iframe{display:block;max-width:100%} template{display:none} summary{display:list-item;cursor:pointer} output{display:inline-block} ul,ul>li{list-style:none} ol{overflow:hidden;position:relative;counter-reset:number} ol>li{counter-increment:number} ol>li:before{content:counter(number,decimal) "."} table{border-collapse:collapse;border-spacing:0} caption{overflow:hidden;position:relative;left:0;top:0;width:1px;height:1px;background:0 0;font-size:0;color:transparent;line-height:0;text-indent:100%} legend{overflow:hidden;position:absolute;width:1px;height:1px;background:0 0;font-size:0;color:transparent;line-height:0} fieldset{border:none;min-width:0} hr{overflow:hidden;position:absolute;height:0;width:0} :after,:before{display:none;content:''} .clearfix{display:block} .clearfix:after{content:"";display:table;clear:both} .clear{clear:both} .hide{display:none} .skip{overflow:hidden;position:absolute;width:1px;height:1px;background:0 0;font-size:0!important;color:transparent!important;line-height:0} button,input,optgroup,select,textarea{margin:0;padding:0;border:1px solid;box-sizing:border-box;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit;vertical-align:middle} button,input,select{display:inline-block} button,input{overflow:visible} input[type=search],input[type=text]{-webkit-border-radius:0;-webkit-appearance:none} input[type=search]{outline-offset:-2px;-webkit-appearance:none} input[type=search]::-webkit-search-decoration{-webkit-appearance:none} input[type=file]{border:none} input[type=file]::-webkit-file-upload-button{font:inherit;-webkit-appearance:button;-moz-appearance:button;border:1px solid #bbb;background:#e0e0e0;box-shadow:none} input[type=checkbox],input[type=radio]{padding:0;border:none} button,select{text-transform:none} [type=button],[type=reset],[type=submit],button{overflow:visible;border-color:transparent;background-color:transparent;cursor:pointer} textarea{display:block;overflow:auto;resize:vertical} input[disabled]{background-color:#ebebeb} select:disabled{background-color:#ebebeb} [hidden]{display:none!important} @media screen and (max-width:768px){ .skip,caption,legend{overflow:visible;font-size:3px!important} } a:link { color:#636363 !important; text-decoration:none !important; } a:visited { color:#636363 !important ; text-decoration:none !important; } a:hover { color:#636363 !important; text-decoration:underline !important; } a:active { color:#636363 !important; text-decoration:underline !important; } .center {text-align: center;} /* 본문바로가기 */ .accessibility {overflow:hidden;position:relative;z-index:1000;width:100%;} .accessibility a{display:block;overflow:hidden;height:1px;width:1px;margin:0 -1px -1px 0;font-size:0;line-height:0;text-align:center} .accessibility a:focus, #accessibility a:hover, #accessibility a:active {width:auto;height:20px;margin:0;padding:8px 0 0 15px;background:#20262c;font-size:12px;font-weight:700;line-height:1;color:#fff;} /* responsive */ #scrollbar {visibility:hidden; overflow:scroll; position:absolute; top:-100px; left:-100px; z-index:-1; width:100px; height:100px;} /* 입력 form */ input{height:24px;margin:1px;padding:1px 3px;border:solid 1px #dedede;line-height:24px; } input[type="submit"]{height:40px;line-height:24px;} input[type="radio"],input[type="checkbox"]{width:14px;height:14px;} input[type="image"]{height:auto;margin:0;padding:0;border:none;} .p-wrap{position:relative;width:100%;line-height:1.5} .p-wrap img{vertical-align:middle} .p-wrap svg{display:inline-block;position:relative;vertical-align:middle;top:-.1em} .p-wrap svg.replaced-svg{top:-.1em} .p-wrap switch{display:none} .p-wrap caption{position:relative;text-indent:100%} .p-wrap .blind{position:absolute;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px} .no-svg .p-wrap switch{display:block} .p-relative{position:relative} .p-absolute{position:absolute!important} .p-fixed{position:fixed} .p-static{position:static} .p-overflow{position:relative} .p-overflow--y{overflow-y:auto;overflow-x:hidden} .p-overflow--x{overflow-x:auto} .text_center{text-align:center} .text_right{text-align:right} .text_left{text-align:left} .vertical_top{vertical-align:top!important} .vertical_middle{vertical-align:middle!important} .vertical_bottom{vertical-align:bottom!important} @media only screen and (max-width:765px){ .text_sm_left{text-align:left} .text_sm_center{text-align:center} .text_sm_right{text-align:right} } .p-external-link:after{display:inline-block;margin-top:0;margin-left:6px;vertical-align:middle} .p-empty{margin:5px 0;padding:50px 0!important;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;text-align:center} .p-split{position:relative;display:inline-block;margin-left:10px} .p-split:before{display:inline-block;width:1px;height:12px;margin-right:10px;margin-bottom:1px;background-color:#bfbfbf;vertical-align:middle} @media only screen and (max-width:765px){ .p-split{margin-left:6px} .p-split:before{margin-right:4px} } .p-author__info{font-size:.95em;color:#818181} .p-author__info .p-split:first-child{margin-left:0} .p-author__info .p-split:first-child:before{display:none} .p-deleted__info{font-size:.92em;color:#e8460e} @media only screen and (max-width:765px){ .p-deleted__info{display:block;margin-left:0} } .no-image{background:transparent url(/common/images/program/no-image.png) no-repeat center 30%} .no-image em{position:absolute;display:block;top:82%;width:90%;margin-left:5%;transform:translateY(-50%);text-align:center;color:#888} @media only screen and (max-width:765px){ .no-image{background-size:60% auto;background-position:50%} .no-image em{left:100%} } .p-iframe{width:100%;height:100%} .p-iframe-wrap{width:100%;height:600px;border:1px solid #cdcdcd} .kogl_open{margin:12px 0} .kogl_open .p-media--indent{padding-top:5px} .kogl_open .p-media--indent img{margin-top:-5px} .row{display:block;} .row:after{display:table;clear:both} .col,.col-1,.col-10,.col-11,.col-12,.col-13,.col-14,.col-15,.col-16,.col-17,.col-18,.col-19,.col-2,.col-20,.col-21,.col-22,.col-23,.col-24,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-13,.col-sm-14,.col-sm-15,.col-sm-16,.col-sm-17,.col-sm-18,.col-sm-19,.col-sm-2,.col-sm-20,.col-sm-21,.col-sm-22,.col-sm-23,.col-sm-24,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{position:relative;width:100%;min-height:1px;padding-right:8px;padding-left:8px;float:left;box-sizing:border-box} .col-1.left,.col-10.left,.col-11.left,.col-12.left,.col-13.left,.col-14.left,.col-15.left,.col-16.left,.col-17.left,.col-18.left,.col-19.left,.col-2.left,.col-20.left,.col-21.left,.col-22.left,.col-23.left,.col-24.left,.col-3.left,.col-4.left,.col-5.left,.col-6.left,.col-7.left,.col-8.left,.col-9.left,.col-sm-1.left,.col-sm-10.left,.col-sm-11.left,.col-sm-12.left,.col-sm-13.left,.col-sm-14.left,.col-sm-15.left,.col-sm-16.left,.col-sm-17.left,.col-sm-18.left,.col-sm-19.left,.col-sm-2.left,.col-sm-20.left,.col-sm-21.left,.col-sm-22.left,.col-sm-23.left,.col-sm-24.left,.col-sm-3.left,.col-sm-4.left,.col-sm-5.left,.col-sm-6.left,.col-sm-7.left,.col-sm-8.left,.col-sm-9.left,.col.left{text-align:left} .col-1.right,.col-10.right,.col-11.right,.col-12.right,.col-13.right,.col-14.right,.col-15.right,.col-16.right,.col-17.right,.col-18.right,.col-19.right,.col-2.right,.col-20.right,.col-21.right,.col-22.right,.col-23.right,.col-24.right,.col-3.right,.col-4.right,.col-5.right,.col-6.right,.col-7.right,.col-8.right,.col-9.right,.col-sm-1.right,.col-sm-10.right,.col-sm-11.right,.col-sm-12.right,.col-sm-13.right,.col-sm-14.right,.col-sm-15.right,.col-sm-16.right,.col-sm-17.right,.col-sm-18.right,.col-sm-19.right,.col-sm-2.right,.col-sm-20.right,.col-sm-21.right,.col-sm-22.right,.col-sm-23.right,.col-sm-24.right,.col-sm-3.right,.col-sm-4.right,.col-sm-5.right,.col-sm-6.right,.col-sm-7.right,.col-sm-8.right,.col-sm-9.right,.col.right{text-align:right} .col-1.center,.col-10.center,.col-11.center,.col-12.center,.col-13.center,.col-14.center,.col-15.center,.col-16.center,.col-17.center,.col-18.center,.col-19.center,.col-2.center,.col-20.center,.col-21.center,.col-22.center,.col-23.center,.col-24.center,.col-3.center,.col-4.center,.col-5.center,.col-6.center,.col-7.center,.col-8.center,.col-9.center,.col-sm-1.center,.col-sm-10.center,.col-sm-11.center,.col-sm-12.center,.col-sm-13.center,.col-sm-14.center,.col-sm-15.center,.col-sm-16.center,.col-sm-17.center,.col-sm-18.center,.col-sm-19.center,.col-sm-2.center,.col-sm-20.center,.col-sm-21.center,.col-sm-22.center,.col-sm-23.center,.col-sm-24.center,.col-sm-3.center,.col-sm-4.center,.col-sm-5.center,.col-sm-6.center,.col-sm-7.center,.col-sm-8.center,.col-sm-9.center,.col.center{text-align:center} @media only screen and (max-width:765px){ .col-1.sm-left,.col-10.sm-left,.col-11.sm-left,.col-12.sm-left,.col-13.sm-left,.col-14.sm-left,.col-15.sm-left,.col-16.sm-left,.col-17.sm-left,.col-18.sm-left,.col-19.sm-left,.col-2.sm-left,.col-20.sm-left,.col-21.sm-left,.col-22.sm-left,.col-23.sm-left,.col-24.sm-left,.col-3.sm-left,.col-4.sm-left,.col-5.sm-left,.col-6.sm-left,.col-7.sm-left,.col-8.sm-left,.col-9.sm-left,.col-sm-1.sm-left,.col-sm-10.sm-left,.col-sm-11.sm-left,.col-sm-12.sm-left,.col-sm-13.sm-left,.col-sm-14.sm-left,.col-sm-15.sm-left,.col-sm-16.sm-left,.col-sm-17.sm-left,.col-sm-18.sm-left,.col-sm-19.sm-left,.col-sm-2.sm-left,.col-sm-20.sm-left,.col-sm-21.sm-left,.col-sm-22.sm-left,.col-sm-23.sm-left,.col-sm-24.sm-left,.col-sm-3.sm-left,.col-sm-4.sm-left,.col-sm-5.sm-left,.col-sm-6.sm-left,.col-sm-7.sm-left,.col-sm-8.sm-left,.col-sm-9.sm-left,.col.sm-left{text-align:left} .col-1.sm-right,.col-10.sm-right,.col-11.sm-right,.col-12.sm-right,.col-13.sm-right,.col-14.sm-right,.col-15.sm-right,.col-16.sm-right,.col-17.sm-right,.col-18.sm-right,.col-19.sm-right,.col-2.sm-right,.col-20.sm-right,.col-21.sm-right,.col-22.sm-right,.col-23.sm-right,.col-24.sm-right,.col-3.sm-right,.col-4.sm-right,.col-5.sm-right,.col-6.sm-right,.col-7.sm-right,.col-8.sm-right,.col-9.sm-right,.col-sm-1.sm-right,.col-sm-10.sm-right,.col-sm-11.sm-right,.col-sm-12.sm-right,.col-sm-13.sm-right,.col-sm-14.sm-right,.col-sm-15.sm-right,.col-sm-16.sm-right,.col-sm-17.sm-right,.col-sm-18.sm-right,.col-sm-19.sm-right,.col-sm-2.sm-right,.col-sm-20.sm-right,.col-sm-21.sm-right,.col-sm-22.sm-right,.col-sm-23.sm-right,.col-sm-24.sm-right,.col-sm-3.sm-right,.col-sm-4.sm-right,.col-sm-5.sm-right,.col-sm-6.sm-right,.col-sm-7.sm-right,.col-sm-8.sm-right,.col-sm-9.sm-right,.col.sm-right{text-align:right} .col-1.sm-center,.col-10.sm-center,.col-11.sm-center,.col-12.sm-center,.col-13.sm-center,.col-14.sm-center,.col-15.sm-center,.col-16.sm-center,.col-17.sm-center,.col-18.sm-center,.col-19.sm-center,.col-2.sm-center,.col-20.sm-center,.col-21.sm-center,.col-22.sm-center,.col-23.sm-center,.col-24.sm-center,.col-3.sm-center,.col-4.sm-center,.col-5.sm-center,.col-6.sm-center,.col-7.sm-center,.col-8.sm-center,.col-9.sm-center,.col-sm-1.sm-center,.col-sm-10.sm-center,.col-sm-11.sm-center,.col-sm-12.sm-center,.col-sm-13.sm-center,.col-sm-14.sm-center,.col-sm-15.sm-center,.col-sm-16.sm-center,.col-sm-17.sm-center,.col-sm-18.sm-center,.col-sm-19.sm-center,.col-sm-2.sm-center,.col-sm-20.sm-center,.col-sm-21.sm-center,.col-sm-22.sm-center,.col-sm-23.sm-center,.col-sm-24.sm-center,.col-sm-3.sm-center,.col-sm-4.sm-center,.col-sm-5.sm-center,.col-sm-6.sm-center,.col-sm-7.sm-center,.col-sm-8.sm-center,.col-sm-9.sm-center,.col.sm-center{text-align:center} } .col{width:100%} .col-auto{width:auto;max-width:none} .col-1{width:4.16667%} .col-2{width:8.33333%} .col-3{width:12.5%} .col-4{width:16.66667%} .col-5{width:20.83333%} .col-6{width:25%} .col-7{width:29.16667%} .col-8{width:33.33333%} .col-9{width:37.5%} .col-10{width:41.66667%} .col-11{width:45.83333%} .col-12{width:50%} .col-13{width:54.16667%} .col-14{width:58.33333%} .col-15{width:62.5%} .col-16{width:66.66667%} .col-17{width:70.83333%} .col-18{width:75%} .col-19{width:79.16667%} .col-20{width:83.33333%} .col-21{width:87.5%} .col-22{width:91.66667%} .col-23{width:95.83333%} .col-24{width:100%} @media only screen and (max-width:765px){ .col-sm-1{width:4.16667%} .col-sm-2{width:8.33333%} .col-sm-3{width:12.5%} .col-sm-4{width:16.66667%} .col-sm-5{width:20.83333%} .col-sm-6{width:25%} .col-sm-7{width:29.16667%} .col-sm-8{width:33.33333%} .col-sm-9{width:37.5%} .col-sm-10{width:41.66667%} .col-sm-11{width:45.83333%} .col-sm-12{width:50%} .col-sm-13{width:54.16667%} .col-sm-14{width:58.33333%} .col-sm-15{width:62.5%} .col-sm-16{width:66.66667%} .col-sm-17{width:70.83333%} .col-sm-18{width:75%} .col-sm-19{width:79.16667%} .col-sm-20{width:83.33333%} .col-sm-21{width:87.5%} .col-sm-22{width:91.66667%} .col-sm-23{width:95.83333%} .col-sm-24{width:100%} } .col-offset{margin-left:0} .col-offset-1{margin-left:4.16667%} .col-offset-2{margin-left:8.33333%} .col-offset-3{margin-left:12.5%} .col-offset-4{margin-left:16.66667%} .col-offset-5{margin-left:20.83333%} .col-offset-6{margin-left:25%} .col-offset-7{margin-left:29.16667%} .col-offset-8{margin-left:33.33333%} .col-offset-9{margin-left:37.5%} .col-offset-10{margin-left:41.66667%} .col-offset-11{margin-left:45.83333%} .col-offset-12{margin-left:50%} .col-offset-13{margin-left:54.16667%} .col-offset-14{margin-left:58.33333%} .col-offset-15{margin-left:62.5%} .col-offset-16{margin-left:66.66667%} .col-offset-17{margin-left:70.83333%} .col-offset-18{margin-left:75%} .col-offset-19{margin-left:79.16667%} .col-offset-20{margin-left:83.33333%} .col-offset-21{margin-left:87.5%} .col-offset-22{margin-left:91.66667%} .col-offset-23{margin-left:95.83333%} .col-offset-24{margin-left:100%} @media only screen and (max-width:765px){ .col-sm-offset{margin-left:0} } @media only screen and (max-width:765px){ .col-sm-offset-1{margin-left:4.16667%} .col-sm-offset-2{margin-left:8.33333%} .col-sm-offset-3{margin-left:12.5%} .col-sm-offset-4{margin-left:16.66667%} .col-sm-offset-5{margin-left:20.83333%} .col-sm-offset-6{margin-left:25%} .col-sm-offset-7{margin-left:29.16667%} .col-sm-offset-8{margin-left:33.33333%} .col-sm-offset-9{margin-left:37.5%} .col-sm-offset-10{margin-left:41.66667%} .col-sm-offset-11{margin-left:45.83333%} .col-sm-offset-12{margin-left:50%} .col-sm-offset-13{margin-left:54.16667%} .col-sm-offset-14{margin-left:58.33333%} .col-sm-offset-15{margin-left:62.5%} .col-sm-offset-16{margin-left:66.66667%} .col-sm-offset-17{margin-left:70.83333%} .col-sm-offset-18{margin-left:75%} .col-sm-offset-19{margin-left:79.16667%} .col-sm-offset-20{margin-left:83.33333%} .col-sm-offset-21{margin-left:87.5%} .col-sm-offset-22{margin-left:91.66667%} .col-sm-offset-23{margin-left:95.83333%} .col-sm-offset-24{margin-left:100%} } .no-gutters{margin-right:0;margin-left:0} .no-gutters>.card,.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0} .card{position:relative;margin-bottom:12px;padding:12px;background:#fff;border:1px solid #d1d1d1;border-radius:0;box-sizing:border-box} .card__header{padding:8px 12px;border-bottom:1px solid #e5e5e5;background:#fcfcfc} .card__header .card__title{padding-bottom:0} .card__header .card__link{margin-top:0} .card__footer{padding:8px 12px;border-top:1px solid #e5e5e5} .card__title{position:relative;margin:0 0 .5em;font-size:1.2em;color:#000} .card__subtitle{position:relative;margin-top:-.45em;padding-bottom:.5em;color:#888;font-size:1em;font-weight:400} .card__link{margin-top:.5em;color:#007bff;text-decoration:none} .card__link+.card__link{margin-left:12px} .card--dashed{border:1px dashed #d1d1d1} .card--line{padding:25px 40px;border-top:1px solid #e0e1e2;border-right-color:#e0e1e2;border-left-color:#959595;border-bottom-color:#959595} .card--line:after{display:block;position:absolute;left:-1px;top:-2px;width:40px;height:3px;background:#202e70} .card--line2{padding:20px 30px;border:3px solid #d7dfe3} .card--oblique{padding:6px;border-color:#dbdbdb;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAKElEQVQYV2NkQAMPHz78z4gsBhKQl5dnhAvCBECKwILIAmBBdAEQHwD+6RdKAIbsKgAAAABJRU5ErkJggg==)} .card--oblique .card__body{padding:16px 12px;background:#fff} .card--frame{padding:0} .card--frame .card__content{padding:12px} .card--corner{padding:30px 20px;border:5px solid #e0e9ed;background:#fff} .card--corner:after,.card--corner:before{display:block;position:absolute;width:85px;height:85px;border:0 solid #5c6876;background:0 0} .card--corner:before{top:-5px;left:-5px;background:0 0;border-top-width:5px;border-left-width:5px} .card--corner:after{bottom:-5px;right:-5px;border-bottom-width:5px;border-right-width:5px} .card--corner .card__title{font-size:1.8em;line-height:1.2;color:#000;padding-bottom:30px} .card--corner .card__title em{color:#202e70} .card--corner .card__title:after{display:block;position:absolute;bottom:0;left:50%;margin-left:-30px;width:60px;height:2px;background:#000} .card--corner .card__content{padding-top:12px} .card--bgcolor{background:#f0f1f3;border-color:#f0f1f3} .p-nav__link{position:relative;display:inline-block;padding:4px 12px 6px 14px;margin-left:2px;cursor:pointer;box-sizing:border-box} .p-nav__link:not(:first-child):before{display:block;position:absolute;left:0;top:50%;width:1px;height:12px;margin-top:-6px;background-color:#999;vertical-align:middle} .p-nav__link:first-child{margin-left:0;padding-left:0} .p-nav__link:hover{text-decoration:underline} .p-nav__link.active{color:#5676da} .p-nav--small{padding:4px 12px 3px 14px} .p-nav--arrow .p-nav__link,.p-nav--button .p-nav__link{border:1px solid #ccc;background:#fff;border-radius:0} .p-nav--arrow .p-nav__link:before,.p-nav--button .p-nav__link:before{display:none} .p-nav--arrow .p-nav__link.active,.p-nav--button .p-nav__link.active{background:#202e70;border:1px solid #172150;color:#fff} .p-nav--arrow .p-nav__link.active:hover,.p-nav--button .p-nav__link.active:hover{text-decoration:none} .p-nav--arrow .p-nav__link:hover,.p-nav--button .p-nav__link:hover{text-decoration:underline} .p-nav--arrow .p-nav__link:first-child,.p-nav--button .p-nav__link:first-child{padding-left:14px} .p-nav--arrow .p-dropdown .p-nav__link,.p-nav--button .p-dropdown .p-nav__link{padding-right:28px} .p-nav--arrow .p-dropdown__arrow,.p-nav--button .p-dropdown__arrow{margin-top:-5px} .p-nav--arrow .p-nav__link.active{position:relative} .p-nav--arrow .p-nav__link.active:after{position:absolute;display:block;width:0;height:0;border:7px solid transparent;top:100%;left:44%;border-bottom-width:0;border-top-color:#202e70} .p-nav.center:not(.p-nav--group){text-align:center} .p-nav.center:not(.p-nav--group):not(.p-nav--button):not(.p-nav--arrow) .p-nav__link:first-child{padding-left:14px} .p-nav.right:not(.p-nav--group){text-align:right} .p-nav.right:not(.p-nav--group):not(.p-nav--button):not(.p-nav--arrow) .p-nav__link:first-child{padding-left:14px} .p-nav.right:not(.p-nav--group):not(.p-nav--button):not(.p-nav--arrow) .p-nav__link:last-child{padding-left:14px;padding-right:0} .p-nav .p-button{vertical-align:top;margin-top:0} .p-nav--group{padding:12px;border:3px solid #ccc} .p-nav--group .p-nav__button{display:none} .p-nav--group .p-nav__list:after{display:table;clear:both} .p-nav--group .p-nav__list li{float:left;display:inline-block} .p-nav--group .p-nav__link{position:relative;left:0;top:0;display:block;padding:3px 12px 3px 23px} .p-nav--group .p-nav__link:before{position:absolute;display:block;left:12px;width:3px;height:3px;margin-top:-1px;background:#aaa;vertical-align:top} .p-nav--group .p-nav__link .fc{display:none} .p-nav--group .p-nav__link.active{background:#202e70;color:#fff} .p-nav--group .p-nav__link.active:before{left:6px;top:15px;margin-top:-5px;background-color:transparent} @media only screen and (max-width:765px){ .p-nav--group.open{position:relative;border:1px solid red} .p-nav--group.open .p-nav__body{display:block;position:absolute;top:100%;left:0;width:100%;background:#fff;z-index:1000;border:1px solid #cdcdcd;box-sizing:border-box;box-shadow:0 0 6px rgba(0,0,0,.2)} .p-nav--group.open .p-nav__list li{float:none;display:block} .p-nav--group.open .p-nav__link{padding-top:5px;padding-bottom:5px} .p-nav--group.arrow .p-nav__body{margin-top:7px} .p-nav--group.arrow .p-nav__body:after,.p-nav--group.arrow .p-nav__body:before{display:block;position:absolute;width:0;height:0;left:50%;top:0;transform:translateX(-50%);border-left:10px solid transparent;border-right:10px solid transparent} .p-nav--group.arrow .p-nav__body:before{border-bottom:10px solid #b3b3b3;margin-top:-10px} .p-nav--group.arrow .p-nav__body:after{border-bottom:10px solid #fff;margin-top:-9px} } .p-window{position:relative;font-size:14px;line-height:1.7em;color:#666;font-family:"Malgun Gothic","맑은 고딕","돋움",Dotum,Helvetica,"Apple SD Gothic Neo","애플 SD 산돌고딕 Neo",Tahoma,Dotum,sans-serif;background-color:#fff;letter-spacing:0} .p-window a{text-decoration:none;color:#666} .p-window ::selection{text-shadow:none;background:#dfeef6} .p-window .main{position:relative;margin:12px} .p-window .header{width:100%;padding:10px 0;background-color:#2a80d1;border-bottom:1px solid #ccc;box-shadow:2px 2px 6px rgba(0,0,0,.3)} .p-window .header__title{display:inline-block;margin-left:12px;color:#fff;font-size:1.2em;font-weight:400;letter-spacing:-.7px} .p-window .h2,.p-window .h3,.p-window .h4,.p-window .h5,.p-window h2,.p-window h3,.p-window h4,.p-window h5{position:relative;font-weight:400;text-align:left;letter-spacing:-1px} .p-window .h2,.p-window h2{margin:20px 0 10px 0;color:#444;font-size:1.2em} .p-window .h3,.p-window h3{margin:12px 0 5px 0;color:#555;font-size:1.1em} .p-window .h4,.p-window h4{margin:3px 0 0 0;color:#555;font-size:1.1em;font-weight:600;letter-spacing:0} .p-window .h5,.p-window h5{margin:3px 0;color:#888;font-size:1.1em;font-weight:600;letter-spacing:0} .p-window .h3 span,.p-window .h4 span,.p-window .h5 span,.p-window .h6 span,.p-window h2 span,.p-window h4 span,.p-window h5 span,.p-window h6 span{font-size:14px} .p-window .skip h2,.p-window .skip h3,.p-window .skip h4,.p-window .skip h5,.p-window .skip h6{color:transparent} .p-table{position:relative;width:100%;border-collapse:collapse;margin:2px 0 8px} .p-table thead tr:first-child th{border-top:2px solid #222} .p-table caption+tbody tr:first-child td,.p-table caption+tbody tr:first-child th,.p-table colgroup+tbody tr:first-child td,.p-table colgroup+tbody tr:first-child th{border-top:2px solid #222} .p-table td,.p-table th{border-bottom:1px solid #d9d9d9} .p-table th{padding:13px 11px;background:#f6f6f6;color:#000;text-align:center;font-weight:400;vertical-align:middle} .p-table th:first-child:before{display:none} .p-table th .p-form__label:before{display:none} .p-table tbody th{background:#fcfcfc} .p-table caption+tbody th,.p-table colgroup+tbody th{background:#f6f6f6} .p-table td{padding:11px;box-sizing:border-box;vertical-align:middle} .p-table td.p-table__subject{text-align:left} .p-table td.p-table__subject>.p-icon{margin-left:0} .p-table td img{vertical-align:middle} .p-table td .p-photo img{margin:2px 0;vertical-align:middle} .p-table td.p-subject a{display:inline} .p-table td.p-subject .p-icon{margin-top:1px;vertical-align:top} .p-table td.p-table__content{padding-top:24px;padding-bottom:24px;word-break:break-all} .p-table td .p-table__subject_text{font-size:1.12em;color:#222;vertical-align:middle} .p-table__cheecked{box-shadow:1px 1px 10px rgba(0,0,0,.1)} .p-table--th-left th{position:static;text-align:left;padding-left:20px;padding-right:20px} .p-table--bordered th{position:static} .p-table--bordered td,.p-table--bordered th{border:1px solid #d9d9d9} .p-table--bordered th:before{display:none} .p-table--hover tbody tr:hover td,.p-table--hover tbody tr:hover th{background:rgba(220,220,220,.1)!important} .p-table--narrow td,.p-table--narrow th{padding:11px 3px} .p-table--layout thead tr:first-child th{border-top:none} .p-table--layout caption+tbody tr:first-child td,.p-table--layout caption+tbody tr:first-child th,.p-table--layout colgroup+tbody tr:first-child td,.p-table--layout colgroup+tbody tr:first-child th{border-top:none} .p-table--layout td,.p-table--layout th{background:0 0;border:none} @media only screen and (max-width:765px){ .p-table.simple{border-top:2px solid #222;display:table;table-layout:fixed;padding-top:6px} .p-table.simple colgroup,.p-table.simple thead,.p-table.simple thead th{display:none} .p-table.simple tbody{display:table-row-group} .p-table.simple tbody tr{display:table-row-group;width:100vw;border-bottom:1px solid #d9d9d9} .p-table.simple tbody tr:nth-child(even){background:#f8f8f8} .p-table.simple tbody td{display:table-row;padding:0;border-top:none;border-bottom:none;text-align:left;box-sizing:border-box;overflow:hidden} .p-table.simple tbody td:first-child:not(.p-table__hidden--mobile){padding-top:5.5px} .p-table.simple tbody td.p-subject{width:auto} .p-table.simple tbody td.p-table__hidden--mobile{display:none} .p-table.simple tr:last-child td{border-bottom:none} .p-table.simple tr:last-child td:last-child{border-bottom:1px solid #a2a2a2} .p-table.simple .p-notice{background-color:transparent} .p-table.simple .add-head{display:table-cell;width:20vw;color:#000;text-align:right;padding:2px 15px 2px 0} .p-table.simple .add-head:after{content:" : "} .p-table.simple .tds{display:table-cell;width:80vw;padding:1.83333px 15px 1.83333px 0} .p-table.simple td:first-child .add-head{padding-top:11px} .p-table.simple td:last-child .add-head{padding-bottom:11px} .p-table.simple .checkbox{display:none} .p-table.simple tr:last-child{border:none} } @media only screen and (max-width:765px){ .p-table.block:after{display:block;position:absolute;left:0;top:inherit;bottom:0;width:100%;height:1px;background:#d9d9d9} .p-table.block colgroup,.p-table.block thead{display:none} .p-table.block td,.p-table.block th{display:block;float:none;clear:left;width:100%;padding-left:0;padding-right:0} .p-table.block th{padding-top:14px;padding-bottom:0;background-color:transparent;border-bottom:none;text-align:left} .p-table.block th .p-form__label{line-height:inherit} .p-table.block td:not(.p-table__content){padding-top:3.66667px;padding-bottom:14px;border-top:none;border-bottom:1px solid #e3e3e3;text-align:left} .p-dropdown .p-table.block td:not(.p-table__content) .p-button:not(.zipcode),.p-table.block td:not(.p-table__content) .p-dropdown .p-button:not(.zipcode),.p-table.block td:not(.p-table__content) .p-input:not(.zipcode),.p-table.block td:not(.p-table__content) .p-upload__file:not(.zipcode){width:100%} .p-table.block tr:first-child th{background-color:transparent} .p-table.block tr:first-child th+td{border-top:none} } .p-table .p-subject{text-align:left;box-sizing:border-box} .p-table .p-subject a:hover{color:#202e70} .p-table .p-subject__comment{margin-left:4px} .p-table .p-notice{background:#fafafa} .p-table .row .p-date-group{margin-left:8px;margin-bottom:0} .p-table .row .p-date-group.col{width:calc(100% - 16px)} .p-table .row .p-date-group.col-1{width:calc(4.16667% - 16px)} .p-table .row .p-date-group.col-2{width:calc(8.33333% - 16px)} .p-table .row .p-date-group.col-3{width:calc(12.5% - 16px)} .p-table .row .p-date-group.col-4{width:calc(16.66667% - 16px)} .p-table .row .p-date-group.col-5{width:calc(20.83333% - 16px)} .p-table .row .p-date-group.col-6{width:calc(25% - 16px)} .p-table .row .p-date-group.col-7{width:calc(29.16667% - 16px)} .p-table .row .p-date-group.col-8{width:calc(33.33333% - 16px)} .p-table .row .p-date-group.col-9{width:calc(37.5% - 16px)} .p-table .row .p-date-group.col-10{width:calc(41.66667% - 16px)} .p-table .row .p-date-group.col-11{width:calc(45.83333% - 16px)} .p-table .row .p-date-group.col-12{width:calc(50% - 16px)} .p-table .row .p-date-group.col-13{width:calc(54.16667% - 16px)} .p-table .row .p-date-group.col-14{width:calc(58.33333% - 16px)} .p-table .row .p-date-group.col-15{width:calc(62.5% - 16px)} .p-table .row .p-date-group.col-16{width:calc(66.66667% - 16px)} .p-table .row .p-date-group.col-17{width:calc(70.83333% - 16px)} .p-table .row .p-date-group.col-18{width:calc(75% - 16px)} .p-table .row .p-date-group.col-19{width:calc(79.16667% - 16px)} .p-table .row .p-date-group.col-20{width:calc(83.33333% - 16px)} .p-table .row .p-date-group.col-21{width:calc(87.5% - 16px)} .p-table .row .p-date-group.col-22{width:calc(91.66667% - 16px)} .p-table .row .p-date-group.col-23{width:calc(95.83333% - 16px)} .p-table .row .p-date-group.col-24{width:calc(100% - 16px)} @media only screen and (max-width:765px){ .p-table .row .p-date-group.col-sm-1{width:calc(4.16667% - 16px)} .p-table .row .p-date-group.col-sm-2{width:calc(8.33333% - 16px)} .p-table .row .p-date-group.col-sm-3{width:calc(12.5% - 16px)} .p-table .row .p-date-group.col-sm-4{width:calc(16.66667% - 16px)} .p-table .row .p-date-group.col-sm-5{width:calc(20.83333% - 16px)} .p-table .row .p-date-group.col-sm-6{width:calc(25% - 16px)} .p-table .row .p-date-group.col-sm-7{width:calc(29.16667% - 16px)} .p-table .row .p-date-group.col-sm-8{width:calc(33.33333% - 16px)} .p-table .row .p-date-group.col-sm-9{width:calc(37.5% - 16px)} .p-table .row .p-date-group.col-sm-10{width:calc(41.66667% - 16px)} .p-table .row .p-date-group.col-sm-11{width:calc(45.83333% - 16px)} .p-table .row .p-date-group.col-sm-12{width:calc(50% - 16px)} .p-table .row .p-date-group.col-sm-13{width:calc(54.16667% - 16px)} .p-table .row .p-date-group.col-sm-14{width:calc(58.33333% - 16px)} .p-table .row .p-date-group.col-sm-15{width:calc(62.5% - 16px)} .p-table .row .p-date-group.col-sm-16{width:calc(66.66667% - 16px)} .p-table .row .p-date-group.col-sm-17{width:calc(70.83333% - 16px)} .p-table .row .p-date-group.col-sm-18{width:calc(75% - 16px)} .p-table .row .p-date-group.col-sm-19{width:calc(79.16667% - 16px)} .p-table .row .p-date-group.col-sm-20{width:calc(83.33333% - 16px)} .p-table .row .p-date-group.col-sm-21{width:calc(87.5% - 16px)} .p-table .row .p-date-group.col-sm-22{width:calc(91.66667% - 16px)} .p-table .row .p-date-group.col-sm-23{width:calc(95.83333% - 16px)} .p-table .row .p-date-group.col-sm-24{width:calc(100% - 16px)} } .p-table .p-form-row{margin-bottom:0} .p-table .active td{background:#f0f0f0;color:#bbb} .p-table .active td>a,.p-table .active td>span{color:#bbb} .p-table .active td .p-icon,.p-table .active td img{opacity:.6} .p-table .active .manage .manage__body{display:block} @media only screen and (max-width:765px){ .p-form .p-table.sm-block th{padding:12px 0 0;background:0 0;border:none;line-height:1.4em} .p-form .p-table.sm-block td{padding:0 0 12px;border:none} .p-form .p-table.sm-block tr:first-child th{margin-top:0} .p-form .p-table.sm-block tr:last-child td{margin-bottom:11px} } .table-responsive.active{position:relative;min-height:.01%;overflow-x:auto;width:100%;overflow-y:hidden;box-sizing:border-box;border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9;margin:8px 0;background:linear-gradient(to right,#fff 30%,rgba(255,255,255,0)),linear-gradient(to right,rgba(255,255,255,0),#fff 70%) 0 100%,radial-gradient(farthest-side at 0 50%,rgba(0,0,0,.2),rgba(0,0,0,0)),radial-gradient(farthest-side at 100% 50%,rgba(0,0,0,.2),rgba(0,0,0,0)) 0 100%;background-repeat:no-repeat;background-color:#fff;background-size:40px 100%,40px 100%,14px 100%,14px 100%;background-position:0 0,100%,0 0,100%;background-attachment:local,local,scroll,scroll} .table-responsive.active.icon:after{content:"데이터 테이블 터치 슬라이드";position:absolute;left:50%;top:10px;width:60px;height:60px;margin-left:-30px;background:rgba(50,100,200,.4) url(/common_html5/images/program/finger_gesture.svg) no-repeat center center;background-size:auto 44px;z-index:100;color:transparent;text-align:center;border-radius:50%;opacity:0} .table-responsive.active.icon.bouncein:after{animation:p-bounceIn .5s linear forwards} .table-responsive.active.icon.bounceout:after{animation:p-bounceOut .5s linear forwards} .table-responsive.active .p-table.scroll{margin:0} .table-responsive.active .p-table.scroll>tbody>tr>td,.table-responsive.active .p-table.scroll>tbody>tr>th,.table-responsive.active .p-table.scroll>tfoot>tr>td,.table-responsive.active .p-table.scroll>tfoot>tr>th,.table-responsive.active .p-table.scroll>thead>tr>td,.table-responsive.active .p-table.scroll>thead>tr>th{width:auto;padding:11px;clear:none} .table-responsive.active .p-table.scroll tr th{white-space:nowrap} .table-responsive.active .p-table.scroll tr td:first-child,.table-responsive.active .p-table.scroll tr th:first-child{border-left:0!important} .table-responsive.active .p-table.scroll tr td:last-child,.table-responsive.active .p-table.scroll tr th:last-child{border-right:0!important} .table-responsive.active>.table{margin:0} @keyframes p-bounceIn{ 20%,40%,60%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)} 0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)} 20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)} 40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)} 60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)} 80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)} to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)} } @keyframes p-bounceOut{ 20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)} 50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)} to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)} } .p-post-move{border-top:1px solid #222} .p-post-move__item{border-bottom:1px solid #d1d1d1} .p-post-move__title{display:inline-block;width:15%;padding:14px 0;text-align:center;vertical-align:middle;font-weight:400;color:#000} .p-post-move__link{display:inline-block;overflow:hidden;width:80%;margin-left:2%;white-space:nowrap;text-overflow:ellipsis;vertical-align:middle} @media only screen and (max-width:765px){ .p-post-move__title{width:20%} .p-post-move__link{width:75%} } .p-photo{position:relative;width:auto;margin:8px auto;font-size:0;line-height:0;text-align:center} @media only screen and (max-width:765px){ .p-photo{width:100%} } .p-photo img{max-width:720px;max-height:540px;vertical-align:top} @media only screen and (max-width:765px){ .p-photo img{width:100%;height:auto;max-width:100%;max-height:540px} } .p-photo__wrap{display:inline-block;position:relative} .p-photo__zoom{display:block;overflow:hidden;position:absolute;bottom:7px;right:7px;z-index:10;width:30px;height:30px;border:1px solid rgba(255,255,255,.4)} .p-photo__link{display:block;width:100%;height:100%;text-align:center;background-color:rgba(0,0,0,.5)} .p-photo__link .p-icon{margin-top:4px;font-size:0} .p-photo__link .fc{font-size:20px;color:rgba(255,255,255,.9)} .p-comment{margin-top:60px} .p-comment__heading{font-size:1.3em} .p-comment__form{margin-top:12px} .p-comment__form .p-dropdown .p-button,.p-comment__form .p-input,.p-comment__form .p-upload__file,.p-dropdown .p-comment__form .p-button{height:100px;border:5px solid #e0e0e0} .p-comment__button{margin-top:30px;text-align:center} .p-comment__button .p-button.write{background:#fff;border-radius:20px;color:#202e70;padding-left:45px;padding-right:45px} .p-comment__list{border-top:1px solid #222} .p-comment__list-info{margin-top:60px;margin-bottom:12px;color:#000} .p-comment__list-info strong{display:inline-block;color:#2c48cf;margin-left:2px} .p-comment__item{padding:12px 0;border-bottom:1px solid #d8d8d8} .p-comment__button_delete{display:inline-block;width:18px;height:18px;margin-top:-1px;margin-left:10px;border:1px solid #888;border-radius:4px;vertical-align:middle;background:transparent url(/common_html5/images/program/p-icon-view.svg#times) no-repeat center center;background-size:11px 11px} .p-comment__button_delete .fc,.p-comment__button_delete svg{vertical-align:top;margin-top:4px} .p-comment__button_delete .fc{color:#555} .p-comment__button_delete:hover{background-color:#f3f3f3} .p-media{position:relative} .p-media>a{display:block;text-decoration:none} .p-media>a:hover .p-media__heading-text{text-decoration:underline} .p-media__checkbox{display:table-cell;vertical-align:top;padding-right:18px} .p-media__image{position:relative;display:table-cell;vertical-align:top;padding-right:18px} .p-media__image-wrap{position:relative;border:1px solid #d1d1d1} .p-media__image img{vertical-align:top} .p-media__image video{width:100%} .p-media__image--right{padding-left:18px;padding-right:0} .p-media__body{display:table-cell;vertical-align:top} .p-media__heading{width:100%;font-size:1.2em;line-height:1.4em;color:#333} .p-media__heading .p-icon{margin-top:-6px} .p-media--ellipsis .p-media__heading{display:table;table-layout:fixed} .p-media--ellipsis .p-media__heading .p-media__heading-text{display:block;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .p-media__content{color:#666;margin-top:10px} .p-media__heading+.p-media__content{margin-top:15px} .p-media--indent .p-media__image--left{float:left;margin-right:12px} .p-media--indent .p-media__image--right{float:right;margin-left:12px} .p-media--indent:after{display:table;clear:both} .p-media-list{border-top:2px solid #222;border-bottom:1px solid #a2a2a2} .p-media-list>li{position:relative;padding:28px 0;border-top:1px solid #d1d1d1} .p-media-list:after{display:table;clear:both} .p-media-list .p-media__checkbox{position:absolute;left:0;top:2px} .p-media-list .p-media__image-wrap{overflow:hidden;width:210px;height:140px} .p-media-list .p-media__image-wrap img{position:absolute;top:50%;left:50%;width:100%;transform:translate(-50%,-50%)} @media only screen and (max-width:765px){ .p-media-list .p-media__image-wrap{width:105px;height:70px} .p-media-list .p-media__heading{font-size:1.1em} .p-media-list .p-media__heading .p-media__heading-text{display:block;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .p-media-list .p-media__info{margin-top:6px} .p-media-list .p-media__info .p-split{margin-left:6px} .p-media-list .p-media__info .p-split:before{margin-right:7px} .p-media-list .p-media__content{overflow-y:hidden;height:3em;margin-top:6px} .p-media-list .p-media .p-delete-info{display:none} } .p-media--gallery{display:block;overflow-x:hidden} .p-media--gallery .p-media{width:21.7%;float:left;margin-top:30px;margin-bottom:30px;padding:0;border-top:none} .p-media--gallery .p-media:not(:nth-child(4n+1)){margin-left:calc((100% - (21.7% * 4))/ 3 - .5px)} .p-media--gallery .p-media__checkbox{position:absolute;top:10px;left:10px;z-index:100} .p-media--gallery .p-media__image{display:block;width:100%;padding-right:0} .p-media--gallery .p-media__image-wrap{width:100%;padding-top:calc(75% - 2px);height:auto} .p-media--gallery .p-media__image-wrap img{width:auto;height:100%;max-width:none;max-height:100%;min-height:100%} .p-media--gallery .p-media__image .p-icon-group{position:absolute;width:100%;bottom:0;padding:5px;text-align:right;box-sizing:border-box} .p-media--gallery .p-media__image .p-icon{margin-right:0} .p-media--gallery .p-media__body{display:block} .p-media--gallery .p-media__heading{display:block;table-layout:auto;margin-top:12px;font-size:1em} .p-media--gallery .p-media__heading .p-media__heading-text{display:block;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .p-media--gallery .p-media__info{margin-top:4px} @media only screen and (max-width:1023px){ .p-media--gallery .p-media{width:30%} .p-media--gallery .p-media:not(:nth-child(4n+1)){margin-left:0} .p-media--gallery .p-media:not(:nth-child(3n+1)){margin-left:calc((100% - (30% * 3))/ 2 - 1px)} } @media only screen and (max-width:765px){ .p-media--gallery .p-media{width:45%;margin:15px 0} .p-media--gallery .p-media:not(:nth-child(3n+1)){margin-left:0} .p-media--gallery .p-media:not(:nth-child(2n+1)){margin-left:calc((100% - (45% * 2))/ 1 - 2px)} } @media only screen and (max-width:430px){ .p-media--gallery .p-media .p-author__info .p-split:not(:first-child){display:none} } .p-media__video{border-top:2px solid #222;border-bottom:1px solid #a2a2a2;padding:24px 0 36px} .p-media__video+.p-media--gallery .p-media-list{border-top:0} .p-media__video-wrap{position:relative;margin-top:12px} .p-media__video-wrap:after{display:table;clear:both} .p-media__video-wrap .p-media__body{padding-top:0;width:100%} .p-media__video .p-media__info{margin-top:0} .p-media__video .p-media__image-wrap{position:relative;overflow:hidden;width:430px;height:242px;border:1px solid #e5e5e5} .p-media__video .p-media__image video{Height:100%;object-fit:inherit} .p-media__video .p-media__heading-text{overflow:visible;white-space:inherit;text-overflow:inherit} .p-media__video .p-media__subtitle{border:1px solid #d1d1d1;height:242px;padding:12px 0} .p-media__video .p-media__subtitle [tabindex="0"]{overflow-y:scroll;position:relative;height:100%;padding:0 12px;word-break:break-all} @media only screen and (max-width:765px){ .p-media__video .p-media__image{display:block;padding-right:0} .p-media__video .p-media__image-wrap{margin-left:auto;margin-right:auto} .p-media__video .p-media__body{display:block;margin-top:12px} } @media all and (max-width:430px){ .p-media__video .p-media__image-wrap{width:100%;height:auto} } .p-dropdown .p-button,.p-input,.p-upload__file{display:inline-block;width:100%;margin:2px 0;background-color:#fff;border:1px solid #cdcdcd;border-radius:0;vertical-align:middle;appearance:none;-webkit-appearance:none;-moz-appearance:textfield;box-sizing:border-box;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;height:30px;padding:0 12px 2px;line-height:inherit} .p-dropdown .p-button::placeholder,.p-input::placeholder,.p-upload__file::placeholder{color:#757575;font-size:.9em} .p-dropdown .p-button:not([readonly]):focus,.p-input:not([readonly]):focus,.p-upload__file:not([readonly]):focus{outline:0;border-color:#888;box-shadow:0 0 6px rgba(0,0,0,.2)} .p-dropdown .p-button[type=number]::-webkit-inner-spin-button,.p-dropdown .p-button[type=number]::-webkit-outer-spin-button,.p-input[type=number]::-webkit-inner-spin-button,.p-input[type=number]::-webkit-outer-spin-button,.p-upload__file[type=number]::-webkit-inner-spin-button,.p-upload__file[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0} .disabled.p-upload__file,.p-dropdown .disabled.p-button,.p-dropdown .p-button[disabled],.p-dropdown .p-button[readonly],.p-dropdown .readonly.p-button,.p-input.disabled,.p-input.readonly,.p-input[disabled],.p-input[readonly],.p-upload__file[disabled],.p-upload__file[readonly],.readonly.p-upload__file{cursor:not-allowed;background:#f0f0f0;border-color:#d7d7d7;opacity:1} .p-dropdown .p-button .disabled,.p-dropdown .p-button[disabled],.p-input .disabled,.p-input[disabled],.p-upload__file .disabled,.p-upload__file[disabled]{color:#959595} .p-input--readonly{cursor:not-allowed;background:#f0f0f0;border-color:#d7d7d7;opacity:1} .p-input--auto{display:inline-block;width:auto} .p-input--ghost{border:none;box-shadow:none} .p-input__addon,.p-input__split{display:table-cell;width:1%} .p-input__addon .p-input__item,.p-input__split .p-input__item{display:inline-block;height:30px;padding:0 12px 2px;background-color:#f0f0f0;border:1px solid #cdcdcd;border-radius:0;line-height:29px;text-align:center;font-weight:400;vertical-align:middle;text-decoration:none;white-space:nowrap;box-sizing:border-box} .p-input__addon .p-input__item--before,.p-input__split .p-input__item--before{border-right:none} .p-input__addon .p-button,.p-input__split .p-button{border-left:none;padding-left:10px;padding-right:10px} .p-input__addon>.p-input__item{border-right-color:transparent;border-left-color:#cdcdcd} .p-dropdown .p-button+.p-input__addon>.p-input__item,.p-dropdown .p-button+.p-input__split>.p-input__item,.p-input+.p-input__addon>.p-input__item,.p-input+.p-input__split>.p-input__item,.p-upload__file+.p-input__addon>.p-input__item,.p-upload__file+.p-input__split>.p-input__item{border-right-color:#cdcdcd;border-left-color:transparent} .p-dropdown .p-button,select.p-input,select.p-upload__file{padding:0 0 2px 12px;-webkit-padding-end:30px;-moz-padding-end:30px;font-family:inherit;line-height:27px;background:#fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAANElEQVQYV2Ncvnz5fwYiACPRCkGGEVIcGRnJyAizFZdikCKQGrhCbCbDFGEoRFaMrAgkDgB1ORXvQyzzggAAAABJRU5ErkJggg==) no-repeat right 8px center;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;min-width:75px} .p-dropdown .p-button::-ms-expand,select.p-input::-ms-expand,select.p-upload__file::-ms-expand{opacity:0} .p-dropdown .p-button:focus,select.p-input:focus,select.p-upload__file:focus{outline:0;border-color:#888;box-shadow:0 0 6px rgba(0,0,0,.2)} .p-dropdown .p-button:after,select.p-input:after,select.p-upload__file:after{position:absolute;width:27px;height:27px} .p-dropdown .p-button[multiple],.p-dropdown .p-button[size],select.p-upload__file[multiple],select.p-upload__file[size],select[multiple].p-input,select[size].p-input{height:auto;background:0 0;padding-top:4px;padding-bottom:4px} .p-dropdown span.p-button,span.p-input,span.p-upload__file{padding-top:3px} .p-dropdown textarea.p-button,textarea.p-input,textarea.p-upload__file{height:220px;padding:12px;word-wrap:break-word;word-break:break-all} .p-dropdown textarea.p-button:focus,textarea.p-input:focus,textarea.p-upload__file:focus{outline:0;border-color:#888;box-shadow:0 0 6px rgba(0,0,0,.2)} .zipcode{display:inline-block;width:100px} .p-form{margin-bottom:12px} .p-form__label{display:inline-block;line-height:30px;color:#111} .p-form__label:before{display:inline-block;width:4px;height:4px;margin-right:4px;background:#888;vertical-align:middle} .p-form__hyphen{position:relative} .p-form__hyphen:before{content:"-";position:absolute;top:50%;left:-4px;transform:translateY(-50%)} .p-form__split{display:table-cell;width:1%;padding:0 6px;vertical-align:middle} .p-form__split:before{display:inline-block;width:0} .p-form__split:first-child{padding-left:0} .p-form__split-short{padding:0 3px} .p-form__required{display:inline-block;margin-left:3px;color:#d10734;vertical-align:baseline} .p-form__required.n{color:#757575} .p-form__required--icon{display:inline-block;margin-top:-3px;margin-left:1px;vertical-align:middle;font-size:0;text-indent:100%} .p-form-checkbox,.p-form-radio{position:relative;display:inline-block;margin-right:8px;vertical-align:middle} .p-form-checkbox[class*=col-],.p-form-radio[class*=col-]{margin-right:0} .p-form-checkbox--block,.p-form-radio--block{display:block;margin-right:0} .p-form-checkbox--single,.p-form-radio--single{margin-right:0} .p-form-checkbox--single .p-form-checkbox__label,.p-form-checkbox--single .p-form-radio__label,.p-form-radio--single .p-form-checkbox__label,.p-form-radio--single .p-form-radio__label{overflow:hidden;padding-left:22px;width:0;height:22px;vertical-align:top} .p-form-checkbox--single .p-form-checkbox__input:focus+.p-form-checkbox__label:before,.p-form-checkbox--single .p-form-radio__input:focus+.p-form-checkbox__label:before,.p-form-radio--single .p-form-checkbox__input:focus+.p-form-checkbox__label:before,.p-form-radio--single .p-form-radio__input:focus+.p-form-checkbox__label:before{outline:2px dotted #2b69fc} .p-form-checkbox--single .p-form-checkbox__input:focus+.p-form-radio__label:before,.p-form-checkbox--single .p-form-radio__input:focus+.p-form-radio__label:before,.p-form-radio--single .p-form-checkbox__input:focus+.p-form-radio__label:before,.p-form-radio--single .p-form-radio__input:focus+.p-form-radio__label:before{outline:2px dotted #2b69fc} .p-form-checkbox__input,.p-form-radio__input{display:inline-block;opacity:0;position:absolute;top:4px;left:2px;width:16px;height:16px;margin:0;padding:0;vertical-align:middle} .p-form-checkbox__label,.p-form-radio__label{position:relative;display:inline-block;padding-left:26px;line-height:1.5;vertical-align:top;box-sizing:border-box} .p-form-checkbox__label:after,.p-form-checkbox__label:before,.p-form-radio__label:after,.p-form-radio__label:before{position:absolute;display:inline-block} .p-form-checkbox__label:before,.p-form-radio__label:before{top:2px;left:1px;width:20px;height:20px;border:1px solid #aaa;background:#fff;box-sizing:border-box} .p-form-checkbox__label:before{border-radius:0} .p-form-radio__label:before{border-radius:100%} .p-form-checkbox__input:focus+.p-form-checkbox__label:before,.p-form-radio__input:focus+.p-form-radio__label:before{outline:2px dotted #2b69fc} .p-form-checkbox__input:checked+.p-form-checkbox__label:before{border-color:#202e70;background-color:#202e70} .p-form-checkbox__input:checked+.p-form-checkbox__label:after{top:7px;left:5px} .p-form-checkbox__input[disabled]+.p-form-checkbox__label:before,.p-form-checkbox__input[readonly]+.p-form-checkbox__label:before{border-color:#aaa;background:#efefef} .p-form-checkbox__input[disabled]+.p-form-checkbox__label:after,.p-form-checkbox__input[readonly]+.p-form-checkbox__label:after{display:none} .p-form-checkbox__input[disabled][checked]+.p-form-checkbox__label:after,.p-form-checkbox__input[readonly][checked]+.p-form-checkbox__label:after{display:inline-block} .p-form-radio__input:checked+.p-form-radio__label:after{top:7px;left:6px;width:10px;height:10px;background:#202e70;border-radius:50%} .p-form-radio__input[disabled]+.p-form-radio__label:before,.p-form-radio__input[readonly]+.p-form-radio__label:before{background:#efefef} .p-form-radio__input[disabled]+.p-form-radio__label:after,.p-form-radio__input[readonly]+.p-form-radio__label:after{display:none} .p-form-radio__input[disabled][checked]+.p-form-radio__label:after,.p-form-radio__input[readonly][checked]+.p-form-radio__label:after{display:inline-block;background-color:#999} .p-form-checkbox__input[disabled],.p-form-checkbox__input[readonly],.p-form-radio__input[disabled],.p-form-radio__input[readonly]{cursor:not-allowed;background:0 0;border-color:rgba(0,0,0,0);opacity:1} .p-form-checkbox--button{overflow:visible} .p-form-checkbox--button .p-form-checkbox__label{padding:4px 12px 5px;border:1px solid #ccc;background:#fff;border-radius:2px} .p-form-checkbox--button .p-form-checkbox__label:before{content:none} .p-form-checkbox--button .p-form-checkbox__input+.p-form-checkbox__label:after{content:none} .p-form-checkbox--button .p-form-checkbox__input:focus+.p-form-checkbox__label{outline:#2b69fc auto 3px} .p-form-checkbox--button .p-form-checkbox__input:checked+.p-form-checkbox__label{background:#202e70;border:1px solid #202e70;color:#fff} .p-form-checkbox--button .p-form-checkbox__input:checked+.p-form-checkbox__label:after,.p-form-checkbox--button .p-form-checkbox__input:checked+.p-form-checkbox__label:before{content:none} .p-form-checkbox--button .p-form-checkbox__input[disabled]+.p-form-checkbox__label,.p-form-checkbox--button .p-form-checkbox__input[readonly]+.p-form-checkbox__label{background:#efefef} .p-form--group:after{content:"";display:table;clear:both} .p-form--group .p-form-checkbox--button{float:left;margin-right:0;margin-left:-1px} .p-form--group .p-form-checkbox--button:first-child{margin-left:0} .p-form--group .p-form-checkbox--button .p-form-checkbox__input:checked+.p-form-checkbox__label{position:relative;z-index:100} .no-svg .p-form-checkbox--button .p-form-checkbox__input{top:8px;left:8px} .no-svg .p-form-checkbox--button .p-form-checkbox__label{padding-left:26px;background:0 0} .p-form-radio--button{overflow:visible} .p-form-radio--button .p-form-radio__label{padding:4px 12px 5px;border:1px solid #ccc;background:#fff;border-radius:2px} .p-form-radio--button .p-form-radio__label:before{content:none} .p-form-radio--button .p-form-radio__input+.p-form-radio__label:after{content:none} .p-form-radio--button .p-form-radio__input:focus+.p-form-radio__label{outline:#2b69fc auto 3px} .p-form-radio--button .p-form-radio__input:checked+.p-form-radio__label{background:#202e70;border:1px solid #202e70;color:#fff} .p-form-radio--button .p-form-radio__input:checked+.p-form-radio__label:after,.p-form-radio--button .p-form-radio__input:checked+.p-form-radio__label:before{content:none} .p-form-radio--button .p-form-radio__input[disabled]+.p-form-radio__label,.p-form-radio--button .p-form-radio__input[readonly]+.p-form-radio__label{background:#efefef} .p-form--group:after{content:"";display:table;clear:both} .p-form--group .p-form-radio--button{float:left;margin-right:0;margin-left:-1px} .p-form--group .p-form-radio--button:first-child{margin-left:0} .p-form--group .p-form-radio--button .p-form-radio__input:checked+.p-form-radio__label{position:relative;z-index:100} .no-svg .p-form-radio--button .p-form-radio__input{top:8px;left:8px} .no-svg .p-form-radio--button .p-form-radio__label{padding-left:26px;background:0 0} .p-checkbox__all{position:relative;display:inline-block;vertical-align:middle;width:20px;height:20px;text-indent:100%;overflow:hidden} .p-checkbox__all:after,.p-checkbox__all:before{position:absolute;display:inline-block} .p-checkbox__all:before{top:0;left:0;width:20px;height:20px;border:1px solid #aaa;background:#fff;box-sizing:border-box} .p-checkbox__all.check{background:#ccc} .p-checkbox__all.check-all{background:#00f} .row .p-form-checkbox__input,.row .p-form-radio__input{left:11px} .p-switcher{position:relative;margin:0;vertical-align:middle;height:24px} .p-switcher:after,.p-switcher:before{transition:.35s cubic-bezier(.785,.135,.15,.86)} .p-switcher__input{position:absolute;top:3px;left:1px;opacity:0} .p-switcher__input:checked+label{color:#202e70} .p-switcher__input:checked+label:before{box-shadow:inset 0 0 0 2em #202e70} .p-switcher__input:checked+label:after{left:18px} .p-switcher__input:focus+label::before{box-shadow:inset 0 0 0 2em #d0d0d0} .p-switcher__input:checked:focus+label:before{box-shadow:inset 0 0 0 2em #202e70} .p-switcher__input:focus+label:before{outline:2px dotted #2b69fc} .p-switcher__label{position:relative;display:inline-block;padding-left:42px;height:24px;color:#888;box-sizing:border-box} .p-switcher__label:after,.p-switcher__label:before{transition:.2s cubic-bezier(.785,.135,.15,.86)} .p-switcher__label:before{display:inline-block;position:absolute;top:2px;left:0;width:42px;height:20px;background:#d0d0d0;border-radius:42px;box-shadow:inset 0 0 2px 1px rgba(0,0,0,.05)} .p-switcher__label:after{display:inline-block;position:absolute;top:0;left:0;width:22px;height:22px;border:1px solid #ccc;border-radius:3em;background:#fff} .p-switcher__text{display:inline-block;margin-left:8px} .p-switcher__text.blind{margin-left:0} .p-switcher--small{height:18px} .p-switcher--small .p-switcher__input{width:10px;height:10px} .p-switcher--small .p-switcher__input:checked+label:after{left:14px} .p-switcher--small .p-switcher__label{padding-left:36px;height:18px} .p-switcher--small .p-switcher__label:before{top:3px;width:32px;height:12px} .p-switcher--small .p-switcher__label:after{width:16px;height:16px} .p-upload__label{display:inline-block;margin-right:0;font-size:0;text-indent:100%;vertical-align:middle} .p-upload__label.file{margin-top:-10px} .p-upload__file{display:inline-block;width:inherit;min-width:80%;padding-left:0;line-height:16px} .p-upload__file--hidden{position:absolute;width:1px;height:1px;min-width:inherit;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:none} .p-upload__clear{display:none;position:absolute;right:8px;top:9px;font-size:0;line-height:0;color:transparent} .p-upload__clear.active{display:block} .p-upload.focus [data-button=upload]{outline:2px dotted #2b69fc} .p-attach__item{margin:5px 0} .p-attach__item span{vertical-align:middle} .p-attach__link{position:relative;display:inline-block} .p-attach__link:hover{text-decoration:underline} .p-attach__link span{vertical-align:middle} .p-attach__link .fc{margin-top:2px} .p-attach__count,.p-attach__size{margin-left:4px;font-size:.9em;letter-spacing:-1px;color:#2e84d1} .p-attach .p-button{position:relative;height:auto;margin:0 8px;padding:2px 10px 2px;font-size:.9em} .p-attach .p-button svg{margin-left:0;top:-.1em} .p-attach .p-button:hover{background:#fafafa} @media only screen and (max-width:765px){ .p-attach__link{font-size:.9em} .p-attach__link svg{display:none} .p-attach__preview.p-button{margin-left:0} } .p-form-row{display:block;margin-right:-8px;margin-left:-8px;margin-bottom:12px} .p-form-row:after{display:table;clear:both} .p-form-row [type=number]::-webkit-inner-spin-button,.p-form-row [type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0} .p-form-group{position:relative;white-space:nowrap;display:table} .p-form-group [type=number]::-webkit-inner-spin-button,.p-form-group [type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0} .p-form-group__button{display:table-cell;width:1%;vertical-align:middle} .p-form-group__button:before{display:inline-block;width:0} .p-form-group .p-form__date,.p-form-group__label{display:table-cell;width:1%;vertical-align:middle} .p-form-group .p-form__date:before,.p-form-group__label:before{display:inline-block;width:0} .p-form-group .p-form__date:first-child,.p-form-group__label:first-child{padding-left:0} .p-form-group .p-form__date .p-form__label,.p-form-group__label .p-form__label{margin-top:-2px} .p-form-group__label{padding:0 8px 0 24px} .p-form-group .p-button{border-radius:0} .p-form-group__upload{position:relative} .p-dropdown .p-form-inline .p-button,.p-form-inline .p-dropdown .p-button,.p-form-inline .p-input,.p-form-inline .p-upload__file{width:auto} .p-form-inline .p-form__label{margin-left:12px;margin-right:3px} .p-form-inline .p-form__label:first-child{margin-left:0} .p-form-inline__button{display:table-cell;width:1%;vertical-align:middle} .p-form-inline__button:before{display:inline-block;width:0} .p-form-inline .p-form__split{display:inline-block;width:auto;padding:0 4px} .p-form-inline .p-form__split:before{display:none} .p-input-group{display:inline-table;position:relative;vertical-align:middle;white-space:nowrap} .p-input-group__button,.p-upload .p-form-checkbox{display:table-cell;width:1%;vertical-align:middle} .p-input-group__button:before,.p-upload .p-form-checkbox:before{display:inline-block;width:0} @media only screen and (max-width:765px){ .p-form{width:100%} } .p-form__date-input{display:inline-block;width:100%;margin:2px 0;background-color:#fff;border:1px solid #cdcdcd;border-radius:0;vertical-align:middle;appearance:none;-webkit-appearance:none;-moz-appearance:textfield;box-sizing:border-box;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;max-width:125px;height:30px;padding:0 12px 2px;line-height:inherit} .p-form__date-input::placeholder{color:#757575;font-size:.9em} .p-form__date-input:not([readonly]):focus{outline:0;border-color:#888;box-shadow:0 0 6px rgba(0,0,0,.2)} @media only screen and (max-width:765px){ .p-form__date-input{width:110px;padding:0 8px 2px} } .p-form__date-button{width:32px;height:32px;margin-left:6px;margin-right:6px;background:#e4e4e4;border-radius:50%;box-sizing:border-box} .p-form__date svg{vertical-align:top;margin-top:.2em} .p-table td .p-form__date:first-child{margin-left:0} .p-button{padding:7px 24px 7px} .p-button{display:inline-block;height:40px;margin:2px 0;border:1px solid #aaa;border-radius:0;line-height:inherit;text-align:center;font-weight:400;vertical-align:middle;text-decoration:none;transition:background .3s;white-space:nowrap;box-sizing:border-box;-webkit-appearance:none} .p-button:active,.p-button:hover{text-decoration:none} .p-button img,.p-button svg{vertical-align:middle} .p-button svg{position:relative;top:-.15em} .p-button--icon{padding-left:8px;padding-right:8px;min-width:30px;font-size:0} .p-button--icon[type=submit]{padding-left:8px;padding-right:8px} .p-button--icon:before{display:inline-block;width:14px;height:14px;margin:5px 0 0 0;background-repeat:no-repeat;background-position:center center;vertical-align:top} .p-button--icon.write:before{background-image:url(/common_html5/images/program/p-icon-view.svg#pencil-white);background-size:14px 14px} .p-button--icon.edit:before{width:16px;height:14px;background-image:url(/common_html5/images/program/p-icon-view.svg#edit-white);background-size:16px 16px} .p-button--icon.delete:before{width:14px;height:16px;background-image:url(/common_html5/images/program/p-icon-view.svg#trash-white);background-size:16px 16px} .p-button--icon.config:before{background-image:url(/common_html5/images/program/p-icon-view.svg#cog-white);background-size:16px 16px} .p-button--icon.search:before{background-image:url(/common_html5/images/program/p-icon-view.svg#search-white);background-size:14px 14px} .p-button--icon.download:before{width:17px;height:15px;margin-top:4px;background-image:url(/common_html5/images/program/p-icon-view.svg#download);background-size:17px 17px} .p-button--icon.excel:before{width:17px;height:16px;margin-top:4px;background-image:url(/common_html5/images/program/p-icon-view.svg#excel);background-size:17px 17px} .p-button--icon.p-button--bordered.write:before{background-image:url(/common_html5/images/program/p-icon-view.svg#pencil);background-size:14px 14px} .p-button--icon.p-button--bordered.edit:before{width:16px;height:14px;background-image:url(/common_html5/images/program/p-icon-view.svg#edit);background-size:16px 16px} .p-button--icon.p-button--bordered.delete:before{background-image:url(/common_html5/images/program/p-icon-view.svg#trash);background-size:16px 16px} .p-button--icon.p-button--bordered.config:before{background-image:url(/common_html5/images/program/p-icon-view.svg#cog);background-size:16px 16px} .p-button--icon.p-button--bordered.search:before{background-image:url(/common_html5/images/program/p-icon-view.svg#search);background-size:14px 14px} .p-button--icon.p-button--bordered.download:before{background-image:url(/common_html5/images/program/p-icon-view.svg#download);background-size:17px 17px} .p-button--icon.p-button--bordered.excel:before{background-image:url(/common_html5/images/program/p-icon-view.svg#excel);background-size:17px 17px} .p-button--block{display:block;width:100%} .p-button--small{height:30px;line-height:28px;padding:0 12px 2px;font-size:.95em} .p-button--small[type=submit]{height:30px;line-height:27px} .p-button--manage,.p-button--xsmall{height:22px;padding:0 10px;font-size:.9em} .p-button--manage[type=submit],.p-button--xsmall[type=submit]{height:30px;line-height:27px} .p-button--manage:before,.p-button--xsmall:before{margin-top:3px} .p-button--icon.p-button--manage,.p-button--xsmall.p-button--icon{font-size:0} .p-button--large{height:auto;padding:10px 24px 12px;line-height:inherit;font-size:1.1em} .p-button--large.p-button--block{font-size:1.2em} .p-button--manage,.p-button--radius{border-radius:0} .p-button{background-color:#fff;color:#666;border-color:#cdcdcd} .p-button:hover{background-color:#fafafa} .p-button.write{background-color:#202e70;color:#fff;border-color:#151e48} .p-button.write:hover{background-color:#172150;border-color:#151e48;color:#fff} .p-button.write:active{background-color:#101738;border-color:#151e48;color:#fff} .p-button.write:link{background-color:#202e70;border-color:#151e48;color:#fff} .p-button.edit{background-color:#202e70;color:#fff;border-color:#151e48} .p-button.edit:hover{background-color:#172150;border-color:#151e48;color:#fff} .p-button.edit:active{background-color:#101738;border-color:#151e48;color:#fff} .p-button.edit:link{background-color:#202e70;border-color:#151e48;color:#fff} .p-button.delete{background-color:#3b3c3f;color:#fff;border-color:#222325} .p-button.delete:hover{background-color:#27282a;border-color:#222325;color:#fff} .p-button.delete:active{background-color:#18191a;border-color:#222325;color:#fff} .p-button.delete:link{background-color:#3b3c3f;border-color:#222325;color:#fff} .p-button.restore{background-color:#e8460e;color:#fff;border-color:#b8370b} .p-button.restore:hover{background-color:#c23a0c;border-color:#b8370b;color:#fff} .p-button.restore:active{background-color:#a5320a;border-color:#b8370b;color:#fff} .p-button.restore:link{background-color:#e8460e;border-color:#b8370b;color:#fff} .p-button.primary{background-color:#59629d;color:#fff;border-color:#474e7c} .p-button.primary:hover{background-color:#4a5283;border-color:#474e7c;color:#fff} .p-button.primary:active{background-color:#3f466f;border-color:#474e7c;color:#fff} .p-button.primary:link{background-color:#59629d;border-color:#474e7c;color:#fff} .p-button.search{background-color:#59629d;color:#fff;border-color:#474e7c} .p-button.search:hover{background-color:#4a5283;border-color:#474e7c;color:#fff} .p-button.search:active{background-color:#3f466f;border-color:#474e7c;color:#fff} .p-button.search:link{background-color:#59629d;border-color:#474e7c;color:#fff} .p-button.config{background-color:#59629d;color:#fff;border-color:#474e7c} .p-button.config:hover{background-color:#4a5283;border-color:#474e7c;color:#fff} .p-button.config:active{background-color:#3f466f;border-color:#474e7c;color:#fff} .p-button.config:link{background-color:#59629d;border-color:#474e7c;color:#fff} .p-button.info{background-color:#38bae1;color:#fff;border-color:#1ea1c8} .p-button.info:hover{background-color:#1fa8d1;border-color:#1ea1c8;color:#fff} .p-button.info:active{background-color:#1b92b6;border-color:#1ea1c8;color:#fff} .p-button.info:link{background-color:#38bae1;border-color:#1ea1c8;color:#fff} .p-button.danger{background-color:#df2746;color:#fff;border-color:#b81b36} .p-button.danger:hover{background-color:#c11d38;border-color:#b81b36;color:#fff} .p-button.danger:active{background-color:#a61930;border-color:#b81b36;color:#fff} .p-button.danger:link{background-color:#df2746;border-color:#b81b36;color:#fff} .p-button.warning{background-color:#ffc107;color:#333;border-color:#d39e00} .p-button.warning:hover{background-color:#dda600;border-color:#d39e00;color:#333} .p-button.warning:active{background-color:#bf8f00;border-color:#d39e00;color:#333} .p-button.warning:link{background-color:#ffc107;border-color:#d39e00;color:#333} .p-button.black{background-color:#1e1e20;color:#fff;border-color:#1e1e20} .p-button.black:hover{background-color:#0a0a0b;border-color:#1e1e20;color:#fff} .p-button.black:active{background-color:#000;border-color:#1e1e20;color:#fff} .p-button.black:link{background-color:#1e1e20;border-color:#1e1e20;color:#fff} .p-button.darken{background-color:#777;color:#fff;border-color:#5e5e5e} .p-button.darken:hover{background-color:#636363;border-color:#5e5e5e;color:#fff} .p-button.darken:active{background-color:#535353;border-color:#5e5e5e;color:#fff} .p-button.darken:link{background-color:#777;border-color:#5e5e5e;color:#fff} .p-button.gray{background-color:#dcdcdc;color:#2a2a2a;border-color:#c3c3c3} .p-button.gray:hover{background-color:#c8c8c8;border-color:#c3c3c3;color:#2a2a2a} .p-button.gray:active{background-color:#b8b8b8;border-color:#c3c3c3;color:#2a2a2a} .p-button.gray:link{background-color:#dcdcdc;border-color:#c3c3c3;color:#2a2a2a} .p-button.light{background-color:#efefef;color:#666;border-color:#d6d6d6} .p-button.light:hover{background-color:#dbdbdb;border-color:#d6d6d6;color:#666} .p-button.light:active{background-color:#cbcbcb;border-color:#d6d6d6;color:#666} .p-button.light:link{background-color:#efefef;border-color:#d6d6d6;color:#666} .p-button.cancel{background-color:#efefef;color:#666;border-color:#d6d6d6} .p-button.cancel:hover{background-color:#dbdbdb;border-color:#d6d6d6;color:#666} .p-button.cancel:active{background-color:#cbcbcb;border-color:#d6d6d6;color:#666} .p-button.cancel:link{background-color:#efefef;border-color:#d6d6d6;color:#666} .p-button.p-button--bordered{position:relative;background-color:#fff;color:#333;border-color:#333;box-sizing:border-box} .p-button.p-button--bordered:hover:after{display:block;position:absolute;left:0;top:0;width:100%;height:100%;border:1px solid #333;box-sizing:border-box} .p-button.p-button--bordered:active{border-color:#1f1f1f} .p-button.p-button--bordered:link{border-color:#333} .p-button.p-button--bordered.write{position:relative;background-color:#fff;color:#202e70;border-color:#151e48;box-sizing:border-box} .p-button.p-button--bordered.write:hover:after{display:block;position:absolute;left:0;top:0;width:100%;height:100%;border:1px solid #151e48;box-sizing:border-box} .p-button.p-button--bordered.write:active{border-color:#0c1129} .p-button.p-button--bordered.write:link{border-color:#151e48} .p-button.p-button--bordered.edit{position:relative;background-color:#fff;color:#202e70;border-color:#151e48;box-sizing:border-box} .p-button.p-button--bordered.edit:hover:after{display:block;position:absolute;left:0;top:0;width:100%;height:100%;border:1px solid #151e48;box-sizing:border-box} .p-button.p-button--bordered.edit:active{border-color:#0c1129} .p-button.p-button--bordered.edit:link{border-color:#151e48} .p-button.p-button--bordered.delete{position:relative;background-color:#fff;color:#3b3c3f;border-color:#222325;box-sizing:border-box} .p-button.p-button--bordered.delete:hover:after{display:block;position:absolute;left:0;top:0;width:100%;height:100%;border:1px solid #222325;box-sizing:border-box} .p-button.p-button--bordered.delete:active{border-color:#0f0f10} .p-button.p-button--bordered.delete:link{border-color:#222325} .p-button.p-button--bordered.restore{position:relative;background-color:#fff;color:#e8460e;border-color:#b8370b;box-sizing:border-box} .p-button.p-button--bordered.restore:hover:after{display:block;position:absolute;left:0;top:0;width:100%;height:100%;border:1px solid #b8370b;box-sizing:border-box} .p-button.p-button--bordered.restore:active{border-color:#912c09} .p-button.p-button--bordered.restore:link{border-color:#b8370b} .p-button.p-button--bordered.primary{position:relative;background-color:#fff;color:#59629d;border-color:#474e7c;box-sizing:border-box} .p-button.p-button--bordered.primary:hover:after{display:block;position:absolute;left:0;top:0;width:100%;height:100%;border:1px solid #474e7c;box-sizing:border-box} .p-button.p-button--bordered.primary:active{border-color:#383d62} .p-button.p-button--bordered.primary:link{border-color:#474e7c} .p-button.p-button--bordered.search{position:relative;background-color:#fff;color:#59629d;border-color:#474e7c;box-sizing:border-box} .p-button.p-button--bordered.search:hover:after{display:block;position:absolute;left:0;top:0;width:100%;height:100%;border:1px solid #474e7c;box-sizing:border-box} .p-button.p-button--bordered.search:active{border-color:#383d62} .p-button.p-button--bordered.search:link{border-color:#474e7c} .p-button.p-button--bordered.config{position:relative;background-color:#fff;color:#59629d;border-color:#474e7c;box-sizing:border-box} .p-button.p-button--bordered.config:hover:after{display:block;position:absolute;left:0;top:0;width:100%;height:100%;border:1px solid #474e7c;box-sizing:border-box} .p-button.p-button--bordered.config:active{border-color:#383d62} .p-button.p-button--bordered.config:link{border-color:#474e7c} .p-button.p-button--bordered.info{position:relative;background-color:#fff;color:#38bae1;border-color:#1ea1c8;box-sizing:border-box} .p-button.p-button--bordered.info:hover:after{display:block;position:absolute;left:0;top:0;width:100%;height:100%;border:1px solid #1ea1c8;box-sizing:border-box} .p-button.p-button--bordered.info:active{border-color:#1984a4} .p-button.p-button--bordered.info:link{border-color:#1ea1c8} .p-button.p-button--bordered.danger{position:relative;background-color:#fff;color:#df2746;border-color:#b81b36;box-sizing:border-box} .p-button.p-button--bordered.danger:hover:after{display:block;position:absolute;left:0;top:0;width:100%;height:100%;border:1px solid #b81b36;box-sizing:border-box} .p-button.p-button--bordered.danger:active{border-color:#94162b} .p-button.p-button--bordered.danger:link{border-color:#b81b36} .p-button.p-button--bordered.warning{position:relative;background-color:#fff;color:#ffc107;border-color:#d39e00;box-sizing:border-box} .p-button.p-button--bordered.warning:hover:after{display:block;position:absolute;left:0;top:0;width:100%;height:100%;border:1px solid #d39e00;box-sizing:border-box} .p-button.p-button--bordered.warning:active{border-color:#aa8000} .p-button.p-button--bordered.warning:link{border-color:#d39e00} .p-button.p-button--bordered.black{position:relative;background-color:#fff;color:#1e1e20;border-color:#1e1e20;box-sizing:border-box} .p-button.p-button--bordered.black:hover:after{display:block;position:absolute;left:0;top:0;width:100%;height:100%;border:1px solid #1e1e20;box-sizing:border-box} .p-button.p-button--bordered.black:active{border-color:#0a0a0b} .p-button.p-button--bordered.black:link{border-color:#1e1e20} .p-button.p-button--bordered.darken{position:relative;background-color:#fff;color:#777;border-color:#5e5e5e;box-sizing:border-box} .p-button.p-button--bordered.darken:hover:after{display:block;position:absolute;left:0;top:0;width:100%;height:100%;border:1px solid #5e5e5e;box-sizing:border-box} .p-button.p-button--bordered.darken:active{border-color:#494949} .p-button.p-button--bordered.darken:link{border-color:#5e5e5e} .p-button.p-button--bordered.gray{position:relative;background-color:#fff;color:#aaa;border-color:#909090;box-sizing:border-box} .p-button.p-button--bordered.gray:hover:after{display:block;position:absolute;left:0;top:0;width:100%;height:100%;border:1px solid #909090;box-sizing:border-box} .p-button.p-button--bordered.gray:active{border-color:#7b7b7b} .p-button.p-button--bordered.gray:link{border-color:#909090} .p-button.p-button--bordered.light{position:relative;background-color:#fff;color:#efefef;border-color:#a3a3a3;box-sizing:border-box} .p-button.p-button--bordered.light:hover:after{display:block;position:absolute;left:0;top:0;width:100%;height:100%;border:1px solid #a3a3a3;box-sizing:border-box} .p-button.p-button--bordered.light:active{border-color:#8e8e8e} .p-button.p-button--bordered.light:link{border-color:#a3a3a3} .p-button.p-button--bordered.cancel{position:relative;background-color:#fff;color:#757575;border-color:#a3a3a3;box-sizing:border-box} .p-button.p-button--bordered.cancel:hover:after{display:block;position:absolute;left:0;top:0;width:100%;height:100%;border:1px solid #a3a3a3;box-sizing:border-box} .p-button.p-button--bordered.cancel:active{border-color:#8e8e8e} .p-button.p-button--bordered.cancel:link{border-color:#a3a3a3} .p-button.p-button--combine:before{display:inline-block;width:14px;height:14px;margin:5px 4px 0 0;background-repeat:no-repeat;background-position:center center;vertical-align:top} .p-button.p-button--combine.write:before{background-image:url(/common_html5/images/program/p-icon-view.svg#pencil-white);background-size:14px 14px} .p-button.p-button--combine.edit:before{width:16px;height:14px;background-image:url(/common_html5/images/program/p-icon-view.svg#edit-white);background-size:16px 16px} .p-button.p-button--combine.delete:before{width:14px;height:15px;background-image:url(/common_html5/images/program/p-icon-view.svg#trash-white);background-size:16px 16px} .p-button.p-button--combine.config{color:#fff} .p-button.p-button--combine.config:before{background-image:url(/common_html5/images/program/p-icon-view.svg#cog-white);background-size:16px 16px} .p-button.p-button--combine.search{color:#fff} .p-button.p-button--combine.search:before{background-image:url(/common_html5/images/program/p-icon-view.svg#search-white);background-size:14px 14px} .p-button.p-button--combine.download:before{width:17px;height:15px;background-image:url(/common_html5/images/program/p-icon-view.svg#download);background-size:17px 17px} .p-button.p-button--combine.excel:before{width:17px;height:16px;margin-top:4px;background-image:url(/common_html5/images/program/p-icon-view.svg#excel);background-size:17px 17px} .p-button.p-button--combine.p-button--bordered.write:before{background-image:url(/common_html5/images/program/p-icon-view.svg#pencil)} .p-button.p-button--combine.p-button--bordered.edit:before{width:16px;height:14px;background-image:url(/common_html5/images/program/p-icon-view.svg#edit)} .p-button.p-button--combine.p-button--bordered.delete:before{background-image:url(/common_html5/images/program/p-icon-view.svg#trash)} .p-button.p-button--combine.p-button--bordered.config{background-color:transparent;color:#202e70} .p-button.p-button--combine.p-button--bordered.config:before{background-image:url(/common_html5/images/program/p-icon-view.svg#cog)} .p-button.p-button--combine.p-button--bordered.search{background-color:transparent;color:inherit} .p-button.p-button--combine.p-button--bordered.search:before{background-image:url(/common_html5/images/program/p-icon-view.svg#search);background-size:14px 14px} .p-button.p-button--combine.p-button--bordered.download{background-color:transparent} .p-button.p-button--combine.p-button--bordered.download:before{background-image:url(/common_html5/images/program/p-icon-view.svg#download)} .p-button.p-button--combine.p-button--bordered.excel{background-color:transparent} .p-button.p-button--combine.p-button--bordered.excel:before{background-image:url(/common_html5/images/program/p-icon-view.svg#excel)} .manage{position:relative;padding:0;vertical-align:top;text-align:right;height:100%} .manage__show{position:absolute;display:inline-block;left:0;top:0;width:100%;height:100%;padding:0;font-size:0;color:transparent;vertical-align:middle;text-align:center} .manage__show:before{display:inline-block;width:6px;height:20px;background:url(/common_html5/images/program/p-icon-view.svg#ellipsis-v) center center;background-size:22px 22px} .manage__body{display:none;position:absolute;right:0;top:0;width:1px;height:100%} .manage__inner{position:absolute;right:0;top:0;width:calc(100vw - 340px);height:100%;min-height:40px;padding:6px 10px;box-sizing:border-box;z-index:10000} .manage__inner--left{text-align:left} .manage__inner--center{text-align:center} .manage__inner--right{text-align:right} .p-button-group__body{position:relative;display:inline-block;vertical-align:middle} .p-button-group__body>.p-button{position:relative;float:left;margin-left:-1px;border-radius:0} .p-button-group__body>.p-button:first-child{margin-left:0;border-top-left-radius:0;border-bottom-left-radius:0} .p-button-group__body>.p-button:last-child{border-top-right-radius:0;border-bottom-right-radius:0} .p-dropdown{position:relative} .p-dropdown .p-button{width:auto;border-radius:0;padding-right:30px} .p-dropdown .p-button:focus{outline:0;border-color:#888;box-shadow:0 0 6px rgba(0,0,0,.2)} .p-dropdown__body{display:none} .p-dropdown__list{padding:6px 0} .p-dropdown__link{position:relative;display:block;padding:3px 12px 3px 20px;text-align:left} .p-dropdown__link:before{display:block;position:absolute;left:12px;top:13px;width:3px;height:3px;background:#aaa} .p-dropdown__link:hover{background:#fafafa} .p-dropdown__arrow{padding-right:18px;background:transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAANElEQVQYV2Ncvnz5fwYiACPRCkGGEVIcGRnJyAizFZdikCKQGrhCbCbDFGEoRFaMrAgkDgB1ORXvQyzzggAAAABJRU5ErkJggg==) no-repeat right 8px;margin-top:-5px} .p-dropdown li ul{padding-left:16px} .p-dropdown li ul li a{padding-left:15px} .p-dropdown li ul li a:before{left:4px;top:14px;width:5px;height:2px} .p-dropdown.open .p-dropdown__body{display:block;position:absolute;top:100%;left:0;min-width:160px;background:#fff;z-index:5000;border:1px solid #cdcdcd;box-sizing:border-box;box-shadow:0 0 6px rgba(0,0,0,.2)} .p-dropdown.open.top .p-dropdown__body{top:auto;bottom:100%} .p-dropdown.arrow .p-dropdown__body{margin-top:7px} .p-dropdown.arrow .p-dropdown__body:after,.p-dropdown.arrow .p-dropdown__body:before{display:block;position:absolute;width:0;height:0;left:0;top:0;border-left:7px solid transparent;border-right:7px solid transparent} .p-dropdown.arrow .p-dropdown__body:before{border-bottom:7px solid #b3b3b3;margin:-7px 0 0 15px} .p-dropdown.arrow .p-dropdown__body:after{border-bottom:7px solid #fff;margin:-6px 0 0 15px} .p-dropdown.arrow.top .p-dropdown__body{margin-top:0;margin-bottom:7px} .p-dropdown.arrow.top .p-dropdown__body:after,.p-dropdown.arrow.top .p-dropdown__body:before{top:auto;bottom:-7px;transform:rotate(180deg)} .p-dropdown.arrow.top .p-dropdown__body:before{border-bottom:7px solid #676767} .p-tab .p-dropdown .p-tab__nav-link{display:inline-block;margin:0;padding-right:24px;vertical-align:baseline} .p-tab .p-dropdown .p-tab__nav-button{position:relative;display:block;padding:12px 30px 12px 12px;color:#333;text-decoration:none;text-align:center;line-height:1.2;height:100%;vertical-align:middle} .p-tab .p-dropdown .p-tab__nav-button:before{content:"";position:absolute;top:16px;right:12px;width:12px;height:12px;background:transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAANElEQVQYV2Ncvnz5fwYiACPRCkGGEVIcGRnJyAizFZdikCKQGrhCbCbDFGEoRFaMrAgkDgB1ORXvQyzzggAAAABJRU5ErkJggg==) no-repeat center center} .p-tab .p-dropdown .p-dropdown__body{margin-top:-5px;left:12px} .p-tab .p-dropdown .p-dropdown__list li{line-height:1.8} .p-nav--arrow .p-dropdown .p-nav__link-arrow,.p-nav--button .p-dropdown .p-nav__link-arrow{position:relative;display:block;padding:12px 30px 12px 12px;color:#333;text-decoration:none;text-align:center;line-height:1.2;height:100%;vertical-align:middle;top:0} .p-nav--arrow .p-dropdown .p-nav__link-arrow:before,.p-nav--button .p-dropdown .p-nav__link-arrow:before{content:"";position:absolute;top:16px;right:12px;width:12px;height:12px;background:transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAANElEQVQYV2Ncvnz5fwYiACPRCkGGEVIcGRnJyAizFZdikCKQGrhCbCbDFGEoRFaMrAgkDgB1ORXvQyzzggAAAABJRU5ErkJggg==) no-repeat center center} .p-button-group__checked{display:none;position:absolute;top:-5px;padding-top:5px;background:#fafafa} .p-button-group__checked.active{display:block} .p-tab__nav{position:relative;display:block;margin:0;height:100%} .p-tab__nav:after{display:table;clear:both} .p-tab__nav:after{clear:both} .p-tab__nav--left{float:left} .p-tab__nav--right{float:right} .p-tab__nav-item{display:table-cell;margin-left:-1px;border-top:1px solid #d1d1d1;border-right:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1;background-color:#fafafa;height:100%} .p-tab__nav-item:first-child{border-left:1px solid #d1d1d1} .p-tab__nav-group{display:table;height:100%} .p-tab__nav-link{position:relative;display:block;padding:12px;color:#333;text-decoration:none;text-align:center;line-height:1.2;height:100%;vertical-align:middle} .p-tab__title{margin:10px 0 0;font-size:1.2em} .p-tab__contents{margin-top:-1px;padding:8px 0;border-top:1px solid #d1d1d1} .p-tab__body{visibility:hidden;height:0} .p-tab__body.active{height:auto;visibility:visible} .p-tab .active.p-tab__nav-item{border-color:#202e70;background:#202e70} .p-tab .active .p-tab__nav-link{color:#fff} .p-tab .active .p-tab__nav-link:after{display:block;position:absolute;left:0;bottom:-1px;width:100%;height:2px;background-color:#202e70} .p-tab--link .p-tab__nav{position:relative;display:block;margin:0} .p-tab--link .p-tab__nav:after{display:table;clear:both} .p-tab--link .p-tab__nav-item{padding-left:5px;background-color:#fff;border:0} .p-tab--link .p-tab__nav-item.active{position:relative} .p-tab--link .p-tab__nav-item.active .p-tab__nav-link{background-color:#202e70;border:1px solid #202e70;color:#fff} .p-tab--link .p-tab__nav-item.active .p-tab__nav-link:after{position:absolute;display:block;width:0;height:0;border:8px solid transparent;top:100%;left:45%;border-bottom-width:0;border-top-color:#202e70} .p-tab--link .p-tab__nav-item:first-child{padding-left:0} .p-tab--link .p-tab__nav-link{border:1px solid #d1d1d1;padding:8px 12px 10px} .p-tab--link .p-tab__nav-link:after{display:none} .p-tab__link{display:inline-block;position:relative;padding:3px 20px;font-size:.95em} .p-tab__link:hover{color:#202e70;text-decoration:underline} .p-tab__link:before{position:absolute;display:inline-block;left:0;top:50%;width:1px;height:14px;transform:translateY(-50%);background-color:#bfbfbf;vertical-align:middle} .p-tab__link:first-child:before{display:none} .p-tab__link-group{float:right;margin-top:12px;text-align:right;background:#fff;border:1px solid #b2b2b2} .p-tab__link-group:after{display:table;clear:both} .p-accordion{border-top:2px solid #222;border-bottom:0} .p-accordion__item{position:relative;display:block;border-bottom:1px solid #d1d1d1} .p-accordion__header{position:relative} .p-accordion__button{display:block;padding:16px 12px;line-height:1.2;box-sizing:border-box} .p-accordion__button:after{display:inline-block;position:absolute;left:inherit;right:24px;top:50%;bottom:inherit;transform:translateY(-4px)} .p-accordion__button.active:after{left:inherit;bottom:inherit;transform:rotate(180deg)} .p-accordion__title{display:inline-block;color:#333;padding-right:36px} .p-accordion__body{display:none;position:relative;padding:12px;background:#fafafa;border-top:1px solid #d1d1d1} .p-accordion__body.active{display:block;opacity:1;height:auto} .p-accordion__body:after{display:table;clear:both} .p-accordion .p-form-checkbox{position:absolute;left:0;top:14px} @media only screen and (max-width:765px){ .p-accordion .p-form-checkbox{display:none} } .p-accordion--faq .p-accordion__button{padding-left:30px} .p-accordion--faq .p-accordion__title{margin-left:36px} .p-accordion--faq .p-accordion__body.active{padding-left:65px} .p-accordion--faq .p-icon__answer,.p-accordion--faq .p-icon__question{position:absolute;top:15px} .p-accordion--faq .p-icon__question{left:30px} .p-accordion--faq .p-icon__answer{left:32px} @media only screen and (max-width:765px){ .p-accordion--faq .p-accordion__body.active,.p-accordion--faq .p-accordion__button{padding:18px 26px 18px 0} .p-accordion--faq .p-accordion__button:after{top:22px;right:10px} .p-accordion--faq .p-accordion__body.active{padding-left:36px} .p-accordion--faq .p-icon__answer,.p-accordion--faq .p-icon__question{left:0;top:16px} } .p-accordion__link-group{float:right;margin-top:12px;text-align:right;background:#fff;border:1px solid #b2b2b2} .p-accordion__link-group:after{display:table;clear:both} .modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;text-align:center} .modal:before{display:inline-block;height:100%;width:0;margin-left:-1em;vertical-align:middle} .modal__open{overflow:hidden;height:100%} .modal__open .modal{overflow-x:hidden;overflow-y:auto} .modal__backdrop{position:absolute;top:0;right:0;left:0;background-color:rgba(0,0,0,.6)} .modal__body{position:relative;display:inline-block;width:600px;margin:-1% auto 0;border:1px solid #aaa;background:#fff;box-shadow:0 0 24px rgba(0,0,0,.5);transform:translate(0,-150%);transition:all .4s ease-out;vertical-align:middle;text-align:left} .modal__header{margin:0 15px;padding:10px 0;border-bottom:1px solid #e6e6e6} .modal .modalTitle,.modal__title{font-size:1.2em;color:#000} .modal__content{position:relative;padding:20px;overflow-y:auto} .modal__footer{padding:8px 15px;border-top:1px solid #e6e6e6;background:#fafafa;text-align:center} .modal__close{position:absolute;top:0;right:0;font-size:0} .modal__close-button{overflow:hidden} .modal__close-button span{display:inline-block;width:28px;height:28px;background:rgba(0,0,0,.5)} .modal__close-button span:after{content:"X";display:block;width:100%;height:100%;font-size:16px;color:#fff;line-height:28px;transform:scale(1.8,1.2)} .modal.fade .modal__backdrop{opacity:0;transition:opacity 1s} .modal.fade.active .modal__backdrop{opacity:.75;transition:opacity 1s} .modal.active .modal__body{transform:translateY(0)} .p-calendar-header{margin:12px 0;text-align:center} .p-calendar-header__inner{display:inline-block;position:relative} .p-calendar__month{line-height:28px;padding:0 56px;font-size:1.72em;color:#333;vertical-align:middle} .p-calendar__next-month,.p-calendar__prev-month{display:inline-block;position:absolute;width:28px;height:28px;font-size:1px;color:transparent;vertical-align:middle} .p-calendar__next-month svg,.p-calendar__prev-month svg{margin-top:2px} .p-calendar__prev-month{top:0;left:0} .p-calendar__next-month{top:0;right:0} .p-calendar .p-regend{margin-top:10px} .p-calendar-list{width:100%;border-collapse:collapse;margin:4px 0;table-layout:fixed} .p-calendar-list thead tr:first-child th{border-top:2px solid #222;border-bottom:1px solid #888} .p-calendar-list tr:last-child td{border-bottom:1px solid #a2a2a2} .p-calendar-list tbody tr:first-child td.today{border:3px solid #f7941d} .p-calendar-list tbody tr:last-child td.today{border:3px solid #f7941d} .p-calendar-list td,.p-calendar-list th{border:1px solid #d1d1d1;box-sizing:border-box} .p-calendar-list th{padding:8px;background:#fafafa;color:#666;text-align:center;font-weight:400;vertical-align:middle} .p-calendar-list td{position:relative;width:14.25%;vertical-align:top} .p-calendar-list td img{margin:0 2px;vertical-align:middle} .p-calendar-list button{height:auto} .p-calendar-list__inner{padding:8px} .p-calendar-list__day{text-align:left} .p-calendar-list__day>span{display:inline-block;margin-top:-4px;margin-right:2px;vertical-align:middle} .p-calendar-list__content{min-height:80px} .p-calendar-list__link{display:block;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .p-calendar-list__item{padding:1px;display:block} .p-calendar-list__item:after{display:block;visibility:hidden;clear:both;content:".";overflow:hidden;width:0;height:0;font-size:0;line-height:0} .p-calendar-list__subject{display:inline-block;width:calc(100% - 22px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;vertical-align:middle;line-height:20px;text-align:left} .p-calendar-list__day-week{display:none} .p-calendar-list .today{border:3px solid #f7941d} .p-calendar-list .saturday .p-calendar-list__day{color:#ed1c24} .p-calendar-list .sunday .p-calendar-list__day{color:#ed1c24} .p-calendar-list .closeday{color:#eb5352} .p-calendar-list .closeday span{display:inline-block;width:20px;height:20px;line-height:18px;background:#eb5352;color:#fff;border-radius:50%;text-align:center;letter-spacing:-1px} @media only screen and (max-width:765px){ .p-calendar-list{border-top:2px solid #222;display:table;table-layout:fixed;padding-top:6px} .p-calendar-list colgroup,.p-calendar-list thead,.p-calendar-list thead th{display:none} .p-calendar-list tbody{display:table-row-group} .p-calendar-list tbody tr{width:100%;border-bottom:none} .p-calendar-list tbody td{display:block;width:100%;padding:0;border-top:none;text-align:left;box-sizing:border-box;overflow:hidden} .p-calendar-list tbody td:first-child:not(.p-table__hidden--mobile){padding-top:5.5px} /*.p-calendar-list tbody td.empty{display:none}*/ .p-calendar-list__inner{position:relative;min-height:25px} .p-calendar-list__inner.empty{display:none} .p-calendar-list__day{position:absolute;left:10px;top:10px} .p-calendar-list__day-week{display:inline-block} .p-calendar-list__content{min-height:inherit;padding-left:60px} .p-calendar-list__label+br{display:none} .p-calendar-list__label+br+.p-calendar-list__subject{display:inline-block;margin-left:10px} } .p-calendar .holiday{color:#eb5352} .p-calendar__modal-list li{margin:10px 0} .p-calendar-modal__list .p-regend__term{float:none} .p-calendar-modal__item{margin:12px 0} .p-calendar-modal__item:not(:first-child){padding-top:6px;border-top:1px dashed #cfcfcf} .p-calendar-modal__item .p-regend__term-item{margin-top:-4px;margin-right:0} .p-calendar-modal__item>span{display:inline-block;vertical-align:top} .p-calendar-modal__item .p-badge{margin-top:2px} .p-calendar-modal__subject{width:calc(100% - 110px)} .p-calendar-modal__button-view{float:right} .p-calendar__day{margin:30px 0 10px;text-align:center} .p-calendar__day .saturday{color:#0d71d5} .p-calendar__day .sunday{color:#ed1c24} .p-calendar__day .today{background:#f7941d;color:#fff} .p-calendar__day a{display:inline-block} .p-calendar__day a>span{display:inline-block;width:25px;height:25px;border-radius:50%;line-height:24px} .p-regend__list:after{display:table;clear:both} .p-regend__item,.p-regend__term{float:left;display:inline-block;vertical-align:middle} .p-regend__item:not(:last-child){margin-right:14px} .p-calendar-list__item .p-badge{float:left;margin-top:1px} .program__subject .p-regend__term{margin-top:-1px} .p-category{padding:15px;border:3px solid #ccc} .p-category__button{display:none} .p-category__list:after{display:table;clear:both} .p-category__list li{float:left;display:inline-block} .p-category__link{position:relative;display:block;padding:3px 12px 3px 23px} .p-category__link:before{display:block;position:absolute;left:12px;top:13px;width:3px;height:3px;background:#aaa} .p-category__link.active{background:#202e70;color:#fff} .p-category__link.active:before{left:6px;top:50%;transform:translateY(-50%)} @media only screen and (max-width:765px){ .p-category{padding:0;border:none} .p-category__button{display:block;width:100%;padding:10px 12px 11px;border:2px solid #202d71;color:#202d71;text-align:left;background:#fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAANElEQVQYV2Ncvnz5fwYiACPRCkGGEVIcGRnJyAizFZdikCKQGrhCbCbDFGEoRFaMrAgkDgB1ORXvQyzzggAAAABJRU5ErkJggg==) no-repeat right 10px center} .p-category__button:active,.p-category__button:hover{background-color:#fafafa;border-color:#202d71;color:#202d71} .p-category__body{display:none} .p-category.open{position:relative} .p-category.open .p-category__body{display:block;position:absolute;top:100%;left:0;width:100%;background:#fff;z-index:1000;border:1px solid #cdcdcd;box-sizing:border-box;box-shadow:0 0 6px rgba(0,0,0,.2)} .p-category.open .p-category__list li{float:none;display:block} .p-category.open .p-category__link{padding-top:5px;padding-bottom:5px} .p-category.arrow .p-category__body{margin-top:7px} .p-category.arrow .p-category__body:after,.p-category.arrow .p-category__body:before{display:block;position:absolute;width:0;height:0;left:50%;top:0;transform:translateX(-50%);border-left:10px solid transparent;border-right:10px solid transparent} .p-category.arrow .p-category__body:before{border-bottom:10px solid #b3b3b3;margin-top:-10px} .p-category.arrow .p-category__body:after{border-bottom:10px solid #fff;margin-top:-9px} } .p-pagination{position:relative;display:table;margin:32px auto} .p-pagination.left{margin-left:0;margin-right:auto} .p-pagination.right{margin-left:auto;margin-right:0} .p-page{display:table;margin:0;text-align:center} .p-page__link{display:table-cell;position:relative;width:40px;height:40px;margin-left:0;margin-right:0;text-align:center;font-size:.95em;color:#222;line-height:40px;letter-spacing:-2px;vertical-align:middle;border-top:solid 1px #dedede;border-right:solid 1px #dedede;border-bottom:solid 1px #dedede;background:#fff} .p-page__link.active{border-color:#202e70;background:#202e70;color:#fff;font-weight:400} .p-page__link.active:after{display:block;position:absolute;left:50%;bottom:8px;transform:translateX(-5px);width:12px;height:1px;background:rgba(255,255,255,.8)} .p-page__link.active:hover{background:#202e70} .p-page__link:hover{background:#f4f4f4} .p-page__link-group{display:inline-block;border-left:solid 1px #dedede;vertical-align:top} .p-page__control{display:inline-block;margin:0 3px;border-left:solid 1px #dedede;vertical-align:top} .p-page__control svg{vertical-align:middle} .p-page__control .next-end:before,.p-page__control .next:before,.p-page__control .prev-end:before,.p-page__control .prev:before{display:inline-block;width:12px;height:18px;margin-top:-2px;background-repeat:no-repeat;background-position:center center;background-size:16px 18px;vertical-align:middle} .p-page__control .prev-one:before,.p-page__control .prev:before{width:6px;height:18px;background-image:url(/common_html5/images/program/p-icon-view.svg#angle-left);background-size:18px 18px} .p-page__control .prev-end:before{background-image:url(/common_html5/images/program/p-icon-view.svg#angle-double-left)} .p-page__control .next-one:before,.p-page__control .next:before{width:6px;height:18px;background-image:url(/common_html5/images/program/p-icon-view.svg#angle-right);background-size:18px 18px} .p-page__control .next-end:before{background-image:url(/common_html5/images/program/p-icon-view.svg#angle-double-right)} .p-page__control .prev-one{display:none;background:0 0} .p-page__control .next-one{display:none;background:0 0} @media only screen and (max-width:765px){ .p-pagination{display:block} .p-page{display:block;margin:0} .p-page__link{display:inline-block;border-left:solid 1px #dedede} .p-page__link-group{display:none} .p-page__control{display:inline-block;width:49.5%;margin:0;border:none;text-align:right;height:54px;line-height:50px} .p-page__control:first-child{text-align:left} .p-page__control .next,.p-page__control .next-end,.p-page__control .prev,.p-page__control .prev-end{display:none} .p-page__control .next-one,.p-page__control .prev-one{display:inline-block;width:auto;min-width:95%;background:#fafafa;font-size:inherit;text-indent:0} .p-page__control .prev-one:before{display:inline-block;width:8px;height:18px;margin:0 10px 5px 0;background-image:url(/common_html5/images/program/p-icon-view.svg#angle-left);background-repeat:no-repeat;background-position:center center;background-size:16px 18px;vertical-align:middle} .p-page__control .next-one:after{display:inline-block;width:8px;height:18px;margin:0 0 5px 10px;background-image:url(/common_html5/images/program/p-icon-view.svg#angle-right);background-repeat:no-repeat;background-position:center center;background-size:16px 18px;vertical-align:middle} } .p-progress{margin:12px 0} .p-progress__list{width:100%;display:block} .p-progress__list:after{display:block;clear:both} .p-progress__item{float:left;display:inline-block;position:relative;border:1px solid #d7d7d7;border-left:none;box-sizing:border-box;box-shadow:0 2px 0 #f0f0f0} .p-progress__item:before{display:none} .p-progress__item:first-child{border-left:1px solid #e9e9e9;border-top-left-radius:4px;border-bottom-left-radius:4px;overflow:hidden} .p-progress__item:first-child.active{overflow:visible} .p-progress__item:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px;overflow:hidden} .p-progress__item.active{border-color:#02a0dc} .p-progress__item.active .p-progress__link{background:#02a0dc;color:#fff} .p-progress__item.active .p-progress__link:after{display:block;position:absolute;right:-9px;top:0;width:0;height:0;border-top:22px solid transparent;border-left:8px solid #02a0dc;border-bottom:20px solid transparent;z-index:10} .p-progress__item.passing .p-progress__link{background:#f0f0f0;background:linear-gradient(to bottom,#fff 0,#e1e1e1 50%)} .p-progress__link{display:block;text-align:center;background:#f0f0f0;background:linear-gradient(to bottom,#fff 0,#f0f0f0 100%);padding:9px 0;text-decoration:none} .p-progress .item1 .p-progress__item{width:100%} .p-progress .item2 .p-progress__item{width:50%} .p-progress .item3 .p-progress__item{width:33.33333%} .p-progress .item4 .p-progress__item{width:25%} .p-progress .item5 .p-progress__item{width:20%} .p-progress .item6 .p-progress__item{width:16.66667%} .p-progress .item7 .p-progress__item{width:14.28571%} .p-progress .item8 .p-progress__item{width:12.5%} .p-progress .item9 .p-progress__item{width:11.11111%} .p-progress .item10 .p-progress__item{width:10%} .p-progress--ellipse .p-progress__list{width:auto;margin-right:-30px;margin-left:-30px} .p-progress--ellipse .p-progress__item{position:relative;box-sizing:border-box;padding-right:30px;padding-left:30px;border:none;box-shadow:none} .p-progress--ellipse .p-progress__item:not(:first-child):after{display:block;position:absolute;left:0;top:8px;z-index:10;transform:translateX(-50%)} .p-progress--ellipse .p-progress__item:last-child{overflow:inherit} .p-progress--ellipse .p-progress__link{display:block;border:1px solid #d7d7d7;background:#f0f0f0;background:linear-gradient(to bottom,#fff 0,#f0f0f0 100%);padding:6px 0 8px;text-align:center;text-decoration:none;border-radius:20px} .p-progress--ellipse .p-progress__link:after{display:none} .p-progress--ellipse .active .p-progress__link{background:#02a0dc;border:1px solid #02a0dc;color:#fff} .p-progress--ellipse .passing .p-progress__link{background:#0f3c82;border:1px solid #0f3c82;color:#fff} .p-bar{height:18px;margin:4px 0;border-radius:8px;box-shadow:none;background-color:rgba(0,0,0,.1);overflow:hidden} .p-bar__info{width:0;height:100%;padding-right:12px;box-sizing:border-box;border-radius:10px;color:#fff;font-size:12px;line-height:18px;text-align:right;background-color:#4ebcda} .p-bar__info--animated{animation:progress-bar-stripes 2s linear infinite} .p-bar__info--striped{background-image:linear-gradient(45deg,rgba(255,255,255,.1) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.1) 75%,transparent 75%,transparent);background-size:40px 40px} .p-bar--transition{transition:width 1s} .p-bar .type1{background-color:#ed5565} .p-bar .type2{background-color:#f27935} .p-bar .type3{background-color:#1ba39c} .p-bar .type4{background-color:#4a89dc} .p-bar .type5{background-color:#3a539b} .p-bar .type6{background-color:#967adc} .p-bar .type7{background-color:#d770ad} .p-bar .type8{background-color:#b79605} .p-bar .type9{background-color:#aaa} @keyframes progress-bar-stripes{ from{background-position:40px 0} to{background-position:0 0} } .chart-circle{position:relative} .chart-circle__item{width:100%;height:100%;transform:rotate(-90deg)} .chart-circle__background,.chart-circle__value{fill:none} .chart-circle__value{stroke-linecap:butt;animation:chart-circle 1s reverse} .chart-circle .chart-circle__text{position:absolute;left:0;top:50%;width:100%;padding:0;margin:0;text-align:center;color:#333;transform:translateY(-60%)} @keyframes chart-circle{ to{stroke-dasharray:0 100px} } .tooltip{position:absolute;z-index:1070;display:block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.9em;font-weight:400;line-height:1.4;visibility:visible;opacity:0;border-radius:4px;box-shadow:0 0 4px rgba(0,0,0,.2)} .tooltip__button{display:inline-block;vertical-align:middle;margin:0 3px} .tooltip.active{opacity:1} .tooltip-arrow,.tooltip-arrow:after{position:absolute;display:block;width:0;height:0;border:solid transparent} .tooltip-arrow{border-width:6px} .tooltip-arrow:after{border-width:5px} .tooltip-inner{max-width:360px;padding:5px 8px 3px;background-color:#fafafa;border-radius:4px;color:#666;text-align:center;text-decoration:none;border:1px solid #ccc} .tooltip.top{margin-top:-6px} .tooltip.top .tooltip-arrow{bottom:-5px;left:50%;margin-left:-5px;border-top-color:#ccc;border-bottom-width:0} .tooltip.top .tooltip-arrow:after{bottom:1px;margin-left:-5px;border-top-color:#fafafa;border-bottom-width:0} .tooltip.right{margin-left:6px} .tooltip.right .tooltip-arrow{top:50%;left:-5px;margin-top:-7px;border-right-color:#ccc;border-left-width:0} .tooltip.right .tooltip-arrow:after{bottom:-5px;left:1px;border-right-color:#fafafa;border-left-width:0} .tooltip.bottom{margin-top:6px} .tooltip.bottom .tooltip-arrow{top:-5px;left:50%;margin-left:-5px;border-top-width:0;border-bottom-color:#ccc} .tooltip.bottom .tooltip-arrow:after{top:1px;margin-left:-5px;border-top-width:0;border-bottom-color:#fafafa} .tooltip.left{margin-left:-6px} .tooltip.left>.tooltip-arrow{top:50%;right:-5px;margin-top:-6px;border-right-width:0;border-left-color:#ccc} .tooltip.left>.tooltip-arrow:after{right:1px;bottom:-5px;border-right-width:0;border-left-color:#fafafa} .popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:400px;padding:1px;font-size:.9em;letter-spacing:-1px;line-height:1.5;text-align:left;white-space:normal;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;border-radius:6px;box-shadow:0 5px 10px rgba(0,0,0,.2)} .popover-title{padding:8px 14px;margin:0;font-size:1.12em;color:#111;background-color:#f4f4f4;border-bottom:1px solid #ebebeb;border-radius:6px 5px 0 0} .popover-content{padding:8px 14px} .popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border:solid transparent} .popover>.arrow{border-width:11px} .popover>.arrow:after{border-width:10px} .popover.top{margin-top:-10px} .popover.top>.arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:#ccc;border-bottom-width:0} .popover.top>.arrow:after{bottom:1px;margin-left:-10px;border-top-color:#fff;border-bottom-width:0} .popover.right{margin-left:12px} .popover.right>.arrow{top:50%;left:-11px;margin-top:-10px;border-right-color:#ccc;border-left-width:0} .popover.right>.arrow::after{bottom:-10px;left:1px;border-right-color:#fff;border-left-width:0} .popover.bottom{margin-top:10px} .popover.bottom>.arrow{top:-10px;left:50%;margin-left:-11px;border-width:10px;border-top-width:0;border-bottom-color:#ccc} .popover.bottom>.arrow:after{top:1px;margin-left:-10px;border-top-width:0;border-bottom-color:#f4f4f4} .popover.left{margin-left:-10px} .popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#ccc} .popover.left>.arrow:after{right:1px;bottom:-10px;border-right-width:0;border-left-color:#fff} .p-badge{display:inline-block;padding:1px 8px 3px;font-size:.9em;color:#fff;vertical-align:middle;white-space:nowrap;text-align:center;font-weight:400;border-radius:0} .p-badge.type1{background-color:#ed5565} .p-badge.type2{background-color:#f27935} .p-badge.type3{background-color:#1ba39c} .p-badge.type4{background-color:#4a89dc} .p-badge.type5{background-color:#3a539b} .p-badge.type6{background-color:#967adc} .p-badge.type7{background-color:#d770ad} .p-badge.type8{background-color:#b79605} .p-badge.type9{background-color:#aaa} .p-badge--circle{margin-top:-3px;margin-right:1px;min-width:20px;min-height:20px;padding:0;border-radius:50%;line-height:19px;font-size:12px;text-align:center} .p-badge--small{padding:0 8px 1px;border-radius:0;line-height:16px;font-size:11px;text-align:center} .p-icon{position:relative;display:inline-block;margin-right:2px;vertical-align:middle;font-size:0;line-height:0;background-repeat:no-repeat;background-position:center center} .p-icon.top{vertical-align:top} .p-icon__rss{width:16px;height:18px;margin-top:-4px;background-image:url(/common_html5/images/program/p-icon-view.svg#rss);background-size:18px 18px} .p-icon__info-circle{width:20px;height:20px;margin-top:-4px;background-image:url(/common_html5/images/program/p-icon-view.svg#info-circle);background-size:20px 20px} .p-icon__info-circle-solid{width:20px;height:20px;margin-top:-4px;background-image:url(/common_html5/images/program/p-icon-view.svg#info-circle-solid);background-size:20px 20px} .p-icon__calendar-alt{width:16px;height:18px;margin:-5px auto 0;background-image:url(/common_html5/images/program/p-icon-view.svg#calendar-alt);background-size:18px 18px} .p-icon__eye{width:18px;height:16px;margin-top:-2px;background-image:url(/common_html5/images/program/p-icon-view.svg#eye);background-size:18px 18px} .p-icon__arrow-circle-down{width:20px;height:20px;margin-top:2px;background-image:url(/common_html5/images/program/p-icon-view.svg#arrow-circle-down);background-size:20px 20px} .p-icon__search{width:14px;height:14px;margin-top:-4px;background-image:url(/common_html5/images/program/p-icon-view.svg#search);background-size:14px 14px} .p-icon__expand-arrows{width:16px;height:18px;margin-left:3px;background-image:url(/common_html5/images/program/p-icon-view.svg#expand-arrows);background-size:18px 18px} .p-loading--circle{margin:0;width:100px;height:100px;position:relative} .p-loading--circle .p-loading__item{width:100%;height:100%;position:absolute;left:0;top:0;font-size:0;color:transparent} .p-loading--circle .p-loading__item:before{display:block;margin:0 auto;width:15%;height:15%;background-color:#4a89dc;border-radius:50%;-webkit-animation:p-loading--circle 1.2s infinite ease-in-out both;animation:p-loading--circle 1.2s infinite ease-in-out both} .p-loading--circle .p-loading__item1{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)} .p-loading--circle .p-loading__item1:before{animation-delay:-1.1s} .p-loading--circle .p-loading__item2{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)} .p-loading--circle .p-loading__item2:before{animation-delay:-1s} .p-loading--circle .p-loading__item3{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)} .p-loading--circle .p-loading__item3:before{animation-delay:-.9s} .p-loading--circle .p-loading__item4{-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg)} .p-loading--circle .p-loading__item4:before{animation-delay:-.8s} .p-loading--circle .p-loading__item5{-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg)} .p-loading--circle .p-loading__item5:before{animation-delay:-.7s} .p-loading--circle .p-loading__item6{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)} .p-loading--circle .p-loading__item6:before{animation-delay:-.6s} .p-loading--circle .p-loading__item7{-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg)} .p-loading--circle .p-loading__item7:before{animation-delay:-.5s} .p-loading--circle .p-loading__item8{-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg)} .p-loading--circle .p-loading__item8:before{animation-delay:-.4s} .p-loading--circle .p-loading__item9{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)} .p-loading--circle .p-loading__item9:before{animation-delay:-.3s} .p-loading--circle .p-loading__item10{-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg)} .p-loading--circle .p-loading__item10:before{animation-delay:-.2s} .p-loading--circle .p-loading__item11{-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg)} .p-loading--circle .p-loading__item11:before{animation-delay:-.1s} .p-loading--circle .p-loading__item12{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)} .p-loading--circle .p-loading__item12:before{animation-delay:0s} @-webkit-keyframes p-loading--circle{ 0%,100%,39%{opacity:0;transform:scale(0)} 40%{opacity:1;transform:scale(1)} } @keyframes p-loading--circle{ 0%,100%,39%{opacity:0;transform:scale(0)} 40%{opacity:1;transform:scale(1)} } .p-loading--bubble span{display:inline-block;vertical-align:middle;width:12px;height:12px;margin:0;background-color:#202e70;border-radius:50%;animation:bubbling 1s infinite ease} .p-loading--bubble .p-loading__item1{animation-delay:.15s} .p-loading--bubble .p-loading__item2{animation-delay:.3s} .p-loading--bubble .p-loading__item3{animation-delay:.45s} .p-loading--bubble .p-loading__item4{animation-delay:.6s} .p-loading--bubble .p-loading__item5{animation-delay:.75s} @keyframes bubbling{ 0%{opacity:.7;transform:translateY(0)} 50%{opacity:1;transform:translateY(-15px)} 100%{opacity:.7;transform:translateY(0)} } .p-icon__alt,.p-upload__label.alt{background-image:url(/common_html5/images/program/p-icon.png);background-position:-159px -100px;width:14px;height:13px} .p-icon__answer{background-image:url(/common_html5/images/program/p-icon.png);background-position:-64px -158px;width:22px;height:22px} .p-icon__arrow-circle,.p-progress--ellipse .p-progress__item:not(:first-child):after{background-image:url(/common_html5/images/program/p-icon.png);background-position:-90px -45px;width:24px;height:24px} .p-form__required--icon,.p-icon__asterisk{background-image:url(/common_html5/images/program/p-icon.png);background-position:-118px -190px;width:12px;height:8px} .p-icon__blog{background-image:url(/common_html5/images/program/p-icon.png);background-position:0 0;width:35px;height:35px} .p-icon__calendar{background-image:url(/common_html5/images/program/p-icon.png);background-position:-188px -128px;width:16px;height:18px} .p-icon__checked-dark{background-image:url(/common_html5/images/program/p-icon.png);background-position:-76px -190px;width:12px;height:10px} .p-form-checkbox__input[disabled][checked]+.p-form-checkbox__label:after,.p-form-checkbox__input[readonly][checked]+.p-form-checkbox__label:after,.p-icon__checked-gray{background-image:url(/common_html5/images/program/p-icon.png);background-position:-54px -190px;width:12px;height:10px} .p-category__link.active:before,.p-form-checkbox__input:checked+.p-form-checkbox__label:after,.p-icon__checked-white,.p-nav--group .p-nav__link.active:before{background-image:url(/common_html5/images/program/p-icon.png);background-position:-32px -190px;width:12px;height:10px} .p-icon__css{background-image:url(/common_html5/images/program/p-icon.png);background-position:0 -158px;width:22px;height:22px} .p-icon__deleted-bg{background-image:url(/common_html5/images/program/p-icon.png);background-position:0 -90px;width:43px;height:24px} .p-icon__deleted{background-image:url(/common_html5/images/program/p-icon.png);background-position:-53px -90px;width:43px;height:24px} .p-icon__doc{background-image:url(/common_html5/images/program/p-icon.png);background-position:-220px -32px;width:22px;height:22px} .p-accordion__button.active:after,.p-accordion__button:after,.p-icon__down,.p-poll-result__link:after{background-image:url(/common_html5/images/program/p-icon.png);background-position:-192px -158px;width:15px;height:8px} .p-external-link:after,.p-icon__external-link{background-image:url(/common_html5/images/program/p-icon.png);background-position:-162px -124px;width:12px;height:12px} .p-icon__facebook{background-image:url(/common_html5/images/program/p-icon.png);background-position:0 -45px;width:35px;height:35px} .p-icon__file,.p-upload__label.file{background-image:url(/common_html5/images/program/p-icon.png);background-position:-135px -100px;width:14px;height:14px} .p-icon__folder{background-image:url(/common_html5/images/program/p-icon.png);background-position:-188px -32px;width:22px;height:22px} .p-icon__gif{background-image:url(/common_html5/images/program/p-icon.png);background-position:-188px -64px;width:22px;height:22px} .p-icon__hot-bg{background-image:url(/common_html5/images/program/p-icon.png);background-position:-135px 0;width:43px;height:24px} .p-icon__hot{background-image:url(/common_html5/images/program/p-icon.png);background-position:-135px -34px;width:43px;height:24px} .p-icon__html{background-image:url(/common_html5/images/program/p-icon.png);background-position:-32px -158px;width:22px;height:22px} .p-icon__hwp{background-image:url(/common_html5/images/program/p-icon.png);background-position:-34px -124px;width:22px;height:22px} .p-icon__insta{background-image:url(/common_html5/images/program/p-icon.png);background-position:-45px -45px;width:35px;height:35px} .p-icon__jpg{background-image:url(/common_html5/images/program/p-icon.png);background-position:-128px -158px;width:22px;height:22px} .p-icon__js{background-image:url(/common_html5/images/program/p-icon.png);background-position:-160px -158px;width:22px;height:22px} .p-icon__kakostory{background-image:url(/common_html5/images/program/p-icon.png);background-position:-90px 0;width:35px;height:35px} .p-icon__new{background-image:url(/common_html5/images/program/p-icon.png);background-position:0 -124px;width:24px;height:24px} .p-icon__noimg{background-image:url(/common_html5/images/program/p-icon.png);background-position:-220px -64px;width:22px;height:22px} .p-icon__pdf{background-image:url(/common_html5/images/program/p-icon.png);background-position:-220px -96px;width:22px;height:22px} .p-icon__png{background-image:url(/common_html5/images/program/p-icon.png);background-position:-220px -128px;width:22px;height:22px} .p-icon__ppt{background-image:url(/common_html5/images/program/p-icon.png);background-position:0 -190px;width:22px;height:22px} .p-icon__question-hover{background-image:url(/common_html5/images/program/p-icon.png);background-position:-188px 0;width:22px;height:22px} .p-icon__question{background-image:url(/common_html5/images/program/p-icon.png);background-position:-98px -124px;width:22px;height:22px} .p-icon__reply{background-image:url(/common_html5/images/program/p-icon.png);background-position:-135px -68px;width:34px;height:22px} .p-icon__secret{background-image:url(/common_html5/images/program/p-icon.png);background-position:-106px -90px;width:12px;height:17px} .p-icon__select-arrow{background-image:url(/common_html5/images/program/p-icon.png);background-position:-140px -190px;width:11px;height:8px} .p-icon__swf{background-image:url(/common_html5/images/program/p-icon.png);background-position:-188px -96px;width:22px;height:22px} .p-icon__times-circle,.p-upload__clear{background-image:url(/common_html5/images/program/p-icon.png);background-position:-220px -160px;width:18px;height:18px} .p-icon__times{background-image:url(/common_html5/images/program/p-icon.png);background-position:-98px -190px;width:10px;height:10px} .p-icon__twitter{background-image:url(/common_html5/images/program/p-icon.png);background-position:-45px 0;width:35px;height:35px} .p-icon__txt{background-image:url(/common_html5/images/program/p-icon.png);background-position:-66px -124px;width:22px;height:22px} .p-icon__xls, .p-icon__xlsx{background-image:url(/common_html5/images/program/p-icon.png);background-position:-220px 0;width:22px;height:22px} .p-icon__xml{background-image:url(/common_html5/images/program/p-icon.png);background-position:-130px -124px;width:22px;height:22px} .p-icon__zip{background-image:url(/common_html5/images/program/p-icon.png);background-position:-96px -158px;width:22px;height:22px} @media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ .p-icon__alt,.p-upload__label.alt{background-image:url(/common_html5/images/program/p-icon@2x.png);background-size:242px 212px} .p-icon__answer{background-image:url(/common_html5/images/program/p-icon@2x.png);background-size:242px 212px} .p-icon__arrow-circle,.p-progress--ellipse .p-progress__item:not(:first-child):after{background-image:url(/common_html5/images/program/p-icon@2x.png);background-size:242px 212px} .p-form__required--icon,.p-icon__asterisk{background-image:url(/common_html5/images/program/p-icon@2x.png);background-size:242px 212px} .p-icon__blog{background-image:url(/common_html5/images/program/p-icon@2x.png);background-size:242px 212px} .p-icon__calendar{background-image:url(/common_html5/images/program/p-icon@2x.png);background-size:242px 212px} .p-icon__checked-dark{background-image:url(/common_html5/images/program/p-icon@2x.png);background-size:242px 212px} .p-form-checkbox__input[disabled][checked]+.p-form-checkbox__label:after,.p-form-checkbox__input[readonly][checked]+.p-form-checkbox__label:after,.p-icon__checked-gray{background-image:url(/common_html5/images/program/p-icon@2x.png);background-size:242px 212px} .p-category__link.active:before,.p-form-checkbox__input:checked+.p-form-checkbox__label:after,.p-icon__checked-white,.p-nav--group .p-nav__link.active:before{background-image:url(/common_html5/images/program/p-icon@2x.png);background-size:242px 212px} .p-icon__css{background-image:url(/common_html5/images/program/p-icon@2x.png);background-size:242px 212px} .p-icon__deleted-bg{background-image:url(/common_html5/images/program/p-icon@2x.png);background-size:242px 212px} .p-icon__deleted{background-image:url(/common_html5/images/program/p-icon@2x.png);background-size:242px 212px} .p-icon__doc{background-image:url(/common_html5/images/program/p-icon@2x.png);background-size:242px 212px} .p-accordion__button.active:after,.p-accordion__button:after,.p-icon__down,.p-poll-result__link:after{background-image:url(/common_html5/images/program/p-icon@2x.png);background-size:242px 212px} .p-external-link:after,.p-icon__external-link{background-image:url(/common_html5/images/program/p-icon@2x.png);background-size:242px 212px} .p-icon__facebook{background-image:url(/common_html5/images/program/p-icon@2x.png);background-size:242px 212px} .p-icon__file,.p-upload__label.file{background-image:url(/common_html5/images/program/p-icon@2x.png);background-size:242px 212px} .p-icon__folder{background-image:url(/common_html5/images/program/p-icon@2x.png);background-size:242px 212px} .p-icon__gif{background-image:url(/common_html5/images/program/p-icon@2x.png);background-size:242px 212px} .p-icon__hot-bg{background-image:url(/common_html5/images/program/p-icon@2x.png);background-size:242px 212px} .p-icon__hot{background-image:url(/common_html5/images/program/p-icon@2x.png);background-size:242px 212px} .p-icon__html{background-image:url(/common_html5/images/program/p-icon@2x.png);background-size:242px 212px} .p-icon__hwp{background-image:url(/common_html5/images/program/p-icon@2x.png);background-size:242px 212px} .p-icon__insta{background-image:url(/common_html5/images/program/p-icon@2x.png);background-size:242px 212px} .p-icon__jpg{background-image:url(/common_html5/images/program/p-icon@2x.png);background-size:242px 212px} .p-icon__js{background-image:url(/common_html5/images/program/p-icon@2x.png);background-size:242px 212px} .p-icon__kakostory{background-image:url(/common_html5/images/program/p-icon@2x.png);background-size:242px 212px} .p-icon__new{background-image:url(/common_html5/images/program/p-icon@2x.png);background-size:242px 212px} .p-icon__noimg{background-image:url(/common_html5/images/program/p-icon@2x.png);background-size:242px 212px} .p-icon__pdf{background-image:url(/common_html5/images/program/p-icon@2x.png);background-size:242px 212px} .p-icon__png{background-image:url(/common_html5/images/program/p-icon@2x.png);background-size:242px 212px} .p-icon__ppt{background-image:url(/common_html5/images/program/p-icon@2x.png);background-size:242px 212px} .p-icon__question-hover{background-image:url(/common_html5/images/program/p-icon@2x.png);background-size:242px 212px} .p-icon__question{background-image:url(/common_html5/images/program/p-icon@2x.png);background-size:242px 212px} .p-icon__reply{background-image:url(/common_html5/images/program/p-icon@2x.png);background-size:242px 212px} .p-icon__secret{background-image:url(/common_html5/images/program/p-icon@2x.png);background-size:242px 212px} .p-icon__select-arrow{background-image:url(/common_html5/images/program/p-icon@2x.png);background-size:242px 212px} .p-icon__swf{background-image:url(/common_html5/images/program/p-icon@2x.png);background-size:242px 212px} .p-icon__times-circle,.p-upload__clear{background-image:url(/common_html5/images/program/p-icon@2x.png);background-size:242px 212px} .p-icon__times{background-image:url(/common_html5/images/program/p-icon@2x.png);background-size:242px 212px} .p-icon__twitter{background-image:url(/common_html5/images/program/p-icon@2x.png);background-size:242px 212px} .p-icon__txt{background-image:url(/common_html5/images/program/p-icon@2x.png);background-size:242px 212px} .p-icon__xls{background-image:url(/common_html5/images/program/p-icon@2x.png);background-size:242px 212px} .p-icon__xml{background-image:url(/common_html5/images/program/p-icon@2x.png);background-size:242px 212px} .p-icon__zip{background-image:url(/common_html5/images/program/p-icon@2x.png);background-size:242px 212px} } .p-agree__exactly{display:inline-block;margin-left:4px;font-size:.8em;color:#757575} .p-agree__exactly.y{color:#df7388} .p-agree__header{margin:10px 0} .p-agree__condents{max-height:250px;overflow-y:auto;margin:10px 0 5px;padding:12px 24px;border:1px solid #e0e0e0;background-color:#fafafa;box-sizing:border-box} .p-agree__title{margin:12px 0 8px;font-size:1.1em;color:#333} .p-agree__title:first-child{margin-top:0} .p-agree__title:after,.p-agree__title:before{display:none} .p-agree__list li{position:relative;margin-left:15px;padding-left:10px;font-size:1em} .p-agree__list li:before{position:absolute;content:"";left:0;top:10px;width:4px;height:4px;border-radius:4px;background:#888} .p-agree__list li li{position:relative;padding:2px 0 0 10px} .p-agree__list li li:before{top:13px;width:6px;height:2px;border-radius:0;background:#888} .p-agree__check{margin:20px 0;padding-bottom:20px;border-bottom:1px solid #e9e9e9} .p-agree__question{margin-bottom:10px;font-size:1.1em} .chart__background text{fill:#666;font-family:'나눔고딕','돋움',Dotum;font-size:11px} .chart__background .chart__fields text{fill:#666;font-family:'나눔고딕','돋움',Dotum;font-size:11px} .chart__foreground .labels text{fill:#666;font-family:'나눔고딕','돋움',Dotum;font-size:11px} .chart__tooltip text{fill:#777;font-family:'나눔고딕','돋움',Dotum;font-size:11px} .chart__tooltip rect{fill:rgba(255,255,255,.9);stroke:#ccc;stroke-width:.5px} .chart__fields text{fill:#666;font-family:'나눔고딕','돋움',Dotum;font-size:11px} .chart__guide_line{stroke:#4010ad;stroke-width:1px} .Nwagon_column .chart__background line.h{stroke:#000;stroke-width:.2px} .Nwagon_column .chart__background line.v{stroke:#000;stroke-width:.1px} .Nwagon_column .chart__foreground .columns g rect{fill-opacity:.7;cursor:pointer} .Nwagon_column .chart__foreground .chart__tooltip text{fill:#777;font-family:'나눔고딕','돋움',Dotum;font-size:9px} .Nwagon_column .chart__foreground .chart__tooltip rect{fill:rgba(255,255,255,.9);stroke:#ccc;stroke-width:.5px} .Nwagon_column .chart__background text,.Nwagon_column .labels text{fill:#666;font-family:'나눔고딕','돋움',Dotum;font-size:11px} .Nwagon_stacked_column .chart__background line.h{stroke:#000;stroke-width:.2px} .Nwagon_stacked_column .chart__background line.v{stroke:#000;stroke-width:.1px} .Nwagon_stacked_column .chart__foreground .columns g rect{fill-opacity:.7;cursor:pointer} .Nwagon_stacked_column .chart__foreground .chart__tooltip text{fill:#777;font-family:'나눔고딕','돋움',Dotum;font-size:9px} .Nwagon_stacked_column .chart__foreground .chart__tooltip rect{fill:rgba(255,255,255,.9);stroke:#ccc;stroke-width:.5px} .Nwagon_stacked_column .chart__background text,.Nwagon_stacked_column .labels text{fill:#666;font-family:'나눔고딕','돋움',Dotum;font-size:11px} .Nwagon_multi_column .chart__background line.h{stroke:#000;stroke-width:.2px} .Nwagon_multi_column .chart__background line.v{stroke:#000;stroke-width:.1px} .Nwagon_multi_column .chart__foreground .columns g rect{fill-opacity:.7;cursor:pointer} .Nwagon_multi_column .chart__foreground .chart__tooltip text{fill:#777;font-family:'나눔고딕','돋움',Dotum;font-size:9px} .Nwagon_multi_column .chart__foreground .chart__tooltip rect{fill:rgba(255,255,255,.9);stroke:#ccc;stroke-width:.5px} .Nwagon_multi_column .labels text,.Nwagon_stacked_column .chart__background text{fill:#666;font-family:'나눔고딕','돋움',Dotum;font-size:11px} .Nwagon_line .chart__background line.h{stroke:#999;stroke-width:1px} .Nwagon_line .chart__background line.h_dash{stroke:#888;stroke-width:.3px;stroke-dasharray:3px 1px} .Nwagon_line .chart__background line.v{stroke:#999;stroke-width:1px} .Nwagon_line .chart__foreground .lines g rect{fill-opacity:.7;cursor:pointer} .Nwagon_line .chart__foreground .circles g rect{fill-opacity:.7;cursor:pointer} .Nwagon_line .chart__foreground .circles circle{stroke-width:2px;cursor:pointer} .Nwagon_line .chart__foreground .lines path{fill:none;stroke-width:2px} .Nwagon_line .chart__background text,.Nwagon_line .labels text{fill:#666;font-family:'나눔고딕','돋움',Dotum;font-size:11px} .Nwagon_area .chart__background line.h{stroke:#999;stroke-width:1px} .Nwagon_area .chart__background line.h_dash{stroke:#000;stroke-width:.3px;stroke-dasharray:3px 1px} .Nwagon_area .chart__background line.v{stroke:#999;stroke-width:1px} .Nwagon_area .chart__foreground .lines g rect{fill-opacity:.7;cursor:pointer} .Nwagon_area .chart__foreground .circles g rect{fill-opacity:.7;cursor:pointer} .Nwagon_area .chart__foreground .circles circle{stroke-width:2px;cursor:pointer} .Nwagon_area .chart__foreground .lines path{stroke-width:2px} .Nwagon_area .labels text,.Nwagon_line .chart__background text{fill:#666;font-family:'나눔고딕','돋움',Dotum;font-size:11px} .Nwagon_jira .chart__background line.h{stroke:#999;stroke-width:1px} .Nwagon_jira .chart__background line.h_dash{stroke:#000;stroke-width:.3px;stroke-dasharray:3px 1px} .Nwagon_jira .chart__background line.v{stroke:#999;stroke-width:1px} .Nwagon_jira .chart__foreground .lines g rect{fill-opacity:.7;cursor:pointer} .Nwagon_jira .chart__foreground .circles g rect{fill-opacity:.7;cursor:pointer} .Nwagon_jira .chart__foreground .circles circle{stroke-width:2px;cursor:pointer} .Nwagon_jira .chart__foreground .polygon path{stroke-width:0} .Nwagon_jira .chart__foreground .polygon .layered{fill:#fff;stroke:#fff;opacity:.7} .Nwagon_jira .chart__foreground .lines path{fill:none;stroke-width:2px} .Nwagon_jira .labels text,.Nwagon_line .chart__background text{fill:#666;font-family:'나눔고딕','돋움',Dotum;font-size:11px} .chart__background path{stroke:#ccc;stroke-width:1px;fill:none} .chart__background line.v{stroke:#ccc;stroke-width:1px} .chart__foreground .pies .sector{stroke-width:1px;stroke:#fff;cursor:pointer} .chart__foreground .pies .sector{stroke-width:1px;stroke:#fff;cursor:pointer} .xAxis text{fill:#000;font-family:'나눔고딕','돋움',Dotum;font-size:8px} .Nwagon_polar .chart__background text,.Nwagon_polar .labels text{fill:#666;font-family:'나눔고딕','돋움',Dotum;font-size:11px} .Nwagon_polar_pie .chart__background text,.Nwagon_polar_pie .labels text{fill:#666;font-family:'나눔고딕','돋움',Dotum;font-size:11px} .core .core_text{fill:#444;font-family:'나눔고딕','돋움',Dotum;font-size:15px} .chart__foreground .donuts .sector{stroke-width:1px;stroke:#fff;cursor:pointer} .Nwagon_radar .chart__background .pie polyline{stroke:#000;stroke-width:.2px} .Nwagon_radar .chart__foreground .pie polyline{fill:#000;stroke:#000;stroke-width:.2px;opacity:.1} .Nwagon_radar .labels text{fill:#666;font-family:'나눔고딕','돋움',Dotum;font-size:11px;cursor:pointer} .Nwagon_radar .labels text:hover{text-decoration:underline} .Nwagon_radar .xAxis text{fill:#000;font-family:'나눔고딕','돋움',Dotum;font-size:8px} .Nwagon_radar .chart__foreground polyline.polygon{opacity:.4} .Nwagon_radar .chart__foreground circle{stroke-width:8px;stroke:transparent} .Nwagon_radar .chart__foreground circle.dim{fill:#fff;stroke:#aaa;stroke-width:1px} div.label_ie{padding:0;margin:0} .p-map-info{position:relative;padding:1px 10px 3px;top:-63px;background:#fff;border:1px solid #bbb;border-radius:4px} .p-map-info--multi{top:-73px} .p-map-info:after,.p-map-info:before{display:block;position:absolute;left:50%;width:0;height:0;bottom:-7px;border-left:7px solid transparent;border-right:7px solid transparent;transform:rotate(180deg)} .p-map-info:before{border-bottom:7px solid #000;margin:-7px 0 0 -7px} .p-map-info:after{border-bottom:7px solid #fff;margin:-6px 0 0 -7px} .p-map-info__title{color:#222;text-align:center} .p-map-info__content{font-size:.95em;color:#666} .p-map-info__close{display:inline-block;width:14px;height:13px;margin-top:-3px;margin-left:4px;background:#fff url(/common_html5/images/program/map_info_close.png) no-repeat;vertical-align:middle;font-size:0} .sample .p-map-info{margin-left:4px;background:#0a4ba5;border-radius:4px;top:-68px} .sample .p-map-info:after{border-bottom:7px solid #0a4ba5} .sample .p-map-info__title{padding:4px 10px 4px;color:#fff} .p-poll-result__item{padding:0 25px 0 56px;margin-top:12px;border:1px solid #cecece;border-radius:6px;overflow:hidden} .p-poll-result__number{display:inline-block;width:26px;height:26px;margin-right:8px;background:#202e70;border-radius:50%;color:#fff;text-align:center;vertical-align:middle} .p-poll-result__header{position:relative;margin-left:-56px;margin-right:-25px;border-bottom:1px solid #e8e8e8;background:#fafafa} .p-poll-result__link{display:block;padding:8px 25px 6px} .p-poll-result__link:after{display:inline-block;position:absolute;left:inherit;right:25px;top:16px;opacity:.4} .p-poll-result__link .p-poll-result__number{color:#fff} .p-poll-result .active .p-poll-result__link:after{transform:rotate(180deg)} .p-poll-result__title{margin:0;font-size:1.05em;line-height:24px} .p-poll-result__total{font-size:1.1em;color:#000;text-align:left} .p-poll-result__total em,.p-poll-result__total span{color:#df2746} .p-poll-result__total .p-poll-result__total-number{font-size:1.2em} .p-poll-result__content{display:none;margin-top:10px;margin-bottom:20px} .p-poll-result__content.active{display:block} .p-poll-result__icon{display:inline-block;font-size:0} .p-poll-result__icon.percent{width:18px;height:18px;background:url(/common_html5/images/program/p-icon-view.svg#chart-pie-solid-blue) no-repeat center center;background-size:18px 18px} .p-poll-result__icon.user{width:14px;height:18px;background:url(/common_html5/images/program/p-icon-view.svg#user-solid-blue) no-repeat center center;background-size:18px 18px} .p-poll-result__label{position:relative;display:block;padding-left:12px} .p-poll-result__label:before{display:inline-block;position:absolute;left:0;top:8px;width:8px;height:8px;margin-top:-2px;margin-right:4px;vertical-align:middle;background:red;border-radius:50%} .p-poll-result__list li{position:relative;padding:2px 0 4px 15px} .p-poll-result__list li:before{display:block;position:absolute;left:0;top:10px;width:5px;height:5px;background:#666;border-radius:50%} .p-poll-result .p-table--layout{width:auto;min-width:40%} .p-poll-result .p-table--layout td,.p-poll-result .p-table--layout th{padding-top:6px;padding-bottom:6px} .p-poll-result .p-table--layout th{text-align:right;padding-right:23px;border-bottom:1px solid #e0e0e0} .p-poll-result .p-table--layout td{vertical-align:top} .p-poll-result .p-table--layout tbody tr:last-child td{border-bottom:1px solid #e0e0e0} .p-poll-result .p-table--layout .text_left{text-align:left} .p-poll-result .p-bar{height:12px} .p-poll-result .p-bar__info{line-height:12px} .p-poll-result .type1 .p-bar__info,.p-poll-result .type1 .p-poll-result__label:before{background:rgba(255,100,132,.9)} .p-poll-result .type2 .p-bar__info,.p-poll-result .type2 .p-poll-result__label:before{background:rgba(54,162,235,.9)} .p-poll-result .type3 .p-bar__info,.p-poll-result .type3 .p-poll-result__label:before{background:rgba(255,175,55,.9)} .p-poll-result .type4 .p-bar__info,.p-poll-result .type4 .p-poll-result__label:before{background:rgba(128,194,105,.9)} .p-poll-result .type5 .p-bar__info,.p-poll-result .type5 .p-poll-result__label:before{background:rgba(153,102,255,.9)} .p-poll-result .type6 .p-bar__info,.p-poll-result .type6 .p-poll-result__label:before{background:rgba(75,192,192,.9)} .p-poll-result .type7 .p-bar__info,.p-poll-result .type7 .p-poll-result__label:before{background:rgba(255,159,64,.9)} .p-poll-result .type8 .p-bar__info,.p-poll-result .type8 .p-poll-result__label:before{background:rgba(17,154,189,.9)} .p-poll-result .type9 .p-bar__info,.p-poll-result .type9 .p-poll-result__label:before{background:rgba(201,203,207,.9)} .dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;margin:2px 0 0;font-size:14px;list-style:none;background-color:#fff;border:1px solid rgba(0,0,0,.15);border-radius:4px;box-shadow:0 6px 12px rgba(0,0,0,.175);background-clip:padding-box} .p-datepicker{border-radius:0} .p-datepicker-rtl.dropdown-menu{left:auto} .p-datepicker-rtl table tr td span{float:right} .p-datepicker__dropdown{top:0;left:0;padding:10px} .p-datepicker__dropdown:before{display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #cdcdcb;border-top:0;border-bottom-color:rgba(0,0,0,.2);position:absolute} .p-datepicker__dropdown:after{display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;border-top:0;position:absolute} .p-datepicker__dropdown.p-datepicker-orient-left:before{left:6px} .p-datepicker__dropdown.p-datepicker-orient-left:after{left:7px} .p-datepicker__dropdown.p-datepicker-orient-right:before{right:6px} .p-datepicker__dropdown.p-datepicker-orient-right:after{right:7px} .p-datepicker__dropdown.p-datepicker-orient-bottom:before{top:-7px} .p-datepicker__dropdown.p-datepicker-orient-bottom:after{top:-6px} .p-datepicker__dropdown.p-datepicker-orient-top:before{bottom:-7px;border-bottom:0;border-top:7px solid #cdcdcb} .p-datepicker__dropdown.p-datepicker-orient-top:after{bottom:-6px;border-bottom:0;border-top:6px solid #fff} .p-datepicker__wrap{position:relative} .p-datepicker__head{position:relative;margin-bottom:5px;text-align:center} .p-datepicker__head .p-datepicker-switch{max-width:160px;padding:5px 28px 5px 20px;border:1px solid #cdcdcb;border-radius:0;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAANElEQVQYV2Ncvnz5fwYiACPRCkGGEVIcGRnJyAizFZdikCKQGrhCbCbDFGEoRFaMrAgkDgB1ORXvQyzzggAAAABJRU5ErkJggg==) no-repeat right 6px center;font-weight:700;text-align:center;cursor:pointer!important} .p-datepicker__head .next,.p-datepicker__head .prev{display:inline-block;height:26px;line-height:24px;cursor:pointer;text-align:center} .p-datepicker__head .next:focus,.p-datepicker__head .next:hover,.p-datepicker__head .prev:focus,.p-datepicker__head .prev:hover{background-color:#f4f4f4} .p-datepicker__head .next,.p-datepicker__head .prev{position:absolute;top:4px;width:30px;font-size:0} .p-datepicker__head .next.disabled,.p-datepicker__head .prev.disabled{visibility:hidden} .p-datepicker__head .prev{left:0;background-image:url(/common_html5/images/program/p-icon-view.svg#angle-left);background-repeat:no-repeat;background-position:center center;background-size:22px 22px} .p-datepicker__head .next{right:0;background-image:url(/common_html5/images/program/p-icon-view.svg#angle-right);background-repeat:no-repeat;background-position:center center;background-size:22px 22px} .p-datepicker .p-datepicker-decades .p-datepicker-switch,.p-datepicker .p-datepicker-years .p-datepicker-switch{padding:5px 20px 5px 8px;letter-spacing:-1px} .p-datepicker .p-datepicker-centuries .p-datepicker-switch{padding:5px 12px 5px 12px;letter-spacing:-1px;background:0 0;border:none;cursor:default} .p-datepicker .p-datepicker-centuries .p-datepicker-switch:hover{background:0 0} .p-datepicker table{margin:10px 0 0;width:230px} .p-datepicker td,.p-datepicker th{padding:0;text-align:center;width:30px;height:30px;border:none} .p-datepicker th{background:0 0!important;font-weight:700!important} .p-datepicker td button{display:inline-block;width:30px;height:30px;border-radius:50%;border:none} .p-datepicker td button.day.focused,.p-datepicker td button.day:hover{background:#f4f4f4;cursor:pointer} .p-datepicker td button.new,.p-datepicker td button.old{color:#9b9b97} .p-datepicker td button.disabled,.p-datepicker td button.disabled:hover{background:0 0;color:#cdcdcb;cursor:default} .p-datepicker td button.highlighted{background:#ddffda;border-radius:0} .p-datepicker td button.today,.p-datepicker td button.today.disabled,.p-datepicker td button.today.disabled:hover,.p-datepicker td button.today:hover{background-color:#fecdc0;color:#000} .p-datepicker td button.today:hover:hover{color:#000} .p-datepicker td button.today.active:hover{color:#fff} .p-datepicker td button.range,.p-datepicker td button.range.disabled,.p-datepicker td button.range.disabled:hover,.p-datepicker td button.range:hover{background:#f4f4f4;border-radius:0} .p-datepicker td button.range.today,.p-datepicker td button.range.today.disabled,.p-datepicker td button.range.today.disabled:hover,.p-datepicker td button.range.today:hover{border-radius:0} .p-datepicker td button.range.today.active,.p-datepicker td button.range.today.disabled,.p-datepicker td button.range.today.disabled.active,.p-datepicker td button.range.today.disabled.disabled,.p-datepicker td button.range.today.disabled:active,.p-datepicker td button.range.today.disabled:hover,.p-datepicker td button.range.today.disabled:hover.active,.p-datepicker td button.range.today.disabled:hover.disabled,.p-datepicker td button.range.today.disabled:hover:active,.p-datepicker td button.range.today.disabled:hover:hover,.p-datepicker td button.range.today.disabled:hover[disabled],.p-datepicker td button.range.today.disabled[disabled],.p-datepicker td button.range.today:active,.p-datepicker td button.range.today:hover,.p-datepicker td button.range.today:hover.active,.p-datepicker td button.range.today:hover.disabled,.p-datepicker td button.range.today:hover:active,.p-datepicker td button.range.today:hover:hover,.p-datepicker td button.range.today:hover[disabled],.p-datepicker td button.range.today[disabled]{background-color:#ebb11c} .p-datepicker td button.selected,.p-datepicker td button.selected.disabled,.p-datepicker td button.selected.disabled:hover,.p-datepicker td button.selected:hover{background:#777;color:#fff!important;text-shadow:0 -1px 0 rgba(0,0,0,.25)} .p-datepicker td button.active,.p-datepicker td button.active.disabled,.p-datepicker td button.active.disabled:hover,.p-datepicker td button.active:hover{background-color:#2475b0;color:#fff!important;text-shadow:0 -1px 0 rgba(0,0,0,.25);border-radius:4px} .p-datepicker td button.century,.p-datepicker td button.decade,.p-datepicker td button.month,.p-datepicker td button.year{display:block;width:24%;height:34px;line-height:32px;margin:10px .5%;float:left;cursor:pointer;border-radius:4px} .p-datepicker td button.century.focused,.p-datepicker td button.century:hover,.p-datepicker td button.decade.focused,.p-datepicker td button.decade:hover,.p-datepicker td button.month.focused,.p-datepicker td button.month:hover,.p-datepicker td button.year.focused,.p-datepicker td button.year:hover{background-color:#fecdc0} .p-datepicker td button.century.disabled,.p-datepicker td button.century.disabled:hover,.p-datepicker td button.decade.disabled,.p-datepicker td button.decade.disabled:hover,.p-datepicker td button.month.disabled,.p-datepicker td button.month.disabled:hover,.p-datepicker td button.year.disabled,.p-datepicker td button.year.disabled:hover{background:0 0;color:#cdcdcb;cursor:default} .p-datepicker td button.century.active,.p-datepicker td button.century.active.disabled,.p-datepicker td button.century.active.disabled:hover,.p-datepicker td button.century.active:hover,.p-datepicker td button.decade.active,.p-datepicker td button.decade.active.disabled,.p-datepicker td button.decade.active.disabled:hover,.p-datepicker td button.decade.active:hover,.p-datepicker td button.month.active,.p-datepicker td button.month.active.disabled,.p-datepicker td button.month.active.disabled:hover,.p-datepicker td button.month.active:hover,.p-datepicker td button.year.active,.p-datepicker td button.year.active.disabled,.p-datepicker td button.year.active.disabled:hover,.p-datepicker td button.year.active:hover{background-color:#2475b0;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25)} .p-datepicker-days td span.new,.p-datepicker-days td span.old{color:#cdcdcb} .table-striped .p-datepicker table tr td,.table-striped .p-datepicker table tr th{background-color:transparent} .p-datepicker td:first-child .day:not(.old):not(.new),.p-datepicker td:last-child .day:not(.old):not(.new){color:#f16f5a} .p-datepicker td:first-child .disabled,.p-datepicker td:last-child .disabled{color:#cdcdcb!important} .p-datepicker tbody tr:first-child td{border:none!important} .p-datepicker-footer{display:block;width:100%;margin-top:10px;text-align:center} .p-datepicker-footer .clear,.p-datepicker-footer .close,.p-datepicker-footer .today{width:31%;margin:0 1%;padding:1px 10px 3px;border-radius:2px;background-color:#eee;border:1px solid #e1e1e1;cursor:pointer;color:#555} .p-datepicker .cw{font-size:10px;width:12px;padding:0 2px 0 5px;vertical-align:middle} .p-datepicker-inline{width:100%} .p-datepicker-inline table{width:100%} .p-date-group{position:relative;white-space:nowrap;display:table} .p-date-group .p-date{width:100%} .p-date__icon{overflow:hidden;width:30px;border-left-color:transparent!important;font-size:0;color:transparent;padding-left:0!important;padding-right:0!important;text-align:center} .p-date__icon:before{display:inline-block;width:14px;height:16px;background:#f0f0f0 url(/common_html5/images/program/p-icon-view.svg#calendar-alt) no-repeat center center;background-size:18px 18px;vertical-align:middle} .bbs .p-button{margin-left:4px} .bbs .p-button:first-child{margin-left:0} .bbs .p-button.cancel .bbs .p-button.list,.bbs .p-button.write{padding:7px 30px;height:auto} .bbs .p-button.cancel .bbs .p-button.list .dot,.bbs .p-button.write .dot{display:inline-block;margin:0 11px 1px;width:5px;height:5px;background:rgba(255,255,255,.8);border-radius:50%;vertical-align:middle} .bbs .p-button.cancel .bbs .p-button.list .dot:last-child,.bbs .p-button.write .dot:last-child{margin-right:0} .bbs .p-button svg{margin-left:4px} .bbs .p-comment__button .p-button.write{padding:5px 35px 7px;background-image:none;color:#fff} .bbs .p-nav--group{margin-bottom:30px} .bbs .p-search{margin-bottom:30px} .bbs .p-search .p-form-group{width:60%;margin-left:auto;margin-right:auto} .bbs .p-search .p-dropdown .p-button,.bbs .p-search .p-input,.bbs .p-search .p-upload__file,.p-dropdown .bbs .p-search .p-button{height:42px} .bbs .p-search .p-dropdown .p-button,.bbs .p-search select.p-input,.bbs .p-search select.p-upload__file,.p-dropdown .bbs .p-search .p-button{line-height:39px} @media all and (max-width:480px){ .bbs .p-search .p-dropdown .p-button,.bbs .p-search select.p-input,.bbs .p-search select.p-upload__file,.p-dropdown .bbs .p-search .p-button{width:100%;min-width:inherit;padding-left:6px} } .bbs .p-search .p-button{padding:8px 28px;height:auto;margin-left:8px!important} @media only screen and (max-width:765px){ .bbs .p-search .p-form-group{width:100%} .bbs .p-search .p-form__split{padding:0 4px} .bbs .p-search .p-button{padding-left:15px;padding-right:15px;margin-left:4px!important} } .bbs .p-category{margin-bottom:30px} .bbs .card.top{margin-bottom:40px} .bbs .card.bottom{margin-top:40px} .bbs .card--bgcolor{background:#f4f4f4;border-color:#f0f1f3} .bbs .p-button.write{padding-right:30px;background:#202e70;color:#fff !important;} .bbs .p-button.write span{display:none;width:5px;height:5px;border-radius:50%;background:#fff;vertical-align:middle;margin:-2px 5px 0 10px} .bbs .p-button.write svg{margin:1px 0 0 10px} @media only screen and (max-width:765px){ .bbs .p-button.write{background-image:none} } .bbs .bbs__manage{margin-top:30px} @media all and (max-width:640px){ .bbs .bbs__manage{display:none} } .bbs .bbs__move{display:inline-block} @media all and (max-width:900px){ .bbs .bbs__move{display:block} } @media all and (max-width:640px){ .bbs .bbs__manage-group{display:none} } @media all and (max-width:765px){ .bbs .p-media__checkbox,.bbs .p-table__checkbox{display:none!important} } .bbs img,.bbs svg{max-width:100%} .bbs .p-table thead th{background:#fff} .bbs .p-table .p-button{font-size:15px} @media only screen and (max-width:765px){ .bbs__list .p-button.write{display:block;width:100%} } @media only screen and (max-width:765px){ .bbs__form .p-button.write{width:48.8%;margin-right:1%} } @media only screen and (max-width:765px){ .bbs__form .p-button.cancel:not(.p-button--block){background-image:none;width:48.5%} } .bbs__form .p-table+.text_right{text-align:center} @media only screen and (max-width:765px){ .p-button.delete,.p-button.edit,.p-button.reply,.p-button.restore{margin:5px 0} .p-button.reply,.p-button.restore{display:none} } .bbs__faq .p-accordion__button{padding-right:52px} @media only screen and (max-width:765px) and (max-width:765px){ .bbs.bbs__form .p-table.block th{font-weight:600} } @media only screen and (max-width:765px){ .svg.no-cssgridlegacy.no-flexbox .p-table.simple tbody tr{display:block;width:100%} .svg.no-cssgridlegacy.no-flexbox .p-table.simple tbody td{display:block;width:100%;float:left} } .no-svg .p-table.simple tbody td .add-head{display:none} .no-svg .p-icon__expand-arrows,.no-svg .p-icon__eye,.no-svg .p-icon__rss,.no-svg .p-icon__search{width:auto!important;height:auto!important;font-size:12px!important;color:#666!important;line-height:1.6!important;white-space:nowrap} .no-svg .p-dropdown__arrow{background:transparent url(/common_html5/images/program/select_arrow.png) no-repeat right 7px center} .no-svg .p-photo__zoom{width:auto!important;height:auto!important;background-color:#222} .no-svg .p-photo__zoom .p-icon{color:#fff!important} .no-svg .p-media-list .p-media__image-wrap img{top:0;left:0} .no-svg .p-dropdown .p-button,.no-svg select.p-input,.no-svg select.p-upload__file,.p-dropdown .no-svg .p-button{background:#fff url(/common_html5/images/program/select_arrow.png) no-repeat right center} .no-svg .p-form-checkbox__input,.no-svg .p-form-radio__input{opacity:1;margin:0;vertical-align:baseline} .no-svg .p-form-checkbox__label:after,.no-svg .p-form-checkbox__label:before,.no-svg .p-form-radio__label:after,.no-svg .p-form-radio__label:before{display:none} .no-svg .p-form-checkbox--single,.no-svg .p-form-radio--single{margin-right:0} .no-svg .p-switcher__input:checked+label:before{background:#202e70} .no-svg .p-upload__file--hidden{position:relative;width:auto;height:auto;min-width:inherit;margin:0;overflow:visible;clip:rect(0,0,0,0);border:1px solid #cdcdcd} .no-svg .p-upload .disabled.p-upload__file,.no-svg .p-upload .p-dropdown .disabled.p-button,.no-svg .p-upload .p-input.disabled,.p-dropdown .no-svg .p-upload .disabled.p-button{display:none} .no-svg .p-upload .p-input__addon label{display:none} .no-svg .p-upload .p-form-checkbox,.no-svg .p-upload .p-input-group__button{display:none} .no-svg .p-upload .p-form-checkbox{display:table-cell} .no-svg .p-upload .p-input-group__upload .disabled.p-upload__file,.no-svg .p-upload .p-input-group__upload .p-dropdown .disabled.p-button,.no-svg .p-upload .p-input-group__upload .p-input.disabled,.p-dropdown .no-svg .p-upload .p-input-group__upload .disabled.p-button{display:none} .no-svg .p-comment__button_delete{width:auto!important;height:auto!important} .no-svg .p-comment__button_delete .skip{position:relative;left:0;width:auto!important;height:auto!important;padding:0 5px!important;font-size:12px!important;color:#666!important} .no-svg .p-form__date-button{width:auto!important} .no-svg .p-date__icon,.no-svg .p-icon__calendar-alt{overflow:visible;width:auto!important;padding:0 4px!important;font-size:12px!important;color:#666!important;line-height:1.6} .no-svg .p-date__icon:before,.no-svg .p-icon__calendar-alt:before{display:none} .no-svg .p-media--gallery .p-media{margin:30px 1.6%} .no-svg .p-media--gallery .p-media__image-wrap{padding-top:0} .no-svg .p-media--gallery .p-media__image-wrap img{position:relative;width:260px;height:170px} .no-svg .p-media--gallery .p-media__image-wrap.no-image{width:260px;height:170px} .no-svg .p-page__control .next .skip,.no-svg .p-page__control .next-end .skip,.no-svg .p-page__control .prev .skip,.no-svg .p-page__control .prev-end .skip{left:0;width:100%!important;height:auto!important;font-size:12px!important;line-height:1.6!important;color:#666!important} @media only screen and (max-width:765px){ .p-form__label {width:100%} .p-input__addon .p-input__item,.p-input__split{;} } /*0527 추가*/ .schedule_h {font-weight: bold; font-size:19px; color:#444; background: url(/site/council/images/contents/bull.png) no-repeat left center; padding-left:25px; margin-bottom:20px; float: left} .coun_table {margin-bottom:15px;} .coun_table th{border-top:2px solid #222; border-bottom:1px solid #888; padding:8px; background: #fafafa; color:#666; font-weight: bold; text-align: center; vertical-align: middle; border-left:1px solid #d1d1d1;} .coun_table th:last-child{border-right:1px solid #d1d1d1;} .coun_table td{border:1px solid #d1d1d1; height:50px; padding:8px;} .schedule_m {color:#e30000; margin-right:10px;} .schedule_search {float: right; margin-bottom: 20px;} .year-input {width:200px; height:40px;} .year-button {height:40px;} .schedule_h2 {font-size: 17px; color:#555; font-weight: bold; padding-left:25px; float: left; margin:10px 0; background:url(/site/council/images/contents/bull2.png) no-repeat left 10px center;} .h_fl {clear: both;} .schedule_tl {text-align: left;} .schedule_border th {border-top:none;} .schedule_vl {vertical-align:top} /* 한신정보기술 송정은 190521 */ .prettyprint{padding:20px 0; white-space:pre-wrap;} ol.linenums{padding-left:40px;} /* template 가이드용 스타일 */ .template pre {margin:10px 0; padding:10px 20px 0; border:1px solid #e9e9e9; background:#fafafa; font-size:13px;} .template .tab_item {margin:15px 0 20px} .template .tab_item {border-left:1px solid #d9d9d9;} .template .tab_item li {float:left; display:inline; width:15%; border-top:1px solid #d9d9d9; background:#eee} .template .tab_item li.active {border-top:solid 1px #d9d9d9; background:#fff} .template .tab_item li a {display:block; padding:0; line-height:46px; font-size:15px; text-align:center; border-right:1px solid #d9d9d9; text-decoration:none; white-space:nowrap} .template .tab_item li.active a, .tab_obj li a:hover {} .tab_obj {display:none; position:relative; padding:0;} /* 본문제목 */ h3, h4, h5, h6, .h3, .h4, .h5, .h6, .h7 {position:relative; font-weight:400; text-align:left; letter-spacing:-0.01em;} h3, .h3 {margin:26px 0 11px; padding-top:13px; line-height:36px; color:#222; font-size:24px; font-weight:600;} h4, .h4 {margin:18px 0 0; line-height:36px; color:#3564c4; font-size:22px; font-weight:600;} h5, .h5 {margin:0 0 0 14px; padding-left:28px; line-height:36px; color:#363636; font-size:20px; font-weight:600;} h6, .h6 {margin:0 0 0 36px; padding-left:15px; color:#424242; line-height:31px; font-size:18px;} .h7 {margin:0 0 0 44px; padding-left:15px; color:#494949; line-height:31px; font-size:16px;} h3:before, h4:before, h5:before, h6:before, .h3:before, .h4:before, .h5:before, .h6:before, .h7:before {position:absolute; display:block;} h3:before, .h3:before {left:0; top:0; width:18px; height:13px; background:url(../images/template/template.png) no-repeat 0 0;} h5:before, .h5:before {left:0; top:8px; width:20px; height:20px; background:url(../images/template/template.png) no-repeat -44px 0;} h6:before, .h6:before {left:0; top:15px; width:6px; height:3px; background:#71b911;} .h7:before {left:0; top:13px; width:2px; height:2px; border:2px solid #989898;} h3 span, h4 span, h5 span, h6 span, .h3 span, .h4 span, .h5 span, .h6 span, .h7 span {color:#777; font-size:0.85em; font-weight:normal;} .h0 {margin:0; padding:0; color:#666; font-size:1em; font-weight:400; letter-spacing:0;} h3.skip:before, h4.skip:before, h5.skip:before, h6.skip:before, .h7.skip:before, .h0:before,.h0:after {display:none} #contents > h3:first-child {margin-top:0;} /* 목록(List) */ ul.bu {margin:0 0 0 10px; padding:2px 0 5px 0;} ul.bu li {position:relative; padding:0 0 0 16px; color:#3d3d3d; font-size:15px; text-align:left; line-height:24px; list-style:none;} ul.bu li:first-child{margin-top:0;} ul.bu ul, ul.bu ul ul, ul.bu ul ul ul {margin:0; padding:0 0 5px 0;} ul.bu ul {margin:6px 0 4px 16px} ul.bu ul li {padding-left:16px; color:#555} ul.bu ul, ul.bu ul.num {padding-left:0; margin-left:0;} ul.bu ul.num li {padding-left:26px} ul.bu ol li {padding-left:26px;} ul.bu ol.num li {padding-left:26px;} ul.bu ul ul li {padding-left:13px; font-size:14px; line-height:22px;} ul.bu > li:before {display:inline-block; position:absolute; left:0; top:9px; width:5px; height:5px; border-radius:100%; background:#686868;} ul.bu ul > li:before {display:inline-block; position:absolute; left:0; top:11px; width:5px; height:2px; background:#939393;} ul.bu ul ul > li:before {display:inline-block; position:absolute; left:3px; top:10px; width:2px; height:2px; background:#545454;} ul.num {margin:0; padding:2px 0 5px 11px;} ul.num li {position:relative; margin-top:4px; padding:0 0 0 26px; color:#555; font-size:15px; text-align:left; line-height:23px; list-style:none;} ul.num li:first-child{margin-top:0;} ul.num > li .item {display:inline-block; position:absolute; left:0; top:2px; width:18px; padding-top:1px; color:#fff; border-radius:100%; background:#636a7d; font-size:11px; text-align:center; line-height:17px; font-family:'Opensans';} ul.num > li .another_num {display:inline-block; width:18px; height:18px; margin-top:3px; margin-left:3px; color:#fff; border-radius:100%; background:#636a7d; font-size:11px; text-align:center; line-height:17px; font-family:'Opensans'; vertical-align:top} ul.num li ul li {position:relative; padding:0 0 0 20px; list-style:none; font-size:15px; color:#515151; text-align:left;} ul.num li ul > li .item {display:inline-block; position:absolute; left:-4px; top:2px; width:18px; height:18px; color:#4191db; border:1px solid #4191db; border-radius:100%; background:#fff; font-size:11px; text-align:center; line-height:16px; box-sizing:border-box;} ul.num li ul.bu li{padding:0 0 0 10px;} ol.num {overflow:hidden; padding:2px 0 5px;} ol.num > li {position:relative; margin-top:4px; padding:0 0 0 26px; color:#555; font-size:15px; text-align:left; line-height:23px; counter-increment:number;} ol.num > li:first-child{margin-top:0;} ol.num > li:before {display:inline-block; position:absolute; top:2px; left:0; width:18px; border-radius:100%; background:#636a7d; font-size:11px; color:#fff; text-align:center; vertical-align:top; line-height:17px; font-family:'Opensans'; content:counter(number, decimal);} ol.num > li > ol > li {position:relative; margin-top:4px; padding:0 0 0 26px; color:#555; font-size:15px; text-align:left; line-height:23px; counter-increment:number;} ol.num > li > ol > li:before{display:inline-block; position:absolute; left:0; top:2px; width:18px; height:18px; color:#4191db; border:1px solid #4191db; border-radius:100%; background:#fff; font-size:11px; text-align:center; line-height:16px; box-sizing:border-box; content:counter(number, decimal);} ol.num li ul.bu li{padding:0 0 0 16px;} ol.num li ul.bu ul > li:before {display:inline-block; position:absolute; left:0; top:9px; width:5px; height:2px; background:#939393;} ol.num li ul.bu li:before {display:inline-block; position:absolute; left:0; top:9px; width:5px; height:5px; border-radius:100%; background:#686868;} .num li ul.bu{padding:2px 0 5px;} .ul_fb566 {font-weight:bold; font-size:16px} /* 제목이 있는 목록 */ li .temp_dt{display:inline-block; margin-right:20px; color:#000;} /* 제목이 있는 목록 */ .blt {position:relative; margin:0 0 0 10px; padding:0 0 0 16px; color:#555; font-size:15px; text-align:left !important; line-height:23px;} .blt:before {display:inline-block; position:absolute; left:0; top:9px; width:5px; height:5px; border-radius:100%; background:#686868;} .point {position:relative; padding-left:24px; color:#3564c4; font-size:15px; line-height:23px;} .point:before {display:block; position:absolute; top:4px; left:0; width:15px; height:15px; background-image:url('../images/template/template.png'); background-position:-97px 0; background-repeat:no-repeat; } .point a {color:#3564c4;} .point.type2:before {top:4px; width:16px; height:16px; background-position:-1px -31px;} .point a.blank {color:#3564c4;} .point a.blank:before {border-bottom:1px solid #3564c4} .point a.blank:after {background:url('../images/template/point_blank.gif') no-repeat 0 0;} ul li .point {margin-left:12px;} .table .blt {margin-left:0;} .table .point {text-align:left} /* 테이블 서식 */ .table_unit {margin-top:-23px; font-size:0.9em; text-align:right} .table {width:100%; margin:5px 0 10px;} .table th, table.table td {padding:16px 15px 12px; border:1px solid #d5d5d5; background:#fff; vertical-align:middle;} .table thead th{border:#d3d3d3 solid 1px; font-size:16px; color:#252525; font-weight:600; background:#f3f9ff; text-align:center;} .table thead tr:first-child th {border-top:1px solid #2872bb;} .table thead tr:last-child th, .table thead th[rowspan]{border-bottom:none;} .table tbody tr:first-child th, .table tbody tr:first-child td{border-top-color:#d3d3d3;} .table tbody th {font-weight:600; color:#363636;} .table tfoot th, table.table tfoot td {font-weight:normal; background-color:#f7f8fb;} .table td img {vertical-align:middle} td ul, td li {text-align:left} td ul.bu {margin:0; padding:0;} td .num {margin:0; padding:0;} .table th.empty, .table td.empty{border:none;} .table th.empty{background-color:transparent;} .table.type2 tbody tr:first-child th, .table.type2 tbody tr:first-child td {border-top:1px solid #2872bb;} .table.type2 th, .table.type2 td {padding:16px 15px 12px;} .table.type2 tbody th {color:#252525; font-weight:600; background-color:#f3f9ff;} /* 반응형테이블 */ @media screen and (max-width:800px){ table.table.responsive{border-top:#d3d3d3 solid 1px;} table.table.responsive thead{display:none;} table.table.responsive colgroup{display:none;} table.table.responsive tbody tr{position:relative; display:block;border-bottom:1px solid #d9d9d9;} table.table.responsive tbody tr:after{display:block; clear:both; content:"."; visibility:hidden; height:0;} table.table.responsive tbody tr:nth-child(odd) {background:#f8f8f8;} table.table.responsive tbody td{display:block;padding:4px 3%;border:none;text-align:left;box-sizing:border-box; background-color:transparent;} table.table.responsive tbody th{display:block;padding:4px 3%; text-align:left; vertical-align:middle; background-color:transparent; border:none;} table.table.responsive tbody tr:first-child td, table.table.responsive tbody tr:first-child th{border-top:none;} table.table.responsive thead + tbody th:before, table.table.responsive tbody td:before{display:inline; content:attr(data-content)' : ';}/* thead의 내용을 tbody의 th, td에 각각 삽입 */ table.table.responsive tfoot tr{position:relative; display:block;border-bottom:1px solid #d9d9d9;} table.table.responsive tfoot tr:after{display:block; clear:both; content:"."; visibility:hidden; height:0;} table.table.responsive tfoot tr:nth-child(odd) {background:#f8f8f8;} table.table.responsive tfoot td{display:block;padding:4px 3%;border:none;text-align:left;box-sizing:border-box; background-color:transparent;} table.table.responsive tfoot th{display:block;padding:4px 3%; text-align:left; vertical-align:middle; background-color:transparent; border:none;} table.table.responsive tfoot tr:first-child td, table.table.responsive tfoot tr:first-child th{border-top:none;} table.table.responsive tfoot th:before, table.table.responsive tfoot td:before{display:inline; content:attr(data-content)' : ';}/* thead의 내용을 tbody의 th, td에 각각 삽입 */ table.table.responsive.type2 tbody th:before, table.table.responsive.type2 tbody td:before{display:none;} table.table.responsive.type2 tfoot th:before, table.table.responsive.type2 tfoot td:before{display:none;} } /* 스크롤테이블 */ @media screen and (max-width:1000px){ .scroll_table{overflow-x:auto; padding-bottom:10px;} .scroll_table table{width:1000px !important;} .scroll_table table table{width:auto !important;} } /* 오버스크롤테이블(내용이 많아 가로값이 넘을경우) */ .over_scroll_table{overflow-x:auto; padding-bottom:10px;} .over_scroll_table table{width:1000px;} /* 버튼 / 링크 / */ a.blank {display:inline-block; position:relative; margin:0 2px; padding-right:20px; color:#424242; white-space:nowrap;} a.blank:before, a.down:before {display:inline-block; position:absolute; bottom:0; left:0; width:calc(100% - 20px); height:1px; border-bottom:1px solid #717171; } a.blank:after {display:block; position:absolute; top:5px; right:0; width:13px; height:13px; margin:0 1px; background:transparent url(../images/template/template.png) no-repeat 0 -144px; content:"";} a.down {display:inline-block; position:relative; margin:0 2px; padding-right:20px; color:#424242; white-space:nowrap;} a.down:after {display:block; position:absolute; top:5px; right:0; width:17px; height:14px; margin:0 1px; background:transparent url(../images/template/template.png) no-repeat -53px -92px; content:"";} .btn {position:relative; display:inline-block; margin:0; height:auto; line-height:inherit; padding:7px 20px 7px; border:1px solid #555; background:#fff; color:#333; font-size:15px; text-decoration:none; vertical-align:middle; cursor:pointer; box-sizing:content-box;} input.btn {padding:8px 20px;} .btn:hover {border:1px solid #bfdfff; background:#bfdfff; color:#333; transition:all ease-in 200ms;} a.btn:visited:hover, a.btn:link:hover {color:#333; text-decoration:none;} .btn:after {content:""; display:inline-block; vertical-align:middle;} a.btn:visited, a.btn:link {color:#333;} input[type="submit"].btn{height:auto; line-height:23px;} .btn.type2 {} a.btn.type2:visited, a.btn.type2:link {color:#333;} .btn.type2:hover {border:1px solid #003964; background:#003964; color:#fff;} a.btn.type2:visited:hover, a.btn.type2:link:hover {color:#fff;} .btn.type3 {border:1px solid #81b43b; background:#fff; color:#333;} .btn.type3:hover {border:1px solid #81b43b; background:#81b43b; color:#333;} .btn.type4 {border:1px solid #bfdfff; background:#bfdfff; color:#333;} .btn.type4:hover {border:1px solid #555; background:#fff; color:#333;} .btn.type5 {border:1px solid #003964; background:#003964; color:#fff;} a.btn.type5:visited, a.btn.type5:link {color:#fff;} .btn.type5:hover {border:1px solid #555; background:#fff; color:#333;} a.btn.type5:visited:hover, a.btn.type5:link:hover {color:#333;} .btn.type6 {border:1px solid #8cbf46; background:#8cbf46; color:#333;} .btn.type6:hover {border:1px solid #8cbf46; background:#fff; color:#333;} .btn.disabled, .btn.disabled:hover {background:#fff; border:1px solid #d9d9d9; color:#939393 !important;} .btn.small {padding:4px 20px; line-height:22px; font-size:14px; font-weight:400;} .btn.download {border:1px solid #555; background:#fff; color:#333; font-weight:400;} .btn.download:after {width:17px; height:14px; margin-left:8px; margin-bottom:3px; background:url(../images/template/template.png) no-repeat 0 -92px; vertical-align:middle;} a.btn.download:visited:hover, a.btn.download:link:hover {color:#333; text-decoration:underline;} a.btn.download:visited, a.btn.download:link {color:#333;} .btn.download:hover {border-color:#bfdfff; background-color:#bfdfff; color:#333;} .btn.download:hover:after {background-position:-53px -92px} .btn.download.type2:hover {border-color:#003964; background-color:#003964; color:#fff;} .btn.download.type2:hover:after {background-position:-105px -92px} a.btn.download.type2:visited, a.btn.download.type2:link {color:#333;} a.btn.download.type2:visited:hover, a.btn.download.type2:link:hover {color:#fff;} .btn.link {border:1px solid #555; background:#fff; color:#363636; font-weight:400;} .btn.link:after {width:13px; height:13px; margin-left:8px; margin-bottom:2px; background:url(../images/template/template.png) no-repeat 0 -144px; vertical-align:middle;} a.btn.link:visited, a.btn.link:link {color:#333333;} .btn.link:hover {border-color:#bfdfff; background-color:#bfdfff; color:#333;} .btn.link:hover:after {background-position:-53px -144px} .btn.link.type2:hover {border-color:#003964; background-color:#003964; color:#fff;} .btn.link.type2:hover:after {background-position:-105px -144px} .btn.link2 {border:1px solid #555; background:#fff; color:#363636; font-weight:400;} .btn.link2:after {width:6px; height:9px; margin-left:8px; margin-bottom:2px; background:url(../images/template/template.png) no-repeat -1px -43px; vertical-align:middle;} .btn.link2:hover {border-color:#bfdfff; background-color:#bfdfff; color:#333;} .btn.link2:hover:after {background-position:-54px -43px} a.btn.link2:visited, a.btn.link2:link {color:#333333;} .btn.link2.type2:hover {border-color:#003964; background-color:#003964; color:#fff;} .btn.link2.type2:hover:after {background-position:-106px -43px} /* 선, 박스 */ .line {display:block; margin:10px 0; border-bottom :1px solid #ccc;} .dot {display:block; margin:10px 0; border-bottom :1px dotted #ccc;} .dash {display:block; margin:10px 0; border-bottom :1px dashed #ccc;} /* 도트박스 */ .dotbox{position:relative;background-repeat:repeat;background-position:right top;background-image:url(/common_2019/images/template/dotbox_right.png);padding:1px 0 0 1px;} .dotbox:before{position:absolute; top:1px; left:0; display:block; width:calc(100% - 1px); height:calc(100% - 1px); background-color:#FFF; background-repeat:repeat; background-position:left bottom; background-image:url(../images/template/dotbox_left.png); z-index:1;} .dotbox:after {position:absolute; top:0; left:0; display:block; width:164px; height:3px; background-color:#2c3689; z-index: 2;} .dotbox .box_wrap{position:relative; min-height:90px; border-color:transparent; border-style:solid; border-width:0 1px 1px 1px; background-clip:padding-box; background-color:#FFF; padding:30px 30px 32px 30px; z-index:2;} .dotbox .box_wrap:after {display:inline-block; position:absolute; top:-1px; left:-2px; width:214px; height:54px; background-color:#fff; border-left:1px solid #2c3689; z-index:-1;} .dotbox .box_wrap .title{margin-bottom:14px; line-height:30px; color:#252525; font-size:18px; font-weight:600;} .dotbox .box_wrap .text {font-size:16px; line-height:22px;} .icon_box .box_wrap {padding-left:212px;} .icon_box .box_wrap:before {display:inline-block; position:absolute; top:38px; left:52px; width:95px; height:95px; background:url('../images/template/box_icon_sample.png') no-repeat 0 0; z-index:4;} .dotbox.type2{background:url('/common_2019/images/template/tab_menu_line.gif') repeat-x 0 0;} .dotbox.type2:before {top:100%; width:100%; height:1px; background:url('/common_2019/images/template/tab_menu_line.gif') repeat-x 0 0;} .dotbox.type2:after, .dotbox.type2 .box_wrap:after {display:none;} .dotbox.type3 .box_wrap {background-color:#f4f5f9;} .dotbox.type3:after, .dotbox.type3 .box_wrap:after {display:none;} .greybox{background-color:#f4f5f9;} .greybox .box_wrap {padding:30px 30px 32px 41px;} .greybox .box_wrap .title{margin-bottom:14px; line-height:30px; color:#252525; font-size:18px; font-weight:600;} .greybox .box_wrap .text {font-size:16px; line-height:22px;} .greybox.type2 {background-color:#fff; border:10px solid #eef0f6;} @media screen and (max-width:640px) { .icon_box .box_wrap {padding-left:30px; padding-top:156px; text-align:center} .icon_box .box_wrap:before {top:36px; left:calc(50% - 48px);} } /* 강조 글자 */ .small{font-size:0.92em; } .large{font-size:1.167em; letter-spacing:-1px; } .underline{padding-bottom:1px; border-bottom:1px solid #888; } .em_blue{color:#0041b7; } .em_orange{color:#e25400; } .em_red{color:#df0101; } .em_black {color:#000; } .em_green {color:#156d05;} .em_b_blue{color:#0041b7; font-weight:600; } .em_b_orange{color:#e25400; font-weight:600; } .em_b_red{color:#df0101; font-weight:600; } .em_b_black{color:#000; font-weight:bold; } .em_b_green {color:#156d05; font-weight:bold;} /* 텍스트 정렬 */ .text_center{text-align:center; } .text_right{text-align:right; } .text_left{text-align:left; } .vertical_top{vertical-align:top; } .vertical_middle{vertical-align:middle; } .vertical_bottom{vertical-align:bottom; } /* 들여쓰기 */ .indent{margin-left:25px !important; } .indent10{margin-left:10px !important; } .indent20{margin-left:20px !important; } .indent30{margin-left:30px !important; } .indent40{margin-left:40px !important; } .indent50{margin-left:50px !important; } /* margin */ .margin_0{margin:0 !important; } .margin_10{margin:10px !important; } .margin_20{margin:20px !important; } .margin_30{margin:30px !important; } .margin_t_0{margin-top:0 !important; } .margin_t_5{margin-top:5px !important; } .margin_t_10{margin-top:10px !important; } .margin_t_15{margin-top:15px !important; } .margin_t_20{margin-top:20px !important; } .margin_t_25{margin-top:25px !important; } .margin_t_30{margin-top:30px !important; } .margin_t_35{margin-top:35px !important; } .margin_t_40{margin-top:40px !important; } .margin_t_45{margin-top:45px !important; } .margin_t_50{margin-top:50px !important; } .margin_t_55{margin-top:55px !important; } .margin_t_60{margin-top:60px !important; } .margin_r_0{margin-right:0 !important; } .margin_r_5{margin-right:5px !important; } .margin_r_10{margin-right:10px !important; } .margin_r_15{margin-right:15px !important; } .margin_r_20{margin-right:20px !important; } .margin_r_25{margin-right:25px !important; } .margin_r_30{margin-right:30px !important; } .margin_r_35{margin-right:35px !important; } .margin_r_40{margin-right:40px !important; } .margin_r_45{margin-right:45px !important; } .margin_r_50{margin-right:50px !important; } .margin_r_55{margin-right:55px !important; } .margin_r_60{margin-right:60px !important; } .margin_b_0{margin-bottom:0 !important; } .margin_b_5{margin-bottom:5px !important; } .margin_b_10{margin-bottom:10px !important; } .margin_b_15{margin-bottom:15px !important; } .margin_b_20{margin-bottom:20px !important; } .margin_b_25{margin-bottom:25px !important; } .margin_b_30{margin-bottom:30px !important; } .margin_b_35{margin-bottom:35px !important; } .margin_b_40{margin-bottom:40px !important; } .margin_b_45{margin-bottom:45px !important; } .margin_b_50{margin-bottom:50px !important; } .margin_b_55{margin-bottom:55px !important; } .margin_b_60{margin-bottom:60px !important; } .margin_l_0{margin-left:0 !important; } .margin_l_5{margin-left:5px !important; } .margin_l_10{margin-left:10px !important; } .margin_l_15{margin-left:15px !important; } .margin_l_20{margin-left:20px !important; } .margin_l_25{margin-left:25px !important; } .margin_l_30{margin-left:30px !important; } .margin_l_35{margin-left:35px !important; } .margin_l_40{margin-left:40px !important; } .margin_l_45{margin-left:45px !important; } .margin_l_50{margin-left:50px !important; } .margin_l_55{margin-left:55px !important; } .margin_l_60{margin-left:60px !important; } /* padding */ .padding_0{padding:0 !important; } .padding_10{padding:10px !important; } .padding_20{padding:20px !important; } .padding_30{padding:30px !important; } .padding_t_0{padding-top:0 !important; } .padding_t_5{padding-top:5px !important; } .padding_t_10{padding-top:10px !important; } .padding_t_15{padding-top:15px !important; } .padding_t_20{padding-top:20px !important; } .padding_t_25{padding-top:25px !important; } .padding_t_30{padding-top:30px !important; } .padding_t_35{padding-top:35px !important; } .padding_t_40{padding-top:40px !important; } .padding_t_45{padding-top:45px !important; } .padding_t_50{padding-top:50px !important; } .padding_t_55{padding-top:55px !important; } .padding_t_60{padding-top:60px !important; } .padding_r_0{padding-right:0 !important; } .padding_r_5{padding-right:5px !important; } .padding_r_10{padding-right:10px !important; } .padding_r_15{padding-right:15px !important; } .padding_r_20{padding-right:20px !important; } .padding_r_25{padding-right:25px !important; } .padding_r_30{padding-right:30px !important; } .padding_r_35{padding-right:35px !important; } .padding_r_40{padding-right:40px !important; } .padding_r_45{padding-right:45px !important; } .padding_r_50{padding-right:50px !important; } .padding_r_55{padding-right:55px !important; } .padding_r_60{padding-right:60px !important; } .padding_b_0{padding-bottom:0 !important; } .padding_b_5{padding-bottom:5px !important; } .padding_b_10{padding-bottom:10px !important; } .padding_b_15{padding-bottom:15px !important; } .padding_b_20{padding-bottom:20px !important; } .padding_b_25{padding-bottom:25px !important; } .padding_b_30{padding-bottom:30px !important; } .padding_b_35{padding-bottom:35px !important; } .padding_b_40{padding-bottom:40px !important; } .padding_b_45{padding-bottom:45px !important; } .padding_b_50{padding-bottom:50px !important; } .padding_b_55{padding-bottom:55px !important; } .padding_b_60{padding-bottom:60px !important; } .padding_l_0{padding-left:0 !important; } .padding_l_5{padding-left:5px !important; } .padding_l_10{padding-left:10px !important; } .padding_l_15{padding-left:15px !important; } .padding_l_20{padding-left:20px !important; } .padding_l_25{padding-left:25px !important; } .padding_l_30{padding-left:30px !important; } .padding_l_35{padding-left:35px !important; } .padding_l_40{padding-left:40px !important; } .padding_l_45{padding-left:45px !important; } .padding_l_50{padding-left:50px !important; } .padding_l_55{padding-left:55px !important; } .padding_l_60{padding-left:60px !important; } /* width */ .w5p{width:5% !important; } .w10p{width:10% !important; } .w15p{width:15% !important; } .w20p{width:20% !important; } .w25p{width:25% !important; } .w30p{width:30% !important; } .w35p{width:35% !important; } .w40p{width:40% !important; } .w45p{width:45% !important; } .w50p{width:50% !important; } .w55p{width:55% !important; } .w60p{width:60% !important; } .w65p{width:65% !important; } .w70p{width:70% !important; } .w75p{width:75% !important; } .w80p{width:80% !important; } .w85p{width:85% !important; } .w90p{width:90% !important; } .w95p{width:95% !important; } .w100p{width:100% !important; } .float_left {float:left} .float_right {float:right} /* 이미지 확대 */ .box_img {text-align:center; line-height:0;} .box_img .inner {position:relative; display:inline-block; max-width:100%; line-height:0;} .box_img img {max-width:100%;} .box_img .img_zoom {display:none; position:absolute; right:0; bottom:0; z-index:10;} .box_img .img_zoom a {display:inline-block; width:27px; height:27px; font-size:0; line-height:0; color:transparent; background:url('../images/template/img_zoom.png') center center no-repeat #2b4380;} @media screen and (max-width:800px) { .box_img .img_zoom {display:inline-block;} } /* step 박스 */ .temp_step_wrap{padding:40px 0; background:#f4f5f9;} .temp_step_wrap .temp_step_box{text-align:center; font-size:0;} .temp_step_wrap .temp_step_box li{position:relative; display:inline-block; width:21.3%; margin-right:4%; vertical-align:top; margin-bottom:20px; font-size:15px;} .temp_step_wrap .temp_step_box > li {background:#fff; border:1px solid #67a1db; padding:15px 0; color:#262626;} .temp_step_wrap .temp_step_box > li:first-child {background:#003964; border:1px solid #003964; color:#fff;} .temp_step_wrap .temp_step_box > li:last-child {background:#487ed8; border:1px solid #487ed8; color:#fff;} .temp_step_wrap .temp_step_box > li:nth-child(4n) {margin-right:0} .temp_step_wrap .temp_step_box li:before,.temp_step_box li:after{content:""; display:block;} .temp_step_wrap .temp_step_box li:before{position:absolute; top:20px; left:-19px; width:0; height:0; border-left: 6px solid #9fa1a3; border-top: 6px solid transparent; border-bottom: 6px solid transparent;} .temp_step_wrap .temp_step_box li:after{position:absolute; top:24px; left:-27px; width:8px; height:0; border-top: 4px solid #9fa1a3;} .temp_step_wrap .temp_step_box li:last-child{margin-right:0;} .temp_step_wrap .temp_step_box li:first-child:before,.temp_step_box li:first-child:after{display:none;} .temp_step_wrap{padding:40px 4.2% 20px; background:#f4f5f9;} .temp_step_wrap .temp_step_box2{text-align:center; font-size:15px;} .temp_step_wrap .temp_step_box2 > li{position:relative; display:inline-block; width:21.7%; margin-right:4%; vertical-align:top; margin-bottom:20px;} /*.temp_step_wrap .temp_step_box2 > li:first-child:after{position:absolute; top:84px;right:-19px;display:inline-block;width:8px; height:0; border-top: 4px solid #9fa1a3;}*/ .temp_step_wrap .temp_step_box2 > li:before,.temp_step_box2 li:after{content:""; display:block;} .temp_step_wrap .temp_step_box2 > li:before{position:absolute; top:80px; left:-19px; width:0; height:0; border-left: 6px solid #9fa1a3; border-top: 6px solid transparent; border-bottom: 6px solid transparent;} .temp_step_wrap .temp_step_box2 > li:after{position:absolute; top:84px; left:-27px; width:8px; height:0; border-top: 4px solid #9fa1a3;} .temp_step_wrap .temp_step_box2 > li:last-child{margin-right:0;} .temp_step_wrap .temp_step_box2 > li:nth-child(4n) {margin-right:0} .temp_step_wrap .temp_step_box2 > li:first-child:before ,.temp_step_box2 li:first-child:after{display:none;} .temp_step_wrap .temp_step_box2 > li > p{background:#fff; border:1px solid #67a1db; padding:15px 0; color:#262626;} .temp_step_wrap .temp_step_box2 > li:first-child > p{background:#003964; border:1px solid #003964; color:#fff;} .temp_step_wrap .temp_step_box2 > li:last-child > p{background:#487ed8; border:1px solid #487ed8; color:#fff;} .temp_step_wrap .temp_step_box2 > li .step_wrap {position:relative; min-height:110px; margin-top:9px; padding:17px 10% 19px; background-color:#fff; box-sizing:border-box; position:relative; background-repeat:repeat; background-position:right top;background-image:url(/common_2019/images/template/dotbox_right.png); color:#5d5d5d} .temp_step_wrap .temp_step_box2 > li .step_wrap:before{position:absolute; top:1px; left:0; display:block; width:calc(100% - 1px); height:calc(100% - 1px); background-repeat:repeat; background-position:left bottom; background-image:url(../images/template/dotbox_left.png);} .temp_step_wrap .temp_step_box2 > li .step_wrap:after {display:inline-block; position:absolute; top:1px; left:1px; width:calc(100% - 2px); height:calc(100% - 2px); background-color:#fff;} .temp_step_wrap .temp_step_box2 > li .step_wrap ul{position:relative; padding:0; z-index:10;} .temp_step_wrap .temp_step_box2 > li .step_wrap p{position:relative; padding:0; z-index:11; font-size:14px; line-height:22px; color:#5d5d5d; text-align:left;} .temp_step_wrap .temp_step_box2 > li .step_wrap ul.bu li {font-size:14px; line-height:22px; color:#5d5d5d} @media screen and (max-width:1000px) { .temp_step_wrap .temp_step_box2 > li:before {left: -15px;} .temp_step_wrap .temp_step_box2 > li:after {left: -23px;} } @media screen and (max-width:800px){ .temp_step_wrap .temp_step_box li:before{left:-12%} .temp_step_wrap .temp_step_box li:after {display:none;} .temp_step_wrap .temp_step_box2 > li{width:45%;} .temp_step_wrap .temp_step_box2 > li:nth-child(2n-1){margin-right:5%;} .temp_step_wrap .temp_step_box2 > li:nth-child(1), .temp_step_wrap .temp_step_box2 > li:nth-child(2) {margin-bottom:30px;} } @media screen and (max-width:640px){ .temp_step_wrap .temp_step_box li{width:100%; margin-right:0; box-sizing:border-box} .temp_step_wrap .temp_step_box > li:nth-child(1), .temp_step_wrap .temp_step_box > li:nth-child(2) {margin-bottom:20px;} .temp_step_wrap .temp_step_box li:before{top:-17px; left:calc(50% - 5px); transform: rotate(90deg)} .temp_step_wrap .temp_step_box2 > li{width:96%;} /*.temp_step_wrap .temp_step_box2 > li:last-child:after{position:absolute; top:106%; right:50%;display:inline-block;width:0; height:8px; border-top: 4px solid #9fa1a3;}*/ .temp_step_wrap .temp_step_box2 > li:before,.temp_step_box2 li:after{content:""; display:block;} .temp_step_wrap .temp_step_box2 > li:before{position:absolute; top:auto; bottom:-30px; left:calc(50% - 4px); margin-right:-6px; width:0; height:0; border-left: 6px solid transparent; border-top: 6px solid #9fa1a3; border-right: 6px solid transparent;} .temp_step_wrap .temp_step_box2 > li:after{position:absolute; top:auto; bottom:-22px; left:50%; margin-right:-2px; width:0; height:8px; border-right: 4px solid #9fa1a3;} .temp_step_wrap .temp_step_box2 > li:nth-child(n){margin-left:2%; margin-right:2%; margin-bottom:30px;} .temp_step_wrap .temp_step_box2 > li:first-child:before ,.temp_step_box2 li:first-child:after{display:inline-block;} .temp_step_wrap .temp_step_box2 > li:last-child:before ,.temp_step_box2 li:last-child:after{display:none;} } /* 이미지박스 */ .temp_imagebox{display:inline-block; border:#d2d2d2 solid 1px; padding:5px; background-color:#FFF; text-align:center; vertical-align:top;} .temp_imagebox .image{display:block; line-height:0; font-size:0;} .temp_imagebox.type2{padding:5px 5px 0;} .temp_imagebox.type2 .textbox{display:table; width:100%;} .temp_imagebox.type2 .textbox span{display:table-cell; width:100%; height:46px; vertical-align:middle;} .temp_imagebox.no_image .image{background-color:#f7f8fb; background-repeat:no-repeat; background-position:center center; background-image:url(../images/template/no_image.png); min-width:145px; min-height:97px;} .tab_obj .temp_imagebox{margin-right:14px;} .temp_imagebox_wrap{background-color:#f6f6f6; padding:30px 20px 33px; text-align:center; font-size:0;} .tab_obj .temp_imagebox_wrap .temp_imagebox{margin-right:0;} .tab_obj .temp_imagebox_wrap .temp_imagebox:first-child{margin-right:10px;} /* 액티브박스 */ #container .active_box {display:inline-block; position:relative; width:auto;} #container .active_box button{display:inline-block; position:relative; padding:7px 42px 7px 17px; border:1px solid #414141; text-align:left; font-size:15px; line-height:24px; letter-spacing:-0.025em;} #container .active_box button:after{content:''; display:block; position:absolute; top:calc(50% - 3px); right:17px; width:9px; height:6px; background-image:url(../images/template/select2_bg.png);} /*#container .active_box button.on:after{transform:rotate(180deg);}*/ #container .active_content {display:none} #container .active .active_content {display:inline-block; position: absolute; top:39px; left:0; width:100%; z-index:100;} #container .active_box .list{background:#fff} #container .active_box .list a{display:block; padding-left:17px; font-size:15px; line-height:32px; letter-spacing:-0.025em; color:#232323; text-decoration:none;} #container .active_box .list li {border-right:1px solid #414141; border-left:1px solid #414141;} #container .active_box .list li:last-child {border-bottom:1px solid #414141;} #container .active_box .list a:hover,#container .active_box .list a:focus{background-color:#e0e8f7; text-decoration:underline;} /* 폼양식 */ select.select, select.select2{line-height:24px; padding:1px 20px; border-width:1px; border-style:solid; border-color:#939393; color:#333333; font-size:15px;} select.select::-ms-expand, select.select2::-ms-expand{display:none;} select.select.disabled{border-color:#d9d9d9; color:#676767;} /* ie9이상 적용사항 */ @media only all{ select.select{height:40px; padding:0 50px 0 10px; background-repeat:no-repeat; background-position:right center; background-image:url(../images/template/select_bg.png); -webkit-appearance:none; -moz-appearance:none;} select.select2{height:40px; padding:0 50px 0 10px; background-repeat:no-repeat; background-position:90% center; background-image:url(../images/template/select2_bg.png); -webkit-appearance:none; -moz-appearance:none;} select.select.disabled{background-image:url(../images/template/select_disabled_bg.png);} } .temp_checkbox{position:relative; display:inline-block;} .temp_checkbox label{color:#555555;} /* ie9이상 적용사항 */ @media only all{ .temp_checkbox input[type="checkbox"], .temp_checkbox input[type="radio"]{position:absolute; top:6px; left:2px; margin:0; z-index:1;} .temp_checkbox label{position:relative; display:inline-block; padding-left:30px; line-height:25px; z-index:2;} .temp_checkbox label:before{position:absolute; top:0; left:0; display:block; width:25px; height:25px; box-sizing:border-box; content:'';} .temp_checkbox input[type="checkbox"] + label:before{background-repeat:no-repeat; background-position:center top; background-image:url(../images/template/checkbox.gif); transition:background-position 250ms ease-in-out;} .temp_checkbox input[type="checkbox"]:checked + label:before{background-position:center bottom;} .temp_checkbox input[type="radio"] + label:before{border:#939393 solid 1px; border-radius:25px; overflow:hidden; background-color:#FFF; transition-property:border, background-color; transition-duration:250ms; transition-timing-function:ease-in-out;} .temp_checkbox input[type="radio"]:checked + label:before{border:#363636 solid 7px; background-color:#FFF;} .temp_checkbox label:after{position:absolute; top:0; left:0; display:block; width:25px; height:25px; box-sizing:border-box; border-color:transparent; border-style:dashed; border-width:1px; content:''; z-index:3; transition:border-color 250ms ease-in-out;} .temp_checkbox input[type="checkbox"]:focus + label:after, .temp_checkbox input[type="radio"]:focus + label:after{border-color:#000;} .temp_checkbox input[type="checkbox"][disabled] + label{color:#939393;} .temp_checkbox input[type="checkbox"][disabled] + label:before{border:#d9d9d9 solid 1px; background-color:#FFF; background-image:none;} .temp_checkbox input[type="radio"][disabled] + label{color:#939393;} .temp_checkbox input[type="radio"][disabled] + label:before{border-color:#d9d9d9;} } input[type="text"].temp_textbox{border:#939393 solid 1px; height:36px; padding:1px 10px; color:#333333; font-size:15px;} input[type="text"].temp_textbox.type2{border-color:#d9d9d9; color:#676767;} input[type="text"].temp_textbox.disabled{background-color:#f5f5f5; color:#878787;} input[type="text"].temp_textbox[disabled], input[type="text"].temp_textbox[readonly]{background-color:#f5f5f5; color:#878787;} /* 이미지 옆 텍스트 */ .temp_img_left img {float:left; margin-right:20px; margin-bottom:10px;} .temp_img_right img {float:right; margin-left:20px; margin-bottom:10px;} /* 이미지 확대 */ .box_img {text-align:center; line-height:0;} .box_img .inner {position:relative; display:inline-block; max-width:100%; line-height:0;} .box_img img {max-width:100%;} .box_img .img_zoom {display:none; position:absolute; right:0; bottom:0; z-index:10;} .box_img .img_zoom a {display:inline-block; width:27px; height:27px; font-size:0; line-height:0; color:transparent; background:url('../images/template/img_zoom.png') center center no-repeat #2b4380;} @media screen and (max-width:1800px) { .box_img .img_zoom {display:inline-block;} } /* 기존 디자인 */ .border_box {padding:4px; border:1px solid #cfcfcf; background-color: #f2f2f2;} .border_box .box_wrap {padding:12px 20px; background-color:#fff;} .border_gray_box {margin:20px 0; padding:10px; border:1px solid #cdcdcd; background-color:#fafafa;} /* 게시판 버튼 정령 -추가 안희정 */ .bbs_left{display:inline-block; float:left;} .bbs_right{display:inline-block; float:right;} /* 폰트*/ @charset "UTF-8"; /* 나눔 */ @font-face{ font-family: 'NanumG'; font-weight: 400; src: url("../emwp/css/font/NanumBarunGothic.woff") format('woff'); } @font-face{ font-family: 'NanumG'; font-weight: 600; src: url("../emwp/css/font/NanumGothicBold.woff2") format('woff2'), url("../emwp/css/font/NanumGothicBold.woff") format('woff'); } @font-face{ font-family: 'NanumS'; font-weight: 400; src: url("../emwp/css/font/NanumSquareR.woff") format('woff'), url("../emwp/css/font/NanumSquareR.woff") format('woff'); } @font-face{ font-family: 'NanumS'; font-weight: 600; src: url("../emwp/css/font/NanumSquareB.woff2") format('woff2'), url("../emwp/css/font/NanumSquareB.woff") format('woff'); } @font-face{ font-family: 'NanumSR'; font-weight: 400; src: url("../emwp/css/font/NanumSquareRoundR.woff2") format('woff2'), url("../emwp/css/font/NanumSquareRoundR.woff") format('woff'); } @font-face{ font-family: 'NanumSR'; font-weight: 600; src: url("../emwp/css/font/NanumSquareRoundB.woff2") format('woff2'), url("../emwp/css/font/NanumSquareRoundB.woff") format('woff'); } @font-face{ font-family: 'NanumP'; font-weight: 400; src: url("../emwp/css/font/NanumPen.woff") format('woff'); } @font-face{ font-family: 'NanumM'; font-weight: 400; src: url("../emwp/css/font/NanumMyeongjo.woff") format('woff'); } /* 본고딕*/ @font-face{ font-family: 'NotoKr'; font-weight: 400; src: url("../emwp/css/font/SpoqaHanSans-Regular.woff2") format('woff2'), url("../emwp/css/font/SpoqaHanSans-Regular.woff") format('woff'); } @font-face{ font-family: 'NotoKr'; font-weight: 600; src: url("../emwp/css/font/SpoqaHanSans-Bold.woff2") format('woff2'), url("../emwp/css/font/SpoqaHanSans-Bold.woff") format('woff'); } /* 서울한강 */ @font-face{ font-family: 'SeoulN'; font-weight: 400; src: url("../emwp/css/font/SeoulNamsanM.woff2") format('woff2'), url("../emwp/css/font/SeoulNamsanM.woff") format('woff'); } @font-face{ font-family: 'SeoulN'; font-weight: 600; src: url("../emwp/css/font/SeoulNamsanB.woff2") format('woff2'), url("../emwp/css/font/SeoulNamsanB.woff") format('woff'); } @font-face{ font-family: 'SeoulH'; font-weight: 400; src: url("../emwp/css/font/SeoulHangangM.woff") format('woff'); } @font-face{ font-family: 'SeoulH'; font-weight: 600; src: url("../emwp/css/font/SeoulHangangB.woff") format('woff'); } /* Opensans */ @font-face{ font-family:'Opensans'; font-weight: 400; src: url("../emwp/css/font/OpensansR.woff2") format('woff2'), url("../font/OpensansR.woff") format('woff'); } @font-face{ font-family:'Opensans'; font-weight: 600; src: url("../emwp/css/font/OpensansB.woff2") format('woff2'), url("../emwp/css/font/OpensansB.woff") format('woff'); } html, body {height: 100%; font-family: "Noto Sans KR", "Roboto", sans-serif;} img {border: none; width: auto;} ul,ol,li {margin: 0; padding: 0; list-style: none;}