/* Minification failed. Returning unminified contents.
(44,32): run-time error CSS1030: Expected identifier, found ' '
 */
@charset "utf-8";


/* basic */
* { margin:0; padding:0; font-family: 'Open Sans', sans-serif !important; letter-spacing:-0.025em; }
html, body { width:100%;}
body { margin:0; padding:0; font-size:14px; font-family: 'Open Sans', sans-serif;line-height:1.5 }

html, h1, h2, h3, h4, h5, h6, form, fieldset, img, textarea { margin:0; padding:0; border:0; }

label, input, button, select { vertical-align:middle; }
input{background:transparent;}
input, button { margin:0; padding:0; font-family: 'Open Sans', sans-serif !important; font-size:14px; }
button { cursor:pointer; }

textarea, select { width:100%; box-sizing:border-box; border:0; }

#header input:-webkit-autofill{ -webkit-box-shadow: 0 0 0 30px none inset; -webkit-text-fill-color: transparent; } 
input:-webkit-autofill{ -webkit-box-shadow: 0 0 0 30px none inset; -webkit-text-fill-color: #000; } 

select::-ms-expand { display: none; }


/* input box color */ input:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px transparent inset ; -webkit-text-fill-color: #000; background-color:transparent; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; background-color:transparent }

 
/* 제목태그설정 */
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; font-size:1em; font-family: 'Open Sans', sans-serif !important; }

/* 시멘틱태그설정 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }

/* 링크 */
a:link, a:visited { color:#000; text-decoration:none; }
a:hover, a:focus, a:active { color:#000; text-decoration:none; }

/* 기타설정 */
img { max-width:100%; vertical-align:top; }
ul, ol, li { list-style:none; margin:0; padding:0; }
p { word-break:keep-all; }

.hidden { overflow:hidden; margin-right:0.33vw; }
.visible { overflow:visible; }
.scroll {overflow:hidden;}http://localhost:62975/Index.aspx

table{display:inline-block; border-spacing:0;}
.line_none{border:none;}
.main {max-width: 1300px;
    position: relative;
    margin: 0 auto;}

.pdl0 {padding-left:0 !important;}
.pdr0 {padding-right:0 !important;}
.pdt0 {padding-top:0 !important;}
.pdb0 {padding-bottom:0 !important;}

.pdl5 {padding-left:5px !important;}
.pdr5 {padding-right:5px !important;}
.pdt5 {padding-top:5px !important;}
.pdb5 {padding-bottom:5px !important;}

.pdl10 {padding-left:10px !important;}
.pdr10 {padding-right:10px !important;}
.pdt10 {padding-top:10px !important;}
.pdb10 {padding-bottom:10px !important;}

.pdl15 {padding-left:15px !important;}
.pdr15 {padding-right:15px !important;}
.pdt15 {padding-top:15px !important;}
.pdb15 {padding-bottom:15px !important;}

.pdl20 {padding-left:20px !important;}
.pdr20 {padding-right:20px !important;}
.pdt20 {padding-top:20px !important;}
.pdb20 {padding-bottom:20px !important;}

.pdl30 {padding-left:30px !important;}
.pdr30 {padding-right:30px !important;}
.pdt30 {padding-top:30px !important;}
.pdb30 {padding-bottom:30px !important;}


.pd0 {padding:0px !important;}
.pd5 {padding:5px !important;}
.pd10 {padding:10px !important;}
.pd15 {padding:15px !important;}
.pd20 {padding:20px !important;}

.mgt0 {margin-top:0px !important;}
.mgl0 {margin-left:0px !important;}
.mgr0 {margin-right:0px !important;}
.mgb0 {margin-bottom:0px !important;}

.mgt5 {margin-top:5px !important;}
.mgl5 {margin-left:5px !important;}
.mgr5 {margin-right:5px !important;}
.mgb5 {margin-bottom:5px !important;}

.mgt10 {margin-top:10px !important;}
.mgl10 {margin-left:10px !important;}
.mgr10 {margin-right:10px !important;}
.mgb10 {margin-bottom:10px !important;}

.mgt15 {margin-top:15px !important;}
.mgl15 {margin-left:15px !important;}
.mgr15 {margin-right:15px !important;}
.mgb15 {margin-bottom:15px !important;}

.mgt20 {margin-top:20px !important;}
.mgl20 {margin-left:20px !important;}
.mgr20 {margin-right:20px !important;}
.mgb20 {margin-bottom:20px !important;}

.mgt30 {margin-top:30px !important;}
.mgl30 {margin-left:30px !important;}
.mgr30 {margin-right:30px !important;}
.mgb30 {margin-bottom:30px !important;}

.row-lg {margin-left:-15px !important;margin-right:-15px !important;}
.row-md {margin-left:-10px !important;margin-right:-10px !important;}
.row-sm {margin-left:-7px !important;margin-right:-7px !important;}
.row-sx {margin-left:-3.5px !important;margin-right:-3.5px !important;}
.row-xs {margin-left:0 !important;margin-right:0 !important;}

.col-lg {padding-left:15px !important;padding-right:15px !important;}
.col-md {padding-left:10px !important;padding-right:10px !important;}
.col-sm {padding-left:7px !important;padding-right:7px !important;}
.col-sx {padding-left:3.5px !important;padding-right:3.5px !important;}
.col-xs {padding-left:0 !important;padding-right:0 !important;}




.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  box-sizing:border-box;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.row {
  margin-right: -15px;
  margin-left: -15px;
  box-sizing:border-box;
}
.row-no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.row-no-gutters [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  box-sizing:border-box;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}
table {
  background-color: transparent;
}
table col[class*="col-"] {
  position: static;
  display: table-column;
  float: none;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  display: table-cell;
  float: none;
}
caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777777;
  text-align: left;
}
th {
  text-align: left;
}
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #dddddd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #dddddd;
}
.table .table {
  background-color: #ffffff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}
.table-bordered {
  border: 1px solid #dddddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #dddddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}
.table-responsive {
  min-height: .01%;
  overflow-x: auto;
}
@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #dddddd;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}
.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px;
}
.breadcrumb > li {
  display: inline-block;
}
.breadcrumb > li + li:before {
  padding: 0 5px;
  color: #cccccc;
  content: "/\00a0";
}
.breadcrumb > .active {
  color: #777777;
}
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
  display: table;
  content: " ";
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
  clear: both;
}
.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
}
.affix {
  position: fixed;
}
@-ms-viewport {
  width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}

@charset "utf-8";

#wrap { width:100%; height:100%; margin:0 auto; }
.m_header, .navbar, .drawermenu { display: none; }

