@charset "utf-8";

/* common */
html,body,div,span,applet,object,iframe,h1,h2,h3, h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,dialog,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
 margin: 0; padding: 0; border: 0; /* outline: 0; */ font-size: 100%; font: inherit; vertical-align: baseline;}
article,aside,details,dialog,figcaption,figure,footer,header,hgroup,menu,nav,section {display: block;}
ol,ul,li {list-style: none}
blockquote,q {quotes: none}
blockquote:before,blockquote:after,q:before,q:after  {content: ''; content: none;}
ins {background-color: #ff9; color: #000; text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0; width: 100%; }
abbr[title], dfn[title] {border-bottom:1px dotted #000; cursor: help}
hr {display: block; height: 1px; border: 0; border-top: 1px solid #c7c7c7; margin: 1em 0; padding: 0;}
*{margin:0; padding:0; }
li{list-style:none;}
img {border:0 none;}
.hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
form {min-width: auto;}
input[type="image"] {border:0 none;}
button, input[type="submit"] {cursor: pointer; border:0 none;}
button::-moz-focus-inner {border: 0 none; padding: 0;}
body {background-color:#ffffff; word-wrap:break-word; word-break:break-all;  zoom:1; -webkit-text-size-adjust: 100%;}
body,html {position:relative; height:100%; word-break: keep-all;}

body,th,td,input,select,textarea,button {font-weight:350; line-height:1.5; font-family: Pretendard,'Noto Sans CJK KR','SpoqaHanSans', sans-serif; color:#00053e;} /* color값은 디자인가이드에 맞게사용 */
a{font-family: Pretendard,'Noto Sans CJK KR', 'SpoqaHanSans',sans-serif;text-decoration:none; color:#00053e; -webkit-transition:.3s; -o-transition:.3s; transition:.3s;} /* color값은 디자인가이드에 맞게사용 */

select {
	padding: 0 25px 0 10px;
	background-image: url('/resources/img/common/icon_select_arrow.png');
    background-repeat: no-repeat;
    background-position: right 10px center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
select:focus {
	border-color: #033088;
}

select::-ms-expand { 
	display: none; 
}

img {
    vertical-align: middle;
}

* {-webkit-box-sizing: border-box;box-sizing: border-box;}
p {font-size: 1rem;}

p, dd {color: #000; font-weight: 400; line-height: 1.5; letter-spacing: -.5px;}


html {
    font-size: 16px;
}

#wrapeer {overflow:hidden; width:100%;}
body {overflow-x:hidden;} 
@media screen and (min-width:321px) { 
    body {overflow-x:hidden;} 
}

@media screen and (min-width: 481px) and (max-width: 768px) {
    html {
        font-size: 15px;
    }
    body .inner {
        width: 100%;
    }
}

@media (max-width: 480px) {
    html {
        font-size: 14px;
    }
    body .inner {
        width: 100%;
    }
}

.cb:after {content: ""; display: block; clear: both;}
.align-center {text-align: center;}
.align-left {text-align: left;}
.align-right {text-align: right;}


/* --- placeholder */
input[type="text"]::-webkit-input-placeholder {color: #666; opacity: 1; /* Firefox */}
input[type="text"]::-moz-placeholder {color: #666; opacity: 1; /* Firefox */}
input[type="text"]:-ms-input-placeholder {color: #666; opacity: 1; /* Firefox */}
input[type="text"]::-ms-input-placeholder {color: #666; opacity: 1; /* Firefox */}
input[type="text"]::placeholder {color: #666; opacity: 1; /* Firefox */}
input[type="text"]:-ms-input-placeholder {color: #666;}
input[type="text"]::-ms-input-placeholder {color: #666;}

textarea::-webkit-input-placeholder {color: #666; opacity: 1; /* Firefox */}

textarea::-moz-placeholder {color: #666; opacity: 1; /* Firefox */}

textarea:-ms-input-placeholder {color: #666; opacity: 1; /* Firefox */}

textarea::-ms-input-placeholder {color: #666; opacity: 1; /* Firefox */}

textarea::placeholder {color: #666; opacity: 1; /* Firefox */}
textarea:-ms-input-placeholder {color: #666;}
textarea::-ms-input-placeholder {color: #666;}

body a:hover { text-decoration:none; -o-transition:.2s; transition:.2s; -webkit-transition:.2s;}
body a:focus { text-decoration:none;}


body [class*="fade"] {
	opacity:0;
}

img {
	max-width:100%;
}

/* common */
/* 자주 쓰는 CSS */

/* color */
.color5690e9 { color: #5690e9;}
.color00053e {color: #00053e;}/* Navy */
.colorfff { color: #fff;}
/* align */
body .txt-c { text-align: center;}
body .txt-l { text-align: left;}
body .txt-r { text-align: right;}

/* vertical align */
body .inline-b { display: inline-block;}
body .ver-align-c { vertical-align: center;}
body .ver-align-t { vertical-align: top;}

/* flex */
body .d-flex {
	display: -webkit-box;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -ms-flexbox;
	display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
}
body .f-between {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
body .f-center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
body .f-align-c {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

body .flex-wrap {
    width: 100%;
}


.row {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .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, .col-sm,
.col-sm-auto, .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, .col-md,
.col-md-auto, .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, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 10px;
  padding-left: 10px;
    
}

.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  -webkit-box-flex: 1;
          flex-grow: 1;
  max-width: 100%;
}

.row-cols-1 > * {
  -ms-flex: 0 0 100%;
  -webkit-box-flex: 0;
          flex: 0 0 100%;
  max-width: 100%;
}

.row-cols-2 > * {
  -ms-flex: 0 0 50%;
  -webkit-box-flex: 0;
          flex: 0 0 50%;
  max-width: 50%;
}

.row-cols-3 > * {
  -ms-flex: 0 0 33.333333%;
  -webkit-box-flex: 0;
          flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.row-cols-4 > * {
  -ms-flex: 0 0 25%;
  -webkit-box-flex: 0;
          flex: 0 0 25%;
  max-width: 25%;
}

.row-cols-5 > * {
  -ms-flex: 0 0 20%;
  -webkit-box-flex: 0;
          flex: 0 0 20%;
  max-width: 20%;
}

.row-cols-6 > * {
  -ms-flex: 0 0 16.666667%;
  -webkit-box-flex: 0;
          flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.col-auto {
  -ms-flex: 0 0 auto;
  -webkit-box-flex: 0;
          flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.col-1 {
  -ms-flex: 0 0 8.333333%;
  -webkit-box-flex: 0;
          flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.col-2 {
  -ms-flex: 0 0 16.666667%;
  -webkit-box-flex: 0;
          flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.col-3 {
  -ms-flex: 0 0 25%;
  -webkit-box-flex: 0;
          flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  -ms-flex: 0 0 33.333333%;
  -webkit-box-flex: 0;
          flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.col-5 {
  -ms-flex: 0 0 41.666667%;
  -webkit-box-flex: 0;
          flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.col-6 {
  -ms-flex: 0 0 50%;
  -webkit-box-flex: 0;
          flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  -ms-flex: 0 0 58.333333%;
  -webkit-box-flex: 0;
          flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.col-8 {
  -ms-flex: 0 0 66.666667%;
  -webkit-box-flex: 0;
          flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.col-9 {
  -ms-flex: 0 0 75%;
  -webkit-box-flex: 0;
          flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  -ms-flex: 0 0 83.333333%;
  -webkit-box-flex: 0;
          flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.col-11 {
  -ms-flex: 0 0 91.666667%;
  -webkit-box-flex: 0;
          flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

.col-12 {
  -ms-flex: 0 0 100%;
  -webkit-box-flex: 0;
          flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  -ms-flex-order: -1;
  -webkit-box-ordinal-group: 0;
          order: -1;
}

.order-last {
  -ms-flex-order: 13;
  -webkit-box-ordinal-group: 14;
          order: 13;
}

.order-0 {
  -ms-flex-order: 0;
  -webkit-box-ordinal-group: 1;
          order: 0;
}

.order-1 {
  -ms-flex-order: 1;
  -webkit-box-ordinal-group: 2;
          order: 1;
}

.order-2 {
  -ms-flex-order: 2;
  -webkit-box-ordinal-group: 3;
          order: 2;
}

.order-3 {
  -ms-flex-order: 3;
  -webkit-box-ordinal-group: 4;
          order: 3;
}

.order-4 {
  -ms-flex-order: 4;
  -webkit-box-ordinal-group: 5;
          order: 4;
}

.order-5 {
  -ms-flex-order: 5;
  -webkit-box-ordinal-group: 6;
          order: 5;
}

.order-6 {
  -ms-flex-order: 6;
  -webkit-box-ordinal-group: 7;
          order: 6;
}

.order-7 {
  -ms-flex-order: 7;
  -webkit-box-ordinal-group: 8;
          order: 7;
}

.order-8 {
  -ms-flex-order: 8;
  -webkit-box-ordinal-group: 9;
          order: 8;
}

.order-9 {
  -ms-flex-order: 9;
  -webkit-box-ordinal-group: 10;
          order: 9;
}

.order-10 {
  -ms-flex-order: 10;
  -webkit-box-ordinal-group: 11;
          order: 10;
}

.order-11 {
  -ms-flex-order: 11;
  -webkit-box-ordinal-group: 12;
          order: 11;
}

.order-12 {
  -ms-flex-order: 12;
  -webkit-box-ordinal-group: 13;
          order: 12;
}

.offset-1 {
  margin-left: 8.333333%;
}

.offset-2 {
  margin-left: 16.666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.333333%;
}

.offset-5 {
  margin-left: 41.666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.333333%;
}

.offset-8 {
  margin-left: 66.666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.333333%;
}

.offset-11 {
  margin-left: 91.666667%;
}

@media (min-width: 576px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
            flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-sm-1 > * {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-sm-2 > * {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-sm-3 > * {
    -ms-flex: 0 0 33.333333%;
    -webkit-box-flex: 0;
            flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .row-cols-sm-4 > * {
    -ms-flex: 0 0 25%;
    -webkit-box-flex: 0;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-sm-5 > * {
    -ms-flex: 0 0 20%;
    -webkit-box-flex: 0;
            flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-sm-6 > * {
    -ms-flex: 0 0 16.666667%;
    -webkit-box-flex: 0;
            flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-sm-auto {
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
            flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-sm-1 {
    -ms-flex: 0 0 8.333333%;
    -webkit-box-flex: 0;
            flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-sm-2 {
    -ms-flex: 0 0 16.666667%;
    -webkit-box-flex: 0;
            flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-sm-3 {
    -ms-flex: 0 0 25%;
    -webkit-box-flex: 0;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    -ms-flex: 0 0 33.333333%;
    -webkit-box-flex: 0;
            flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-sm-5 {
    -ms-flex: 0 0 41.666667%;
    -webkit-box-flex: 0;
            flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-sm-6 {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    -ms-flex: 0 0 58.333333%;
    -webkit-box-flex: 0;
            flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-sm-8 {
    -ms-flex: 0 0 66.666667%;
    -webkit-box-flex: 0;
            flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-sm-9 {
    -ms-flex: 0 0 75%;
    -webkit-box-flex: 0;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    -ms-flex: 0 0 83.333333%;
    -webkit-box-flex: 0;
            flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-sm-11 {
    -ms-flex: 0 0 91.666667%;
    -webkit-box-flex: 0;
            flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-sm-12 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: 0;
            order: -1;
  }
  .order-sm-last {
    -ms-flex-order: 13;
    -webkit-box-ordinal-group: 14;
            order: 13;
  }
  .order-sm-0 {
    -ms-flex-order: 0;
    -webkit-box-ordinal-group: 1;
            order: 0;
  }
  .order-sm-1 {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
            order: 1;
  }
  .order-sm-2 {
    -ms-flex-order: 2;
    -webkit-box-ordinal-group: 3;
            order: 2;
  }
  .order-sm-3 {
    -ms-flex-order: 3;
    -webkit-box-ordinal-group: 4;
            order: 3;
  }
  .order-sm-4 {
    -ms-flex-order: 4;
    -webkit-box-ordinal-group: 5;
            order: 4;
  }
  .order-sm-5 {
    -ms-flex-order: 5;
    -webkit-box-ordinal-group: 6;
            order: 5;
  }
  .order-sm-6 {
    -ms-flex-order: 6;
    -webkit-box-ordinal-group: 7;
            order: 6;
  }
  .order-sm-7 {
    -ms-flex-order: 7;
    -webkit-box-ordinal-group: 8;
            order: 7;
  }
  .order-sm-8 {
    -ms-flex-order: 8;
    -webkit-box-ordinal-group: 9;
            order: 8;
  }
  .order-sm-9 {
    -ms-flex-order: 9;
    -webkit-box-ordinal-group: 10;
            order: 9;
  }
  .order-sm-10 {
    -ms-flex-order: 10;
    -webkit-box-ordinal-group: 11;
            order: 10;
  }
  .order-sm-11 {
    -ms-flex-order: 11;
    -webkit-box-ordinal-group: 12;
            order: 11;
  }
  .order-sm-12 {
    -ms-flex-order: 12;
    -webkit-box-ordinal-group: 13;
            order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.333333%;
  }
  .offset-sm-2 {
    margin-left: 16.666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.333333%;
  }
  .offset-sm-5 {
    margin-left: 41.666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.333333%;
  }
  .offset-sm-8 {
    margin-left: 66.666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.333333%;
  }
  .offset-sm-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 768px) {
  .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
            flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-md-1 > * {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-md-2 > * {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-md-3 > * {
    -ms-flex: 0 0 33.333333%;
    -webkit-box-flex: 0;
            flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .row-cols-md-4 > * {
    -ms-flex: 0 0 25%;
    -webkit-box-flex: 0;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-md-5 > * {
    -ms-flex: 0 0 20%;
    -webkit-box-flex: 0;
            flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-md-6 > * {
    -ms-flex: 0 0 16.666667%;
    -webkit-box-flex: 0;
            flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-auto {
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
            flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    -ms-flex: 0 0 8.333333%;
    -webkit-box-flex: 0;
            flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-md-2 {
    -ms-flex: 0 0 16.666667%;
    -webkit-box-flex: 0;
            flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-3 {
    -ms-flex: 0 0 25%;
    -webkit-box-flex: 0;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    -ms-flex: 0 0 33.333333%;
    -webkit-box-flex: 0;
            flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-md-5 {
    -ms-flex: 0 0 41.666667%;
    -webkit-box-flex: 0;
            flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-md-6 {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    -ms-flex: 0 0 58.333333%;
    -webkit-box-flex: 0;
            flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-md-8 {
    -ms-flex: 0 0 66.666667%;
    -webkit-box-flex: 0;
            flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-md-9 {
    -ms-flex: 0 0 75%;
    -webkit-box-flex: 0;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    -ms-flex: 0 0 83.333333%;
    -webkit-box-flex: 0;
            flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-md-11 {
    -ms-flex: 0 0 91.666667%;
    -webkit-box-flex: 0;
            flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-md-12 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: 0;
            order: -1;
  }
  .order-md-last {
    -ms-flex-order: 13;
    -webkit-box-ordinal-group: 14;
            order: 13;
  }
  .order-md-0 {
    -ms-flex-order: 0;
    -webkit-box-ordinal-group: 1;
            order: 0;
  }
  .order-md-1 {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
            order: 1;
  }
  .order-md-2 {
    -ms-flex-order: 2;
    -webkit-box-ordinal-group: 3;
            order: 2;
  }
  .order-md-3 {
    -ms-flex-order: 3;
    -webkit-box-ordinal-group: 4;
            order: 3;
  }
  .order-md-4 {
    -ms-flex-order: 4;
    -webkit-box-ordinal-group: 5;
            order: 4;
  }
  .order-md-5 {
    -ms-flex-order: 5;
    -webkit-box-ordinal-group: 6;
            order: 5;
  }
  .order-md-6 {
    -ms-flex-order: 6;
    -webkit-box-ordinal-group: 7;
            order: 6;
  }
  .order-md-7 {
    -ms-flex-order: 7;
    -webkit-box-ordinal-group: 8;
            order: 7;
  }
  .order-md-8 {
    -ms-flex-order: 8;
    -webkit-box-ordinal-group: 9;
            order: 8;
  }
  .order-md-9 {
    -ms-flex-order: 9;
    -webkit-box-ordinal-group: 10;
            order: 9;
  }
  .order-md-10 {
    -ms-flex-order: 10;
    -webkit-box-ordinal-group: 11;
            order: 10;
  }
  .order-md-11 {
    -ms-flex-order: 11;
    -webkit-box-ordinal-group: 12;
            order: 11;
  }
  .order-md-12 {
    -ms-flex-order: 12;
    -webkit-box-ordinal-group: 13;
            order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.333333%;
  }
  .offset-md-2 {
    margin-left: 16.666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.333333%;
  }
  .offset-md-5 {
    margin-left: 41.666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.333333%;
  }
  .offset-md-8 {
    margin-left: 66.666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.333333%;
  }
  .offset-md-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 992px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
            flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-lg-1 > * {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-lg-2 > * {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-lg-3 > * {
    -ms-flex: 0 0 33.333333%;
    -webkit-box-flex: 0;
            flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .row-cols-lg-4 > * {
    -ms-flex: 0 0 25%;
    -webkit-box-flex: 0;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-lg-5 > * {
    -ms-flex: 0 0 20%;
    -webkit-box-flex: 0;
            flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-lg-6 > * {
    -ms-flex: 0 0 16.666667%;
    -webkit-box-flex: 0;
            flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-lg-auto {
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
            flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    -ms-flex: 0 0 8.333333%;
    -webkit-box-flex: 0;
            flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-lg-2 {
    -ms-flex: 0 0 16.666667%;
    -webkit-box-flex: 0;
            flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-lg-3 {
    -ms-flex: 0 0 25%;
    -webkit-box-flex: 0;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    -ms-flex: 0 0 33.333333%;
    -webkit-box-flex: 0;
            flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-lg-5 {
    -ms-flex: 0 0 41.666667%;
    -webkit-box-flex: 0;
            flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-lg-6 {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    -ms-flex: 0 0 58.333333%;
    -webkit-box-flex: 0;
            flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-lg-8 {
    -ms-flex: 0 0 66.666667%;
    -webkit-box-flex: 0;
            flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-lg-9 {
    -ms-flex: 0 0 75%;
    -webkit-box-flex: 0;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    -ms-flex: 0 0 83.333333%;
    -webkit-box-flex: 0;
            flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-lg-11 {
    -ms-flex: 0 0 91.666667%;
    -webkit-box-flex: 0;
            flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-lg-12 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: 0;
            order: -1;
  }
  .order-lg-last {
    -ms-flex-order: 13;
    -webkit-box-ordinal-group: 14;
            order: 13;
  }
  .order-lg-0 {
    -ms-flex-order: 0;
    -webkit-box-ordinal-group: 1;
            order: 0;
  }
  .order-lg-1 {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
            order: 1;
  }
  .order-lg-2 {
    -ms-flex-order: 2;
    -webkit-box-ordinal-group: 3;
            order: 2;
  }
  .order-lg-3 {
    -ms-flex-order: 3;
    -webkit-box-ordinal-group: 4;
            order: 3;
  }
  .order-lg-4 {
    -ms-flex-order: 4;
    -webkit-box-ordinal-group: 5;
            order: 4;
  }
  .order-lg-5 {
    -ms-flex-order: 5;
    -webkit-box-ordinal-group: 6;
            order: 5;
  }
  .order-lg-6 {
    -ms-flex-order: 6;
    -webkit-box-ordinal-group: 7;
            order: 6;
  }
  .order-lg-7 {
    -ms-flex-order: 7;
    -webkit-box-ordinal-group: 8;
            order: 7;
  }
  .order-lg-8 {
    -ms-flex-order: 8;
    -webkit-box-ordinal-group: 9;
            order: 8;
  }
  .order-lg-9 {
    -ms-flex-order: 9;
    -webkit-box-ordinal-group: 10;
            order: 9;
  }
  .order-lg-10 {
    -ms-flex-order: 10;
    -webkit-box-ordinal-group: 11;
            order: 10;
  }
  .order-lg-11 {
    -ms-flex-order: 11;
    -webkit-box-ordinal-group: 12;
            order: 11;
  }
  .order-lg-12 {
    -ms-flex-order: 12;
    -webkit-box-ordinal-group: 13;
            order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.333333%;
  }
  .offset-lg-2 {
    margin-left: 16.666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.333333%;
  }
  .offset-lg-5 {
    margin-left: 41.666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.333333%;
  }
  .offset-lg-8 {
    margin-left: 66.666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.333333%;
  }
  .offset-lg-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 1200px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
            flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-xl-1 > * {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-xl-2 > * {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-xl-3 > * {
    -ms-flex: 0 0 33.333333%;
    -webkit-box-flex: 0;
            flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .row-cols-xl-4 > * {
    -ms-flex: 0 0 25%;
    -webkit-box-flex: 0;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-xl-5 > * {
    -ms-flex: 0 0 20%;
    -webkit-box-flex: 0;
            flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-xl-6 > * {
    -ms-flex: 0 0 16.666667%;
    -webkit-box-flex: 0;
            flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xl-auto {
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
            flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xl-1 {
    -ms-flex: 0 0 8.333333%;
    -webkit-box-flex: 0;
            flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-xl-2 {
    -ms-flex: 0 0 16.666667%;
    -webkit-box-flex: 0;
            flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xl-3 {
    -ms-flex: 0 0 25%;
    -webkit-box-flex: 0;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    -ms-flex: 0 0 33.333333%;
    -webkit-box-flex: 0;
            flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-xl-5 {
    -ms-flex: 0 0 41.666667%;
    -webkit-box-flex: 0;
            flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-xl-6 {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    -ms-flex: 0 0 58.333333%;
    -webkit-box-flex: 0;
            flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-xl-8 {
    -ms-flex: 0 0 66.666667%;
    -webkit-box-flex: 0;
            flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-xl-9 {
    -ms-flex: 0 0 75%;
    -webkit-box-flex: 0;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    -ms-flex: 0 0 83.333333%;
    -webkit-box-flex: 0;
            flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-xl-11 {
    -ms-flex: 0 0 91.666667%;
    -webkit-box-flex: 0;
            flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-xl-12 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: 0;
            order: -1;
  }
  .order-xl-last {
    -ms-flex-order: 13;
    -webkit-box-ordinal-group: 14;
            order: 13;
  }
  .order-xl-0 {
    -ms-flex-order: 0;
    -webkit-box-ordinal-group: 1;
            order: 0;
  }
  .order-xl-1 {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
            order: 1;
  }
  .order-xl-2 {
    -ms-flex-order: 2;
    -webkit-box-ordinal-group: 3;
            order: 2;
  }
  .order-xl-3 {
    -ms-flex-order: 3;
    -webkit-box-ordinal-group: 4;
            order: 3;
  }
  .order-xl-4 {
    -ms-flex-order: 4;
    -webkit-box-ordinal-group: 5;
            order: 4;
  }
  .order-xl-5 {
    -ms-flex-order: 5;
    -webkit-box-ordinal-group: 6;
            order: 5;
  }
  .order-xl-6 {
    -ms-flex-order: 6;
    -webkit-box-ordinal-group: 7;
            order: 6;
  }
  .order-xl-7 {
    -ms-flex-order: 7;
    -webkit-box-ordinal-group: 8;
            order: 7;
  }
  .order-xl-8 {
    -ms-flex-order: 8;
    -webkit-box-ordinal-group: 9;
            order: 8;
  }
  .order-xl-9 {
    -ms-flex-order: 9;
    -webkit-box-ordinal-group: 10;
            order: 9;
  }
  .order-xl-10 {
    -ms-flex-order: 10;
    -webkit-box-ordinal-group: 11;
            order: 10;
  }
  .order-xl-11 {
    -ms-flex-order: 11;
    -webkit-box-ordinal-group: 12;
            order: 11;
  }
  .order-xl-12 {
    -ms-flex-order: 12;
    -webkit-box-ordinal-group: 13;
            order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.333333%;
  }
  .offset-xl-2 {
    margin-left: 16.666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.333333%;
  }
  .offset-xl-5 {
    margin-left: 41.666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.333333%;
  }
  .offset-xl-8 {
    margin-left: 66.666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.333333%;
  }
  .offset-xl-11 {
    margin-left: 91.666667%;
  }
}

.justify-content-start {
  -ms-flex-pack: start !important;
  -webkit-box-pack: start !important;
          justify-content: flex-start !important;
}

.justify-content-end {
  -ms-flex-pack: end !important;
  -webkit-box-pack: end !important;
          justify-content: flex-end !important;
}

.justify-content-center {
  -ms-flex-pack: center !important;
  -webkit-box-pack: center !important;
          justify-content: center !important;
}

.justify-content-between {
  -ms-flex-pack: justify !important;
  -webkit-box-pack: justify !important;
          justify-content: space-between !important;
}

.justify-content-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
}

.align-items-start {
  -ms-flex-align: start !important;
  -webkit-box-align: start !important;
          align-items: flex-start !important;
}

.align-items-end {
  -ms-flex-align: end !important;
  -webkit-box-align: end !important;
          align-items: flex-end !important;
}

.align-items-center {
  -ms-flex-align: center !important;
  -webkit-box-align: center !important;
          align-items: center !important;
}

.align-items-baseline {
  -ms-flex-align: baseline !important;
  -webkit-box-align: baseline !important;
          align-items: baseline !important;
}

.align-items-stretch {
  -ms-flex-align: stretch !important;
  -webkit-box-align: stretch !important;
          align-items: stretch !important;
}

.justify-content-start {
  -ms-flex-pack: start !important;
  -webkit-box-pack: start !important;
          justify-content: flex-start !important;
}

.justify-content-end {
  -ms-flex-pack: end !important;
  -webkit-box-pack: end !important;
          justify-content: flex-end !important;
}

.justify-content-center {
  -ms-flex-pack: center !important;
  -webkit-box-pack: center !important;
          justify-content: center !important;
}

.justify-content-between {
  -ms-flex-pack: justify !important;
  -webkit-box-pack: justify !important;
          justify-content: space-between !important;
}

.justify-content-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
}

.align-items-start {
  -ms-flex-align: start !important;
  -webkit-box-align: start !important;
          align-items: flex-start !important;
}

.align-items-end {
  -ms-flex-align: end !important;
  -webkit-box-align: end !important;
          align-items: flex-end !important;
}

.align-items-center {
  -ms-flex-align: center !important;
  -webkit-box-align: center !important;
          align-items: center !important;
}

.align-items-baseline {
  -ms-flex-align: baseline !important;
  -webkit-box-align: baseline !important;
          align-items: baseline !important;
}

.align-items-stretch {
  -ms-flex-align: stretch !important;
  -webkit-box-align: stretch !important;
          align-items: stretch !important;
}
/* padding */
.pt40 { padding-top: 2.5rem!important;}
.pt60 { padding-top: 3.75rem!important;}
.pb30 { padding-bottom: 1.875rem!important;}
.pd40 { padding: 2.5rem 0!important;}
.pd60 { padding: 3.75rem 0!important;}
.pr20 { padding-right: 1.25rem!important;}
@media screen and (min-width: 1201px){
    .pd-lr60 { padding: 0 3.75rem!important;}
}
/* margin */
.mt-0 {margin-top: 0!important;}
.mr20 { margin-right: 1.25rem!important;}
.mt10 { margin-top: .625rem!important;}
.mt15 { margin-top: .9375rem!important;}
.mt20 { margin-top: 1.25rem!important;}
.mt30 { margin-top: 1.875rem!important;}
.mt35 { margin-top: 2.1875rem!important;}
.mt40 { margin-top: 2.5rem!important;}
.mt50 { margin-top: 3.125rem!important;}
.mt60 { margin-top: 3.75rem!important;}
.mt70 { margin-top: 4.375rem!important;}
.mt80 { margin-top: 5rem!important;}
.mt100 { margin-top: 6.25rem!important;}

.mb-0 {margin-bottom: 0!important;}
.mb5 { margin-bottom: .3125rem!important;}
.mb10 { margin-bottom: .625rem!important;}
.mb15 { margin-bottom: .9375rem!important;}
.mb20 { margin-bottom: 1.25rem!important;}
.mb30 { margin-bottom: 1.875rem!important;}
.mb40 { margin-bottom: 2.5rem!important;}
.mb50 { margin-bottom: 3.125rem!important;}
.mb60 { margin-bottom: 3.75rem!important;}
.mb80 { margin-bottom: 5rem!important;}
.mb100 { margin-bottom: 6.25rem!important;}
.mb120 { margin-bottom: 7.5rem!important;}

@media screen and (max-width:768px) {
    .mt40 { margin-top: 2.1875rem!important;}
    .mt50 { margin-top: 2.5rem!important;}
    .mt60 { margin-top: 2.5rem!important;}
    .mt65 { margin-top: 3.125rem!important;}
    .mt80 { margin-top: 3.75rem!important;}
    .mt100 { margin-top: 5rem!important;}
}

@media screen and (max-width:768px){ 
    
}

/* font-family */
body .font-metro { font-family: "Metropolis", sans-serif;}
body .font-noto { font-family: "Noto Sans KR", sans-serif;}

/* color */
.white { color: #fff!important;}
.black { color: #000!important;}
.point { color: #ff3d00!important;} /*강조색 */ 
.point2 { color: #244c95!important;} /*강조색 */ 


/* size */
.fz14 { font-size: .875rem!important;}
.fz16 { font-size: 1rem!important;}
.fz17 { font-size: 1.0625rem!important;}
.fz18 { font-size: 1.125rem!important;}
.fz20 { font-size: 1.25rem!important;}
.fz22 { font-size: 1.375rem!important;}
.fz24 { font-size: 1.5rem!important;}
.fz25 { font-size: 1.5625rem!important;}
.fz26 { font-size: 1.625rem!important;}
.fz28 { font-size: 1.75rem!important;}
.fz30 { font-size: 1.875rem!important;}
.fz34 { font-size: 2.125rem!important;}
.fz38 { font-size: 2.375rem!important;}
.fz40 { font-size: 2.5rem!important;}
.fz48 { font-size: 3rem!important;}
.fz52 { font-size: 3.25rem!important;}

@media screen and (max-width:768px){
    .fz20 { font-size: 1rem!important;}
    .fz22 { font-size: 1.125rem!important;}
    .fz24 { font-size: 1.125rem!important;}
    .fz26 { font-size: 1.5rem!important;}
    .fz28 { font-size: 1.5rem!important;}
    .fz30 { font-size: 1.5rem!important;}
    .fz34 { font-size: 1.75rem!important;}
    .fz38 { font-size: 2rem!important;} 
    .fz40 { font-size: 2.125rem!important;}
    .fz48 { font-size: 2.25rem!important;}
    .fz52 { font-size: 3rem!important;}
}

/* font-weight */
.fw300 { font-weight: 300!important;}
.fw350 { font-weight: 350!important;}
.fw400 { font-weight: 400!important;}
.fw500 { font-weight: 500!important;}
.fw600 { font-weight: 600!important;}
.fw700 { font-weight: 700!important;}
strong { font-weight: 600!important;}

body .lineHeight_m { line-height: 1.6;}
body .lineH_4 {line-height: 1.4;}

@media screen and (min-width: 1201px) {
	.pc_none {display: none !important;}
}
@media screen and (max-width: 1200px) {
	.pc_only {display: none !important;}
}
@media screen and (min-width: 769px) {
	.mb_only {display: none !important;}
}
@media screen and (max-width: 768px) {
	.mb_none {display: none !important;}
}

.inner {margin:0 auto; max-width: 1440px; padding: 0 20px;}
@media screen and (max-width:1320px) { 
	.inner {width: 100%; padding: 0 20px;}
}


/* layer */
.layer {display:none; position:fixed; position:absolute; top:0; left:0; width:100%; height:100%; z-index:1000;}
.layer .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
.layer .pop-layer {display:block;}
.pop-layer {display:none; position: absolute; top: 50%; left: 50%; width: 350px; height:auto;  background-color:#fff; border: 3px solid #555; z-index: 10;}
.pop-layer .pop-container {padding: 20px 25px;}
input[type="text"],input[type="password"],textarea,input[type="submit"] {-webkit-appearance: none; -webkit-border-radius: 0;}
.pop-layer .board-password-txt {font-size:13px; line-height:18px; text-align:center;}
.pop-layer .board-password-input {margin:40px; text-align:center;}
.pop-layer .board-password-input label{display:inline-block; margin:0 10px 0 0;	font-size:12px; color:#333; vertical-align:middle;}
.pop-layer .board-password-input input{display:inline-block; padding:0 0 0 8px; width:150px; height:26px; border:1px solid #d8d8d8; color:#555; vertical-align:middle;}

/* btn */
.pop-layer .board-password-btn {text-align:center;}
.pop-layer .board-password-btn a{display:inline-block; margin:0 5px; padding:10px 30px; -webkit-box-sizing:border-box; box-sizing:border-box; text-decoration:none; font-size:13px;}
.pop-layer .board-password-btn .board-password-btn-list {background:#d3d3d3; color:#464646;}
.pop-layer .board-password-btn .board-password-btn-ok {background:#111; color:#fff;}

/* ---------------------------------- layout */
html, body {height:100%;}
#wrapeer {overflow:hidden; width:100%;}

@media screen and (min-width:321px) { 
body {overflow-x:hidden;} 
}
/*
	header
*/
#header {position:fixed; top:0; width:100%; border-bottom:1px solid #ddd;background: #fff;z-index:1000;}
#header.fixed {position: fixed;}

#header:before {
	content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 0;
    background: rgba(0,0,0,.8);
    -webkit-transition: .2s all ease-in-out;
			-o-transition: .2s all ease-in-out;
			transition: .2s all ease-in-out;
	display: none;
}
#header:hover:before,
#header.fixed:before {
	height: 100%;
}

#header .header-bottom {position: relative; margin:0 auto; max-width: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center; padding: 0 60px;}
#header .header-bottom:after {content:''; display:block; clear:both;}
#header .logo {position:absolute; left:60px; top:0; /*width: 227px;*/ padding: 19px 0; height: 100%; z-index: 1;}
/*#header .logo.en {width: 264px;}*/
#header .logo img {vertical-align: middle;}
#header.fixed .logo { top: 0;}
#header .logo a {display:block; }

/* main */
#header .logo a img.white {
    display: none;
}
#header .logo a img.ori {
    display: block;
}

@media screen and (min-width: 1201px) {
    /* main */
    .main #header {
        border-bottom: none;
    }
    
    html:not(.gnb-on) #header.white {
        background: transparent;
        border-bottom: 1px solid rgba(255,255,255,.3);
    }
    
     html:not(.gnb-on) #header.white .logo a img.white {
        display: block;
    }
    
    html:not(.gnb-on) #header.white .logo a img.ori {
        display: none;
    }
    html:not(.gnb-on) #header.white .gnb > ul > li > a{ 
        color: #fff;
    }
    
    html:not(.gnb-on) #header.white #searchBtn {
        background-image: url('/resources/img/common/ico_search-btn-w.png');
    }
    
    html:not(.gnb-on) #header.white .pc_sitemap_btn span {
        background: #fff;
    }

}
.sta {
    position: relative;
    height: 40px;

    -webkit-backface-visibility: hidden;
    background-color: #1eb8ff;
    background-image: -o-linear-gradient(left,#1eb8ff, #094da1, #094da1, #1eb8ff);
    background-image: -webkit-gradient(linear,left top, right top,from(#1eb8ff), color-stop(#094da1), color-stop(#094da1), to(#1eb8ff));
    background-image: linear-gradient(to right,#1eb8ff, #094da1, #094da1, #1eb8ff);
    background-size: 400% 400%;
    -webkit-animation: gradient 12s ease infinite;
            animation: gradient 12s ease infinite;
}
 
@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    60% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}
@-webkit-keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    60% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}
.sta > ul {
	position: relative;
    max-width: 100%;
	font-size: 0;
	z-index: 10000;
}
.w-sta .sta > ul {
	text-align: right;
    margin-right: 40px;
}
.sta ul li.lang_li{
    display: inline-block;
    padding: 0 12px;
    vertical-align: top;
    height: 40px;
    line-height: 40px;
    border-left: 1px solid rgba(255,255,255,.2);
/*
    border-radius: 15px;
    border: 1px solid #aaa;
*/
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.sta li.lang_li > a {
    color: #fff;
    padding-left: 25px;    
    background: url(../img/common/ico_global.png)no-repeat center left/auto;
}

.sta li.search_li {
    width: 150px;
}
.sta li input:not(.search_img) {
    width: calc(100% - 40px);
    position: absolute;
    left: 10px;
    top: 5px;
    background: transparent;
}
.sta li a {
    display: block;
    font-size: 14px;
    font-weight: 500;
}
.sta li + li {
    
}

.sta li.lang_li:hover p {
    color: #fff;
}

/* sns box */
#header .sns_box {
    display: inline-block;
    vertical-align: top;
    height: 40px;
    line-height: 40px;
    border-right: 1px solid rgba(255,255,255,.2);
}
/* header sns */
#header .sns_box a {
    display: inline-block;
    height: 40px;
    width: 40px;
    line-height: 40px;
    border-radius: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 0;
    border-left: 1px solid rgba(255,255,255,.2);
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
    
}

#header .sns_box a.btnFace {
    background-image: url('/resources/img/common/ico_facebook.png');
}
#header .sns_box a.btnYoutube {
    background-image: url('/resources/img/common/ico_youtube.png');
}
#header .sns_box a.btnBlog {
    background-image: url('/resources/img/common/ico_blog.png');
}

#header .sns_box a:hover {
    background-color: rgba(30, 184, 255, 0.8)!important;
}


/*
.sta li.lang_li > a:after {
    content: '';
    width: 11px;
    height: 7px;
    margin-left: 2px;
    display: inline-block;
    background: url(../img/common/ico_arrow_down.png)no-repeat center center;
}
*/
.sta li.search_li .search { position: relative;}
.search_img {
    position: absolute;
    right: 10px;
    top: 7px;
}
.sta li.lang_li {position: relative;}
.sta li.lang_li .lang-depth2 {
	position: absolute;
    width: 50px;
	display: none;
	top: 30px;
	right: -1px;
	left: -1px;
}
.sta li.lang_li:hover .lang-depth2 {
	display: block;
}
.sta li.lang_li .lang-depth2 > li {
	background-color: rgba(255,255,255,.6);
/*	border: 1px solid #aaa;*/
	border-top: 0;
	text-align: left;
}
.sta li.lang_li .lang-depth2 > li a {
	padding: 0 15px;
	line-height: 28px;
}

/* 검색 */

/* 검색 */
#searchBtn {
    position: absolute;
    top: 29px;
    right: 110px;
    width: 24px;
    height: 24px;
    background: url('/resources/img/common/ico_search-btn-b.png')no-repeat center/auto;
    z-index: 5;
	font-size: 0;
	text-indent: -9999px;
	color: transparent;
}

#search-form {
    display: none;

}
/* 검색폼 */
/*
.search-area {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, .6);
    z-index: 10;
}

.search-area-box {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 700px;
    padding: 50px 0;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-ransform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.search-area-box form {
    position: relative;
    width: 100%;
    height: 60px;
}

.search-area-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
}

.search-area-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    color: #fff;
    background: transparent;
}
.search-area-close:before,
.search-area-close:after{
    content:'';
    position: absolute;
    top: 20px;
    right: 0;
    width: 100%;
    height: 2px;
    background: #fff;
}
.search-area-close:before {
    transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}

.search-area-close:after {
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}


.search-area-input {
    width: calc(100% - 60px);
    height: 60px !important;
    padding: 0 20px;
    float: left;
    font-size: 1.125rem;
}

.search-area-btn {
    float: right;
    width: 60px;
    height: 60px;
    background-color: #094da1;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
    background-image: url(/resources/img/common/ico_search-btn-w.png);
}
*/

.search-area {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    z-index: 10;
}

.search-area-box {
    position: absolute;
    top: 61px;
    right: 102px;
    width: 150px;
	-webkit-transition: all .3s .2s;
	-o-transition: all .3s .2s;
	transition: all .3s .2s;
}
.search-area.on .search-area-box {
	width: 350px;
}

.search-area-box form {
    position: relative;
    width: 100%;
    height: 40px;
}

.search-area-close {
	display: none;
}

.search-area-input {
    width: calc(100% - 40px);
    height: 40px !important;
    padding: 0 20px;
    float: left;
    font-size: 1.125rem;
	border: none;
	background-color:#d6d6d6;
}

.search-area-input-main {
    width: calc(100% - 40px);
    height: 40px !important;
    padding: 0 20px;
    float: left;
    font-size: 1.125rem;
	border: none;
}

.search-area-btn {
    float: right;
    width: 40px;
    height: 40px;
    background-color: #094da1;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
    background-image: url(/resources/img/common/ico_search-btn-w.png);
	font-size: 0;
	color: transparent;
	text-indent: -9999px;
	overflow: hidden;
}

.search-area legend {
    display: none;
}
@media screen and (max-width: 1540px) {
	.search-area.on .search-area-box {
		width: 250px;
	}
}
@media screen and (max-width: 1400px) {
	.search-area-box {
		right: 62px;
	}
}
@media screen and (max-width: 767px) {

    /* 검색폼 */
    .search-area-box {
        width: 100%;
        padding: 50px 20px;
    }

    .search-area-close {
        right: 20px;
        width: 30px;
        height: 30px;
    }

    .search-area-input {
        width: calc(100% - 40px);
        height: 40px !important;
    }

    .search-area-btn {
        width: 40px;
        height: 40px;
        background-size: 18px;
    }
}

@media screen and (min-width: 1321px) {
    #header .header-bottom { padding: 0;}
}



@media screen and (min-width: 1201px) {
	.sta .lang-depth1 > li > a:hover {
		color: rgba(255,255,255,.7);
	}
	.sta .lang-depth1 .lang-depth2 > li:hover {
		background-color: #6da5ea;
	}
	
	.pc_sitemap_btn {
	    display: block;
	    position: absolute;
	    top: 32px;
	    right: 60px;
	    width: 26px;
	    height: 18px;
/*	    background: #00053e;*/
	    z-index: 9999;
	    cursor: pointer;
	}
	.pc_sitemap_btn span {
        position: absolute;
        right: 0;
		height: 2px;
        width: 100%;
		background: #000;
		-webkit-transition: .3s;
		-o-transition: .3s;
		transition: .3s;
	}
	.pc_sitemap_btn span:nth-child(1) {
		top: calc(50% - 1px);
	}
	.pc_sitemap_btn span:nth-child(2) {
		top: 0;
/*        right: 9px;*/
	}
	.pc_sitemap_btn span:nth-child(3) {
		bottom: 0;
	}
/*
	.pc_sitemap_btn.on {
		top: 37px;
		height: 30px;
	}
*/
	.pc_sitemap_btn.on span:nth-child(1) {
		opacity: 0;
	}
	.pc_sitemap_btn.on span:nth-child(2) {
	    width: 26px;
	    right: 0;
	    -webkit-transform: translateY(8px) rotate(-45deg);
	    -ms-transform: translateY(8px) rotate(-45deg);
	    transform: translateY(8px) rotate(-45deg);
	}

	.pc_sitemap_btn.on span:nth-child(3) {
	    width: 26px;
	    right: 0;
	    -webkit-transform: translateY(-8px) rotate(45deg);
	    -ms-transform: translateY(-8px) rotate(45deg);
	    transform: translateY(-8px) rotate(45deg);
	}
	.pc_sitemap_btn > a {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		font-size: 0;
		margin: 0;
		padding: 0;
		text-indent: -9999px;
		overflow: hidden;
		background: none;
		border: 0;
		color: transparent;
	}
}
@media screen and (min-width: 1921px) {
/*
    .pc_sitemap_btn {
	    top: 22px;
    }
*/
}
@media screen and (max-width:1400px) {
    #header .logo {
        left: 20px;  
    }
    #header .header-bottom {
        padding: 0 20px;
    }
    #header .pc_sitemap_btn {
        right: 20px;
    }
    #searchBtn {
        right: 70px;
    }
    #header .gnb .depth2_wrap h2 { 
        text-align: left;
    }
}
@media screen and (max-width:1200px) {
	#header .header-top {display:none;}
	#header .header-bottom {width:100%; height:80px; padding: 0 20px;}
/*	#header .logo a {height: 60px;}*/
    #header .logo,
    #header .logo.en {top:0; left: 95px;/*width: 100%;*/ text-align: center; margin: 0 auto;}
	#header .logo a img, 
	#header .logo.en a img {width:auto; max-width: 100%; max-height: 100%;}
	
	.pc_sitemap_btn {display: none;}
	
	/* .sta {text-align: left;} */
	.sta .inner {padding: 0;}
	/* .sta .lang-depth1 > li {display: none;}
	.sta .lang-depth1 > li.lang-depth1-li {display: inline-block;} */
	.sta .lang-depth1 > li.lang-depth1-li {border-right: 0;}
    
    #searchBtn {
        right: 25px;
    }
}
@media screen and (max-width:767px) {
	#header {position: fixed;}
	#header .header-bottom {padding:0 20px; height:55px;}
	#header .logo, #header .logo.en { padding: 16px 0 14px;  left: 60px; }
	#header .logo a {height:100%;}
/*	#header .logo a img {height: 100%;}*/
	
	.sta {height: 28px;}
    .sta li a {
        font-size: 12px;
    }
	.sta .lang-depth1 > li > a {line-height: 28px;}
    .sta ul li.lang_li {
        height: 28px;
        line-height: 28px;
    }
    #header .sns_box a {
        height: 28px;
        width: 35px;
    }
    #searchBtn {
        top: 18px;
    }
}

/* web gnb */
#header .gnb {display:inline-block; width:calc(100% - 106px); vertical-align:top; text-align:center;}


@media screen and (min-width:1321px) {
	#header .gnb {
		width: calc(100% - 275px);
		vertical-align: top;
		text-align: right;
		padding-right: 40px;
	}
}

/* gnb a linked  */
#headerSitemap li.linked,
#header .gnb li.linked {
    position: relative;
}

#header .gnb li.linked:after {
    content: '';
    position: absolute;
    right: 0;
    top: 9px;
    width: 15px;
    height: 15px;
    background: url(/resources/img/common/ico_link_blank.png)no-repeat center/contain;
}

#header .gnb .depth2 > li.linked:after {
    right: 40px;
    top: 12px;
}

#header .gnb li.linked a:after{
    display: none!important;
}

/* sitemap */
#headerSitemap li.linked:after{
    content: '';
    position: absolute;
    right: 20px;
    top: 3px;
    width: 15px;
    height: 15px;
    background: url(/resources/img/common/ico_link_blank.png)no-repeat center/contain;
}


@media screen and (min-width:1201px) {
	#header {/* max-height:84px; */}
	#header.fixed {
	    top: -40px;
	    -webkit-transition: .2s all;
	    -o-transition: .2s all;
	    transition: .2s all;
	}
	#header .m-menu-btn,
	#header .m-gnb-bg,
	#header .m-sta {display:none;}
	#header .gnb {
		position: relative;
		left: 0 !important;
		right: 0 !important;
		display: inline-block;
		width: 100%;
		vertical-align: top;
		text-align: center;
		padding-right: 0;
	}
/*	:lang(en) #header .gnb {
		width: calc(100% - 264px);
	}*/
		/* 1depth */
	#header .gnb > ul {display:inline-block; vertical-align:top; font-size:0; line-height:0;}
	#header .gnb > ul > li { display:inline-block; padding:0 40px; vertical-align:top;}
	#header .gnb > ul > li > a { display:block; font-weight: 500; font-size:17px; line-height:79px; height: 79px;-webkit-transition: none;-o-transition: none;transition: none; }
	#header .gnb > ul > li:hover > a {color:#548acd;}
    
    /* new */
    #header .gnb .depth2_wrap {
        display: none;
        position: absolute;
        top: 79px;
        left: 0;
        z-index: 0;
        margin-left: 0;
        width: 100%;
/*        height: 0;*/
        border-top: 1px solid #ddd; 
        
        background: #fff url('/resources/img/common/img_gnb_kvic.png')no-repeat bottom right/auto;
/*        opacity: 0;*/
        overflow: hidden;
        -webkit-transition: all .2s;
        -o-transition: all .2s;
        transition: all .2s;
    }
    #header .gnb.opened .depth2_wrap:after {
        content: '';
        display: block;
        border-bottom: 3px solid #1eb8ff;
/*        transition: all .2s 1s;*/
    }
    #header .gnb .depth2_wrap .inner {
        max-width: 1600px;
        padding: 45px 0;
        min-height: 300px;
    }
    #header .gnb .depth2_wrap h2 {
        display: inline-block;
        width: 25%;
        float: left;
        font-size: 2.1875rem;
        font-weight: bold;
        color: #033088;
        line-height: 1;
        padding: 28px 0;
    }
    /* 2depth */
    #header .gnb .depth2 {
        text-align: left;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        margin-left: 25%;
    }
    
    /* gnb-on */

    .gnb-on #header .gnb .depth2 {
    }

    #header .gnb .depth2 li {
        position: relative;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
    }
    
    #header .gnb .depth2 > li {
        width: 25%;
        padding-right: 40px;
    }

    /* #header .gnb > ul > li:last-child .depth2 {left:0; width:calc(100% + 30px);}
	#header .gnb > ul > li:nth-child(3) .depth2 {width:calc(100% + 20px);} */
    #header .gnb .depth2 a {
        position: relative;
        display: inline-block;
        padding: 12px 0;
        font-size: 16px;
        line-height: 20px;
        color: #777;
        letter-spacing: -1px;
        /*text-transform:uppercase;*/
        word-break: keep-all;
        font-weight: 400;
    }
    #header .gnb .depth2 > li > a {
        display: block;
        color: #444;
        font-weight: 500;
        font-size: 18px;
        border-bottom: 2px solid #eee;
    }
    #header .gnb .depth2 > li > a:after {
        content: "";
        display: inline-block;
        width: 6px;
        height: 6px;
        border-width: 1px 1px 0 0;
        border-color: #ddd;
        border-style: solid;
        -webkit-transform: rotateZ(45deg);
            -ms-transform: rotate(45deg);
                transform: rotateZ(45deg);
        float: right;
        vertical-align: middle;
        margin-top: 7px;
        margin-right: 10px;
    }
	#header .gnb .depth2 li.in > a {
		padding-left: 20px;
		padding-right: 20px;
	}
	#header .gnb .depth2 li.in > a:after {
		position: absolute;
		font-family: 'FontAwesome';
		content: "\f054";
		font-size: 10px;
		top: 50%;
		right: 10px;
		-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
				transform: translateY(-50%);
		color: rgba(255,255,255,.8);
	}
	#header .gnb .depth2 li:hover {-webkit-transition:.3s;-o-transition:.3s;transition:.3s;}

	#header .gnb > ul > li:hover .depth2_wrap {  z-index:10; height:auto; opacity:1;}
/*	#header .gnb > ul > li:hover .depth2 {display:block; z-index:9999; height:auto; opacity:1;}*/
	
	/* 3depth */
	#header .gnb .depth2 ul {
/*		position: absolute;*/
/*		display: none;*/
		width: 100%;
		top: -1px;
		left: 100%;
/*		background: rgba(6,6,6,.7);*/
	}
	#header .gnb .depth2 > li:hover ul {
		display: block;
	}
    #header .gnb .depth2 ul {
        padding: 10px 0;
    }
	#header .gnb .depth2 ul li {
        padding: 7px 0;
        
/*		border-top: 1px solid rgba(76,76,76,.7);*/
	}
    
    #header .gnb .depth2 > li:hover > a {
		border-color: #033088;
	}
    #header .gnb .depth2 > li:hover > a:after {
        border-color: #033088;
    }
    #header .gnb .depth2 ul li a {
        border-bottom: 1px solid #fff;
    }
	#header .gnb .depth2 ul li:hover a {
		border-bottom: 1px solid rgba(6,6,6,.7);
	}
    
    #header .gnb .depth2 ul li a {
        padding: 0;
        
    }

	.btn-all-menu {position:absolute; top:38px; left:50%; width:32px; height:25px; border:1px solid #cecece; margin-left: 487px; cursor:pointer;}
	.btn-all-menu span {position:absolute; left:50%; margin-left: -10px; width:20px; height:2px; background: #ababab;}
	.btn-all-menu span:nth-child(1) {top:5px;}
	.btn-all-menu span:nth-child(2) {top:50%; margin-top:-1px;}
	.btn-all-menu span:nth-child(3) {bottom:5px;}

	.all-menu-wrap {display:none; position:fixed; top:0; left:0; z-index:999999999; width:100%; height:100%; background:rgba(0,0,0,.85);}
	.all-menu-wrap > ul {position:absolute; top:60px; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); padding:30px 30px 50px; width:960px; background:#fff; font-size:0;}
	.all-menu-wrap > ul > li {display:inline-block; padding:0 30px; width:33.33333333333333%; vertical-align:top;}
	.all-menu-wrap > ul > li > a {display:block; margin-top: 20px; padding:10px; border-bottom:1px solid #222; font-size:22px; line-height:1.3; color:#222;}
	.all-menu-wrap > ul > li li a {display:block; padding:10px; border-bottom:1px solid #ddd; font-weight: 300; font-size:18px; line-height: 1.3;}
	.all-menu-wrap p {position:absolute; top:100px; left:50%; margin-left: 424px; cursor:pointer;}
	.all-menu-wrap p span {display:block; margin-top: 5px; font-size:0; width:30px; height:30px;}
	.all-menu-wrap p span:before {content:''; display:block; width:100%; height:1px; background:#666; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}
	.all-menu-wrap p span:after {content:''; display:block; width:100%; height:1px; background:#666; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
	
	#header .w-lang dd a:hover {color: rgba(255,255,255,.7);}
	
	#headerSitemap {
		position: absolute;
		background-color: #fff;
		width: 100%;
		top: 119px;
		-webkit-transform: rotateX(-90deg);
		-ms-transform: rotateX(-90deg);
		transform: rotateX(-90deg);
		-webkit-transform-origin: top;
		    -ms-transform-origin: top;
		        transform-origin: top;
        -webkit-transition: .2s all ease-in-out;
		-o-transition: .2s all ease-in-out;
		transition: .2s all ease-in-out;
		opacity: 0;
		display: none;
	}
    
    #headerSitemap h2 {
        display: none;
    }
    
	#headerSitemap.on {
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
		-webkit-transform: rotateX(0);
		-ms-transform: rotateX(0);
		transform: rotateX(0);
		opacity: 1;
		display: block;
	}
	#headerSitemap > ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		max-width: 1320px;
		padding: 0 20px;
		margin: 0 auto;
	}
    #headerSitemap > ul .inner {
        padding: 0;
    }
	#headerSitemap > ul > li {
		width: 100%;
		text-align: left;
		border-left: 1px solid rgba(205,208,215,.3);
		padding: 0 0 35px;
		font-size: 15px;
	}
	#headerSitemap > ul > li:last-child {
		border-right: 1px solid rgba(205,208,215,.3);
	}
	#headerSitemap > ul > li > a {
        display: block;
		color: #111;
        font-weight: 500;
		-webkit-transition: none;
		-o-transition: none;
		transition: none;
        font-size: 1.125rem;
        padding: 8px 20px;
        background: #f9f9f9;
        /* pointer-events: none;
        cursor: default; */
/*        display: none;*/
	}
	#headerSitemap > ul > li .depth2 {
		margin-top: 10px;
	}
	#headerSitemap > ul > li .depth2 li {
		margin-bottom: 5px;
	}
    #headerSitemap > ul > li .depth2 > li {
		margin-top: 10px;
	}

	#headerSitemap > ul > li .depth2 li a {        
        display: block;
        padding: 0 20px;
		color: #444;
        font-weight: 500;
		-webkit-transition: none;
		-o-transition: none;
		transition: none;
	}
	#headerSitemap > ul > li .depth2 li.in ul {
		display: none;
	}
    /*  sns box  */
    #headerSitemap > ul > li.sns_box {
        display: none;
    }
	
	#headerSitemap > ul > li > a:hover,
	#headerSitemap > ul > li .depth2 li a:hover {
		color: #1eb8ff!important;
	}
    #headerSitemap > ul > li .depth3 {
        padding-left: 10px;
        margin-top: 10px;
        padding-top: 5px;
        border-top: 1px solid #eee;
        border-bottom: 1px solid #eee;
    }
    #headerSitemap > ul > li .depth3 li a {
        color: #666;
        font-weight: 400;
    }
      /* sns box */
    #header .gnb > ul > li.sns_box {display: none;}
}
@media screen and (min-width:1921px) {
    #header .gnb > ul > li > a {
        font-size: 19px;
    }

}
@media screen and (max-width: 1300px) {
	#header .gnb {
        padding-right: 50px;
/*        text-align: right;*/
    }
}
#header .m-menu-btn-close {
    display: none;
}
@media screen and (max-width:1200px) {
	.btn-all-menu,
	.all-menu-wrap {display:none;}
	
/*	#header .w-sta {display: none;} */
	#header .m-menu-btn {display:block; position:absolute; top:24px; left:30px; width:42px; height:34px;  cursor:pointer;z-index:100001;}
	#header .m-menu-btn-close {display:block; position:absolute; top:24px; left:30px; width:80px; height:79px;  cursor:pointer; opacity: 0;  z-index:100000;}
	#header .m-menu-btn span,
    #header .m-menu-btn-close span{height:6px; background:#00053d; -webkit-transition:.3s; -o-transition:.3s; transition:.3s;}
	#header .m-menu-btn span:nth-child(1),
	#header .m-menu-btn-close span:nth-child(1) {position:absolute; top:50%; margin-top:-3px; width:100%;}
	#header .m-menu-btn span:nth-child(2), 
	#header .m-menu-btn-close span:nth-child(2) {position:absolute; top:0; width:100%;}
	#header .m-menu-btn span:nth-child(3), 
	#header .m-menu-btn-close span:nth-child(3) {position:absolute; bottom:0; width:100%;}
	/* on */
	#header .m-menu-btn.on {z-index:100000;top: 24px;}
    #header .m-menu-btn-close.on {position: fixed; z-index:100000; top: 0; left: 80%; margin-left:0;}
    #header .m-menu-btn-close.on:before {
        background: transparent;
        width: 79px;
        height: 79px;
        content: '';
        position: absolute;
        left: 0;
        top: 0;
    }
    #header .m-menu-btn-close.on span {
        background: #fff;
    }
    
	#header.fixed .m-menu-btn.on {top: 24px;}
/*	#header .m-menu-btn.on span {background:#fff;}*/
	#header .m-menu-btn.on span:nth-child(1) {opacity:0;}
	#header .m-menu-btn.on span:nth-child(2) {height:2px; -webkit-transform:translateY(16px) rotate(-45deg); -ms-transform:translateY(16px) rotate(-45deg); transform:translateY(16px) rotate(-45deg);}
	#header .m-menu-btn.on span:nth-child(3) {height:2px; -webkit-transform:translateY(-16px) rotate(45deg); -ms-transform:translateY(-16px) rotate(45deg); transform:translateY(-16px) rotate(45deg);}
    
    #header .m-menu-btn-close span:nth-child(1) {opacity:0;}
	#header .m-menu-btn-close span:nth-child(2) { left:15px; width: 50px; height:2px; top:24px; -webkit-transform:translateY(16px) rotate(-45deg); -ms-transform:translateY(16px) rotate(-45deg); transform:translateY(16px) rotate(-45deg);}
	#header .m-menu-btn-close span:nth-child(3) {left:15px; width: 50px; height:2px; top:24px; -webkit-transform:translateY(16px) rotate(45deg); -ms-transform:translateY(16px) rotate(45deg); transform:translateY(16px) rotate(45deg);}

	#header .gnb {float:none; position:fixed; top:0; left:-100%; z-index:99999; width:100%; height:100vh; opacity:0; text-align:left; padding-left:0;overflow-y: scroll;}
	#header .m-gnb-bg {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.8);}

	#header .m-sta {
	    position: fixed;
	    top: 0;
	    left: -100%;
	    z-index: 101;
	    padding: 18px 0 0 33px;
	    width: 80%;
/*	    height: 80px;*/
	    height: 100vh;
	    background: #fff;
	    border-bottom: 1px solid #ddd;
	    opacity: 0;
	}
    #header .m-sta .sta {
        display: none;
    }
    .m-sta .sta > ul {
        position: relative;
        padding-top: 7px;
    }
    .m-sta .sta ul li.search_li {
        margin-left:0;
    }
    #header .gnb .m-sta ul .lang_li a {
        line-height: 30px;
        padding:0 20px;
        text-align: center;
    }

	/* on */

	#header .gnb > ul {
/*	    overflow-x: hidden;*/
	    position: absolute;
	    top: 0;
	    left: 0;
        padding: 3%;
	    z-index: 10000;
	    width: 80%;
/*	    height: calc(100% - 80px);*/
	    height: 100%;
	    background: #fff;
	}
	/* depth */
	#header .gnb ul a {display:block; padding-left:36px; width:100%; line-height:1;}
	/* 1depth */
	#header .gnb > ul > li {width:100%;}
	#header .gnb > ul > li > a {position:relative; padding-top:20px; padding-bottom:20px; border-top:1px solid #ddd; font-size:23px; color:#333;}
	#header .gnb > ul > li > a:before {position:absolute; top:16px; right:30px; content:"\f107"; display:block; font-family:'FontAwesome'; font-size:30px; line-height:1;}
	#header .gnb > ul > li:first-child > a {border-top:0 none;}
	#header .gnb > ul > li:last-child > a {border-bottom:1px solid #ddd;}
	/* 2epth */
    #header .gnb > ul > li h2 {display: none;}
	#header .gnb > ul > li .depth2_wrap {display:none;}
    #header .gnb > ul > li .depth2_wrap .inner {
        padding: 0;
    }
	#header .gnb > ul > li .depth2,
	#header .gnb > ul > li .depth2 > li {width:100%; background:#f8f8f8;}
	#header .gnb > ul > li .depth2 > li a {padding-top:15px; padding-bottom:15px; /*border-top:1px solid #d1d1d1;*/ font-size:17px;}
	#header .gnb > ul > li .depth2 > li:first-child > a {border-top:0 none;}
	/* on */
	#header .gnb > ul > li.on > a {
/*	    background: #00053e;*/
/*	    border-top: 0 none;*/
/*	    color: #fff;*/
/*	    box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 10%);*/
	}
	#header .gnb > ul > li.on > a:before {content:'\f106';}
	
	#header .gnb > ul > li .depth2 > li > ul li a {font-weight: 400;}
	#header .gnb > ul > li .depth2 > li > ul li a:before {
		content: "-";
		display: inline-block;
		margin-right: 10px;
	}
	
    #header .gnb > ul > li .depth3 {
        display: none;
        padding: 5px 0;
        background:#f1f1f1;
    }
    
	#headerSitemap {
		display: none;
	}
    /* sns box */
    #header .gnb > ul > li.sns_box {
        margin: 0;
        padding: 20px 20px;
        border-top: 1px solid #ddd;
    }
    #header .gnb > ul > li.sns_box > a {
        display: inline-block;
        font-size: 0;
        width: 30px;
        height: 30px;
        padding:0;
        margin: 0 2px;
        border:none!important;
    }
    #header .gnb > ul > li.sns_box > a:before {
        display: none;
    }
    
}
@media screen and (max-width:767px) {
	#header .m-menu-btn {top:17px; left:20px; width:28px; height:23px;}
	#header .m-menu-btn.on {top: 15px;}
	#header.fixed .m-menu-btn.on {top: 15px;}
    
	#header .m-menu-btn span,
	#header .m-menu-btn-close span {height:3px;}
    #header .m-menu-btn-close { top: 0; margin-left: 0;    width: 56px;  height: 54px;}


    #header .m-menu-btn-close:before {
        width: 55px;
        height: 54px;

    }
	#header .m-menu-btn span:nth-child(1) {top:10px; margin-top:auto;}
	#header .m-menu-btn.on span:nth-child(2) {height:2px; top: 15px; -webkit-transform:translateY(10.5px) rotate(-45deg); -ms-transform:translateY(10.5px) rotate(-45deg); transform:translateY(10.5px) rotate(-45deg);}
	#header .m-menu-btn.on span:nth-child(3) {height:2px; top: 15px; -webkit-transform:translateY(-10.5px) rotate(45deg); -ms-transform:translateY(-10.5px) rotate(45deg); transform:translateY(-10.5px) rotate(45deg);}

    #header .m-menu-btn-close span {width: 28px!important;}
	#header .m-menu-btn-close span:nth-child(2) {height:2px; -webkit-transform:translateY(2.5px) rotate(-45deg); -ms-transform:translateY(2.5px) rotate(-45deg); transform:translateY(2.5px) rotate(-45deg);}
	#header .m-menu-btn-close span:nth-child(3) {height:2px; -webkit-transform:translateY(2.5px) rotate(45deg); -ms-transform:translateY(2.5px) rotate(45deg); transform:translateY(2.5px) rotate(45deg);}
    
	#header .gnb > ul { /*top:55px; height:calc(100% - 55px);*/}
	#header .gnb ul a {padding-left:20px;}
	#header .gnb > ul > li > a:before {top:12px; right:20px; font-size:23px;}

/*	#header .m-sta {padding:12px 0 0 20px; height:55px;}*/
    #header .m-sta .sta > ul {
        padding-top: 0;
    }
	#header .m-sta a {font-size: 13px;}
    
    #header .gnb > ul > li .depth2 > li a {font-size:14px;}

	#header .gnb > ul > li > a {padding-top:16px; padding-bottom:16px; font-size:16px;}
	#header .gnb > ul > li .depth2 > li a {padding-top: 12px; padding-bottom:12px; font-size:13px;}
}

/*
	footer
*/
#footer {position: relative; width:100%;  padding: 0 0 28px; background:#333;}
#footer .footer-top {width:100%; position: relative; padding-top: 30px; padding-bottom: 25px; border-bottom: 1px solid rgba(255,255,255,.1);}
#footer .footer-top h1 {
    display: inline-block;
    width: 90px;
    height: 27px;
    margin-bottom: 20px;
}
#footer .footer-top dd {display:inline-block; padding: 5px 0; }


#footer .sns_box {
    position: absolute;
    right: 0;
    display: inline-block;
    vertical-align: top;
    height: 40px;
    line-height: 40px;
}
#footer .sns_box a {
    display: inline-block;
    height: 40px;
    width: 40px;
    line-height: 40px;
    border-radius: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 0;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
    opacity: 0.6;
    
}

#footer .sns_box a.btnFace {
    background-image: url('/resources/img/common/ico_facebook.png');
}
#footer .sns_box a.btnYoutube {
    background-image: url('/resources/img/common/ico_youtube.png');
}
#footer .sns_box a.btnBlog {
    background-image: url('/resources/img/common/ico_blog.png');
}

#footer .sns_box a:hover {
    opacity: 1;
}


#footer .footer-top dd a {display: inline-block; font-size: 1rem; font-weight: 350; line-height: 1; color:rgba(255, 255, 255, 0.8); cursor: pointer;}
#footer .footer-top dd a:hover {color:#fff;}

#footer .footer-top dd:first-of-type a{
    color: rgba(30, 184, 255, 0.8);
}
#footer .footer-top .social_menu {position: absolute; top: 0; right:0; padding: 0; }


#footer .footer-bottom {position:relative; margin:0 auto; padding-top: 12px; padding-right: 140px; font-size:0; overflow: hidden; }
html:lang(en) #footer .footer-bottom {padding-top: 30px;}
#footer .footer-bottom .customer_number {
	position: relative;
	margin-bottom: 20px;
	/* position: absolute;
    top: 28px; */
    font-size: 1.5rem;
    /* right: 0; */
    line-height: 25px;
    color: #9c9c9c;
    font-weight: 600;
}
#footer .footer-bottom .footer-logo {
    position: relative;
	margin-bottom: 10px;
}
.certification_mark {
	position: absolute;
    top: 28px;
	right: 0;
    font-size: 0;
	width: 120px;
}
.certification_mark img {}

/*
#footer .footer-bottom .customer_number { position: absolute; top: 28px; font-size: 1.5rem; right: 0; line-height: 25px; color: #555; font-weight: 600;}
#footer .footer-bottom .customer_number:before {
    content: '';
    width: 28px;
    height: 28px;
    display: inline-block;
    margin-right: 10px;
    background: url('/resources/img/common/ico_footer-tal.png')no-repeat center left;
    background-size: contain;
    vertical-align: top;
}
*/

#footer .footer-bottom address {display:inline-block; width:100%;  font-size:14px; line-height:1.3; vertical-align:middle; }
#footer .footer-bottom p.copy {color:#9c9c9c; font-size: 14px; font-weight: 300; letter-spacing: 1px;}

/* ul.footer-bottom-link li a:hover {font-weight: 700;} */
#footer .footer-bottom address span {display:inline-block; margin-bottom: 7px;font-weight:300; color:rgba(255, 255, 255, 0.8); word-break:keep-all;font-size: 1rem; line-height: 1.5;}

#footer .footer-bottom address span + span:before {
    content: '';
    display: inline-block;
    width: 1px;
    height: 12px;
    margin: 0 15px;
    background: rgba(255,255,255,.2);     
}
@media screen and (max-width:1200px) { 
	#footer .footer-bottom { width:100%;}	 
}

#footer .footer-top dd {display:inline-block;}

@media screen and (min-width:768px) {
    #footer .footer-top h1 {
        float: left;
        margin-bottom: 0;
    }
    #footer .footer-top dl {
        display: inline-block;
        width: calc(100% - 120px);
    }
    #footer .footer-top dd:not(:first-of-type):before {
        content: '';
        display: inline-block;
        width: 1px;
        height: 12px;
        margin: 0 15px;
        background: rgba(255,255,255,.2);        
    }

}
@media screen and (max-width:767px) {
    
    
}

