@charset "euc-kr";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/* Reset  */
*{-webkit-text-size-adjust:none;} 
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
/*
input[type="checkbox"] {-webkit-appearance:none;-webkit-border-radius:0}
input:checked[type="checkbox"] {-webkit-appearance:checkbox}
input[type="radio"] {border:none; -webkit-appearance:none}
textarea{box-sizing:border-box; -webkit-appearance: none;  -webkit-box-shadow: none;  -moz-box-shadow: none;  box-shadow: none;}
input { -webkit-appearance:none; -webkit-appearance: none; -webkit-box-shadow: none;  -moz-box-shadow: none;  box-shadow: none;}
*/
select,input,textarea{font-family:'NanumGothic',????,nanumgothic, Dotum, Arial, sans-serif;}
select {border:none;}
html,body { height:100%; width:100%;}
body{ line-height:1;text-align:justify; /*background-color:#c7c7c7;*/ color:#333; -webkit-text-size-adjust:none;}

a, a:link, a:active, a:hover, a:visited {text-decoration:none;}
a:active {color:#28241f;}
pre{font-size:12px;	width:100%;	overflow:auto; -webkit-overflow-scrolling:touch;}
label{margin-left:5px}
input[type=text],input[type=password]{width:95%; height:35px; font:11px/14px 'NGothic'; background-color:#e0e0e0; color:#666; border:none; padding:0 5px; box-sizing:border-box; margin:auto;  -webkit-appearance: none;  -webkit-box-shadow: none;  -moz-box-shadow: none;  box-shadow: none;}
textarea{width:95%; font:11px/14px 'NGothic'; background:#ffffff; color:#666; border:2px solid #666; padding:5px;box-sizing:border-box; margin:auto; -webkit-appearance: none;  -webkit-box-shadow: none;  -moz-box-shadow: none;  box-shadow: none;}
iframe{line-height:0}

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, hgroup, 
menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0; padding:0; border:0;	font-size:100%;	font:inherit; vertical-align:baseline; font-family:'NanumGothic',????,nanumgothic, Dotum, Arial, sans-serif;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block; }

ol, ul, li {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'';	content:none;}
table {border-collapse:collapse;border-spacing:0;font-family:  'NGothicB',????,nanumgothic, sans-serif;}
caption, legend, hr {display:none;}
th {text-align:left;font-family:  'NGothicB',????,nanumgothic, sans-serif;}
fieldset, img {border:none;}
th, td, input, select, textarea, button, h1, h2, h3, h4, h5, h6, p, address, em, a {text-decoration:none; font-style:normal; font-size:100%;font-family:  'NGothicB',????,nanumgothic, sans-serif;}
strong {font-weight:bold;}
a {cursor:pointer;}
:focus {outline:none;}

/* Setting */
body, textarea {line-height:1.4em;}
body {font-size:12px;}

/* Class */
.clear:after {content:''; display:block; clear:both; height:0; line-height:0; font-size:0;}
.block {display:block;}

.popup-wrap button {
    overflow: hidden;
    padding: 0px;
    border: 0px;
    font-weight: normal;
    background-color: transparent;
    cursor: pointer
  }
  
  .popup-wrap button::-moz-focus-inner {
    border: 0px;
    padding: 0px
  }
  
  .popup-wrap .btn-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
  
  .popup-wrap .btn-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
  }
  
  .popup-wrap .btn {
    padding-bottom: 2px
  }
  
  .popup-wrap .btn .arw,
  .popup-wrap .btn .ico {
    position: relative;
    top: 1px
  }
  
  .popup-wrap .btn,
  .popup-wrap .btn-ico {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    /*position: relative;*/
    overflow: hidden;
    vertical-align: middle
  }
  
  .popup-wrap .btn-ico>span,
  .popup-wrap .btn>span {
    position: relative;
    z-index: 1;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    width: 100%
  }
  
  .popup-wrap .btn-ico:focus,
  .popup-wrap .btn:focus {
    outline-width: 0;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5)
  }
  
  
  .popup-wrap .btn-area.vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
  
  .popup-wrap .btn-area.horizontal .btn {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
  }
  
  .popup-wrap .btn.demo1 {
    height: 30px;
    margin: auto;
    padding-right: 20px;
    padding-left: 20px;
    font-size: 14px;
    background: #004f2d;
    color: #fff;
  }
  
  .popup-wrap .btn.demo1.primary {
    background: #2496ee;
    color: #fff
  }
  
  .popup-wrap .btn.demo1.secondary {
    background: #333;
    color: #fff
  }
  
  .popup-wrap .btn.demo1[disabled] {
    background: #aaa;
    color: #fff
  }
  
  .popup-wrap .btn.demo2 {
    height: 40px;
    padding: 0 10px 2px;
    border: 1px solid #ddd;
    border-radius: 3px;
    -webkit-box-shadow: 1px 1px 2px 0px rgba(200, 200, 200, 0.3);
    box-shadow: 1px 1px 2px 0px rgba(200, 200, 200, 0.3);
    line-height: 27px;
    color: #333
  }
  
  .popup-wrap .btn-ico.demo1 {
    width: 30px;
    height: 30px;
    padding-bottom: 2px;
    font-size: 16px;
    background: #eee;
    border-radius: 50%
  }
  
  .popup-wrap .btn-search {
    width: 34px;
    height: 34px
  }
  
  .popup-wrap .btn-pager {
    width: 20px;
    height: 20px;
    line-height: 18px;
    border: 1px solid #ddd
  }
  
  .popup-wrap .btn-top {
    width: 50px;
    height: 50px;
    line-height: 48px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 50%
  }
  
  .popup-wrap .arw,
  .popup-wrap .flag,
  .popup-wrap .ico {
    display: inline-block;
    background: no-repeat 0 0;
    vertical-align: middle;
    overflow: hidden;
    color: transparent;
    text-indent: -999px;
    white-space: nowrap
  }
  
  
  .popup-wrap .ico-close1 {
    width: 15px;
    height: 15px;
    background-image: url(/image/ico_close01.png)
  }
  
  .popup-wrap .ico-close1.primary {
    background-position: 0 0
  }
  
  .popup-wrap .ico-close1.dark {
    background-position: -15px 0
  }
  
  .popup-wrap .ico-close1.white {
    background-position: -30px 0
  }
  
  .popup-wrap .ico-close1.gray {
    background-position: -45px 0
  }
  
  /* Popup Layout */
  .popup-wrap {visibility:hidden; display:flex; position:fixed; z-index:1002; left:0; top:0; width:100%; height:100%; padding:20px; justify-content:center; align-items:center; flex-direction:column;}
  .popup-wrap .popup {position:relative; z-index:11; width:100%; background-color:#fff; opacity:0; transition:all 0.2s ease;}
  .popup-wrap.is-active {visibility:visible;}
  .popup-wrap.is-active .popup {opacity:1;}
   
  /* Popup Scroll */
  .popup {display:flex; flex-direction:column;}
  .popup .popup-body {flex:1 1 auto; overflow:auto;}
  .popup .popup-head, .popup .popup-foot {flex:none;}
   
  /* Transition */
  .popup-wrap.type-basic .popup {transform:translate(0, 30px);}
  .popup-wrap.type-full {padding:0;}
  .popup-wrap.type-full .popup {width:100%; height:100%; min-height:100%; opacity:1; transform:translate(0, 0);}
  .popup-wrap.type-select {padding:0; justify-content:flex-end;}
  .popup-wrap.type-select .popup {width:100%; transform:translate(0, 100%);}
  .popup-wrap.type-alert .popup {transform:translate(0, 30px);}
  .popup-wrap.type-confirm .popup {transform:translate(0, 30px);}
  .popup-wrap.is-active .popup {transform:translate(0,0);}
  
  .popup-wrap {
      visibility: hidden;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      position: fixed;
      z-index: 1002;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      padding: 0;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
  }
  
  .popup-wrap .popup {
      position: relative;
      z-index: 1001;
      width: 100%;
      background-color: #fff;
      opacity: 0;
      -webkit-transition: all 0.2s ease;
      -o-transition: all 0.2s ease;
      transition: all 0.2s ease
  }
  
  .popup-wrap.is-active {
      visibility: visible;
  }
  
  .popup-wrap.is-active .popup {
      opacity: 1;
      outline: 0
  }
  
  .popup {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column
  }
  
  .popup .popup-body {
      -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
      overflow: auto
  }
  
  .popup .popup-foot,
  .popup .popup-head {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none
  }
  
  .popup-wrap.type-basic .popup {
      -webkit-transform: translate(0, 30px);
      -ms-transform: translate(0, 30px);
      transform: translate(0, 30px)
  }
  
  .popup-wrap.type-full {
      padding: 0
  }
  
  .popup-wrap.type-full .popup {
      width: 100%;
      height: 100%;
      min-height: 100%;
      opacity: 1;
      -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      transform: translate(0, 0)
  }
  
  .popup-wrap.type-select {
      padding: 0;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end
  }
  
  .popup-wrap.type-select .popup {
      width: 100%;
      -webkit-transform: translate(0, 100%);
      -ms-transform: translate(0, 100%);
      transform: translate(0, 100%)
  }
  
  .popup-wrap.type-alert .popup {
      -webkit-transform: translate(0, 30px);
      -ms-transform: translate(0, 30px);
      transform: translate(0, 30px)
  }
  
  .popup-wrap.type-confirm .popup {
      -webkit-transform: translate(0, 30px);
      -ms-transform: translate(0, 30px);
      transform: translate(0, 30px)
  }
  
  .popup-wrap.is-active .popup {
      -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      transform: translate(0, 0)
  }
  
  .popup.demo1 {
      width: 90%;
      max-width: 500px;
      top: 0;
      left: 0;
      border: 1px solid #ddd;
      background-color: #fff;
  }
  
  .popup.demo1 .popup-head {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      padding: 0px 20px;
      height: 50px;
      border-bottom: 1px solid #ddd;
  }
  .popup.demo1 .popup-head h3{
      font-family:'Noto Sans KR', sans-serif;
      font-size: 18px;
  }
  .popup.demo1 .popup-body {
      padding: 20px;
      overflow: auto;
      line-height: 1.5;
  }
  
  .popup.demo1 .popup-cont {
      font-size: 14px;
      word-break: break-word;
      max-height: 200px;
      overflow: auto;
  }
  
  .popup.demo1 .popup-foot {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      padding: 15px 20px;
      border-top: 1px solid #ddd
  }
  
  .popup.demo1 .popup-close {
      position: absolute;
      right: 2px;
      top: 0;
      width: 50px;
      height: 50px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center
  }
  
  .popup.demo1 .popup-close .btn-ico {
      width: 100%;
      height: 100%
  }
  
  .type-basic .popup.demo1 {
      max-height: 480px
  }
  
  .type-basic .popup.demo1 .popup-cont {
      height: 600px
  }
  
  .dimmer {
      visibility: hidden;
      display: block;
      position: fixed;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      opacity: 0;
      background: rgba(0, 0, 0, 0.75);
      -webkit-transition: all ease 0.3s 0.15s;
      -o-transition: all ease 0.3s 0.15s;
      transition: all ease 0.3s 0.15s
  }
  
  .dimmer.is-active {
      visibility: visible;
      opacity: 1;
      -webkit-transition-delay: 0s;
      -o-transition-delay: 0s;
      transition-delay: 0s
  }
  
  .dimmer-popup {
      z-index: 1000
  }
  
  .dimmer-aside {
      z-index: 300
  }
  
  
  /* zIndex */
  
  .dimmer-popup {
      z-index: 1000;
  }
  
  .dimmer-aside {
      z-index: 300;
  }