::-webkit-scrollbar { height:0.33vw; width:0.33vw }
::-webkit-scrollbar-track { background: #edecf1; }
::-webkit-scrollbar-thumb { background: #a12944; }
.cf {clear:both;}
/*header*/
#header { display:block; width:100%; height:100px; transition:all .5s; padding:0 50px; box-sizing:border-box; z-index:99;background:none;box-shadow: 0 0 25px 10px rgba(0, 0, 0, 0.25); }
#header:after { display:block; content:''; clear:both; }
.main_header.sticked, #header:hover { background: #fff !important;}
.main_header.sticked #gnb_container .gnb > li > a,#header:hover #gnb_container .gnb > li > a{ color:#222; }

.main_header.sticked #side_menu_container .btn_em_mode, #header:hover #side_menu_container .btn_em_mode { background: #a12642; color:#fff; }
.main_header.sticked #side_menu_container .btn_em_mode:hover, #header:hover #side_menu_container .btn_em_mode:hover { background: #333; color:#fff; }
.main_header.sticked #logo a, #header:hover #logo a { background:url('/images/icon/logo.png') 0 0 no-repeat; }
.main_header.sticked #top_odd a, #header:hover #top_odd a { color:#999; }
.main_header.sticked #top_odd .selectBox .txt, #header:hover #top_odd .selectBox .txt {color:#999; text-transform:uppercase; }
.main_header.sticked #top_odd .selectBox option, #header:hover #top_odd .selectBox option { font-size:18px; }
.main_header.sticked #side_menu_container .all_search_container .btn_all_search, #header:hover #side_menu_container .all_search_container .btn_all_search {background-color:#000;}


/* check, hover 스타일 설정 IE, Chrome */
select option:checked, select option:hover { background: #eee; color: #222; }
/* check, hover 스타일 설정 FireFox */
select option:checked, select option:hover { background: #eee; color: #222; }

.main_header { position:fixed; }
.sub_header { position:absolute; border-bottom:1px solid rgba(204,204,204,0.25); top:0; }

/* 문의하기 완료 : 팝업 */
#inquiry_complete { position:fixed; display:none; left:50%; top:107px; width:720px; height:750px; padding:160px 0 220px; color:#fff; text-align:center; background: #a12642; box-sizing:border-box; transform: translateX(-50%); z-index:102; }
#inquiry_complete .icon { width:200px; height:200px; margin:0 auto; border-radius:100%; box-shadow:10px 10px 30px rgba(0,0,0,0.4); }
#inquiry_complete .text1 { margin:50px 0 25px; font-size:42px; font-weight:500; }
#inquiry_complete .text2 { font-size:25px; font-weight:200; }
#inquiry_complete .text3 { font-size:28px; font-weight:500; margin-top:35px;}
#inquiry_complete .btn_x { position:absolute; right:40px; top:35px; }

/*logo*/
#logo { display:block; float:left; margin-top:35px; }
#logo a { display:block; width:220px; height:30px; text-indent:-9999px; background:url('/images/icon/logo.png') 0 0 no-repeat;background-size:contain !important;}
#logo a:hover { background:url('/images/icon/logo.png') 0 0 no-repeat;background-size:contain !important; }

/* gnb */
#gnb_container { display:block; float:right; margin:0 auto; }
#gnb_container .gnb:after { display:block; content:''; clear:both; }
#gnb_container .gnb > li { display:block; float:left; height:63px; margin-top:35px; padding:0 10px;position:relative; }
#gnb_container .gnb > li > a { display:block; line-height:65px; padding:0 0 20px 0; font-size:15px; font-weight:500; color:#fff; letter-spacing:-0.02em;  }
#gnb_container .gnb > li > a > span { position:relative; display:inline-block; font-weight:500;}
#gnb_container .gnb > li > a > span:before { position:absolute; left:0; bottom:0px; display:block; width:100%; height:5px; background: transparent; content:''; transition:all .4s; }
#gnb_container .gnb > li > a:hover > span:before { background: #a12642; }

.white_header { background: #fff;  box-shadow:0 0 25px 10px rgba(0, 0, 0, 0.25) }
.white_header #logo a{ background:url('/images/icon/logo.png') 0 0 no-repeat; }
.white_header #gnb_container .gnb > li > a { color:#222}
.white_header #side_menu_container .all_search_container .btn_all_search { background:url('/asset/icon/btn_search_sm.png') no-repeat center; }
.white_header #side_menu_container .btn_em_mode { background: #a12642; color:#fff; }
.white_header #side_menu_container .btn_em_mode_t { background: #a12642; color:#fff; }
.white_header #top_odd a { color:#1e1e1e; }
.white_header #top_odd .selectBox .txt { color:#1e1e1e; text-transform:uppercase; }

.line_header { position:fixed; background: #fff;  border-bottom:1px solid #ddd; }
.line_header #logo a{ background:url('/images/icon/logo.png') 0 0 no-repeat; }
.line_header #gnb_container .gnb > li > a { color:#222}
.line_header #side_menu_container .all_search_container .btn_all_search { background:url('/asset/icon/btn_all_search_black.png') no-repeat center; }
.line_header #side_menu_container .btn_em_mode { background: #a12642; color:#fff; }
.line_header #side_menu_container .btn_em_mode_t { background: #a12642; color:#fff; }
.line_header #top_odd a { color:#999; }
.line_header #top_odd .selectBox .txt { color:#999; text-transform:uppercase; }

/*gnb_2��*/
.sn_container { position:absolute; left:0; top:66px; display:none; width:300px; min-height:50px; background: #fff; margin-top:-1px; z-index:10; padding:20px 20px 10px;}
.sn_container li {display:block;margin-bottom:15px;}
.sn_container li a {display:block;}
.sn_container li:hover a {color:#a12642;}

/*top_��ư*/
#top_odd{ position:absolute; padding:0; box-sizing:border-box; display:inline-block; top:5px;right:20px;background:url(/asset/icon/hotline_top.png) no-repeat 0 5px;height:32px;padding-left:32px; }
#top_odd a { font-size:14px; color:#fff; font-weight:400; float:left;  display:block; line-height:30px; margin-left:10px; font-weight:500; }
#top_odd a img{ vertical-align: middle; }
#top_odd a:hover { }

#top_odd .selectBox {position:relative;display:inline-block;width:auto;height:30px;background:url('../images/common/lang_bg.png')  center right no-repeat; float:left; cursor: pointer;}
#top_odd .selectBox:hover .txt { color:#a12642; text-transform:uppercase; }
#top_odd .selectBox .txt {display:block;height:30px;line-height:30px; font-size:16px; color:#fff; font-weight:500; cursor: pointer;padding-left:10px;padding-right:20px; text-transform:uppercase; }
#top_odd .selectBox label {overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px; cursor: pointer;}
#top_odd .selectBox select {position:absolute;left:0;top:0;display:block;width:50px;height:30px;opacity:0;filter: alpha(opacity=0);z-index:10; font-size:14px; color:#aaa; 
	appearance:none; 
	-webkit-appearance:none;
	-moz-appearance:none;
	-o-appearance:none
}
#top_odd .selectBox .select {position:absolute;left:0;top:30px;display:none;width:auto;filter: alpha(opacity=0);z-index:10; font-size:18px; color:#aaa; text-transform:uppercase;background:#fff; padding:10px; border:1px solid #ddd;
	appearance:none; /* �⺻ ��Ÿ�� ���ֱ� */ 
	-webkit-appearance:none;
	-moz-appearance:none;
	-o-appearance:none
}
#top_odd .selectBox .select li { width:100%;}
#header #top_odd .selectBox .select li:hover { color: #a12642;}
#header #top_odd .selectBox .select li:hover a { color: #a12642;}
#top_odd .selectBox .select li a{color:#666; margin:0;}
#top_odd .selectBox .select li a:last-child{padding-bottom:0;}

/*top_search*/
#side_menu_container { width:auto; float:left;margin:35px 0 0 30px}
#side_menu_container .all_search_container { display:block; float:left; position:relative; z-index: 50;border:1px solid #ddd; }
#side_menu_container .all_search_container:after { display:block; content:''; clear:both; }
#side_menu_container .all_search_container .btn_all_search { display:inline-block; width:40px; height:28px;vertical-align:middle;background:url('/asset/icon/icon-search2.png') no-repeat center;background-size:50%;}
#side_menu_container .all_search_container input[type=text] { display:inline-block; width:150px; height:28px; color:#333; background:none; border-radius:0px; border:none;padding-left:8px; outline:0; margin: 0; box-sizing:border-box; }
#side_menu_container .all_search_container input[type=text]::-webkit-input-placeholder { color: #fff; }
#side_menu_container .all_search_container .btn_search_close { display:none; width:100px; height:100px; background:url('/asset/icon/btn_close_black.png') no-repeat center; position:absolute; top:-5px; right:-10px;}

/*em_btn*/
#side_menu_container .btn_em_mode { display:block; float:left; padding:0 40px; height:60px; font-size:1em; font-weight:600; color:#a12642; text-align:center; letter-spacing:-0.04em; text-transform: uppercase; background: #fff; border-radius: 60px; margin-top:17px; }
#side_menu_container .btn_em_mode_t { display:none; float:left; padding:0 40px; height:60px; font-size:0.8em; line-height:17px; font-weight:600; color:#a12642; text-align:center; letter-spacing:-0.04em; text-transform: uppercase; background: #fff; border-radius: 60px; margin-top:17px; padding-top:13px; box-sizing:border-box; }


#header_m, .menu-wrap, #footer_m, .paging_m{display:none;}

/*cont*/
.cont { width:100%; margin:0 auto; position:relative;padding-bottom:40px;background:#fff; }

/*main_rolling*/
.main_rolling{ width:100%; height:auto; overflow:hidden; margin:0 auto; text-align:center; display:block; position:relative; }
.main_rolling .swiper-container { width: 100%; margin:0 auto; }
.main_rolling .swiper-container .swiper-wrapper .swiper-slide {width:100%; height:56.1vw; overflow:hidden; }
.main_rolling .swiper-container .swiper-wrapper .swiper-slide img { width:100%; }
.main_rolling .swiper-container .swiper-wrapper video { width:100%; height:auto; position:absolute; top:0; left:50%; transform:translateX(-50%); }
.main_rolling .swiper-container .video_txt { position:absolute; top:50%; transform:translateY(-50%); text-align:left; color:#fff; z-index:10; padding:0 17%; box-sizing:border-box; }
.main_rolling .swiper-container .video_txt dt.text_deco a { color:#fff; }
.main_rolling .swiper-container .video_txt_b { color:#222; }
.main_rolling .swiper-container .video_txt_b dt.text_deco a { color:#222; }
.main_rolling .swiper-container .video_txt dl{ padding-bottom:65px; }
.main_rolling .swiper-container .video_txt dt { font-size:80px; font-weight:600; line-height:1em; margin-bottom:30px; word-break:break-all; text-shadow: 2px 2px 3px rgba(0,0,0,0.4); }
.main_rolling .swiper-container .video_txt dd { font-size:24px; line-height:1em; word-break:break-all; }
.main_rolling .swiper-pagination_main { position:absolute; bottom:20%; left:50%; transform:translateX(-50%);  display:block; z-index:50}
.main_rolling .swiper-pagination_main .swiper-pagination-bullet { border-radius:0; width:8px; height:8px; margin-right:20px; background-color: #aaa; opacity:1; }
.main_rolling .swiper-pagination-bullet-active {width:70px !important; height:8px; background-color: #a12642 !important;}

/*section02*/
.section02 { width:100%; position:relative; overflow:hidden; background:url('/asset/icon/section02_bg.jpg') 0 360px repeat-x; margin-top:120px;}
.section02 .product_list h3 { width:100%; font-size:24px; color:#222; font-weight:400; letter-spacing: -0.02em; text-align:center; }
.section02 .product_list li { width:25%; position:relative; display:inline-block; float:left; }
.section02 .product_list li:hover h3 { color:#a12944; }
.section02 .product_list li:hover .on { opacity:1.0;}
.section02 .product_list .on { width:100%; height:100%; position:absolute; top:0; left:0; opacity:0; }

.section02 .tab_wrap { max-width:1600px; overflow:hidden; margin:0 auto; text-align:center; }
.section02 .tab_tit { display:inline-block; margin:0 auto; margin-bottom:60px; }
.section02 .tab_tit:after { display:block; content:''; clear:both; }
.section02 .tab_tit li{ float:left; background:url('/asset/icon/tab_li_bar.jpg') right 5px no-repeat; }
.section02 .tab_tit li:last-child { background:none; }
.section02 .tab_tit li a { font-size:24px; color:#999; padding:0 30px; letter-spacing: -0.02em; font-weight:600; }
.section02 .tab_tit li a:hover, .section02 .tab_tit li .on { color:#222; }

/*section03*/
.section03 { width:100%; height:100%;  position:relative; margin-top:120px; text-align:center; }
.section03 .video_area { max-width:1396px; margin:0 auto 120px; }
.section03 .btn_play { max-width:1300px; width:100%; height:auto; margin:0 auto; overflow:hidden; margin-bottom:150px; }
.section03 .btn_play img { width:100%; }
.video_pop, .video_pop_1, .video_pop_2 { width:100%; height:100%; position:fixed; top:50%; transform:translateY(-50%); left:0; padding:5%; background-color:#000; box-sizing:border-box; display:none; z-index:102; }
.video_pop video, .video_pop_1 video, .video_pop_2 video { width:70%; position:absolute; left:50%; transform:translateX(-50%) }
.video_close { position:absolute; top:40px; right:40px; }

.product_tit { width:100%; display:inline-block; margin:0 auto; font-size:60px; letter-spacing: -0.02em; line-height:76px; font-weight:100;  text-align:center; margin-bottom:60px; font-weight:300; }

.solution {width:100%; height:auto; overflow:hidden; position:relative; margin:0 auto;  margin-bottom:50px; }
.solution_txt { width:100%; color:#fff; position:absolute; top:240px; text-align:center;}
.solution_txt h2 { font-size:50px; font-weight:400; margin-bottom:30px;}
.solution_txt div { font-size:18px; line-height:26px; font-weight:300;max-width:900px;margin:0 auto; }
.solution_txt div * { font-size:18px; line-height:26px; font-weight:300; }
.solution_txt .btn_more {text-transform:uppercase;font-weight:300;}

.solution .swiper-container-solution { width:72%; height:800px; margin:0 auto; background-color:#fff; }
.solution .swiper-container-solution .swiper-slide-wrap { position:absolute; top:-20px; width:100%; overflow:hidden; }
.solution .swiper-container-solution .img_zoom img { max-width:initial !important; opacity:0.9;margin:0 auto;display:block; }
.solution .swiper-container-solution .img_zoom img,  .section04 div .img_zoom{
            -webkit-transform:scale(1.0); /*  ũ�� */
            -moz-transform:scale(1.0); /* FireFox */
            -o-transform:scale(1.0); /* Opera */
            transform:scale(1.0);
            transition: transform .45s;
            -o-transition: transform .45s;
            -moz-transition: transform .45s;
            -webkit-transition: transform .45s;
            
}
.solution .swiper-container-solution .img_zoom:hover img, .section04 div:hover .img_zoom {
            -webkit-transform:scale(1.05); /*  ũ�� */
            -moz-transform:scale(1.05); /* FireFox */
            -o-transform:scale(1.05); /* Opera */
            transform:scale(1.05);
            transition: transform .55s;
            -o-transition: transform .55s;
            -moz-transition: transform .55s;
            -webkit-transition: transform .55s;
}

.solution .swiper-container-solution .swiper-button-prev {
  position: absolute;
  top: 0;
  left:0;
  height: 800px;
  z-index: 2;
  cursor: pointer;
  background:url('/asset/icon/swiper_prev_g.png') 50% center no-repeat;
  background-size: 64px 16px;
  background-color:#fff;
  opacity:0.6;
  width:14%;
  overflow:hidden;
}
.solution .swiper-container-solution .swiper-button-next {
  position: absolute;
  top: 0;
  right:0;
  height: 800px;
  z-index: 10;
  cursor: pointer;
  background-size: 64px 16px;
  background:url('/asset/icon/swiper_next_g.png') 50% center no-repeat;
  background-color:#fff;
  opacity:0.6;
  width:14%;
}
.solution .swiper-container-solution .swiper-button-prev:hover { background:url('/asset/icon/swiper_prev_p.png') 50% center no-repeat;  background-color:#fff; opacity:0.6;}
.solution .swiper-container-solution .swiper-button-next:hover { background:url('/asset/icon/swiper_next_p.png') 50% center no-repeat;  background-color:#fff; opacity:0.6;}

.solution .swiper-thumbnails { margin:0 auto; text-align:center; width:70%; height:130px; position:absolute; bottom:0; left:50%; margin-left: -35%; background-color:#fff; z-index:5; }

.solution .swiper-thumbnails div { display:block; width:16.66%; height:130px; float:left; border-radius: 0; opacity:1;text-align:center;cursor:pointer;}

.solution .swiper-thumbnails div:before { width:100%; height:130px; }
.solution .swiper-thumbnails div img {display:block;margin:15px auto;height:55px;}
.solution .swiper-thumbnails div  span {display:block;}

.solution .swiper-thumbnails div.is-active span {color:#a12642;}
/*.solution .swiper-pagination span:nth-child(1) {background:url('/asset/icon/solution_tab_ko_01.png') 50% 0 no-repeat;}
.solution .swiper-pagination span:nth-child(2) {background:url('/asset/icon/solution_tab_ko_02.png') 50% 0 no-repeat;}
.solution .swiper-pagination span:nth-child(3) {background:url('/asset/icon/solution_tab_ko_03.png') 50% 0 no-repeat;}
.solution .swiper-pagination span:nth-child(4) {background:url('/asset/icon/solution_tab_ko_05.png') 50% 0 no-repeat;}
.solution .swiper-pagination span:nth-child(5) {background:url('/asset/icon/solution_tab_ko_06.png') 50% 0 no-repeat;}
.solution .swiper-pagination span:nth-child(6) {background:url('/asset/icon/solution_tab_ko_07.png') 50% 0 no-repeat;}

.solution .swiper-pagination-bullet-active:before { height:130px; display:block; border-top:4px solid #a12944; box-sizing: border-box; }

.solution .swiper-pagination-bullet-active:nth-child(1) {background:url('/asset/icon/solution_tab_ko_01.png') 50% -130px no-repeat !important;}
.solution .swiper-pagination-bullet-active:nth-child(2) {background:url('/asset/icon/solution_tab_ko_02.png') 50% -130px no-repeat !important;}
.solution .swiper-pagination-bullet-active:nth-child(3) {background:url('/asset/icon/solution_tab_ko_03.png') 50% -130px no-repeat !important;}
.solution .swiper-pagination-bullet-active:nth-child(4) {background:url('/asset/icon/solution_tab_ko_05.png') 50% -130px no-repeat !important;}
.solution .swiper-pagination-bullet-active:nth-child(5) {background:url('/asset/icon/solution_tab_ko_06.png') 50% -130px no-repeat !important;}
.solution .swiper-pagination-bullet-active:nth-child(6) {background:url('/asset/icon/solution_tab_ko_07.png') 50% -130px no-repeat !important;}*/



/*section04*/
.section04 { width:100%; height:auto; overflow:hidden; margin:30px auto; margin-bottom:30px; }
.section04 .buy dl:after, .section04:after { display:block; content:''; clear:both; }
.section04 .buy, .section04 .support { width:50%; height:auto; position: relative; float: left; overflow: hidden; box-sizing:border-box; }
.section04 .buy img.img_zoom, .section04 .support img.img_zoom{ width:100%; min-width:960px;}
.section04 .buy  img, .section04 .support img { width:100%; }


/*section05*/

.section05 .tit {font-size:22px;margin-bottom:20px;font-weight:normal;}
.section05 p {margin-bottom:30px;}
.section05 { width:100%; margin:0 auto; margin-bottom:30px; }
.section05 .news { max-width:1300px; position:relative; margin:0 auto; margin-bottom:60px;margin-top:40px; }
.section05 .news:after, .section05 .calendar:after, .section05 .calendar dl:after, .section05 .new_video ul:after { display:block; content:''; clear:both; }
.section05 .news dl { width:33%; position:relative; overflow:hidden; float:left; padding:0 10px; display:inline-block; box-sizing:border-box; margin-bottom:30px;}
.section05 .news dl a { display:inline-block; overflow:hidden; width:100%; }
/*.section05 .news dl img{ width:1100%; position:relative;  overflow:hidden; }*/
.section05 .news dt { font-size:15px; color:#0a1015; font-weight:600; margin:10px 0 15px 0; height:50px;overflow:hidden;}
.section05 .news dd { font-size:15px; color:#0a1015; font-weight:300; }
.section05 .news span{ font-size:15px; color:#aaa; display:block; margin-top:10px; }
.section05 .calendar { margin:0 auto; padding:0 0 0; margin-bottom:20px; box-sizing:border-box; }
.section05 .calendar dl { width:100%; float:left; margin-bottom:10px; display:block; height:auto; box-sizing:border-box;padding-left:60px;background:url(/asset/icon/icon_news.png) no-repeat top left;}
.section05 .calendar dd .tita { overflow:hidden; display:block; font-size:15px; color:#002222; font-weight:400; box-sizing:border-box; line-height:24px;border-bottom:1px dashed #ddd;padding-bottom:10px;
		  overflow: hidden;
		  text-overflow: ellipsis;
		  display:block;
}
.section05 .calendar dl:last-child .tita {border:none;}
.section05 .calendar dd.date { display:block; font-size:16px; color:#aaa; font-weight:300; margin-top:23px; }


#carousel2 .owl-dots {margin-top:10px;display:block !important;}
#carousel2 .owl-dots span {background:#a12642;width:50px;height:2px;border-radius:0;}
#carousel2 .owl-dots .owl-dot.active span {height:4px;}
.item-video {height:230px;}




/*button*/
.btn_type01 { display:inline-block; width:200px; height:70px; line-height:70px; font-size:1.25em; font-weight:500; color:#222 !important; text-align: center; letter-spacing: -0.02em; border:1px solid #222; border-radius:35px; transition:all .35s; }
.btn_type02 { display:inline-block; width:200px; height:70px; line-height:70px; font-size:1.25em; font-weight:500; color:#fff !important; text-align: center; letter-spacing: -0.02em; border:1px solid #fff; border-radius:35px; transition:all .35s; }
.btn_type01:hover, .btn_type02:hover, .btn_more:hover { color: #fff !important; background:#a12642; border-color: #a12642 !important; }
.btn_more { width:200px; height:70px; border-radius:70px; line-height:70px; margin:50px auto; font-size:1.25em; font-weight:500; color:#fff !important; border:1px solid #fff; display:block; }

/*btn_inquiry*/
#btn_inquiry { position:fixed; left:50px; bottom:100px; display:block; width:70px; height:70px; box-shadow:5px 5px 30px rgba(0,0,0,0.4);  border-radius:100%; z-index:33; }
#btn_inquiry img { width:100%; }

#inquiry_box { position:fixed; left:50%; top:50%; display:none; width:720px; z-index:102; transform: translate(-50%, -50%); }
#inquiry_box .inquiry_head { width:100%; height:70px; background-color:#f8f8f8; position:relative; padding-bottom:50px;}
#inquiry_box .inquiry_head h4 { position:absolute; top:50%; transform:translateY(-50%); padding-left:40px; font-size:40px; letter-spacing:-0.02em; color:#222; box-sizing:border-box; }
#inquiry_box .inquiry_head .inquiry_close { position:absolute; top:50%; transform:translateY(-50%); right:40px; }
#inquiry_box .inquiry_body { height:600px; display:block; overflow-y:auto; background-color:#fff; }
#inquiry_box .inquiry_body .btn_area { display:inline-block; width:100%; height:auto; padding:40px; box-sizing:border-box; }
#inquiry_box .inquiry_body .btn_area:after { display:inline-block; clear:both; }
#inquiry_box .inquiry_body .btn_area .box_radio { display:inline-block; width:48%; height:160px; border-radius:3px; float:left; margin-right:10px; position:relative; background-color:#f8f8f8; }
#inquiry_box .inquiry_body .btn_area .box_radio:last-child { margin-right:0; }
#inquiry_box .inquiry_body .btn_area .box_radio label { display:inline-block; width:100%; text-align:center; font-size:16px; color:#222; position:absolute; padding:110px 0 30px 0; left:0; letter-spacing:-0.02em; font-weight:500; }
#inquiry_box .inquiry_body .btn_area .btn_solution { display:inline-block; width:57px; height:57px; position:absolute; top:20px; left:50%; margin-left:-27px; background:url("/ko/asset/images/common/inquiry_btn_bg01.png") 0 0 no-repeat; }
#inquiry_box .inquiry_body .btn_area .btn_module { display:inline-block; width:55px; height:55px; position:absolute; top:32px; left:50%; margin-left:-18px; background:url("/ko/asset/images/common/inquiry_btn_bg02.png") 0 0 no-repeat; }
#inquiry_box .inquiry_body .btn_area .box_radio:hover, #inquiry_box .inquiry_body .btn_area .box_radio.on { background-color:#a12642; box-shadow:5px 5px 30px rgba(0,0,0,0.4); }
#inquiry_box .inquiry_body .btn_area .box_radio:hover .btn_solution, #inquiry_box .inquiry_body .btn_area .box_radio.on .btn_solution { background-position:0 -57px; background-color:#a12642; }
#inquiry_box .inquiry_body .btn_area .box_radio:hover .btn_module, #inquiry_box .inquiry_body .btn_area .box_radio.on .btn_module { background-position:0 -55px; background-color:#a12642; }
#inquiry_box .inquiry_body .btn_area .box_radio:hover span, #inquiry_box .inquiry_body .btn_area .box_radio.on label { color:#fff; }
#inquiry_box .inquiry_body .inquiry_item { width:100%; padding:0 40px; margin:30px 0; box-sizing:border-box; }
#inquiry_box .inquiry_body .inquiry_item h5 { font-size:16px; color:#999; letter-spacing:-0.02em; font-weight:500; }
#inquiry_box .inquiry_body .inquiry_item .write { display:inline-block; width:100%; height: 33px; border:none; border-bottom: 1px solid #ddd; line-height:29px; color:#222; font-weight:500; font-size:20px; }
#inquiry_box .inquiry_body .inquiry_item input:focus { outline: none; border-bottom:1px solid #a12944 !important; }
#inquiry_box .inquiry_body .inquiry_item span.gray { color:#666; font-size:18px; }
#inquiry_box .inquiry_body .inquiry_item select { border:1px solid red; width:100%; height:44px; line-height:32px; font-size:20px; font-weight:500; color:#222; background: url('/ko/asset/images/common/icon-arrow-down2.png') no-repeat 100% 50%; border:none; border-bottom:1px solid #ddd; appearance:none; -webkit-appearance: none; -moz-appearance: none;  outline:0; }
#inquiry_box .inquiry_body textarea { width:100%; height:160px; background-color:#f8f8f8; resize:none; border:none; padding:20px; font-size:16px; color:#999; font-weight:500; box-sizing:border-box; }
#inquiry_box .inquiry_foot { display:inline-block; position:relative; width:100%; background-color:#f8f8f8; padding:40px 45px; margin-top:10px; box-sizing:border-box; font-size:18px; line-height:28px; text-align:center; margin-bottom:0; }
#inquiry_box .inquiry_foot span { text-align:left;}
#inquiry_box .font_red { color:#a12642; display:inline-block; }
#inquiry_box .inquiry_foot .btn_submit { display:inline-block; width:280px; height:70px; font-size:28px; color:#fff; line-height:70px; text-align:center; border-radius:70px; background-color:#a12642; margin:40px 0; }
#inquiry_box .inquiry_foot .check_box { position:absolute; top:-10px; left:-55px; }

/*팝업창 체크박스 디자인*/
.checks {position: relative;}
.checks input[type="checkbox"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0 }
.checks input[type="checkbox"] + label { display: inline-block; padding:0 0 15px 25px; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.checks input[type="checkbox"] + label:before { /* 가짜 체크박스 */ position: absolute; top:4px; left:0; content: '\2714'; display: inline-block; width: 20px; height: 20px; line-height: 20px; margin:0 8px 0 0; text-align: center; vertical-align: middle; border-radius:3px; background: #ccc; color:#ccc; }
.checks input[type="checkbox"] + label:active:before, .checks input[type="checkbox"]:checked + label:active:before {  }
.checks input[type="checkbox"]:checked + label:before { /* 체크박스를 체크했을때 */ content: '\2714'; /* 체크표시 유니코드 사용 */ border-radius:3px; color: #a12642  }

.inquiry_on { border-bottom:1px solid #a12944 !important; }

#dm_bg { position:fixed; display:none; left:0; top:0; width:100%; height:100%; background: rgba(0,0,0,0.5); z-index:101; cursor:pointer; }

/*����Ʈ �ڽ� ������*/
.desc { color: #e8e8e8; }
.desc a { color: #515151; }
.dropdown { width: 103px; margin: 0px; }
.dropdown dd, .dropdown dt, .dropdown ul { margin: 0px; padding: 0px; }
.dropdown dd { position: relative; }
.dropdown a, .dropdown a:visited { color: #3b3b3b; text-decoration: none; outline: none; }
.dropdown a:hover { color: #3b3b3b; }
.dropdown dt a:hover { color: #3b3b3b; border-bottom: 1px solid #ccc;}
.dropdown dt a {
  background: #fff url('http://imivory.me/img/noname/arrow.png') no-repeat scroll right center;
  display: block;
  border-bottom: 1px solid #ccc;
  width: 82px;
  height: 33px;
}
.dropdown dt a span { cursor: pointer; display: block; line-height: 29px; padding-left: 10px; }
.dropdown dd ul {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #9e9e9e;
  color: #515151;
  display: none;
  left: 0px;
  padding: 5px 0px;
  position: absolute;
  top: -1px;
  width: auto;
  min-width: 102px;
  list-style: none;
  text-align: left;
}
.dropdown span.value { display: none; }
.dropdown dd ul li a { padding: 5px; display: block; padding-left: 11px; }
.dropdown dd ul li a:hover { background-color: #e8e8e8; }
.dropdown img.flag { border: none; vertical-align: middle; padding: 11px; }
.flagvisibility { display: none; }

/*공지사항 팝업*/
#notice_pop .pop_cont { width:500px; height:auto; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); background-color:#A52345; text-align:center; z-index:777; }
#notice_pop .pop_cont img{width:100% !important; height:auto !important;}
#notice_pop {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 55; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.6); /* Black w/ opacity */
}
#notice_pop .pop_cont .pop_btn_area { width:calc(100% - 20px); height:65px; position:relative;margin:0 10px 10px 10px; }
#notice_pop .pop_cont .pop_btn_area .gray_btn { width:50%; height:100%; display:inline-block; background-color:#ddd; color:#999; font-size:18px; line-height:65px; }
#notice_pop .pop_cont .pop_btn_area .red_btn { width:50%; height:100%; display:inline-block; background-color:#a12642; color:#fff; font-size:18px; line-height:65px; }

#notice_pop .input {width:calc(98% - 20px);display:block;margin:auto;height:60px;line-height:60px;outline:none;padding:0 10px;border:#fff;background:#f5f5f5;margin-bottom:20px;font-size:18px;}

@media screen and (max-width:1680px) {
  .section04 .buy, .section04 .support { height:375px; }
  .section04 .buy img.img_zoom, .section04 .support img.img_zoom { min-width:820px; }
}


@media screen and (max-width:1366px) {
    #top_odd { margin-right:20px; }
    .solution .swiper-pagination { height:75px; }
   
}


@media screen and (max-width:1280px) {
    #header { padding:0 25px; }
    #top_odd { margin-right:20px; }
    #top_odd a{margin-right:0;}
    #side_menu_container { right:25px; }
    #side_menu_container .btn_em_mode { padding:0 20px; }
   
    .section04 .buy img.img_zoom, .section04 .support img.img_zoom { min-width:640px; }
}


.btn_top {  position:fixed; right:60px; bottom:20px; width:60px; height:60px; z-index:999; display:none}
.btn_top > img { width:100%; }

/*404에러 페이지*/
.arr_404 { width:100%; max-width:1024px; margin:0 auto; text-align:center; padding:150px 0 80px 0; }
.arr_404 dl { display:inline-block; width:100%; text-align:center; }
.arr_404 dl dt { font-size:48px; font-weight:500; color:#222; padding-bottom:40px; }
.arr_404 dl dd { font-size:18px; font-weight:400; color:#666; }

.btn_area_404 { width:100%; text-align:center; margin:0 auto; padding:60px 0; }
.btn_area_404 a.line_btn { display:inline-block; padding:24px 90px; border:1px solid #a12642; border-radius:70px; font-size:20px; color:#a12642; }
.btn_area_404 a.red_btn { display:inline-block; padding:24px 90px; background-color:#a12642; border-radius:70px; font-size:20px; color:#fff; }

.swiper-thumbnails {    margin: 0 auto;
    text-align: center;
    width: 70%;
    height: 130px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -35%;
    background-color: #fff;
    z-index: 5;}

.sub-heading {
    font-size: 16px;
    font-weight: 600;
    position:relative;
    margin-bottom:5px;
    display:block;
    color:#9f2c49;margin-bottom:20px
}

.footer {border-top:1px solid #ccc;padding:40px 0;}

.address li {display:block;padding-left:60px;margin-bottom:15px;}

.nav-footer {margin-bottom:20px;}
.nav-footer li {display:block;margin-bottom:10px;}

.copy {background:#f5f5f5;padding:10px 0;color:#1e1e1e;}
.copy img {float:left;vertical-align:middle;margin-right:20px;display:block;margin-top:5px;}
.copy p {margin-bottom:0px;color:#1e1e1e;}

.box-sp {background:#a12642;color:#fff;padding:10px;}
.box-sp strong {text-align:center;display:block;text-transform:uppercase;margin-bottom:25px;}


.sidebar {background:#f5f5f5;margin-bottom:30px;}
.sidebar li {display:block;}
.sidebar li a {display:block;padding:10px 15px;font-size:15px;font-weight:500;}
.sidebar li:hover,.sidebar li.ac {border-left:2px solid #a12642;}

#aboutus_wrap .titH1 {font-size:25px;text-transform:uppercase;font-weight:600;margin-bottom:20px;}

.descm * {font-size:14px;line-height:22px;}
.descm img {display:block;max-width:90%;margin:10px auto;}

.ho-tro {text-align:center;background:#fff;padding:20px;}
.ho-tro img {display:block;margin:0 auto 20px;}
.ho-tro span {display:block;text-align:center;}


div.detail-post {margin-bottom:35px;margin-top:30px;background:#fff;padding:20px;}
div.detail-post .title-post p {margin:7px 0 0 0 !important;font-size:15px}
div.detail-post .title-post h1 {margin:0px 0 28px 0; font-size:25px;color:#333;line-height:1.35;}

.content-post { overflow:hidden}
.content-post table {width:100% !important;margin-left:0 !important;margin-bottom:22px;border:none; }
.content-post p {margin:0 0 10px}
.content-post img {max-width:100%;margin:5px 0;height:auto !important;}
.content-post * {font-family:Arial !important;font-size:16px !important;line-height:24px !important;}
.content-post ul,.content-post ol {margin-left:30px !important;}
.content-post ul>li,.content-post ol>li {display:list-item !important;list-style:disc !important;}
.content-post h1,.content-post h2 { font-weight:bold !important; font-size:16px !important;}
.content-post h3,.content-post h4 { font-weight:bold !important; font-size:14px !important;}
.content-post h1,.content-post h2,.content-post h3,.content-post h4 {margin:13px 0 10px !important; display:block !important;}

div.detail-post .post-related {margin:30px 0;}
div.detail-post .post-related li strong { display:block;font-size:20px;margin-bottom:12px;}
div.detail-post .post-related li h3 {font-size:17px; font-weight:500;}
div.detail-post .post-related li {margin-bottom:15px;}
div.detail-post .content-post {margin-bottom:30px;}

.content-post * { line-height:24px}
.content-post table {width:100% ; }
.content-post p {margin:0 0 10px}
.content-post img {max-width:100%;margin:5px 0;height:auto !important;}
.content-post p * {font-family:Arial;font-size:15px ;line-height:22px ;}
.content-post ul,.content-post ol {margin-left:20px ;margin-bottom:10px;}
.content-post ul>li,.content-post ol>li {display:list-item ;list-style:disc ;}

.content-post h1 { margin:0 0 10px 0 !important;font-size:30px !important;font-family: 'Roboto Condensed', sans-serif;}
.content-post h2 { margin:0 0 10px 0 !important;font-size:24px !important; font-family: 'Roboto Condensed', sans-serif;}
.content-post h3 { margin:0 0 10px 0 !important;font-size:20px !important; font-family: 'Roboto Condensed', sans-serif;}
.content-post h4 { margin:0 0 10px 0 !important;font-size:18px !important; font-family: 'Roboto Condensed', sans-serif;}
.content-post h5 { margin:0 0 10px 0 !important;font-size:16px !important; font-family: 'Roboto Condensed', sans-serif;}
.content-post h6 { margin:0 0 10px 0 !important;font-size:14px !important; font-family: 'Roboto Condensed', sans-serif;}

.content-post h1 * {font-size:30px !important;}
.content-post h2 * { font-size:24px !important; }
.content-post h3 * {font-size:20px !important; }
.content-post h4 * { font-size:18px !important; }
.content-post h5 * {font-size:16px !important; }
.content-post h6 * { font-size:14px !important; }

.content-post table {border:1px solid #ccc !important}
.content-post table td {text-align:left;padding:8px 10px;border-bottom:1px solid #ccc}
.content-post table  tr td:first-child {min-width:300px;}
.content-post table th {border-bottom:1px solid #ccc;padding:8px 10px;background:#f5f5f5}

.mxh li {display:inline-block;vertical-align:middle;}
.mxh li a {display:block;}

.faq li {display:block;margin-bottom:15px;}
.faq li a {font-size:17px; font-weight:500;}

.maintext {margin:30px 0 0 0;font-size:16px;line-height:22px;}

.sticky-menu.fixed {position:fixed !important;margin-bottom:0 !important;}
.sticky-menu.fixed + .sub-max-inner,.sticky-menu.fixed + .solutions_contents_wrap {margin-top:130px !important;}
.sub-indicator {display:none !important}

#goog-gt-tt {
    display: none !important;
}

.goog-te-banner-frame {
    display: none !important;
}

.goog-te-menu-value:hover {
    text-decoration: none !important;
}

#google_translate_element2 {
    display: none !important;
}
body { top:0 !important;}

.search-result {max-width:1024px;margin:40px auto;}
.search-result li {display:block;margin-bottom:15px;padding-bottom:15px;border-bottom:1px dashed #ccc;}
.search-result li h3 {margin-bottom:8px;font-size:16px;}
.search-result li h3 a {color:blue;}

.page-nummber{position:relative;text-align:center;margin-top:20px;}
.page-nummber a{border:1px solid #d7d7d7;padding:9px 20px;display:inline-block;font-size:12px;margin:10px 0 0 0;margin-left:-1px;}
.page-nummber a:first-child{margin-left:0}
.page-nummber a.active,.page-nummber a:hover{background:#a12642;color:#fff;border:1px solid #a12642}
.page-nummber a.active{background:#a12642;border:1px solid #a12642}

.img {position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;}
.img1 {max-width:100%; max-height:100%; width:auto !important;object-fit:cover;}
.img2 {width:100%; height:100%; object-fit:cover;}
.img3 {max-height:100%;width:100%;object-fit:cover;}
.img4 {height:100%;max-width:100%;object-fit:cover; width:auto !important;}

.img1x1, .img2x1, .img4x3, .img16x9 {position:relative;display:block !important;height:0 !important;padding:0 !important;overflow:hidden;}
.img2x1 {padding-bottom:50% !important;}
.img16x9 {padding-bottom:56.25% !important;}
.img4x3 {padding-bottom:75% !important;}
.img1x1 {padding-bottom:100% !important;}

.mbr-arrow-up{ bottom:100px; right:25px; width:50px; height:50px; position:fixed;z-index:5000; background:url(/images/icon/icon-top.png)no-repeat center,rgba(0,0,0,0.2);cursor:pointer;}
.mbr-arrow-up:hover{background-color:rgba(0,0,0,0.75)}

.titH1, .titH2, .titH2b, .titH2c, .titH3, .titH4 { line-height:1.4; margin:10px 0; padding:0; position:relative;}
.titH1 {font-size:28px !important;}
.titH2 {font-size:25px !important;}
.titH2b {font-size:22px !important;}
.titH2c {font-size:18px !important;}
.titH3 {font-size:16px !important;}
.titH4 {font-size:14px !important;}
.bold {font-weight:bold !important;}
.bold400 {font-weight:400 !important}
.bold500 {font-weight:500 !important}
.bold600 {font-weight:600 !important}
.bold700 {font-weight:700 !important}
.h66 {height:66px;overflow:hidden;}
@charset "utf-8";

.m_header, .navbar, .drawermenu, .m_main_rolling, .swiper-container-m_product, .news_m, .m_foot, .swiper-container-product-mobile { display: none; }
.m_solution_img {width:0 !important;}
.solution_img {width:auto !important;}
.swiper-container-product_mobile { display:none; }
.pc_use { display:block; }
.mb_use { display:none; }

@media screen and (max-width:1124px) { 
    .section04 .buy dd span.tit, .section04 .support dd span.tit { font-size: 1.80vw; }
    .section04 .buy dd span.txt, .section04 .support dd span.txt { font-size: 3.00vw; }
}

@media screen and (max-width:1075px) { 
    .w_foot { displaY:none; }
    img { text-align:center; }
    .m_header { display: block; width:100%; z-index: 777; position: fixed; top:0; left: 0;}
    #header, .swiper-container-product {display:none;}
    .swiper-container-product_mobile { display:block; }
    .m_header { display: block; width:100%; z-index: 777; position: fixed; top:0; left: 0;}
    .navbar{padding:0; margin:0; text-align: center;}
    .navbar .logo, .m_menu_top .logo { position:absolute; top:50%; left:50%; width:23.61vw; height:auto; transform: translate(-50%, -50%);display:block;}
    .navbar img, .m_menu_top img { width:100%; }

    .m_header .navbar .m_btn_search { width:5.416vw; height:auto; display:inline-block; position:absolute; left:5.55vw; top:50%; transform: translateY(-50%);}
    .m_header .navbar .btn_search_close { width:5.416vw; height:auto; position:absolute; left:5.55vw; top:50%; transform: translateY(-50%); display:none;}
    .mb_search_container { position: absolute; top:13.58vw; left:0; display:none; width:100%; height:13.88vw; background-color:#fff; padding:2.45vw 5.55vw; box-sizing:border-box; }
    .mb_search_container input[type=text] { width:100%; height:8.33vw; border-radius:8.33vw; padding:2.77vw; display:inline-block; background-color: #a12642; color:#fff; font-weight:500; font-size:2.88vw; box-sizing:border-box; border:0;}
    .mb_search_container input[type=text]::-webkit-input-placeholder { color: #fff; }

    .btn_all_search { width:5.33vw; height:5.33vw; display:inline-block; position: absolute; top:27%; right:10%;}

    .drawermenu,.navbar{ display: block; padding-top:0; }
    .drawermenu,.white { background-color:#fff; }
    .drawermenu,.drawermenu-overlay{position:fixed;top:0;height:100%}
    .navbar{width:100%;height:13.8vw;display:flex;display:-webkit-flex;flex-direction:row;-webkit-flex-direction:row;flex-wrap:nowrap;-webkit-flex-wrap:nowrap;justify-content:space-between;-webkit-justify-content:space-between;}
    .navbar .menu-left,.navbar .menu-right{display:block;height:auto;width:5.416vw;padding:13px 5.55vw}
    .navbar .menu-left svg,.navbar .menu-right svg{height:auto;width:5.416vw;line-height:100%;cursor:pointer}
    .navbar .menu-left{order:0;text-align:left}
    .navbar .logo{order:1;text-align:center}
    .navbar .menu-right{order:2;text-align:right; position:absolute; right:0; top:50%; transform: translateY(-50%);}
    .navbar .hamburger{height:20px}
    .navbar .hamburger rect{fill:#fff}
    .navbar .hamburger:hover rect{fill:#fff}
    .m_main .navbar .hamburger rect{fill:#fff}
    .m_main .navbar .hamburger:hover rect{fill:#fff}    
    .drawermenu{left:-10000px;min-width:100%;overflow-y:scroll; max-width:100%; z-index:778; font-family: 'Montserrat', sans-serif !important; }
    .m_menu_wrap { height:auto; margin:0 0 5.55vw; }
    .drawermenu.drawermenu-right{left:auto;right:-250px; }
    .drawermenu>dl,.drawermenu>ul{list-style:none;padding:0;margin:0;overflow-x:hidden;overflow-y:auto;}
    .drawermenu>dl>li,.drawermenu>ul>li{width:100%}
    .drawermenu>dl>li>a .icon-down,.drawermenu>ul>li>a .icon-down{fill:#fff;width:8px;margin-left:10px}
    .drawermenu>dl>li>ul,.drawermenu>ul>li>ul{display:none;list-style:none;padding:0;margin:0}
    .drawermenu-overlay{display:none;cursor:pointer;z-index:80;left:0;right:0;bottom:0;width:100%;background-color:rgba(0,0,0,.8)}
    .m_menu_top { width:100%; height:13.8vw; position:relative; background-color:#fff; }
    .m_btn_close { width:6.94vw; height:6.94vw; position:absolute; top:50%; right:5vw; transform: translateY(-50%);}

    .drawermenu .depth_01>li {display:block;position:relative;}
    .drawermenu .depth_01>li i {position:absolute;top:0;right:0;height:50px;width:50px;background:url('/asset/icon/depth_02_plus.png') no-repeat 96% 50%; background-size:6.94vw; z-index:999;}
    .drawermenu .depth_01>li>a { width:calc(100% - 50px); line-height:11vw; margin-bottom:0; display:inline-block; font-size:18px; color:#222; font-weight:600; padding:0 5.55vw; box-sizing:border-box;}
    .drawermenu .depth_01>li> a.on { color:#a12642; background:url('/asset/icon/depth_02_bar.png') no-repeat 96% 50%; background-size:6.94vw; }
    .drawermenu .depth_02>li {position:relative;}
    .drawermenu .depth_02>li i {position:absolute;top:0;right:0;height:50px;width:50px;background:url('/asset/icon/depth_02_plus.png') no-repeat 96% 50%; background-size:6.94vw; z-index:999;}
    .drawermenu .depth_02>li>a { display:inline-block; width:calc(100% - 50px); line-height:10vw; margin-bottom:0px; font-size:3.88vw; font-weight:500; padding:0 8.33vw; box-sizing:border-box; }
    .drawermenu .depth_02 a.on { color:#a12642; }

    i.on {background:url('/asset/icon/depth_02_bar.png') no-repeat 53% 50% !important; background-size:6.94vw;} 
    
    .drawermenu .depth_03 { width:100%; background-color:#f5f5f5; color:#999; padding:2.7vw 8.33vw; margin-bottom: 2.77vw; box-sizing:border-box; }
    .drawermenu .depth_03>li>a { line-height:8.88vw; font-size:3.88vw; }
    .drawermenu .depth_03 a.on { background:none; }
    
    .drawermenu .depth_04:after, .drawermenu .m_menu_foot .m_sns:after { display:inline-block; clear:both;}
    .drawermenu .depth_04 { width:100%; display:inline-block; border-bottom:1px solid #ddd; padding-bottom:15px; margin-bottom: 15px; box-sizing:border-box;}
    .drawermenu .depth_04>li>a {width:50%; float:left; font-size:3.88vw; color:#999; line-height:8.88vw; }

    .drawermenu .depth_03 > li:last-child > .depth_04 { border-bottom:none; margin-bottom:0; }

    .drawermenu .m_menu_foot { width: 100%; padding:0 5.55vw; margin-top:4.16vw; box-sizing:border-box; }
    .drawermenu a.btn_em { display:block; width:100%; height:13.05vw; line-height:13.05vw; font-size:4.44vw; text-align: center; color:#fff; font-weight:600; background-color:#a52e4a; }
    
    .drawermenu .m_menu_foot .select { width:100%; display:inline-block; margin:1.94vw 0 4.16vw 0;}    
    .drawermenu .m_menu_foot .selectBox {position:relative;display:block;width:49.5%; float:left; padding:0 10px; border:1px solid #bdbdbd; background:url('/asset/icon/icon-arrow-down4.png') no-repeat 90% 50%; background-size:4.16vw auto; cursor:pointer; box-sizing:border-box; }
    .drawermenu .m_menu_foot .right { float:right; }    
    .drawermenu .m_menu_foot .selectBox:hover .txt { color:#a12642; }
    .drawermenu .m_menu_foot .selectBox .txt {display:block;width:100%; line-height:13.05vw; padding:0 10px;font-size:4.44vw; color:#222; font-weight:500; cursor: pointer; }
    .drawermenu .m_menu_foot .selectBox label {overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px; cursor: pointer;}
    .drawermenu .m_menu_foot .selectBox select {position:absolute;left:0;top:0;display:block;width:100%; height:13.05vw; padding:0 10px; line-height:35px; opacity:0;filter: alpha(opacity=0);z-index:10; font-size:20px; color:#aaa; 
        appearance:none; /* �⺻ ��Ÿ�� ���ֱ� */
        -webkit-appearance:none;
        -moz-appearance:none;
        -o-appearance:none
    } 
    .drawermenu .m_menu_foot .selectBox option { font-size:4.44vw; height:5.44vw; line-height:5.44vw;}   
    
    .drawermenu .m_menu_foot .m_sns { width:100%; display:block; margin:0 auto; text-align:center }
    .drawermenu .m_menu_foot .m_sns li { display:inline-block; width:13.33vw; }
    .drawermenu .m_menu_foot .m_sns li > a { display:block; }
    .drawermenu .m_menu_foot .m_sns li > a > img { width:70%; }

    .section02 { background:none; margin-top:8vw }
    .product_tit { margin-bottom:7vw; font-size:5.85vw }
    .section02 .tab_tit li a { font-size:5vw; padding: 0 7.5vw; }
    .section02 .tab_tit { margin-bottom:2vw}
    .section02 .product_list li { width:50%; margin-bottom:8.33vw; background:url('../images/main/section02_li_bg.jpg') 0 9.25vw repeat-x; }
    .section02 .product_list h3 { font-size:3.88vw; }

    .section03 { margin-top:8vw; }
    .section03 .video_area { margin-bottom:7vw; }    
    .section03 .btn_play { margin-bottom:13.88vw; }

    #footer { background:none; height:auto; padding:0; }

    .m_foot { position:relative; display:block; width:100%; height:36.805vw; background: #000; padding:0 5.55vw; text-transform: uppercase; box-sizing: border-box; }
    .m_foot ul { display:block;  margin:0 0 4.861vw; padding-top:4.16vw; border-bottom:1px solid #333; }
    .m_foot ul:after { display:block; content:''; clear:both; }
    .m_foot ul > li { position:relative; display:block; float:left; padding:0 2vw; line-height:11.11vw; font-size:3.05vw; font-weight:400; color:#fff; text-align:center;}
	.m_foot ul > li em {font-style:normal;}
	.m_foot ul > li .num {font-size:3.8vw; font-weight:600;}
	.m_foot ul > li:first-child { padding-left:0;}
    .m_foot ul > li:after { position:absolute; right:0%; top:50%; display:block; content:''; width:0.27vw; height:2.22vw; background: #ddd; transform: translateY(-50%); }
    .m_foot ul > li:last-child {padding-right:0;}
	.m_foot ul > li:last-child:after { display:none; }
    .m_foot ul > li > a { display:block; line-height:11.11vw; font-size:3.05vw; font-weight:400; color:#fff; }
    .m_foot ul > li:nth-child(1) > a { text-align:left;}
    .m_foot ul > li:nth-child(2) > a { text-align:center; }
    .m_foot ul > li:nth-child(3) > a { text-align:right; }

    .m_foot_logo { display:block; width:22.22vw; }
    .m_foot span { display:block; padding-top:2.77vw; font-size:3.055vw; color:#555; }

    .m_btn_top { position:absolute; right:2.77vw; bottom:6.94vw; width:9.72vw; height:9.72vw; }
    .m_btn_top > img { width:100%; }

    #inquiry_box { position:fixed; left:0; top:0; display:none; width:100%; height:100%; z-index:778; transform: translateX(0); }    
    #btn_inquiry { width:70px; height:auto; right:5.55vw; bottom:13.8vw; }

    .video_pop video { width:80%; position:absolute; top:30%;}
    .video_close { width:6.51vw; height:auto; position:absolute; top:21.90vw; right:3.90vw; }

    #btn_inquiry { width:9.72vw; height:auto; right:5.55vw; bottom:5.55vw; }
    #inquiry_box {  background-color:#fff;}
    #inquiry_box .inquiry_head { height:6.88vw; }    
    #inquiry_box .inquiry_body { height:100%; padding-bottom:20.83vw; box-sizing:border-box; }
    #inquiry_box .inquiry_body .btn_area {padding:5.55vw; }
    #inquiry_box .inquiry_body .inquiry_item { margin:2.08vw 0; padding:0 5.55vw; }
    #inquiry_box .inquiry_head h4 { font-size:5.55vw;}
    #inquiry_box .inquiry_head .inquiry_close { width:5.55vw; height:5.55vw; }
    #inquiry_box .inquiry_foot { padding:5.55vw 5.55vw 0 5.55vw; font-size:3.88vw; line-height:5.55vw; }
    #inquiry_box .inquiry_foot .btn_submit { width:100%; height: 9.72vw; line-height:9.72vw; font-size:3.88vw; border-radius:9.72vw; margin:5.55vw 0; } 
    #inquiry_box .inquiry_foot .check_info { width:100%; box-sizing:border-box; margin:0; padding-left:0; margin-bottom:2.08vw; }
    #inquiry_box .inquiry_body .btn_area .box_radio { height:35.5vw;}
    #inquiry_box .inquiry_body .btn_area .box_radio label { font-size:2.88vw; padding:26.05vw 0 6.16vw 0; }
    #inquiry_box .inquiry_body .btn_area .btn_module { top:25px; }
    #inquiry_box .inquiry_body .inquiry_item select { font-size:3.44vw;}
    #inquiry_box .inquiry_foot .check_box { top:0; left:0; }
    #inquiry_box .inquiry_foot .check_box input[type=checkbox]:before, #inquiry_box .inquiry_foot .check_box input[type=checkbox]:checked:before { width:5.55vw; height:5.55vw; background-size:cover !important; }    
    #inquiry_box .inquiry_body .inquiry_item h5, #inquiry_box .inquiry_body .inquiry_item .write { font-size:3.44vw; }


    /* 문의하기 완료 : 팝업 */
    #inquiry_complete { position:fixed; display:none; top:0; width:100%; height:100%; padding:13.88vw 0 25vw; color:#fff; text-align:center; background: #a12642; box-sizing:border-box; transform: translateX(-50%); z-index:1002; }    #inquiry_complete .icon { width:13.88vw; height:13.88vw; margin:0 auto; border-radius:100%; box-shadow:10px 10px 30px rgba(0,0,0,0.4); }
    #inquiry_complete .text1 { margin:3.47vw 0 1.66vw; font-size:5.61vw; font-weight:500; }
    #inquiry_complete .text2 { font-size:3.80vw; font-weight:200; }
    #inquiry_complete .text3 { font-size:3.94vw; font-weight:500; margin-top:2.36vw;}
    #inquiry_complete .btn_x { position:absolute; right:2.77vw; top:2.36vw; }      

}


@media screen and (max-width:890px) {     

    .event_search_box_container .event_search_box form { display: -webkit-inline-box; }

    /*공지사항 팝업*/
    #notice_pop .pop_cont { width:100%; height:auto; position:absolute; top:0; left:0; transform:translateX(0); background-color:#fff; text-align:center; z-index:778; }
    #notice_pop {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 778; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.6); /* Black w/ opacity */
    }
    #notice_pop .pop_cont .pop_btn_area { width:100%; height:11.11vw; position:relative; }
    #notice_pop .pop_cont .pop_btn_area .gray_btn { width:50%; height:100%; display:inline-block; background-color:#ddd; color:#999; font-size:3.88vw; line-height:11.11vw; }
    #notice_pop .pop_cont .pop_btn_area .red_btn { width:50%; height:100%; display:inline-block; background-color:#a12642; color:#fff; font-size:3.88vw; line-height:11.11vw; }               
    
    ::-webkit-scrollbar { height:0.55vw; width:0.55vw; }
    ::-webkit-scrollbar-track { background: #edecf1; }
    ::-webkit-scrollbar-thumb { background: #a12944; }

    #header, .w_foot, .section05 .calendar dl.pc_use {display: none;}
    .solution_img {width:0px !important;}
    .pc_use { display:none; }
    .mb_use { display:block; }
    
    /*m_main_rolling*/
    .text_deco{text-decoration: underline;}
    .main_rolling .swiper-container .video_txt { width:100%; position:absolute; top:20.00vw; left:50%; transform:translateX(-50%); text-align:center; color:#222; z-index:10; padding: 0 5%;}
    .main_rolling .swiper-container .video_txt_w { color:#fff; }
    .main_rolling .swiper-container .video_txt_left { text-align:center; }
    .main_rolling .swiper-container .video_txt dl{ padding-bottom:70px; }
    .main_rolling .swiper-container .video_txt dt { font-size:7.5vw; font-weight:600; line-height:1.3em; margin-bottom:4.16vw; text-shadow: none;}
    .main_rolling .swiper-container .video_txt dd { font-size:3.88vw; font-weight:200; line-height:1.3em; line-height:1.3em;}
    .main_rolling .swiper-pagination_main { bottom:5%; width:100%; }
    .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:last-child{margin-right:0;}
    .main_rolling .swiper-pagination_main .swiper-pagination-bullet { border-radius:0; width:8px; height:8px; margin-right:20px; background-color: #aaa; opacity:1; }
    .main_rolling .swiper-pagination-bullet-active {width:70px !important; height:8px; background-color: #a12642 !important;} 
    .main_rolling .swiper-container .swiper-wrapper .swiper-slide{height:initial;}
    
    /*solution*/
    .m_solution_img {width:100% !important; display:block; }
    .solution { height:650px; }
    .solution_txt { top:170px; }
    .solution_txt h2 { font-size:9.72vw }
    .solution_txt span { font-size:1.95vw } 
    .solution .swiper-container-solution { width:84%; margin:0 auto; }
    .solution .swiper-container-solution .img_zoom { text-align:center; }
    .solution .swiper-container-solution .img_zoom img { width:100%; height:100%; margin:0 auto; display: inline-block; }
    .solution .swiper-container-solution .swiper-pagination { display:none; }
    .solution .swiper-container-solution .swiper-button-prev, .solution .swiper-container-solution .swiper-button-prev:hover, .solution .swiper-container-solution .swiper-button-next, .solution .swiper-container-solution .swiper-button-next:hover { background-image:none; width:8%; }
    .solution .solution_txt span { display:none; }
    .solution .swiper-pagination_m { display:block; position:absolute; bottom:5%; left:0; width:100%; text-align:center; z-index:20;}
    
    .swiper-pagination_m>span{margin:0 5px; width:13px; height:13px;}
    .swiper-pagination_m>.swiper-pagination-bullet { width:13px; height:13px; border-radius:100% !important; opacity:1; background-color: #aaa; }
    .solution .swiper-pagination_m .swiper-pagination-bullet-active { width:13px; height:13px; border-radius:100% !important; background-color:#a12642 !important; background:none; }
   
     
    .product_tit { display:block; width:70%; font-size:8.61vw; line-height:9.72vw; }
    .section03 > .product_tit { width:80%; }
    
    /*news*/
    .news_m { display:block; width:100%; }
    .news_m .swiper-container-news_m { width:100%; overflow:hidden; }
    .section05 { margin-bottom:13.88vw;}
    .section05 .news_m { width:100%; padding:0 5.55vw; position:relative; margin:0 auto; margin-bottom:60px; box-sizing:border-box; }
    .section05 .news_m dl { width:100%; position:relative; overflow:hidden; padding:0 0; display:inline-block; box-sizing:border-box; }
    .section05 .news_m dl a { overflow:hidden; text-align:center; }
    .section05 .news_m dl img{ width:100%; position:relative; }
    .section05 .news_m dt { font-size:5.83vw; color:#0a1015; font-weight:400; margin:15px 0; }
    .section05 .news_m dd { font-size:3.61vw; color:#0a1015; font-weight:300; }
    .section05 .news_m dd span{ width:100%; font-size:3.05vw; display: inline-block; color:#aaa; display:inline-block; }
    .section05 .news_m .swiper-pagination { height:50px; position:absolute; left:50%; bottom:-60px; margin-left:-15px; font-weight:300; font-size:3.33vw; }
    .section05 .news_m .swiper-pagination .swiper-pagination-current { margin:0 auto; font-weight:600; color:#a12642; font-size:22px; }
    .section05 .news_m .swiper-container-news_m .swiper-button-next { width:36px; height:23px; position: absolute; bottom:-35px; right:35%; background:url('../images/main/swiper_next_g.png') 50% center no-repeat; }
    .section05 .news_m .swiper-container-news_m .swiper-button-prev { width:36px; height:23px; position: absolute; bottom:-35px; left:35%; background:url('../images/main/swiper_prev_g.png') 50% center no-repeat; }
    .section05 .calendar dt { width:14.16vw; height:14.16vw; padding-top:3.47vw; }
    .section05 .calendar dd .tit { font-size:3.88vw; }
    .section05 .calendar dt .month { font-size:2.50vw; }
    .section05 .calendar dt .num { font-size:5.0vw; }
    .section05 .calendar dd.date { font-size:2.50vw; margin-top:1.77vw; }

    .section05 .new_video { margin:0 5.55vw; overflow-x:scroll; }
    .section05 .new_video ul { width:1300px; }
    .section05 .calendar { width:auto; margin:0 5.55vw; overflow:hidden; }
    .section05 .calendar dl { width:100%; float:none; height:auto; margin-bottom:4.5vw;}
    
    .section05 .new_video li .tit { font-size:3.33vw; padding-top:1.77vw; padding-bottom:3vw;}

    #carousel2 {margin-bottom:30px;}
    .swiper-thumbnails {display:none;}

    .section04 { height:auto; margin-bottom:12.66vw; } 
    .section04 .buy, .section04 .support { width:100%; height:47.19vw; float:none; }
    .section04 .buy img.img_zoom, .section04 .support img.img_zoom { width:100%; min-width:960px; position:absolute; top:0; left:50%; transform:translateX(-50%); }
    .section04 .buy dl, .section04 .support dl { width:100%; padding-left:5.61vw; } 
    .section04 .buy dt, .section04 .support dt { width:26.85vw; height:26.85vw;}
    .section04 .buy dd, .section04 .support dd { margin-top:3.03vw;}
    .section04 .buy dd span.tit, .section04 .support dd span.tit { font-size: 3.33vw; }
    .section04 .buy dd span.txt, .section04 .support dd span.txt { font-size: 5vw; line-height:5.16vw; font-weight:400; }
    .section04 .support dd a, .section04 .buy dd a { font-size:3.88vw; margin-top:3.93vw; }

    /*404에러 페이지*/
    .arr_404 { padding:22.22vw 5.55vw; box-sizing:border-box; }
    .arr_404 dl dt { padding:8.33vw 0; font-size:5.94vw; line-height:8.61vw; }
    .arr_404 dl dd { font-size:3.88vw; line-height:5.55vw;}

    .btn_area_404 { padding:8.33vw 0; }
    .btn_area_404 a.line_btn { padding:2.7vw 12.85vw; border-radius:10.55vw; font-size:3.88vw; }
    .btn_area_404 a.red_btn { padding:2.7vw 12.85vw; border-radius:10.55vw; font-size:3.88vw; }    
    
}

@media screen and (max-width:740px) {         
    .solution { height:450px; }
    .section05 .news_m .swiper-container-news_m .swiper-button-next { right:35%; }
    .section05 .news_m .swiper-container-news_m .swiper-button-prev { left:35%; }     
}

@media screen and (max-width:580px) {         
    .solution { height:400px; margin-bottom:60px; }
    .solution_txt { top:100px; }
    .section05 .news dl {width:100%;}
    
}


/**
 * Owl Carousel v2.2.0
 * Copyright 2013-2016 David Deutsch
 * Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE)
 */


/*
 *  Owl Carousel - Core
 */

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    /* position relative and z-index fix webkit rendering fonts issue */
    position: relative;
    z-index: 1;
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}


.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
    display: none;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel.owl-loaded {
    display: block;
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block;
    position:relative;
}

.owl-loading {position:relative;}
.owl-loading img {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
    max-height :100%;
    max-width :100%;
}

.owl-carousel.owl-hidden {
    opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab;
}

.owl-carousel.owl-rtl {
    direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
    float: right;
}


/* No Js */

.no-js .owl-carousel {
    display: block;
}


/*
 *  Owl Carousel - Animate Plugin
 */

.owl-carousel .animated {
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
    z-index: 0;
}

.owl-carousel .owl-animated-out {
    z-index: 1;
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}


/*
 * 	Owl Carousel - Auto Height Plugin
 */

.owl-height {
    transition: height 500ms ease-in-out;
}


/*
 * 	Owl Carousel - Lazy Load Plugin
 */

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease;
}

.owl-carousel .owl-item img.owl-lazy {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}


/*
 * 	Owl Carousel - Video Plugin
 */

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000;
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url("/js/owl-carousel/owl.video.play.png") no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: -webkit-transform 100ms ease;
    transition: transform 100ms ease;
}

.owl-carousel .owl-video-play-icon:hover {
    -webkit-transform: scale(1.3, 1.3);
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none;
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%;
}

/**
 * Owl Carousel v2.2.0
 * Copyright 2013-2016 David Deutsch
 * Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE)
 */


/*
 * 	Default theme - Owl Carousel CSS File
 */

.owl-theme .owl-nav {
    margin-top: 10px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

.owl-theme .owl-nav [class*='owl-'] {
    background: #EDEDED;
    color: #333;
    font-size: 18px;
    padding: 3px 8px;
    display: inline-block;
    cursor: pointer;
    border-radius: 0px;
    
}

.owl-theme .owl-nav [class*='owl-']:hover {
    background: #0F75BD;
    color: #FFF;
    text-decoration: none;
}

.owl-theme .owl-nav .disabled {
    opacity: 0.5;
    cursor: default;
}

.owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 10px;
}

.owl-theme .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 30px;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #869791;
}

.owl-theme.none-dots .owl-dots {
    display:none;
}
.owl-theme.none-nav .owl-nav {
    display:none;
}

.owl-theme.owl-center .owl-nav [class*='owl-'] {
    position:absolute;
    top:50%;
}
.owl-theme.owl-top .owl-nav [class*='owl-'] {
    position:absolute;
    top:-35px;
}
.owl-theme.owl-top  .owl-prev {right:30px;}
.owl-theme.owl-top  .owl-next {right:0px;}

.owl-theme.owl-center  .owl-prev {left:0px;}
.owl-theme.owl-center  .owl-next {right:0px;}

/**
 * Owl Carousel v2.2.0
 * Copyright 2013-2016 David Deutsch
 * Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE)
 */

.owl-theme {position:relative;}
.owl-theme .owl-dots,
.owl-theme .owl-nav {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    width:100%;
}

.owl-theme .owl-dots {
    bottom:5%;
    display:none;
}

.owl-theme .owl-nav {
    top:0;
    z-index:1;
}

.owl-theme .owl-nav [class*=owl-] {
    background:#EDEDED;
    color: #333;
    font-size: 25px;
    padding: 3px 8px;
    display: inline-block;
    cursor: pointer;
    border-radius: 0px;
    position:absolute;
}

.owl-theme .owl-nav .owl-prev {left:-25px;top:50%;}
.owl-theme .owl-nav .owl-next {right:-25px;top:50%;}

.owl-theme .owl-nav [class*=owl-]:hover {
    background:#1B76BD;
    color: #fff;
    text-decoration: none
}

.owl-theme .owl-nav .disabled {
    opacity: .5;
    cursor: default
}

.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 10px
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #fff;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #b60f0f;
}

.owl-loading {height:100px;position:relative;}
.owl-loading img {position:absolute; top:0;left:0;right:0;bottom:0;margin:auto;}

@media (max-width:767px) 
{
    .owl-carousel-slide .owl-nav {display:none !important;}
    .owl-theme .owl-nav .owl-prev {left:15px;}
    .owl-theme .owl-nav .owl-next { right:15px;}
    }

