|
Tags: Blanking Manual revert Reverted |
| Line 1: |
Line 1: |
| .wikiEditor-ui * {font-size: 13px; font-family: monospace,monospace}
| |
|
| |
|
| /* h1, h2, p ,span ,div{font-family:'roboto','notokr',sans-serif} */
| |
| /*.mw-parser-output .external{background:none; padding:0}*/
| |
| .fw600{font-weight:600}
| |
| .part-t{padding-top:20px}
| |
|
| |
| .cog-container{max-width:960px; margin-left:auto; margin-right:auto}
| |
| .cog-title{border:1px solid #E3E6EC; border-radius:8px; padding:20px}
| |
| .cog-title h1{font-size:20px; margin:0; border-bottom:none; font-weight:600}
| |
| .cog-title h2{font-size:17px; font-weight:400 !important; border-bottom:none}
| |
| .cog-title div{font-size:17px; font-weight:600;}
| |
| .cog-tag, .cog-tag a{color:#0745AD !important;}
| |
| .cog-button a{background:#F8F9FB !important; border:1px solid #DADEE6; border-radius:4px; display:inline-block; padding:6px 12px !important; font-size:14px; font-weight:600}
| |
|
| |
| /* cog-box */
| |
| .cog-box-wrap{margin-left:-10px; margin-right:-10px}
| |
| .cog-box{box-sizing:border-box; padding-left:10px; padding-right:10px; margin-bottom:10px}
| |
| .cog-box-inner{border:1px solid #E3E6EC; box-sizing:border-box; border-radius:8px; height:100%; padding:12px 20px}
| |
| .cog-box-title{font-size:18px; font-weight:600; position:relative}
| |
| .cog-box ul{margin-top:8px}
| |
| .cog-box ul li a{color:#0745AD;}
| |
|
| |
| /* cog-related-site */
| |
| .cog-related-site ul{display:flex; flex-wrap:wrap; border-top:1px solid #686C70; margin-left:0; padding-left:0 !important; padding-top:10px}
| |
| .cog-related-site ul li{display:flex; padding-top:4px; padding-bottom:4px; margin-top:10px; box-sizing:border-box; width:100%}
| |
| .cog-intro-wrap .cog-intro-desc{flex:1; font-size:16px;}
| |
| .cog-represent-img{width:320px; height:200px; border-radius:8px; overflow:hidden}
| |
|
| |
| .video-wrap{background-color:#000; position:relative; width:100%; padding-bottom:56.25%; margin:0 auto; margin-top:10px; margin-bottom:10px}
| |
| .video-wrap iframe{position:absolute; width:100%; height:100%; left:0}
| |
|
| |
| /* content */
| |
| .content li{margin-bottom:2px}
| |
|
| |
| .cog-related-site ul li img{width:42px; height:42px;}
| |
| .cog-related-site ul li::marker{font-size:0;}
| |
| .cog-related-site ul li > div.site-info{margin-left:14px; font-size:14px; margin-right:14px; line-height:1.5}
| |
| .cog-related-site .cog-tag a{font-size:13px; font-weight:600}
| |
| .vector-menu-portal h3{border-bottom: 2px solid #D8D8D8; background-image:initial}
| |
| .cog-box-wrap img{width:100%; height:100%}
| |
|
| |
| .site-img a{ display:inline-block; width:42px; height:42px; font-size:0; vertical-align:top; padding-right:0 !important;}
| |
| .site-img.site-img1 a{background:url(/images/a/a7/Ico-watv.png) !important}
| |
| .site-img.site-img2 a{background:url(/images/7/70/Ico-father.png) !important}
| |
| .site-img.site-img3 a{background:url(/images/a/a5/Ico-mediacast.png) !important}
| |
| .site-img.site-img4 a{background:url(/images/0/0a/Ico-youtube.png) !important}
| |
| .site-img.site-img5 a{background:url(/images/f/fe/Ico-mother.png) !important}
| |
| .site-img.site-img6 a{background:url(/images/1/1c/Ico-press.png) !important}
| |
| .site-img.site-img7 a{background:url(/images/b/be/Ico-award.png) !important}
| |
| .site-img.site-img8 a{background:url(/images/e/e9/Ico-seminar.png) !important}
| |
|
| |
|
| |
| @media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:1.5dppx), (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi){
| |
| .site-img.site-img1 a{background:url(/images/a/a7/Ico-watv@3x.png) !important; background-size:100% !important}
| |
| .site-img.site-img2 a{background:url(/images/2/2c/Ico-father@3x.png) !important; background-size:100% !important}
| |
| .site-img.site-img3 a{background:url(/images/5/58/Ico-mediacast@3x.png) !important; background-size:100% !important}
| |
| .site-img.site-img4 a{background:url(/images/7/71/Ico-youtube@3x.png) !important; background-size:100% !important}
| |
| .site-img.site-img5 a{background:url(/images/a/ae/Ico-mother@3x.png) !important; background-size:100% !important}
| |
| .site-img.site-img6 a{background:url(/images/f/fc/Ico-press@3x.png) !important; background-size:100% !important}
| |
| .site-img.site-img7 a{background:url(/images/1/1e/Ico-award@3x.png) !important; background-size:100% !important}
| |
| .site-img.site-img8 a{background:url(/images/a/a6/Ico-seminar@3x.png) !important; background-size:100% !important}
| |
| }
| |
|
| |
| @media(min-width:768px){
| |
| .part-t{padding-top:40px}
| |
| .cog-title{padding:25px 30px}
| |
| .cog-title h1{font-size:28px}
| |
| .cog-box-wrap{display:flex; flex-wrap:wrap; box-sizing:border-box}
| |
| .cog-box{width:50%; margin-bottom:20px}
| |
| .cog-box ul li{font-size:15px}
| |
| .cog-intro-wrap{display:flex}
| |
| .cog-intro-wrap .cog-intro-desc{padding-left:30px}
| |
| .cog-related-site ul li{width:25%}
| |
| .cog-related-site .cog-tag a{font-size:14px}
| |
| }
| |
| @media(max-width:767px){
| |
| .cog-container{margin-top:20px}
| |
| .cog-intro-wrap .cog-intro-desc{margin-top:16px}
| |
| .content ul{padding-left:20px}
| |
| .ico-arrow{position:absolute; right:0; top:12px}
| |
| .ico-arrow::before,
| |
| .ico-arrow::after{content:''; position:relative; width:6px; height:1px; display:block; background:#000}
| |
| .ico-arrow::before{transform:rotate(45deg)}
| |
| .ico-arrow::after{transform:rotate(-45deg); margin-left:4px; margin-top:-1px}
| |
| .cog-box-title.open .ico-arrow{transform:rotate(180deg)}
| |
| .cog-box-title ~ * {display:none}
| |
| .cog-box-title.open ~ * {display:block}
| |
| }
| |
|
| |
| /* =========== */
| |
| .box-half{box-sizing:border-box; margin-top:10px}
| |
| .cog-item {box-sizing:border-box; padding-left:10px; padding-right:10px; margin-top:10px}
| |
| @media(min-width:768px){
| |
| .box-half{width:50%; margin-top:-10px}
| |
| .cog-item {margin-top:20px}
| |
| .mw-content-ltr .cog-box-wrap ul{margin:0; margin-top:0.5em;}
| |
| .mw-content-ltr .cog-box-wrap ul li{margin-left:14px; padding-left:2px;}
| |
| }
| |
| /* =========== */
| |
| /* sub */
| |
| cite,
| |
| i{font-style:normal}
| |
| body{background:#fff; position:relative; max-width:1400px; margin-left:auto; margin-right:auto}
| |
| #mw-head{background:#fff}
| |
| #mw-panel{width:174px; padding-left:0 !important}
| |
| .mw-body{border:none; position:relative}
| |
| #mw-body-content{max-width:960px; margin-left:auto; margin-right:auto;}
| |
| .mw-body .firstHeading{max-width:960px; margin-left:auto; margin-right:auto;}
| |
| #mw-page-base{background:#fff;}
| |
|
| |
| #mw-navigation{display:block; width:calc(100% - 174px); position:absolute; top:0; padding-left:174px}
| |
| #mw-head {background:#fff; max-width:960px; margin-left:auto; margin-right:auto; position:static}
| |
| .mw-body-content{max-width:960px; margin-left:auto; margin-right:auto}
| |
| #left-navigation,
| |
| #right-navigation,
| |
| #p-personal{position:static; margin:0; padding:0}
| |
| #p-personal{padding-top:10px;}
| |
| #left-navigation,
| |
| #right-navigation{padding-top:9px}
| |
|
| |
| #p-logo{margin-bottom:0; margin-top:12px}
| |
|
| |
| .mw-references-columns li{padding-top:4px; font-size:12px}
| |
| .mw-footer > ul{max-width:960px; margin-left:auto; margin-right:auto}
| |
| .mw-body-content h2{font-weight:600}
| |
| .mw-body-content p{text-align: justify}
| |
| #p-search{margin-right:0}
| |
| .content .section-heading{margin-bottom:0 !important; font-size:18px}
| |
| b,strong{font-weight:600}
| |
| .mw-parser-output a.extiw, .mw-parser-output a.external{color:#0745AD}
| |
| .mw-content-ltr dl{margin-top:0; margin-bottom:0}
| |
| .mw-content-ltr dd{margin-left:14px}
| |
|
| |
| /* 각주 */
| |
| .mw-references-wrap{pointer-events:all !important; background:none; border:none; opacity:1 !important; padding:0}
| |
|
| |
| /* WMC SI: 파일 클릭 방지 */
| |
| #filetoc + .fullImageLink a,
| |
| .mw-mmv-image img {pointer-events:none!important}
| |
|
| |
| /* WMC SI: 푸터 */
| |
| #footer-copyrightico {display:none}
| |
| #footer-info-lastmod,
| |
| #footer-places-privacy,
| |
| #footer-places-disclaimer {display:none}
| |
| #footer-info-custom-copyright {pointer-events:none}
| |
| #footer-info-custom-copyright a {color:#000}
| |
|
| |
| .infobox {border:1px solid #a2a9b1; border-spacing:3px; background-color:#f8f9fa; color:black; margin:0.5em 0 0.5em 1em; padding:0.2em; float:right; clear:right; font-size:88%; line-height:1.5em; width:22em}
| |
| .infobox-subbox {padding:0; border:none; margin:-3px; width:auto; min-width:100%; font-size:100%; clear:none; float:none; background-color:transparent}
| |
| .infobox th{width:35%}
| |
| .infobox td{width:100%}
| |
| .infobox td, .infobox th {vertical-align:top; text-align:left}
| |
| .infobox .infobox-above, .infobox caption, .infobox-title {font-size:125%; font-weight:bold; text-align:center}
| |
| .infobox caption, .infobox-title {padding:0.2em}
| |
| .infobox .infobox-header, .infobox .infobox-subheader, .infobox .infobox-image, .infobox .infobox-full-data, .infobox .infobox-below {text-align:center}
| |
| .infobox .infobox-navbar {text-align:right}
| |
| .infobox.bordered {border-collapse:collapse}
| |
| .infobox.bordered td,
| |
| .infobox.bordered th {border:1px solid #a2a9b1}
| |
| .infobox.bordered .borderless td, .infobox.bordered .borderless th {border:0}
| |
| .infobox.sisterproject {width:20em; font-size:90%}
| |
| .infobox.bordered .mergedtoprow td, .infobox.bordered .mergedtoprow th {border:0; border-top:1px solid #a2a9b1; border-right:1px solid #a2a9b1}
| |
| .infobox.bordered .mergedrow td, .infobox.bordered .mergedrow th {border:0; border-right:1px solid #a2a9b1}
| |
| .infobox.geography {border-collapse:collapse; line-height:1.2em; font-size:90%}
| |
| .infobox.geography td, .infobox.geography th {border-top:1px solid #a2a9b1; padding:0.4em 0.6em 0.4em 0.6em}
| |
| .infobox.geography .mergedtoprow td, .infobox.geography .mergedtoprow th {border-top:1px solid #a2a9b1; padding:0.4em 0.6em 0.2em 0.6em}
| |
| .infobox.geography .mergedrow td, .infobox.geography .mergedrow th {border:0; padding:0 0.6em 0.2em 0.6em}
| |
| .infobox.geography .mergedbottomrow td, .infobox.geography .mergedbottomrow th {border-top:0; border-bottom:1px solid #a2a9b1; padding:0 0.6em 0.4em 0.6em}
| |
| .infobox.geography .maptable td, .infobox.geography .maptable th {border:0; padding:0}
| |
|
| |
| /* TOP 버튼 */
| |
| #top-button{opacity:0; transition:opacity 0.5s; pointer-events: none; width:30px;height:30px;border:solid 3px #1e96ff; border-radius:30px; position:fixed; right:15px; bottom:15px; background-color:white; cursor:pointer; z-index:999}
| |
| #top-button.active{opacity:0.7; pointer-events: auto}
| |
| #top-button:hover{opacity:1}
| |
| #top-button::before, #top-button::after{content:''; display:block; width:15px; height:4px; background-color:#1e96ff; position:absolute;}
| |