@media screen and (max-width:767px) { 
    #footer .footer-top {
        padding-top: 70px;
    }
/*    #footer {padding: 50px 0 40px; }*/
	#footer .footer-bottom {
		padding-top: 30px;
		padding-right: 0;
	}
    #footer .footer-bottom .customer_number,
    #footer .footer-bottom .footer-logo {
        position: static;
        margin-bottom:20px;
    }
	#footer .footer-bottom .footer-logo img {
		width: 160px;
	}
	.certification_mark {
		top: 21px;
		width: 70px;
	}
	#footer .footer-bottom address span {display: block; font-size: 13px; line-height: 1.2; margin-bottom: 5px;}
    #footer .footer-bottom address span + span:before {
        display: none;
    }

	#footer .footer-top h1 {margin-right: 0; display:block; }	
	#footer .footer-top h1 img {display:inline-block;}
	#footer .footer-bottom address { width:100%; }
    #footer .sns_box {
        top: 30px;
        left: 0;
        right: auto;
    }
    
    #footer .footer-top dd a {
        margin-right: 15px;
    }
    
    #footer .footer-bottom p.copy {
        font-size: 12px;
        margin-top: 10px;
    }
}

/* ---------------------------------- contents */
#contents {position: relative; width:100%}

@media screen and (min-width:1201px) {
	#contents {
        margin-top: 119px;
        min-height:calc(100vh - 119px);
        min-height:-webkit-calc(100vh - 119px);
    }

}
@media screen and (max-width: 1200px) {
	#contents {
        margin-top: 80px;
        min-height:calc(100vh - 119px);
        min-height:-webkit-calc(100vh - 119px);
    }
}
@media screen and (max-width:768px) {
	#contents {
        margin-top: 50px;
        min-height:calc(100vh - 288px);
        min-height:-webkit-calc(100vh - 288px);
    }
}
#footer .container {
    position: relative;
}
.top-btn {
    position: absolute;
    z-index: 19;
    top: -25px;
    right: 50px;
    width: 50px;
    height: 50px;
    background: #094da1;
    font-size: 14px;
    line-height: 50px;
    color: #fff;
    text-align: center;
    cursor: pointer;
}
.top-btn.on {
	position: absolute;
    bottom: auto;
    top: -80px;
}
@media screen and (max-width:900px) {
    .top-btn {
        /* top: 0; */
		top: -20px;
        right: 20px;
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 12px;
    }
}
@media screen and (min-width: 1201px) {
	.top-btn:hover {
		background: rgba(102, 102, 102, 1);
	}
}

