@font-face {
    font-family: iLogisysFont;
    src: url('.../FontIcon/fonts/iLogisysFont.woff') format('woff'),
    url('.../FontIcon/fonts/iLogisysFont.ttf') format('truetype');
    }
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, 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, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;margin: 0;padding: 0;}
ol, ul {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;}
img{vertical-align: top;}
a{text-decoration: none;color: #000;}

html,body{width: 100%;height:100%;}
body{position: relative;font-family: 'Open Sans', sans-serif;background-size: cover;background-position: center;background-repeat: no-repeat;background-attachment: fixed;background-color:rgba(60,60,60,0.8)}
body form {width:100%;height:100%;}
body.default{font-family: 'Noto Sans KR', sans-serif;}
.container,.contents,.box-wrap{width: 100%;height: 100%;}

.container .box-wrap{position: relative;height:100%;min-width:320px;max-width:450px;}
.container .box{position: relative;width: 100%;top:0;background-color: transparent;}
.container .box .logo{width: 100%;text-align: center;}
.container .box .subLogo{width: 100%;text-align: center;}
.container .box .default_logo {color:#fff;padding:15px 0;}
.container .box .logo>img{width: 80%;padding:50px 0px 20px 0px; position: relative;left: 50%; margin-left: -95%;
  image-rendering: auto;}
.container .box .subLogo>img{width: 80%;padding:0px 0px 50px 0px; position: relative;left: 50%; margin-left: -95%;
  image-rendering: auto;}
.container .box .logo_ipims>img{}
.container .box .logo_subtitle{color: #fff;font-weight: normal;text-align: center;padding: 20px 0}
.container .box .input-custom{position: relative;width: 74%;margin: 0 auto;padding:8px  0;}
.container .box .input-custom .form-customize{position: relative;width: 100%;border: none;border: 2px solid #cccccc;box-sizing:border-box;padding: 15px 15px 15px 50px;margin: 0 auto; outline:none;z-index: 20;background-color: #fff;font-size: 1.2em;border-radius: 5px;font-weight: 300;font-size: 15px;}
.container .box .input-custom .ico_login {position:absolute;left:11px;top:19px;width:30px;height:30px;background-position:center;background-repeat:no-repeat;background-size:20px 20px;z-index:30;opacity:0.7}
.container .box .input-custom .ico_user {background-image:url(./ico_user.png); }
.container .box .input-custom .ico_pwd {background-image:url(./ico_lock.png);}
.container .box_ipims .input-custom{padding:15px 0;}
.container .box .checkbox{width: 150px;margin: 0 auto;padding: 25px 0;color: #fff;}
.container .box .btn{padding: 15px 0;width: 74%;position: absolute;left: 13%;outline:none;background-color: #1793BD;border: none;color: #ffffff;font-weight:500;margin: 12px 0 0;border-radius: 3px;cursor:pointer;}

.sublogo-wrap{position: relative;}
.sublogo-wrap .suntek_logo{position: fixed;right: 50%;bottom: 0;margin-right: -15%;width:30%;}
.sublogo-wrap .suntek_logo>img{width: 100%;}


.isotope_nav{text-align: center;padding: 20px 0;}
.isotope_nav button{border: none;outline:none;padding: 10px;background-color: #337AB7;color: #ffffff;cursor:pointer;margin: 5px;border-radius: 3px;}
.icon-wrap:after{display: block;clear: both;content: '';}
.icon{display: block;float: left;width: 18px;height: 18px;font-size: 18px;color: #464646;border: 1px solid #aaaaaa;margin: 10px;padding: 20px 20px 40px 20px;background-color: #eaeaea;text-align: center;border-radius: 3px;}

.icon>span.exp{font-size: 18px;padding: 0;margin: 0;}
.icon>span{font-family: 'Open Sans', sans-serif;display: block;font-size: 10px;width:100%;position: absolute;left: 0;padding-top: 10px;}

.fl_l:after{display: block;clear: both;content: '';}

#errorMsg {display:block; text-align:center; }

#lanSelect {
  position: relative;
  width: 100px;
  margin:30px auto;
  border: 2px solid transparent;
  z-index: 1;
  /*margin: 25px auto;
  background-color: transparent;*/
  background-color: #fff;
  border-radius:3px;
  font-size: 0.8em;
}

  .focused {
    background-color: #fff;
  }

#lanSelect:before { 
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  width: 0;
  height: 0;
  margin-top: -1px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #333;
}

#lanSelect label {
  position: absolute;
  top:-2px;
  right: 30px;
  padding: .6em; 
  color: #464646;  
  z-index: -1; 
}

#lanSelect select {
  width: 100%; 
  height: auto; 
  line-height: normal; 
  font-family: inherit; 
  padding: 0.5em; 
  border: 0;
  opacity: 0; 
  filter:alpha(opacity=0); 
  -webkit-appearance: none; 
  -moz-appearance: none;
  appearance: none;
  direction: rtl;
}

.backToProduct a{
    color:#cccccc;
    font-size:11.5px;
    text-align:right;
    text-decoration:underline;

}
#lanSelect option{
    padding:0.6em;
}

@media screen and (max-width:449px){
.sublogo-wrap {display: none;}
.backToProduct{
    position:absolute;
    margin-top:70px;
    left: 67%
}
}

@media screen and (min-width:450px){
.container .box-wrap{position:fixed;left:50%;margin-left: -225px;}
.container .box{position: absolute;left: 50%;top: 18%;margin-left: -225px;max-width:450px;height: 515px;border-radius: 3px;}
.sublogo-wrap .suntek_logo{width:30%;margin-right: -15%;}
.container .box .btn{font-size: 15px;}
.wrap_defaultPage .default_list .default_item .default_item_logo>img{max-width:250px;}
.wrap_defaultPage .default_list .default_item .default_item_ifulfill>img{width:70%;max-width:60%;}
.backToProduct{
    position:absolute;
    /*top: 90%;*/
    margin-top:70px;
    left: 70%
}
}
@media screen and (max-width:767px) {
    body form {
        background-color: #464646;
    }
}
@media screen and (min-width:768px){
.container .box-wrap{position:fixed;left:23%;background-color: rgba(40,40,40,0.5);}
.sublogo-wrap .suntek_logo{width:15%;right:15px;margin-right: 0;min-width:270px;}
.container .box .btn{font-size: 15px;}
.container .box_ipims .btn{margin:40px 0 0;}
}
@media screen and (min-width:1000px){
    .container .box {
        position: absolute;
        left: 50%;
        top: 20%;
    }
}