|
|
| (사용자 2명의 중간 판 71개는 보이지 않습니다) |
| 1번째 줄: |
1번째 줄: |
| @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700&display=swap');
| | .wap-play > * { |
| h1, h2, p ,span ,div{font-family:'Noto Sans KR', sans-serif}
| | width: 25px; |
| | height: 25px; |
| | fill: #2383c6 !important; |
| | position: relative; |
| | left: 1px; |
| | top: 0; |
| | } |
|
| |
|
| /* h1, h2, p ,span ,div{font-family:'roboto','notokr',sans-serif} */
| | .wap-btns .wap-play { |
| .mw-parser-output .external{background:none; padding:0} | | border: solid 1px #6f6f6f !important; |
| .fw500{font-weight:500}
| | border-radius: 50%; |
| .fw600{font-weight:600}
| | width: 39px; |
| .part-t{padding-top:20px}
| | height: 39px; |
| | |
| .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:500;}
| |
| .cog-tag, .cog-tag a{color:#0745AD !important; padding-right:0}
| |
| .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:500}
| |
| | |
| /* 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}
| |
| .cog-intro-wrap .cog-intro-desc{flex:1; font-size:16px;}
| |
| .cog-represent-img{width:320px; height:200px;}
| |
| | |
| .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{margin-left:14px; font-size:14px; line-height:1.5}
| |
| .cog-related-site .cog-tag a{font-size:13px; font-weight:500}
| |
| .vector-menu-portal h3{border-bottom: 2px solid #D8D8D8; background-image:initial}
| |
| | |
| @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}
| |
| } | | } |
|
| |
| /* 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:160px; 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% - 160px); position:absolute; top:0; padding-left:160px}
| |
| #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:500}
| |
| #p-search{margin-right:0}
| |
| .content .section-heading{margin-bottom:0 !important; font-size:18px}
| |
| b,strong{font-weight:500}
| |
| .mw-parser-output a.extiw, .mw-parser-output a.external{color:#0745AD}
| |
| .mw-content-ltr dl{margin-top:0; margin-bottom:0; padding-top:8px; padding-bottom:8px}
| |
|
| |
| /* 각주 */
| |
| .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 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;}
| |
| #top-button::before{left:3px; top:12px; transform:rotate(135deg)}
| |
| #top-button::after{left:12px; top:11px; transform:rotate(45deg)}
| |