@charset "utf-8";
/*-------------------------------------------------
작성일 : 2018.10.26
작성자 : 박서진
-------------------------------------------------*/
@import url("kor/font.css");
@import url("/fonts/xeicon/xeicon.min.css");
/* reset.css(plan-i standard) */
*,*:before,*:after{box-sizing:inherit;}
html{min-width: 320px;font-size:10px;box-sizing:border-box; overflow-y: scroll;}
body {position: relative; margin:0; padding:0; font-size:1.6rem; font-family:'Noto', sans-serif; line-height:1.25; color:#333;font-weight:200; overflow: hidden;}
ul,ol,li,dl,dt,dd{margin:0; padding:0; list-style: none;}
p,h1,h2,h3,h4,h5,h6{margin:0; padding:0;}
a {color:inherit; text-decoration:none;}
img {border: 0;	vertical-align:middle; font-size:0;}
table{border-collapse:separate; border-spacing:0; width:100%;}
caption,legend{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
select, input, textarea{color: #454545; font-size: 1.6rem;border:1px solid #e8e8e8}
select, input {vertical-align: middle;}
select {-webkit-appearance:none;-moz-appearance:none;appearance:none}
select::-ms-expand {display: none}
b, strong{font-weight:normal;}
address,em,i{font-style:normal;}
button{border:0; background:none; cursor:pointer;}
hr{margin: 0; border: none; padding: 0; display:block;}
figure, figcaption{padding:0; margin:0;}
fieldset{border: none; padding: 0; margin: 0;}
input[type="submit"] {-webkit-appearance: none; -moz-appearance: none; appearance: none;}
header, footer, article, section, aside, nav, main {display: block;}
button,input,optgroup,select,textarea { font-family: inherit; font-size: inherit; font-weight:inherit; margin: 0;}
input {display:inline-block;height:45px;line-height:45px}
/* Skip to content */
.skip-to { position: absolute; top: -99px; left: 0; background: #333; color: #fff; width: 100%; padding: 10px 0; text-align: center; text-decoration: none; z-index: 999; }
.skip-to:hover,.skip-to:focus,.skip-to:active { display: block; top: 0; }
.hidden, .sr-only {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0;}
.img-responsive {max-width:100%}
.container {width:1440px; margin:0 auto;}
.container::after {display:block; clear:both; content:''}

/* Align */
.txt-left {text-align:left !important;}
.txt-center {text-align:center !important;}
.txt-right {text-align:right !important;}

.float-left {float:left !important;}
.float-right {float:right !important;}

.notice_popup img {max-width:100%}
.notice_popup .close {padding:0 2rem;overflow:hidden;height:45px;line-height:45px}


@media(max-width:1600px)  {
  .container {width:90%}
}
@media(max-width:1025px){
  html {font-size:9px}
}
@media(max-width:540px){
  html {font-size:8px}
}



/* grid */
/* .row {margin-right: -15px; margin-left: -15px;} */
.row::after {content:''; display: block; clear:both;}
[class*="col-"]{ position: relative; min-height: 1px;	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%;}
@media (min-width: 640px) {
  .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%;}
}
@media (min-width: 992px) {
  .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%;}
}
@media (min-width: 1200px) {
  .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%;}
}