/* explorer */
/* html {
  scrollbar-3dLight-Color: #efefef; 
  scrollbar-arrow-color: #000; 
  scrollbar-base-color: #000; 
  scrollbar-Face-Color: #000; 
  scrollbar-Track-Color: #000; 
  scrollbar-DarkShadow-Color: #000; 
  scrollbar-Highlight-Color: #000; 
  scrollbar-Shadow-Color: #000;
} */

::-webkit-scrollbar {
      width: 7px;
	  height: 7px;
}

::-webkit-scrollbar-thumb {
      background-color: #4a4a4a;
/*      border-radius: 20px;*/
}

::-webkit-scrollbar-button {
      background-color: transparent;
	 
}

::-webkit-scrollbar-corner {
      background-color: transparent;
}

body {
    /* scrollbar-face-color: #4a4a4a; */
}


/* .overflow-table::-webkit-scrollbar-thumb {
	  background-color: #000;
} */
.overflow-table::-webkit-scrollbar-track {
      background-color: #ddd;
	 
}
/* ::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {height:0; width: 0;} */

@media (prefers-reduced-motion: reduce) {
	* {
		-webkit-animation-duration: 0.01ms !important;
		        animation-duration: 0.01ms !important;
		-webkit-animation-iteration-count: 1 !important;
		        animation-iteration-count: 1 !important;
		-webkit-transition-duration: 0.01ms !important;
		     -o-transition-duration: 0.01ms !important;
		        transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}

.btn_skip {
    position: absolute;
    background: rgba(0,0,0,0.7); /* 반투명한 배경 */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#90000000,endColorstr=#90000000); /* IE8에서 반투명한 배경 적용 */
    width: 100%;
    height: 30px;
    text-align: center; /* text 가로 중앙 정렬 */
    color: #fff;
    z-index: 10000;
    line-height: 30px; /* text 세로 중앙 정렬 */
    top: -30px; /* 우선 안보이게 감추기 */
    opacity: 0; /* 우선 안보이게 감추기 */
}

input[type="button"]:focus-visible {
  outline: 2px solid #000;
}

.img_full_wrap {
    font-size: 0;
    text-align: center;
}
figure.img_full_wrap figcaption {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}