@charset "utf-8";
@import url('https://spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css');

* {margin:0; padding:0; outline:0; box-sizing:border-box; }
ul,ol {list-style:none; }
img {border:0;}
a { color:inherit; text-decoration:none; }
table { border-collapse:collapse; }
input,button,select,label {vertical-align:middle;}
button { background:transparent; border:0;}
hr {border:0; border-top:1px solid #eee;}
html { scroll-behavior: smooth; }
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary,time, mark, audio, video { margin: 0;  padding: 0; border: 0; font-size: 100%;}
article, aside, details, figcaption, figure, footer, header, menu, nav, section, main {display: block;}
body,th,td,input,select,textarea,button {font-family:'Spoqa Han Sans Neo', 'Apple SD Gothic Neo', 'Malgun Gothic','돋움','dotum','Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;}
address {font-style: normal;}

.clearfix {zoom:1;}
.clearfix:after {content:''; display:block; clear:both;}
.relative {position:relative;}

/*라이브러리 백서다운로드 팝업*/
.popup_wp { max-width:800px; width:100%; background:#fff; border-radius:20px; font-size:16px; margin:0 auto;}
.popup_wp h2 {padding:20px; font-size:24px;}
.popup_wp .tab button {cursor:pointer; display:inline-block; width:50%; float:left; padding:20px 0; text-align: center; font-weight:500; font-size:17px; background-color:#eee; color:#666; border:1px solid rgba(0,0,0,0.1); line-height:1em; height:60px; overflow:hidden;}
.popup_wp .tab button.active {background-color:#fff; border-bottom:none; color:#222; border-top:2px solid #666; }
.popup_wp .tab button:hover {text-decoration:none; color:#222;}
.popup_wp .tab button:first-child {border-right:none;}
.popup_wp .sc1 { padding:20px; border-bottom:1px solid rgba(0,0,0,0.1);}
.popup_wp .sc1 ul {margin:20px 0;}
.popup_wp .sc1 li {line-height:1.2em; color:#222; margin-bottom:5px; position:relative; padding-left:10px;}
.popup_wp .sc1 li:before {content:'-'; margin-right:4px; color:#666; position:absolute; left:0;}
.popup_wp .scrollbox_wrap {float:left; width:49%; margin:10px 0 10px 2%;}
.popup_wp .scrollbox_wrap:first-child {margin-left:0;}
.popup_wp .scrollbox {height:100px; overflow-y: scroll; border:1px solid rgba(0,0,0,0.1); padding:10px; font-size:14px; line-height:1.25em; word-break: break-all; margin:5px 0 10px; color:#222;}
.popup_wp .scrollbox_wrap .scrollbox strong {display:block;}
.popup_wp .scrollbox_wrap .scrollbox p {margin-bottom:6px;}
.popup_wp .sc2 {padding:20px; background:#eee; margin-bottom:20px;}
.popup_wp input[type="text"], .popup_wp select {background-color: #fff; width:100%; padding:5px; border:none; border-radius:2px; margin-bottom:5px; position:relative;  min-height:32px;}
.popup_wp table {width:100%;}
.popup_wp th {padding:6px 6px 6px 0; width:25%; vertical-align:middle; text-align:left;}
.popup_wp td {padding:6px 0; width:75%; vertical-align:middle;}
.popup_wp .btn_postnum {background: #fff; border: 1px solid #098fde; padding:5px 15px; line-height:1em; color: #098fde; font-weight: 400; border-radius: 2px;}
.popup_wp .btn_postnum:hover {background-color: #098fde; color:#fff; text-decoration:none; }
.popup_wp .btn_postnum + #wrap  {z-index:9; width:100%; max-width:500px; height:400px; margin:0; position:absolute; display:none; border:1px solid #000; }
/*#btnFoldWrap {top:-20px !important; right:-1px !important; }*/
#btnFoldWrap {cursor: pointer; position: absolute; right: 0px; top: -1px; z-index: 1;}

.popup_wp .btn_wp_download {display:block; text-align:center; margin:34px auto 20px; line-height: 1em; padding:20px; background:#098fde; border-radius:2px; color: #fff; font-weight: 600; font-size: 19px; box-shadow: 0 2px 2px rgb(0 0 0 / 10%);}
.popup_wp .btn_wp_download:hover { box-shadow:inset 0 2px 3px rgb(0 0 0 / 20%);}
.popup_wp .check {cursor:pointer;}
.popup_wp .check input[type="checkbox"] { position: absolute; width:1px; height:1px; padding: 0; margin:-1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.popup_wp .check i {display:inline-block; vertical-align:middle; width:20px; height:20px; background: url('https://img.etnews.com/2022/newsroom/images/common/icon_dashboard.png') no-repeat -25px -40px; background-size:200px;}
.popup_wp .check input[type="checkbox"]:checked + i {  background: url('https://img.etnews.com/2022/newsroom/images/common/icon_dashboard.png') no-repeat 0px -40px; background-size:200px;}
.popup_wp .check span {display:inline-block; vertical-align:middle; margin-left:4px;}
.popup_wp .radio {margin-right:20px;}
.popup_wp .radio input[type="radio"] { position: absolute; width:1px; height:1px; padding: 0; margin:-1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.popup_wp .radio i {display:inline-block; vertical-align:middle; width:20px; height:20px; background: url('https://img.etnews.com/2022/newsroom/images/common/icon_dashboard.png') no-repeat -85px -40px; background-size:200px;}
.popup_wp .radio input[type="radio"]:checked + i {  background: url('https://img.etnews.com/2022/newsroom/images/common/icon_dashboard.png') no-repeat -60px -40px; background-size:200px;}
.popup_wp .radio span {display:inline-block; vertical-align:middle; margin-left:4px;}


.th_sub {display:block; margin:5px 0; word-break:keep-all;}

   
@media screen and (max-width : 740px) {
  .popup_wp .scrollbox_wrap {width:100%; margin:10px 0;}
  .popup_wp .btn_postnum + #wrap {left:50%; transform: translateX(-50%);}
  
}

@media screen and (max-width : 440px), screen and (max-height : 850px) {
  .close {position:absolute; top:10px; right:10px;}
  /*#btnFoldWrap {top:-30px !important; width:30px; height:30px;}*/
  .popup_wp .sc2 {margin-bottom:0;}
    
}