/* 국정백서 */ #whitepaper {margin:0 0 -60px 0;} #whitepaper .row { position:relative; padding-left:320px; background-color:#003668; } #whitepaper .headline { position:absolute; top:0; width:100%; margin:0 -40px; padding:10px 10px 10px 20px; background-color:#003668; } #whitepaper .headline.drop { position: fixed; margin:50px 0 0 -360px; width:100%; max-width:1200px; opacity: 0.95; z-index:99; animation: dropHeader 0.5s; } @keyframes dropHeader { 0% { top: -5rem; } 100% { top: 0; } } #whitepaper button.btn_menu { display:none; position:absolute; left:0; top:9px; width:40px; height:40px; z-index:997; font-size:1.5rem; color:#FFFFFF; border:0; background-color:transparent; } #screen { position:absolute; top:0; left:0; display:none; width:100vh; height:100vh; transition: all 0.5s ease-in-out; opacity:1; z-index:998; } #screen button.btn_menu { text-shadow: 0 0 0 #29292e; } .stop-scrolling { height:100%; overflow:hidden; } @keyframes menu_slideIn { from { left: -340px; } to { left: 0px; } } @keyframes menu_slideOut { from { left: 0px; } to { left: -340px; } } #WP_menu { position:absolute; top:0; left:0; width:320px; height:100%; padding:20px 20px 0 20px; color:#FFFFFF; font-size:0.8rem; font-weight:bold; letter-spacing:-1px; background-color:#003668; } #WP_menu.open { left:0; animation: menu_slideIn 0.5s;} #WP_menu.close { left:0; animation: menu_slideOut 0.5s;} #WP_menu .select {width:280px; margin:10px 0 15px;} #WP_menu .volume_select { width:100%; padding:7px 15px 5px 8px; border-radius: 4px; border:1px solid #5e86c0; background:#1e437b url('http://presidentmoon.kr/images/S2/temp/ico_arrow.png') no-repeat 260px center; color:#FFFFFF; font-size:0.9rem; cursor:pointer;} #WP_menu .volume_select:hover { border-color: #FFFFFF; } #WP_menu .volume_select:focus { border-color: #FFFFFF; outline: none; } #WP_menu .volume_select:disabled { opacity: 0.5; } #volume-list { display:none; position:absolute; margin-top:3px; width:280px; max-height:310px; overflow-y:auto; background:#1e437b; color:#FFFFFF; border-radius: 4px; } #volume-list::-webkit-scrollbar { width:8px; } #volume-list::-webkit-scrollbar-thumb { background-color:#8dafcd; border-radius: 4px; } #volume-list::-webkit-scrollbar-track { background-color:#1e437b; } #volume-list li { padding:5px 8px; line-height:180%; border-bottom:1px solid #365b94; } #volume-list li:last-child { border-bottom:none; } #volume-list li:hover {background-color:#2c528c; cursor:pointer;} #volume-list li span, #volume-list li i, #WP_menu .volume_select span, #WP_menu .volume_select i { font-size:0.75rem; font-weight:normal; } #volume-list li i, #WP_menu .volume_select i { display:inline-block; margin-left:5px; font-style:normal; color:#a8cdef;} @keyframes slide_up{ 0%{ height:120px; } 100%{ height:0px; } } @keyframes slide_down{ 0%{ height:0px; } 100%{ height:120px; } } #list_scroll { overflow: scroll; } #WP_menu ul { list-style:none; margin-bottom:0; padding:0; } #WP_menu ul li { margin:5px 0;color:#91b1ce; } #WP_menu ul li.list_area { padding-top:15px;border-top:1px solid #385b8f; } #WP_menu ul li span { cursor:pointer; } #WP_menu span.more { display:block; padding-right:25px; background:url('http://presidentmoon.kr/images/S2/temp/ico_plus.png') no-repeat 245px 5px; } #WP_menu ul li ul { padding:0 0 0 15px; margin-bottom:15px; } #WP_menu ul li ul li { margin-bottom:10px; } #WP_menu ul li ul li ul { margin-top:10px; list-style-type:disc;} #WP_menu ul li ul li ul li::marker { font-size:0.7em; } #WP_menu ul li ul li ul li { margin:2px 0; padding:2px 0;} #WP_menu ul li.appendix { padding-top:10px; } #WP_menu ul li ul li ul li a { font-weight:normal; } #WP_menu a { color:#c6daeb; font-size:0.85rem; } #WP_menu ul li a { color:#c6daeb;font-size:0.8rem; } #WP_menu ul li ul li a { color:#c6daeb;font-size:0.85rem; } #WP_menu ul li ul li ul li a { color:#c6daeb;font-size:0.75rem; } #WP_menu ul li.appendix ul li { margin:5px 0; list-style-type:disc; } #WP_menu ul li.appendix ul li::marker { font-size:0.7em; } #WP_menu ul li.appendix ul li a { color:#e1ebf5;font-size:0.75rem; font-weight:normal; } #WP_menu a:hover { color:#FFFFFF; } #WP_menu a.active { color:#FFFFFF; font-weight:bold; } #WP_menu p { margin:10px -3px 5px -3px; padding:8px 0 8px 12px; background-color:#1e437b; border:1px solid #2d538d; font-size:0.95rem; } #WP_menu p span { font-size:0.7rem; font-weight:normal; } #WP_menu .list { height:78%; overflow:auto; } #WP_menu .list::-webkit-scrollbar { width:8px; } #WP_menu .list::-webkit-scrollbar-thumb { background-color:#5c7f9e; border-radius: 4px; } #WP_menu .list::-webkit-scrollbar-track { background-color:#003668; } #WP_menu .menuTree ul li ul { display: none; } #WP_menu .menuTree ul li.on ul li ul { display: none; } #WP_menu .menuTree ul li.on ul, #WP_menu .menuTree ul li.on ul li.on ul { display:block; } #WP_menu .section { display:block;padding:15px 0 3px; font-size:0.85rem; color:#bcd8f1; border-top:1px dashed #385b8f; } #WP_menu .section a { color:#bcd8f1; } #WP_menu .list_area .section { margin-top:-15px; border-top:none; } #WP_content { position:relative; font-family: 'Gowun Dodum', sans-serif; font-size:1rem; line-height:170%; color:#000000; min-height:950px; background-color:#FFFFFF; border-left:1px solid #FFFFFF; border-right:1px solid #FFFFFF; padding:140px 30px 50px 40px; } #WP_content h1, #WP_content h2, #WP_content h3, #WP_content h4, #WP_content h5, #WP_content h6 {font-family: 'Gowun Dodum', sans-serif; text-shadow:none; } #WP_content .headline h1, #WP_content .headline h2 { margin:5px 30px 10px 0; font-size:1.3rem; color:#FFFFFF; font-weight:normal; text-align:right; } #WP_content .prole h2, #WP_content .prole .head { font-size:1.1rem; } #WP_content .headline h3.type2 { margin:25px 0 15px 10px; color:#FFFFFF; } #WP_content h4 { border-left:5px solid #FFFFFF; padding:0 0 5px 15px; font-size:1.6rem; color:#FFFFFF; } #WP_content .headline.drop h4 { padding-right:15px; text-align:right; border:none; font-size:1.3rem; } #WP_content .headline.drop h3.type2 { text-align:right; } #WP_content .headline .head span.m_chg {font-size:1rem;color:#FFFFFF;} #WP_content h4 span { display:inline-block; width:100%; font-size:0.9rem; font-weight:normal; } #WP_content h4.title {border:none;margin:20px 0 40px 0; color:#000000; } #WP_content h5 {margin:40px 0; font-size:1.3rem;} #WP_content h6 {margin-bottom:30px; font-size:1.2rem;} #WP_content h6.type1 { margin-top:60px; } #WP_content a { padding-right:18px; background:url('http://presidentmoon.kr/images/S2/temp/ico_link.png') right 6px no-repeat; } #WP_content table a { padding-right:18px; background:url('http://presidentmoon.kr/images/S2/temp/ico_link.png') right 2px no-repeat; } #WP_content table a.download { display:inline-block; margin-left:15px; padding:0 12px 0 10px; border-radius:5px; background-color:#2163e8; background-image:none; color:#FFFFFF; font-size:0.7rem; letter-spacing:-1px; } #WP_content table a.download i { position:relative; color:#FFFFFF; margin:-3px 0 3px 0; } #WP_content p {margin:0; text-indent:15px;} #WP_content p.type1 { margin-top:60px; } #WP_content p.type2 { margin:40px 0 10px 0; font-weight:bold; } #WP_content p.type3 { margin:30px 0 10px 0; font-weight:bold; font-size:0.9rem; color:#656666; } #WP_content p.type4 { margin:30px 0 10px 0; font-weight:bold; font-size:0.9rem; color:#212121; } /* #WP_content p.sentence {margin:60px 0 20px 0;font-size:1.1rem;color:#255aa8; font-weight:bold; text-indent:0;} #WP_content p.origin {margin-top:20px;text-align:right;font-size:1rem;} */ #WP_content figcaption, #WP_content cite, #WP_content .cite {font-style:normal; font-size:0.8rem;} #WP_content hr { clear:both; height:0; margin-bottom:-30px; } #WP_content .ac { text-align:center; } #WP_content .location { margin:0 10px 5px 0; height:20px; text-align:right; color:#EEEEEE; font-weight:bold; font-size:0.8rem; white-space:nowrap; text-overflow:ellipsis; } #WP_content .location h2, #WP_content .location h3 {display:inline-block; margin:0 6px; padding:0; font-size:0.8rem; color:#b5b6b6; font-weight:normal; border:none;} #WP_content .location.m_close { display:block; } #WP_content .location.m_open { display:none; } #WP_content dl.quotation {margin-top:60px;} #WP_content dl.quotation dt {margin-bottom:20px;font-size:1.1rem;color:#255aa8; font-weight:bold;} #WP_content dl.quotation dd.content {margin:0;padding:20px 25px;background-color:#F8F8F8;text-indent:18px;} #WP_content dl.quotation dd span {display:inline-block;width:16px;} #WP_content dl.quotation dd.origin {padding:10px 20px 0 0;text-align:right;font-size:0.9rem;color:#212121;} #WP_content .highlight { background-color: yellow } #WP_content table { caption-side:top; border-top:2px solid #333333; border-collapse: collapse; font-size:0.8rem; font-family: 'Roboto', sans-serif; letter-spacing:-0.5px; } #WP_content table thead { font-weight:bold; background-color:#F5F5F5; } #WP_content table th { position:relative; border-bottom:2px solid #939090; padding:8px 10px; } #WP_content table th.type1 { text-align:left;border-bottom:1px; } #WP_content table .right {text-align:right;} #WP_content table td { position:relative; border-bottom:1px solid #CCCCCC; border-left:3px solid #FFFFFF; padding:8px 10px; font-size:0.75rem; line-height:180%;} #WP_content table td.download a {padding:3px 10px;margin:0 auto;} #WP_content table td.download i {position:static;color:#FFFFFF;margin:-3px 0 0 0;} #WP_content table td.list ul li { padding:5px 0; font-size:0.9rem; } #WP_content table.type1 { border-collapse:separate; } #WP_content table.type1 th, #WP_content table.type1 td { border-radius:5px; } #WP_content caption { color:#255aa8; font-weight:bold; font-size:0.9rem; letter-spacing:-1.5px;} #WP_content .caption {color:#255aa8; text-align:center; font-weight:bold; font-size:0.9rem; border:none; text-indent:0;} #WP_content .caption2 { padding-bottom:10px; margin-bottom:25px; border-bottom:2px solid #333333; color:#255aa8; text-align:center; font-weight:bold; font-size:0.9rem; text-indent:0; letter-spacing:-1px;} #WP_content .table { position:relative; margin:40px 0; font-family: 'Roboto', sans-serif;} #WP_content .table table { width:100%;} #WP_content .table figcaption { border:none;padding-top:5px;} #WP_content .table cite { display:block; padding-top:8px; text-align:left; border:none; font-size:0.7rem; line-height:180%; letter-spacing:-0.5px; } #WP_content .table i { position:absolute; color:#e8183f; font-weight:normal; } #WP_content .table .info { position:absolute; top:10px; right:0; font-size:0.7rem; } #WP_content .table .description { clear:both; padding:10px 0 0 0; font-size:0.7rem; text-indent:0; line-height:150%; letter-spacing:-1px; border-top:none; } #WP_content .table .description i { position:relative; } #WP_content .table_list { position:relative; margin-top:30px; padding:0; font-size:0.8rem; font-family: 'Roboto', sans-serif; letter-spacing:-0.5px; } #WP_content .table_list .table { margin:5px 0; } #WP_content .table_list .info { position:absolute; top:2px; right:0; font-size:0.7rem; border:none; } #WP_content .table_list .list-title { padding:0 0 6px 0; color:#3f74c2; font-weight:bold; font-size:0.9rem; letter-spacing:-1px; border-bottom:2px solid #333333;} #WP_content .table_list table caption { padding:15px 0 5px 5px; color:#212121; font-weight:bold; font-size:0.8rem; letter-spacing:-1px; border:none; } #WP_content .table_list cite { display:block; padding-top:8px; text-align:right; border:none; font-size:0.7rem; line-height:140%;} #WP_content table td.goal1 { padding-left:60px; font-weight:bold; } #WP_content table td.goal2 { font-weight:bold; border:1px 0 1px 0; border-style:solid; } #WP_content table td.head { background-color:#F5F5F5; font-weight:bold; } #WP_content table.table1 dl { float:left; margin:0 5px; } #WP_content table.table1 dl.style1 { width:31%; } #WP_content table.table1 dl.style2 { width:48%; } #WP_content table.type1 th, #WP_content table.type1 td { width:33%; border:1px solid #FFFFFF; } #WP_content table.type td { vertical-align:top; } #WP_content table.half_table { float:left; width:47%; margin:0 10px; } #WP_content .half_table { float:left; width:47%; margin:0 10px; position:relative; } #WP_content .half_table table { float:left; width:100%; } #WP_content .half_table .info { position:absolute; top:10px; right:0; font-size:0.7rem; } #WP_content .half_table table th { border-bottom:1px solid #939090; } #WP_content table.type2 .line1 { height:15px; padding:0; border-left:none; border-bottom:1px solid #6e6f72; } #WP_content table.type2 .line2 { height:10px; padding:0; border-left:none; border-bottom:1px solid #6e6f72; } #WP_content table.type2 .line3 { width:15px; min-width:15px; padding:0; border-left:none; border-bottom:1px solid #FFFFFF; } #WP_content table.type2 .line3_1 { width:10px; min-width:10px; padding:0; border-left:none; border-bottom:1px solid #FFFFFF; } #WP_content table.type2 .line4 { width:20px; min-width:20px; padding:0; border-left:none; border-bottom:1px solid #FFFFFF; line-height:120%; text-align:center;} #WP_content table.type2 .line5 { height:40px; padding:0; border-left:none; border-bottom:1px solid #6e6f72; line-height:120%; text-align:center; } #WP_content table.type2 .title1 { border:1px solid #2e64ae; background-color:#2e64ae; color:#FFFFFF; font-size:0.75rem; text-align:center; } #WP_content table.type2 .title2 { border:1px solid #6e6f72; background-color:#e7eaf4; color:#005ca7; font-size:0.75rem; text-align:center; } #WP_content table.type2 .title3 { border:1px solid #6e6f72; background-color:#e6e7e9; color:#005ca7; font-size:0.75rem; text-align:center; } #WP_content table.type2 .title4 { border:1px solid #6e6f72; background-color:#eeefef; font-size:0.75rem; } #WP_content table.type2 td.basic { border:1px solid #6e6f72; background-color:#FFFFFF; } #WP_content table .bg { background-color:#e8e9f5; } #WP_content table .type1 { border-bottom:1px solid #939090; } #WP_content table .arrow1 { color:#005ca7; } #WP_content table .arrow2 { color:#7795c8; } #WP_content table .arrow3 { color:#b3c0df; } #WP_content .small { font-size:11px; } #WP_content .small2 { font-size:11px; color:#89898a; } #WP_content ul { list-style-type:circle; margin-left:10px; margin-bottom:0 !important; padding:5px 0 5px 10px; } #WP_content ul li {line-height:180%;} #WP_content ul li::marker { content: '• '; color:#333333; font-size:1.2em; font-weight: normal; } #WP_content ul.no-maker {padding:0;} #WP_content ul.no-maker li::marker { content: ' '; } #WP_content ul.list1 { list-style:none; margin-left:0; } #WP_content ul.list1 li::marker { content: ''; } #WP_content ul.list2 { } #WP_content ul.list2 li::marker { content: '- '; color:#333333; font-size:1.2em; font-weight: normal; } #WP_content ul.lis3 { } #WP_content ul.list3 li::marker { content: '● '; color:#333333; font-size:1em; font-weight: normal; } #WP_content ul.list3 li li::marker { content: '– '; } #WP_content ul.list3 span.m_chg { margin-right:20px; } #WP_content ul.list4 { } #WP_content ul.list4 li::marker { content: 'ㅇ '; color:#333333; font-size:1.2em; font-weight: normal; } #WP_content ul.list5 { margin-left:20px; } #WP_content ul.list5 li::marker { content: '■ '; color:#333333; font-size:1.2em; font-weight: normal; } #WP_content ul.list6 { margin-left:20px; } #WP_content ul.list6 li::marker { content: '◆ '; color:#333333; font-size:1.2em; font-weight: normal; } #WP_content ul.list7 { margin-left:20px; } #WP_content ul.list7 li::marker { content: '▶ '; color:#333333; font-size:1em; font-weight: normal; } #WP_content ul.list8 { margin-left:7px; } #WP_content ul.list8 li::marker { content: '▶ '; color:#333333; font-size:1em; font-weight: normal; } #WP_content ul.list9 { margin-left:10px; padding:0 0 0 7px; } #WP_content ul.list9 li::marker { content: '* '; color:#333333; font-size:1em; font-weight: normal; } #WP_content ul.list10 { margin-left:10px; padding:0 0 0 7px; } #WP_content ul.list10 li::marker { content: '△ '; color:#333333; font-size:1em; font-weight: normal; } #WP_content ul.inline li, #WP_content ol.inline li { float:left; list-style-type:circle; padding-right:50px; } #WP_content ul.inline:after, #WP_content ol.inline:after { content:""; display:block; clear:both; } #WP_content ul.inline2 li, #WP_content ol.inline2 li { float:left; list-style-type:circle; width:50%; } #WP_content ul.inline2:after, #WP_content ol.inline2:after { content:""; display:block; clear:both; } @counter-style circled-decimal { system: fixed 0; symbols: '⓪' '①' '②' '③' '④' '⑤' '⑥' '⑦' '⑧' '⑨' '⑩' '⑪' '⑫' '⑬' '⑭' '⑮' '⑯' '⑰' '⑱' '⑲' '⑳' '㉑' '㉒' '㉓' '㉔' '㉕' '㉖' '㉗' '㉘' '㉙' '㉚' '㉛' '㉜' '㉝' '㉞' '㉟' '㊱' '㊲' '㊳' '㊴' '㊵' '㊶' '㊷' '㊸' '㊹' '㊺' '㊻' '㊼' '㊽' '㊾' '㊿'; suffix: ' '; } @counter-style demical2 { system: fixed 0; symbols: '⓪' '1)' '2)' '3)' '4)' '5)' '6)' '7)' '8)' '9)' '10)' '11)' '12)' '13)' '14)' '15)' '16)' '17)' '18)' '19)' '20)' '21)' '22)' '23)' '24)' '25)' '26)' '27)' '28)' '29)' '30)'; suffix: ' '; } @counter-style korean { system: fixed 0; symbols: '⓪' '가.' '나.' '다.' '라.' '마.' '바.' '사.' '아.' '자.' '차.' '카.' '타.' '파.' '하.' '거.' '너.' '더.' '러.' '머.' '버.' '서.' '어.' '저.' '처.'; suffix: ' '; } #WP_content ol { margin-bottom:0; padding:0 0 0 15px; } #WP_content ol li { list-style-type:circled-decimal; } #WP_content ol.inline li {float:left; padding-right:40px;} #WP_content ol.inline:after { content: ""; display: block; clear: both } #WP_content ol.demical { padding:0 0 0 15px; } #WP_content ol.demical li {list-style-type:decimal;} #WP_content ol.demical2 { padding:0 0 0 15px; } #WP_content ol.demical2 li {list-style-type:demical2;} #WP_content .table ol.demical2 li { font-size:0.75rem; } #WP_content ol.korean { padding:0 0 0 23px; } #WP_content ol.korean li {list-style-type:korean;} #WP_content ol.korean li ol.demical2 li {list-style-type:demical2;} #WP_content blockquote { margin:40px 0 40px 0; font-size:1.1rem; position: relative; padding:30px 50px 20px 70px; background-color:#f1f7ff; border-radius: 10px;} #WP_content blockquote:before, #WP_content .blockquote:before { content: '"'; position: absolute; top:30px; left:15px; font-size:7rem; line-height: 0.8em; font-weight: 700; color: #c2d9f7; } #WP_content blockquote cite { display:block; padding-top:5px; text-align:right; font-style:normal; font-size:0.9rem; color:#2163e8; } #WP_content .prole { } #WP_content .prole .headline h2 { padding:10px 0; font-size:1.6rem; color:#FFFFFF; } #WP_content .prole p.head { font-weight:bold; margin:0 0 40px 0;} #WP_content .prole dl {clear:both;float:left; width:100%; margin-bottom:40px;} #WP_content .prole dt {font-size:0.8rem; color:#9D9D9D;} #WP_content .prole ul {width:50%; float:left;} #WP_content .prole ul li {list-style:none;font-size:0.9rem;} #WP_content .prole ul li b {font-size:1.1rem; color:#424242;} #WP_content .prole dl:after { content: ""; display: block; clear: both } #WP_content .signature {margin-top:40px; text-align:right; font-size:0.9rem; color:#504E4E;} #WP_content .signature b {font-size:1.2rem;} #WP_content .publish { clear:both; float:left; width:100%; padding:20px 20px 15px 20px; background-color:#FAF9F9; border:1px solid #EBEAEA;} #WP_content .publish dl {clear:none; width:33%;margin:0;} #WP_content .publish dl dt {float:left; width:80px;} #WP_content .publish dl dd {float:left; width:190px;} #WP_content .publish:after { content: ""; display: block; clear: both } #WP_content dl.oath {margin:50px 0; background-color:#EAF5FF;} #WP_content dl.oath dt {padding:20px; text-align:center; font-size:1.2rem; border-bottom:1px solid #ACCEEE; } #WP_content dl.oath dd {padding:40px;line-height:160%;font-size:1.1rem;} #WP_content dd.blockquote:before {content: '';} #WP_content dd.type1 { font-size:1rem; line-height:180%; } #WP_content dl.type1 {} #WP_content dl.type1 dt { float:left; width:150px; } #WP_content dl.type1 dd { float:left; width:80%; } #WP_content dl.type1:after { content: ""; display: block; clear: both } #WP_content dl.type1 dd li { } #WP_content dl.type2 { float:left; margin-bottom:-20px; width:50%; font-size:0.8rem; border:3px solid #FFFFFF; } #WP_content dl.type2 dt { height:60px; padding:18px 0 10px 0; color:#FFFFFF; text-align:center; line-height:140%; background-color:#255aa8; border-bottom:3px solid #FFFFFF; } #WP_content dl.type2 dd { height:200px; padding:20px; background-color:#EEEEEE; } #WP_content dl.type3 dt { padding:0; text-align:left; font-size:1rem; border-bottom:none; } #WP_content dl.type3 dd { padding:15px 0; text-align:left; font-size:1rem; } #WP_content dl.type4 {float:left;} #WP_content dl.type4 dd {float:left;width:100%;} #WP_content dl.type4 dd.flex-img ul {float:left; width:50%;} #WP_content dl.type4 dd.flex-img img {position:relative;float:right; width:40%; } #WP_content figure { width:100%; margin-bottom:40px; font-family:'Roboto', sans-serif; } #WP_content figure figcaption { padding-bottom:7px; margin:30px 0; color:#3f74c2; font-weight:bold; font-size:0.9rem; letter-spacing:-1px; border-bottom:2px solid #333333; } #WP_content figure figcaption.type1 { text-align:center; padding-top:10px; margin-bottom:0; color:#212121; font-family: 'Roboto', sans-serif; border-top:2px solid #333333; border-bottom:none; } #WP_content figure figcaption.type2 { font-family: 'Roboto', sans-serif; } #WP_content figure img { margin:0 auto; text-align:center; } #WP_content figure.type1 { float:left; width:50%; } #WP_content figure.type1 img { margin:0 10px 0 0; } #WP_content figure.type2 { margin:40px 0; } #WP_content figure.type2 figcaption {display:none;} #WP_content figure.type3 { float:left; font-family: 'Roboto', sans-serif; } #WP_content figure.type3 img { float:left; width:48%; margin:0 8px; } #WP_content figure.type3:after { content: ""; display: block; clear: both; } #WP_content figure.type4 { float:left; width:48%; margin:0 5px; } #WP_content figure.type4 img { width:98%; margin:0 5px; } #WP_content figure.type5 { margin:40px 0; padding-top:15px; border-top:2px solid #333333; } #WP_content figure.type5 figcaption {display:none;} #WP_content figure.type6 { float:left; font-family: 'Roboto', sans-serif; } #WP_content figure.type6 img { float:left; width:60%; padding:20px; border:1px solid #CCCCCC; } #WP_content figure.type6 ul { float:right; width:36%; font-size:0.75rem; margin-top:120px; } #WP_content figure.type6:after { content: ""; display: block; clear: both } #WP_content dl.oath dd.text { font-family: 'Roboto', sans-serif; font-size:0.85rem; line-height:200%; letter-spacing:-0.5px;} #WP_content dl.goals { width:100%; padding:0; margin:50px 0; font-size:0.9rem; background-color:#A0BEFB; } #WP_content dl.goals dt { float:left; width:25%; padding:20px; } #WP_content dl.goals dt p { width:150px; margin:0 auto; padding:35px 10px 0 0; text-align:center; } #WP_content dl.goals dt p.type2 { width:170px; } #WP_content dl.goals dt p.pd3 { padding:12px 0 0 0; } #WP_content dl.goals dt p.pd4 { padding-top:25px ;} #WP_content dl.goals dd { float:left; width:75%; padding:20px; margin-bottom:0; background-color:#e7eaf4; border-left:10px solid #FFFFFF; } #WP_content dl.goals:after { content: ""; display: block; clear: both } #WP_content dl.img { width:100%; padding:0; margin:50px 0; font-size:0.9rem; font-family: 'Roboto', sans-serif; border-bottom:1px solid #333333; } #WP_content dl.img dt { color:#3582f2; padding-bottom:5px; border-bottom:2px solid #333333; } #WP_content dl.img dd { float:left; display:inline-block; width:48%; padding:20px 0; } #WP_content dl.img dd.text { padding-left:25px; font-size:0.8rem; line-height:160%; } #WP_content dl.img dd.text b { display:block; margin-bottom:15px; } #WP_content dl.img:after { content: ""; display: block; clear: both } #WP_content .chart_page { padding-top:40px; } #WP_content .chart_page .head { margin-bottom:10px; padding:10px 30px 10px 0; color:#FFFFFF; font-size:1rem; line-height:130%; text-align:right; } #WP_content .chart_page .head span { color:#CCCCCC; font-size:0.8rem; } #WP_content .chart_page .title { clear:both; margin-bottom:30px; padding:10px 0; background:url('http://presidentmoon.kr/images/S2/whitepaper/bg_tit_chart.png') no-repeat left top; text-indent:0; font-weight:bold; font-size:1.2rem; } #WP_content .chart_page figure { margin-bottom:50px; padding:15px; background-color:#FFFFFF; text-align:center; } #WP_content .chart_page figcaption {display:none;} #WP_content .chart_page cite.cr { display:block; width:100%; text-align:right; margin:-20px 0 50px 0; } #WP_content .chart_page figure cite { display:none; } #WP_content .chart_page img { max-width:93%; } #WP_content .chart_page p.sub_title { max-width:95%; margin:0 auto 20px auto; padding-bottom:5px; border-bottom:2px solid #CCCCCC; text-align:center; font-weight:bold; } #WP_content .chart_page p.sub_title span {color:#2163e8;} #WP_content .appendix { } #WP_content .appendix .head { margin-bottom:10px; padding:12px 30px 10px 0; color:#FFFFFF; font-size:1rem; line-height:150%; text-align:right; } #WP_content .appendix .head span { color:#CCCCCC; font-size:0.8rem; } #WP_content .appendix .table { padding:10px; } #WP_content .appendix .table table { background-color:#f5f5fc; } #WP_content .appendix table td { border-left:4px solid #f5f5fc; } #WP_content .appendix table td.link { text-align:center; } #WP_content .appendix table .badge { padding:5px 22px 5px 5px; font-size:0.7rem; letter-spacing:-1px; } #WP_content .appendix table .badge I { color:#FFFFFF; margin-left:5px; } #WP_content .title_type { margin-top:40px; padding:0 0 8px 0; border-bottom:2px solid #333333; color:#255aa8; font-weight:bold; font-size:0.9rem; letter-spacing:-1.5px;text-indent:0;font-family: 'Roboto', sans-serif; } #WP_content .box1 { margin:40px 0 40px 0; padding:25px; background-color:#E9F8FF; font-family: 'Roboto', sans-serif; font-size:0.8rem; letter-spacing:-0.3px; } #WP_content .box1 .description { display:inline-block; padding-top:5px;} #WP_content .box1 .plus {position:relative; padding:10px 0 0 20px; text-indent:0; line-height:160%; } #WP_content .box1 .plus:before { content: '※ '; position:absolute; top:9px; left:4px; } #WP_content .box2 { float:left; margin:40px 0; padding:25px 25px 0 25px; background-color:#FFFFFF; border:1px solid #CCCCCC; font-family: 'Roboto', sans-serif; } #WP_content .box2 .caption { margin-bottom:20px; padding-bottom:10px; border-bottom:2px solid #333333; color:#255aa8; font-weight:bold; font-size:0.9rem; letter-spacing:-1.5px; } #WP_content .box2 .caption2 { margin-bottom:20px; padding-bottom:10px; border-bottom:2px solid #FFFFFF; color:#255aa8; font-weight:bold; font-size:1rem; letter-spacing:-1.5px; } #WP_content .box2 .figcaption { padding-bottom:7px; margin-bottom:10px; color:#255aa8; font-weight:bold; font-size:0.9rem; letter-spacing:-1px;border-bottom:1px solid #333333; text-indent:0; } #WP_content .box2 figure { padding-top:20px; text-align:center; } #WP_content .box2 figure figcaption { display:none; } #WP_content .box2 figure img { max-width:94%; } #WP_content .box2:after { content: ""; display:block; clear:both; } #WP_content .box2 cite { display:block; margin:-10px 0 18px 0; text-align:right; border:none; font-size:0.7rem; line-height:130%; } #WP_content .box3 { margin:40px 0; padding:30px 40px 25px 40px; background-color:#F5F5F5; font-size:0.85rem; font-family: 'Roboto', sans-serif; line-height:170%; } #WP_content .box3 dt { padding-bottom:10px; font-size:1rem; } #WP_content .box3 cite {font-style:italic;} #WP_content .box3 i { color:#e8183f; } #WP_content .box3 dd ul { margin-bottom:-10px; } #WP_content .box3 .description { padding:10px 0 0 0; font-size:0.75rem; text-indent:0; line-height:150%; } #WP_content .box3 figcaption cite { font-style:normal; font-size:0.7rem; } #WP_content .box3.type2 { float:left; } #WP_content .box3.type2 dl { float:left; width:70%; } #WP_content .box3.type2 img { float:right; width:23%; margin-top:35px; } #WP_content .box3.type2:after { content: ""; display:block; clear:both; } #WP_content .box3.type3 { float:left; } #WP_content .box3.type3 dl { float:left; width:53%; } #WP_content .box3.type3 img { float:right; width:43%; margin-top:0; } #WP_content .box3.type3:after { content: ""; display:block; clear:both; } #WP_content .box4 { float:left; width:48%; margin:40px 15px 40px 0; padding:25px 20px 0 20px; background-color:#FFFFFF; border:1px solid #CCCCCC; } #WP_content .box4 figure figcaption { display:none; } #WP_content .box5 { float:left; margin:0; padding:0; } #WP_content .half_left { float:left; width:55%;} #WP_content .half_right { float:right; width:40%;} #WP_content .half_img { float:left; width:47%; margin:0 10px 20px 10px; } #WP_content .flex-img {display:flex; align-items: top;} #WP_content .flex-img img { text-align:right; width:30%; margin:10px 0 10px 40px; } #WP_content .flex-img img.type2 { width:40%; border:1px solid #CCCCCC; padding:20px; } #WP_content .flex-img img.type3 { text-align:right; width:40%; margin:10px 0 10px 40px; } #WP_content .flex-left { float:left; width:50%; } #WP_content .flex-right { float:right; width:40%; margin:0 0 10px 10px;} #WP_content .flex-right table { width:100%; margin-top:-10px; font-size:0.7rem; } #WP_content .flex-right img { width:100%; margin-top:0; border:1px solid #CCCCCC; padding:15px; } #WP_content .flex-right:after { content: ""; display:block; clear:both; } #WP_content .mix-all {position:relative;width:95%;margin:0 auto;} #WP_content .mix-all .half_left { float:left; width:50%; } #WP_content .mix-all dl {width:328px; margin:0 auto; font-family: 'Roboto', sans-serif; font-size:0.8rem; letter-spacing:-1px;} #WP_content .mix-all .half_right { float:right; width:49%; } #WP_content .mix-all .fixed {position:absolute;right:0;top:290px;} #WP_content .img_chart {float:left; margin:50px 0;} #WP_content .img_chart figure {float:left; width:55%;} #WP_content .img_chart figure figcaption { width:90%; margin-top:-10px;} #WP_content .img_chart figure img { width:90%; } #WP_content .img_chart .table {float:right; width:45%;margin-top:-20px; } #WP_content .img_chart .table table {width:100%; } #WP_content .img_chart .table table th { height:54px; } #WP_content .img_chart .table table td { height:50px; } #WP_content .img_in {float:left; margin-top:20px;} #WP_content .img_in p {float:left; width:50%;} #WP_content .img_in .box2 {float:right; width:45%; margin-top:0;} #WP_content .img_in .box2 img {width:80%;} #WP_content .special1 table { float:left; width:52%; } #WP_content .special1 table tr { height:64px; } #WP_content .special1 figure { float:left; width:32%; margin-left:70px; } #WP_content .special1 figure img { width:95%; margin:0 0 40px 0; } #WP_content .revision { padding-top:40px; font-family: 'Roboto', sans-serif; } #WP_content .revision p { font-size:0.9rem; text-indent:0;} #WP_content .revision h6 { margin:40px 0; font-family: 'Roboto', sans-serif; text-align:center; } #WP_content .revision .title { margin:40px 0; font-size:1rem; font-weight:bold; text-align:center; } #WP_content .revision ol.list5 { margin:-32px 0 0 65px;font-family: 'Roboto', sans-serif; font-size:0.9rem; } #WP_content .revision span { display:block; margin:-32px 0 0 65px; } #WP_content .revision table td { padding:0 20px; border-left:1px solid #6e6f72; border-bottom:1px solid #FFFFFF; line-height:200%; vertical-align:top; } #WP_content .revision table tr:last-child td { padding-bottom:30px; border-bottom:1px solid #6e6f72; } #WP_content .revision table td span { margin:-24px 0 0 50px; font-size:0.75rem; } #WP_content .revision table td span.history { margin:0 0 0 -65px; } #WP_content .revision table td i { position:relative; color:#212121; font-style:normal; text-decoration:underline; } #WP_content .revision table b { color:#000000; text-decoration:underline; } #WP_content .revision table th { border-left:1px solid #6e6f72; font-weight:bold; text-align:center; } #WP_content .revision table th.type1 { padding:20px; border-bottom:1px solid #FFFFFF; } #WP_content .revision td ol.list5 { margin:-24px 0 0 50px; font-size:0.75rem; } #WP_content .revision.type1 { margin-top:-20px; } #WP_content .revision.type1 table th { border-left:none; border-bottom:1px solid #6e6f72; font-size:0.75rem; line-height:160%; } #WP_content .revision.type1 table td { padding:10px 20px; border-bottom:1px solid #6e6f72; } #WP_content .revision.type1 table b {text-decoration:none; } #WP_content .revision.type1 td ol.list5 { margin:0; } #connect { font-family: 'Roboto', sans-serif; letter-spacing:-1px; background-color:#F5F5F5; padding:20px 40px 20px 40px; } #connect a { color:#333333; } #connect .hashtag { margin-bottom:10px; padding:10px 0; font-size:1.2rem; } #connect .hashtag span { display:inline-block; padding:10px 12px 10px 8px; margin:5px 10px 5px 0; } /* #connect .hashtag span:nth-child(n+2) { margin:5px 0 5px 10px; } */ #connect .col { position:relative; display:inline-block; width:48%; margin-bottom:20px; background-color:#FFFFFF; border-radius:10px; } #connect .col:nth-child(2n) { float:right; } #connect .card-title { text-indent:0; height:55px; padding:0; margin:0; white-space:normal; text-overflow:ellipsis; font-size:1.2rem; font-weight:bold; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow:hidden; } #connect .date { margin-top:2px; text-indent:0; font-size:0.8rem; } #connect .timeline { margin:20px 0 0 0; } #connect .timeline .col { width:100%; } #connect .timeline .card-body { margin-left:40%; font-size:0.9rem; } #connect .timeline .thumb { width:40%; } #connect .speech { clear:both; margin:20px 0 0 0; } #connect .speech:after { content: ""; display: block; clear: both; } #connect .speech .icon-xl { position:absolute; width:80px; height:80px; margin:20px; padding-top:22px; } #connect .speech .card-body { padding:24px 20px 0 115px; } #connect .speech .card-title { font-size:1.1rem; } .img_type1 {float:left;margin-top:0;} .img_type1 dd.text { float:left; width:75%; font-size:0.8rem; } .img_type1 dd.img { float:left; width:25%; text-align:right; } .img_type1 dd.img img {width:80%; margin-top:-25px;} @media (min-width: 768px) and (max-width: 991px){ #whitepaper .row { padding-left:0; } #whitepaper .headline { max-width:100%; margin:0 -20px; } #WP_content .headline h4 { text-align:right; border:none; padding-right:15px; font-size:1.1rem; } #whitepaper .headline.drop { margin-left:-50px; max-width:100%; } #whitepaper button.btn_menu { display:block; } #WP_menu { left:-400px; margin-left:-30px; padding:20px 20px 0 20px; z-index:999; height: 100vh; height: calc(var(--vh, 1vh) * 100); } #WP_menu.open { left:30px; } #WP_menu.close { left:-400px; } #WP_menu .list { height:55%; } #WP_content { position:static; padding:100px 20px 50px 20px; } #WP_content dl.type2 dd { height:250px; } } @media (max-width: 767px){ main.whitepaper .sub_v {display:none;} #whitepaper .row { padding-left:0; } #whitepaper .headline { max-width:100%; margin:0 -20px; padding-right:5px; } #WP_content .headline h2, #WP_content .headline h3 { font-size:0.75rem; } #WP_content .headline h4 { text-align:right; border:none; padding-right:15px; font-size:1.1rem; } #WP_content .headline .head span.m_chg {display:block; margin-bottom:-22px;} #WP_content .prole .headline h2, #WP_content .prole .head { font-size:0.9rem; margin-right:15px;} #WP_content .chart_page .head {margin:0 -5px 0 -10px;letter-spacing:-1px;} #whitepaper .headline.drop { margin-left:-21px; max-width:100%; } #whitepaper .headline.drop h4 { font-size:1.1rem; } #whitepaper button.btn_menu { display:block; } #WP_menu { left:-400px; padding:20px 20px 40px 20px; z-index:999; height:87vmax; height: calc(var(--vh, 1vh) * 100); } #WP_menu.close { left:-400px; } #WP_menu .list { height:60%; } #WP_content { padding:100px 20px 50px 20px; } #WP_content { font-size:0.9rem; line-height:180%; } #WP_content h2 span { display:none; } #WP_content .headline h3.type2 { font-size:1.1rem;letter-spacing:-1px; } #WP_content h4 { font-size:1.1rem; letter-spacing:-1px; } #WP_content h4.m_chg { padding-left:0; margin-left:-5px;} #WP_content h5 { font-size:1.1rem; letter-spacing:-1px; } #WP_content h6 { font-size:1.0rem; letter-spacing:-1px; } #WP_content .location.m_close { display:none; } #WP_content .location.m_open { display:block; position:relative; } #WP_content .type2 { font-size:0.95rem;} #WP_content blockquote { font-size:1rem; } #WP_content p.title { letter-spacing:-1px; } #WP_content .m_chg th {font-size:0.7rem; line-height:150%; padding:5px;} #WP_content .m_chg td {font-size:0.7rem; padding:0 5px;} #WP_content .prole ul {width:100%; } #WP_content dl.quotation {} #WP_content dl.quotation dt {font-size:1rem;} #WP_content dl.quotation dd.content {padding:18px 20px;text-indent:13px;} #WP_content dl.quotation dd span {width:15px;} #WP_content dl.quotation dd.origin {text-align:right;font-size:0.8rem;} #WP_content table, #WP_content table.type2 { width:100%; font-size:11px; } #WP_content table.scrolltbody { display:block; border-collapse: collapse; border-top:1px solid #FFFFFF !important; } #WP_content table.scrolltbody caption { display:inline-block; width:100%; } #WP_content table.scrolltbody thead { display: block; width:100%; border-top:2px solid #333333; } #WP_content table.scrolltbody thead th {border-bottom:1px solid #f5f5f5; } #WP_content table.scrolltbody tbody { display: block; width:100%; padding-bottom:2px; overflow: auto; border-top:2px solid #333333; } #WP_content table td, #WP_content table.scrolltbody td { font-size:11px; } .scrolltbody { overflow: hidden; } .scrolltbody:before { content: ""; position: absolute; height:95%; width:20%; bottom: 0; top:35px; right: 0; background: linear-gradient(to left, #FFFFFF, transparent); background: -webkit-gradient(linear, top right, top left, from(white), to(transparent)); z-index: 1; } .scrolltbody:hover:before, .scrolltbody:active:before { content: ""; display:none; } .scrolltbody.before2:before { height: 100%; top:0; background: linear-gradient(to left, #F5F5F5, transparent); } .scrolltbody.before2:hover:before, .scrolltbody.before2:active:before { content: ""; display:none; } #WP_content .table .info_m { position:relative; float:right; } #WP_content blockquote { clear:borh; margin:30px 0 30px 0; font-size:1.0rem; padding:30px 30px 20px 60px; } #WP_content blockquote:before, #WP_content .blockquote:before { font-size:6rem; font-weight:600; } #WP_content dl.goals dt { width:100%; } #WP_content dl.goals dt p { width:100%; padding:0; text-align:center; } #WP_content dl.goals dt p.type2 { width:100%; } #WP_content dl.goals dt p.pd3, #WP_content dl.goals dt p.pd4 { padding:0; } #WP_content dl.goals dd { width:100%;border:none; } #WP_content dl.oath dt { padding:15px; font-size:1rem; } #WP_content dl.oath dd { padding:20px; font-size:0.9rem; } #WP_content dl.img dd { clear:both; width:98%; } #WP_content dl.img dd.text { padding:0 0 20px 0; } #WP_content .chart_page .title { margin-bottom:0; font-size:0.95rem; } #WP_content .chart_page img { max-width:100%; } #WP_content ul.inline li { clear:both; padding-right:10px; } #WP_content ul.inline2 li, #WP_content ol.inline2 li { clear:both; float:left; width:100%; } #WP_content .chart_page p.sub_title { max-width:100%; font-size:0.8rem; } #WP_content dl.type1 dd { width:100%; } #WP_content dl.type2 { width:100%; } #WP_content dl.type2 dd { height:auto; } #WP_content .box2 figure img { max-width:100%; } #WP_content figure.type3 img { width:99%; margin:0 8px 40px 0; } #WP_content figure.type6 img { width:100%; margin:0; } #WP_content figure.type6 ul { clear:both; width:97%; margin:20px 0 0 10px; } #WP_content .plus {font-size:0.8rem;} #WP_content .box3 { padding:25px 20px 15px 20px; font-size:0.8rem; } #WP_content .box3 dt { font-size:0.9rem; } #WP_content .box3.type2 dl { width:100%; } #WP_content .box3.type2 img { width:90%; margin:0 15px 20px 15px; } #WP_content .box3.type3 dl { width:100%; } #WP_content .box3.type3 img { width:100%; margin:0 0 20px 0; } #WP_content .box4 { width:100%; } #WP_content .box5 figure.type1 { clear:both; float:left; width:100%; } #WP_content dl.type4 {} #WP_content dl.type4 dd {} #WP_content dl.type4 dd.flex-img ul {float:left; width:100%;} #WP_content dl.type4 dd.flex-img img {float:right; width:100%;} #WP_content .half_left, #WP_content .half_right { clear:both; width:100%; } #WP_content .half_right { margin-top:30px; } #WP_content .half_img { width:98%; margin:0 5px 20px 5px; } #WP_content .mix-all .half_left { clear:both; width:100%; } #WP_content .mix-all dl {clear:both; width:100%; } #WP_content .mix-all .half_right { clear:both; width:100%; } #WP_content .mix-all .fixed {position:static;right:0;top:0;} #WP_content .img_chart figure {width:100%;} #WP_content .img_chart figure img {width:80%; margin-left:30px; } #WP_content .img_chart .table {clear:both; width:100%; margin-top:10px; } #WP_content .img_chart .table table th { height:auto; } #WP_content .img_chart .table table td { height:auto; } #WP_content table.half_table { clear:both; width:100%; margin:0; } #WP_content .half_table { clear:both; width:100%; margin:0; } #WP_content .img_in p {width:100%;} #WP_content .img_in .box2 {clear:both; width:100%; margin-top:20px;} #connect { padding:18px 20px 0 20px; } #connect .hashtag { font-size:1.1rem; } #connect .col {width:100%;} #connect .card-title { height:46px; font-size:1rem; } #connect .space {font-size:0.8rem;} #connect .speech .icon-xl { width:50px; height:50px; } #connect .speech .icon-xl i {position:absolute; margin:-10px 0 0 -14px; } #connect .speech .card-body { padding:18px 15px 0 90px; } #connect .speech .card-title { font-size:0.9rem; } #WP_content table.table1 dl.style1, #WP_content table.table1 dl.style2 { width:98%; } #WP_content figure.type4 { width:48%; margin:0 10px 30px -5px; } #WP_content .special1 table { width:100%; margin-bottom:30px; } #WP_content .special1 table tr { height:auto; } #WP_content .special1 figure { width:100%; margin-left:0; } #WP_content .special1 figure img { width:45%; margin:0 5px; } #WP_content .flex-img {display:block; align-items: center;} #WP_content .flex-img img, #WP_content .flex-img img.type2, #WP_content .flex-img img.type3 { text-align:right; width:100%; margin:30px 0; } #WP_content .flex-left { width:100%; } #WP_content .flex-right { clear:both; width:100%; margin:20px 0 10px 0;} .img_type1 {float:left;margin-top:0;} .img_type1 dd.text { float:left; width:100%; } .img_type1 dd.img { float:left; width:100%; text-align:center; } .img_type1 dd.img img {width:80%; margin-top:30px;}px 0; } #WP_content .revision p { font-size:0.8rem; } #WP_content .revision .title { margin:25px 0; font-size:0.9rem; } #WP_content .revision ol.list5 { margin:-26px 0 0 55px; font-size:0.8rem;} #WP_content .revision span { margin:-26px 0 0 55px; } }