::-webkit-scrollbar {width: 8px; height: 8px; border: 3px solid #fff; }
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: block; height: 0px; background: #efefef}
::-webkit-scrollbar-track {background: #efefef; -webkit-border-radius: 10px; border-radius:10px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.2)}
::-webkit-scrollbar-thumb {height: 50px; width: 50px; background: rgba(0,0,0,.2); -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1)}


html {-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;font-size:16px;position:relative;word-break: keep-all; word-wrap: break-word;}
body {font-size:1em; line-height: 1.6; font-weight:400; color: #000; -webkit-font-smoothing: antialiased;font-family:'Lato', Verdana, sans-serif !important;word-break: keep-all; word-wrap: break-word;letter-spacing:0px}
#content p {line-height: 1.6;}
table {margin-bottom:0}
img { max-width:100%; }



a { color: #000; text-decoration:none; }
a:hover { color:#a11f44; }

::-moz-selection { color:#000; background:#efd2da; }
::-webkit-selection { color:#000; background:#efd2da;}
::selection{ color:#000; background:#efd2da;}

::-webkit-input-placeholder { font-size:0.9em; font-weight:300; color: #999; }
::-moz-placeholder { font-size:0.9em; font-weight:300; color: #999; }
:-ms-input-placeholder { font-size:0.9em; font-weight:300; color: #999; }
::-ms-input-placeholder { font-size:0.9em; font-weight:300; color: #999; }
::placeholder { font-size:0.9em; font-weight:300; color: #999; }
::-webkit-input-placeholder { /* Chrome */ font-size:0.9em; font-weight:300; color: #999; }
:-ms-input-placeholder { /* IE 10+ */ font-size:0.9em; font-weight:300; color: #999; }
::-moz-placeholder { /* Firefox 19+ */ font-size:0.9em; font-weight:300; color: #999; opacity: 1; }
:-moz-placeholder { /* Firefox 4 - 18 */ font-size:0.9em; font-weight:300; color: #999; opacity: 1; }

@media screen and (max-width: 767px) {
::-webkit-input-placeholder { font-size:0.8em; font-weight:300; color: #999; }
::-moz-placeholder { font-size:0.8em; font-weight:300; color: #999; }
:-ms-input-placeholder { font-size:0.8em; font-weight:300; color: #999; }
::-ms-input-placeholder { font-size:0.8em; font-weight:300; color: #999; }
::placeholder { font-size:0.8em; font-weight:300; color: #999; }
::-webkit-input-placeholder { /* Chrome */ font-size:0.8em; font-weight:300; color: #999; }
:-ms-input-placeholder { /* IE 10+ */ font-size:0.8em; font-weight:300; color: #999; }
::-moz-placeholder { /* Firefox 19+ */ font-size:0.8em; font-weight:300; color: #999; opacity: 1; }
:-moz-placeholder { /* Firefox 4 - 18 */ font-size:0.8em; font-weight:300; color: #999; opacity: 1; }
}

h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
}

strong, b { font-weight:bold; }
th { font-weight:bold; }

.ul-default { margin:0; padding:0; }
.ul-default li { margin:0; padding:0; list-style:none; }

.no-radius { border-radius:0 !important; }
.b-radius-20 { border-radius:20px; }
.b-radius-40 { border-radius:40px; }
.btn-w40 { min-width: 96px; }



.badge {
  font-weight: 400;
}

.msg_touch_help {
  position: absolute;
  left: 50%;
  top: 20%;
  width:100px;
  height:100px;
  margin-left: -50px;
  margin-top: 0px;
  background:url('../images/common/swipe.png') center center no-repeat;
}

.form-group i.bi { line-height:1; vertical-align:top; padding-top:0.4em;}

br.only-mobile { display:none; }
@media screen and (max-width: 768px) {
  br.only-mobile { display:block; }
}

.dropdown-menu {
  min-width: 7rem;
}


.errorpage  { margin:10px 0px 100px 0px; display: flex; justify-content: center; }
.errorpage-inner { text-align:center; }
.errorpage .errorpage-logo { font-size:60px; }
.errorpage .texts { margin:20px 0 40px 0; font-size:1.2em;}
.errorpage .texts h2.title { font-size:40px; margin-bottom:20px;}
.errorpage .links a { display:inline-block; margin:0 10px; }


.w-50p { width:49.2%; }

/* explorer */
.ex-wrapper {
  background-color: #f7f7f7;
  height: 100vh;
  padding: 0 0;
}
.ex-wrapper-logo {
  padding: 15px 30px;
  background-color: #fff;
  height:100px;
}
.ex-wrapper-logo img { max-width:200px; }
.update-wrap {
  text-align: center;
  margin-top: 86px;
  color:#333;
}
.update-tit {
  font-size: 56px;
  line-height: 1.2;
  font-weight: 500;
  padding-bottom: 25px;
}
.update-txt {
  font-size: 18px;
  line-height: 1.5;
  font-weight: 400;
  max-width: 625px;
  padding-bottom: 64px;
  margin: 0 auto;
}
.site-cont {
  padding: 0 0 160px;
  max-width: 906px;
  margin: 0 auto;
}

.browser-list {
  margin: 80px 0;
  padding:0;
}
.browser-list li {
  list-style:none;
}
.browser-list-cont {
  width: 33%;
  padding: 0;
  text-align: center;
  margin: 0 0 48px;
  font-size: 18px;
}
.browser-lists {
  color: #666;
}
.browser-lists:hover {
  color: #042e85;
}
.browser-imgs {
  display: block;
  margin: 0 auto 24px;
  border: 1px solid #fff;
  background-color: #fff;
  border-radius: 50%;
  line-height: 0;
  width: 180px;
  height: 180px;
  box-sizing: border-box;
  transition: all .2s;
}
.browser-imgs:hover {
  border: 1px solid #042e85;

}
.browser-imgs img {
  width: 90px;
  height: 90px;
  margin-top: 45px;
}


.video-container {
  position: relative;
  width: 100%;
  height: auto;
  padding-top: 56%;
}
.video-container iframe {
  position:absolute;
  top:0;
  left:0;
  width: 100%;
  height: 100%;
  z-index: 1;
}


/*검색페이지*/
.search-wrapper .lnb-d2-list { border-bottom: 0 !important; }

.search-wrapper .lnb-d2-list::before { display: none !important; }

.search-wrapper .lnb-d2-list .lnb-d2-titlegroup { display: none !important; }

.search-wrapper .search-result .ly-inner { max-width: 1020px; }

.search-wrapper .search-result .result-wrap { width: 100%; }

.search-wrapper input.gsc-input { background: white !important; }

.search-wrapper .gsc-wrapper { margin-top: 10px; }

.search-wrapper .gsc-control-cse { font-family: "PT Sans",'Helvetica Neue',Arial,Helvetica,sans-serif; border-color: #FFFFFF; background-color: #FFFFFF; }

.search-wrapper .gsc-control-cse .gsc-table-result { font-family: "PT Sans",'Helvetica Neue',Arial,Helvetica,sans-serif; }
.search-wrapper .gsc-control-cse .gsc-table-result:after {
    content: "";
display: table; clear: both;
}

.search-wrapper .gs-web-image-box, .search-wrapper .gs-promotion-image-box {
  margin-right: 10px;
}

.search-wrapper input.gsc-input, .search-wrapper .gsc-input-box, .search-wrapper .gsc-input-box-hover, .search-wrapper .gsc-input-box-focus { border-color: #D9D9D9; }

.search-wrapper input.gsc-search-button, .search-wrapper input.gsc-search-button:hover, .search-wrapper input.gsc-search-button:focus { border-color: #666666; background-color: #CECECE; background-image: none; filter: none; }

.search-wrapper .gsc-tabHeader.gsc-tabhInactive { border-color: #E9E9E9; background-color: #E9E9E9; }

.search-wrapper .gsc-tabHeader.gsc-tabhActive { border-color: #FF9900; border-bottom-color: #FFFFFF; background-color: #FFFFFF; }

.search-wrapper .gsc-tabsArea { border-color: #FF9900; }

.search-wrapper .gsc-webResult.gsc-result, .search-wrapper .gsc-results .gsc-imageResult { border-color: #FFFFFF; background-color: #FFFFFF; border: 0 !important; }

.search-wrapper .gsc-webResult.gsc-result:hover, .search-wrapper .gsc-imageResult:hover { border-color: #FFFFFF; background-color: #FFFFFF; }

.search-wrapper .gs-webResult.gs-result a.gs-title:link, .search-wrapper .gs-webResult.gs-result a.gs-title:link b, .search-wrapper .gs-imageResult a.gs-title:link, .search-wrapper .gs-imageResult a.gs-title:link b { color: #1b3b86; }

.search-wrapper .gs-webResult.gs-result a.gs-title:visited, .search-wrapper .gs-webResult.gs-result a.gs-title:visited b, .search-wrapper .gs-imageResult a.gs-title:visited, .search-wrapper .gs-imageResult a.gs-title:visited b { color: #1b3b86; }

.search-wrapper .gs-webResult.gs-result a.gs-title:hover, .search-wrapper .gs-webResult.gs-result a.gs-title:hover b, .search-wrapper .gs-imageResult a.gs-title:hover, .search-wrapper .gs-imageResult a.gs-title:hover b { color: #1b3b86; }

.search-wrapper .gs-webResult.gs-result a.gs-title:active, .search-wrapper .gs-webResult.gs-result a.gs-title:active b, .search-wrapper .gs-imageResult a.gs-title:active, .search-wrapper .gs-imageResult a.gs-title:active b { color: #1b3b86; }

.search-wrapper .cse .gsc-cursor-box, .search-wrapper .gsc-cursor-box { text-align: center; }

.search-wrapper .cse .gsc-results .gsc-cursor-page.gsc-cursor-current-page, .search-wrapper .gsc-results .gsc-cursor-page.gsc-cursor-current-page { padding: 0 10px; }

.search-wrapper .gsc-cursor-page { color: #1b3b86; padding: 0 10px; }

.search-wrapper a.gsc-trailing-more-results:link { color: #1b3b86; }

.search-wrapper .gs-webResult .gs-snippet, .search-wrapper .gs-imageResult .gs-snippet, .search-wrapper .gs-fileFormatType { font-size: 13px; color: #333; }

.search-wrapper .gs-no-results-result .gs-snippet, .search-wrapper .gs-error-result .gs-snippet { border: 0; border-top: 1px solid #f7f7f7; border-bottom: 1px solid #f7f7f7; background: #fff; }

@media (max-width: 1279px) { .search-wrapper .gs-no-results-result .gs-snippet, .search-wrapper .gs-error-result .gs-snippet { padding: 20px 0; text-align: center; } }

@media (min-width: 1280px) { .search-wrapper .gs-no-results-result .gs-snippet, .search-wrapper .gs-error-result .gs-snippet { padding: 30px 10px; text-align: left; } }

.search-wrapper .gs-webResult div.gs-visibleUrl, .search-wrapper .gs-imageResult div.gs-visibleUrl { padding-top: 7px; font-size: 12px; color: #888; }

.search-wrapper .gs-webResult div.gs-visibleUrl-short { color: #888; }

.search-wrapper .gs-webResult div.gs-visibleUrl-short { display: none; }

.search-wrapper .gs-webResult div.gs-visibleUrl-long { display: block; }

.search-wrapper .gs-promotion div.gs-visibleUrl-short { display: none; }

.search-wrapper .gs-promotion div.gs-visibleUrl-long { display: block; }

.search-wrapper .gsc-cursor-box { border-color: #FFFFFF; }

.search-wrapper .gsc-results .gsc-cursor-box .gsc-cursor-page { border-color: #E9E9E9; background-color: #FFFFFF; color: #1b3b86; }

.search-wrapper .gsc-results .gsc-cursor-box .gsc-cursor-current-page { border-color: #FF9900; background-color: #FFFFFF; color: #1b3b86; }

.search-wrapper .gsc-webResult.gsc-result.gsc-promotion { border-color: #336699; background-color: #FFFFFF; }

.search-wrapper .gsc-completion-title { color: #1b3b86; }

.search-wrapper .gsc-completion-snippet { color: #000000; }

.search-wrapper .gs-promotion a.gs-title:link, .search-wrapper .gs-promotion a.gs-title:link *, .search-wrapper .gs-promotion .gs-snippet a:link { color: #1b3b86; }

.search-wrapper .gs-promotion a.gs-title:visited, .search-wrapper .gs-promotion a.gs-title:visited *, .search-wrapper .gs-promotion .gs-snippet a:visited { color: #1b3b86; }

.search-wrapper .gs-promotion a.gs-title:hover, .search-wrapper .gs-promotion a.gs-title:hover *, .search-wrapper .gs-promotion .gs-snippet a:hover { color: #1b3b86; }

.search-wrapper .gs-promotion a.gs-title:active, .search-wrapper .gs-promotion a.gs-title:active *, .search-wrapper .gs-promotion .gs-snippet a:active { color: #1b3b86; }

.search-wrapper .gs-promotion .gs-snippet, .search-wrapper .gs-promotion .gs-title .gs-promotion-title-right, .search-wrapper .gs-promotion .gs-title .gs-promotion-title-right * { color: #000000; }

.search-wrapper .gs-promotion .gs-visibleUrl, .search-wrapper .gs-promotion .gs-visibleUrl-short { color: #888; }

.search-wrapper .gs-result .gs-title, .search-wrapper .gs-result .gs-title * { color: #0000cc; text-decoration: none !important; }

.search-wrapper .gs-webResult { margin: 10px 0 15px 0; padding: 10px 0 30px 0px; border-bottom: 1px solid #eee; }

.search-wrapper .gs-result { margin-top: 0px !important; padding-top: 0 !important; }

.search-wrapper .gs-result em { color: #1b3b86; }

.search-wrapper .gsc-control-cse .gs-spelling, .search-wrapper .gsc-control-cse .gs-result .gs-title, .search-wrapper .gsc-control-cse .gs-result .gs-title * { font-size: 17px; }

.search-wrapper .gsc-control-cse, .search-wrapper .gsc-control-cse .gsc-table-result { width: 100%; font-size: 14px; }

.search-wrapper .gsc-url-top { margin-bottom: 10px; }

.search-wrapper .gs-snippet { line-height: 140%; }

.search-wrapper .cse .gsc-control-cse, .search-wrapper .gsc-control-cse { padding: 0em; }

.search-wrapper .cse .gs-webResult .gs-visibleUrl, .search-wrapper .gs-webResult .gs-visibleUrl, .search-wrapper .cse .gs-webResult .gs-visibleUrl-short, .search-wrapper .gs-webResult .gs-visibleUrl-short, .search-wrapper .gs-imageResult .gs-visibleUrl, .search-wrapper .gs-imageResult .gs-visibleUrl-short { font-weight: normal; }

.search-wrapper .gsc-results .gsc-cursor-box { margin-bottom: 33px; }

@media (max-width: 1279px) { .search-wrapper .gsc-results .gsc-cursor-box { border-top: 0; padding-top: 0; margin-top: 0; } }

.search-wrapper #gsc-i-id1 { text-indent: 0 !important; }

.search-wrapper .gsc-table-result, .search-wrapper .gsc-thumbnail-inside, .search-wrapper .gsc-url-top { padding-left: 10px; }

.search-wrapper .gsc-above-wrapper-area { padding: 12px 0 15px; margin-bottom: 22px; }

.search-wrapper #gs_tti50 { padding-top: 5px; padding-bottom: 5px; }

.search-wrapper #gsc-i-id1 { font-size: 16px; line-height: 18px; }

.search-wrapper #gsc-i-id1::-webkit-input-placeholder { color: rgba(0, 0, 0, 0); }

.search-wrapper #gsc-i-id1:-moz-input-placeholder { color: rgba(0, 0, 0, 0); }

.search-wrapper #gsc-i-id1::-moz-input-placeholder { color: rgba(0, 0, 0, 0); }

.search-wrapper #gsc-i-id1:-ms-input-placeholder { color: rgba(0, 0, 0, 0); }

.search-wrapper #gsc-i-id1::placeholder { color: rgba(0, 0, 0, 0); }


.search-wrapper .gs-no-results-result .gs-snippet,
.search-wrapper .gs-error-result .gs-snippet {
  display: block !important;
}

.search-wrapper .gsc-search-button-v2 { padding-top:8px; padding-bottom:8px; }
.search-wrapper .gsc-search-button-v2 svg { width:20px !important; height:20px !important; }

.search-wrapper .gsc-selected-option { white-space:nowrap; }


/* zenda cms */
.CodeMirror {height:97%; font-size:13px;}
.htmlcodewrap {width:1000px;height:100%;position:fixed;right:0;top:0;background-color:#fff;z-index:1000;border-left:10px solid #19398a;}
.htmlcodewrap .htmlcodehead {border-bottom:2px solid #ddd;padding:5px 0px;}
.htmlcodewrap label { text-transform:initial; margin-bottom:3px; }
.htmlcodewrap .toggle { margin-bottom:0; }

.htmlcodehead table { margin:0 !important; width:100%; }
.htmlcodehead table td { padding: 0 10px 3px 10px; }
#cmsdetail {display:none; margin-top:5px }

.cmsinfo {text-align:right; margin-top: 50px; padding-top: 10px; border-top: 1px dotted #D0D0D0; color: #888; width: 100%; font-family: tahoma, dotum; font-size: 11px; }
#cmsformwrap {display:none; }

a.disabled { cursor: not-allowed; }

#cms-wrapper header { position:relative; }
#cms-wrapper .app-wrapper { padding-top:30px !important; }