@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700;900&display=swap');

*, *:before, *:after {
  -webkit-print-color-adjust: exact;
  padding:0;margin:0;border:0;box-sizing:border-box;
}

html, body, p, img, div, input, textarea, select, button, ul, header, footer, mark, article, ul li, dl, dl dt, dl dd, form, legend, caption, h1, h2, h3, h4, h5, fieldset, label, ol, ol li, xmp {font-family:'Noto Sans KR','Apple Gothic','Apple SD Gothic Neo','돋움','Dotum','바탕','Batang','sans-serif' !important;}
html,body{min-width:320px;line-height:1.35;letter-spacing:-0.05em;color:#000;-webkit-font-smoothing:antialiased;}
html{}

a{text-decoration:none;color:#1e1f25;}
a:hover,a:focus{color:#1e1f25;}
a,button{cursor:pointer;}
button,input[type=button],input[type=submit],input[type=reset] {overflow:visible;}
table{width:100%;border-collapse:collapse;border-spacing:0;}
th {background:transparent;}
ul, ol{list-style:none;}
i,em{font-style:normal;}

input[type=text],input[type=password],input[type=tel],input[type=number],input[type=search],input[type=checkbox],input[type=radio],input[type=file]{appearance:none;-webkit-appearance:none;border:none;outline:none;filter:none;color:#434343;background:none;}
input:focus{appearance:none;-webkit-appearance:none;border:none;outline:none;filter:none;background:none;}
input[type=text]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=search]:focus{border:1px solid #e4007f;color:#434343;}
input[readonly]{border-color:#e9ecef !important;color:#9d9d9d !important;background:#f8f8f8 !important;}
input[disabled]{border-color:#e9ecef !important;color:#9d9d9d !important;background:#f8f8f8 !important;}
.bg-gray > input{border-color:#e9ecef !important;color:#9d9d9d !important;background:#f8f8f8 !important;}
select{appearance:none;-webkit-appearance:none;border:none;outline:none;filter:none;background:url(../images/ico-select-arrow.png) no-repeat calc(100% - 20px) center;}
select:selected{appearance:none;-webkit-appearance:none;border:none;outline:none;filter:none;}
textarea{appearance:none;-webkit-appearance:none;border:none;outline:none;resize:none;filter:none;background:none;}
textarea:focus{appearance:none;-webkit-appearance:none;border:none;outline:none;filter:none;background:none;}
::-webkit-input-placeholder{letter-spacing:-0.05em;color:#b3b3b3;}
::-moz-placeholder{letter-spacing:-0.05em;color:#b3b3b3;}
:-ms-input-placeholder{letter-spacing:-0.05em;color:#b3b3b3;}
:-moz-placeholder{letter-spacing:-0.05em;color:#b3b3b3;}
[disabled]::-webkit-input-placeholder{font-size:0;}
[disabled]::-moz-placeholder{font-size:0;}
[disabled]:-ms-input-placeholder{font-size:0;}
[disabled]:-moz-placeholder{font-size:0;}


/*-------------------------------------------------------------------------
COMMON STYLE
-------------------------------------------------------------------------*/
.cbo{clear:both;}
.txt-l{text-align:left !important;}
.txt-c{text-align:center !important;}
.txt-r{text-align:right !important;}
.vt{vertical-align:top !important;}
.vm{vertical-align:middle !important;}
.vb{vertical-align:bottom !important;}
.mt0{margin-top:0px !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}
.mt45{margin-top:45px !important;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}
.mt70{margin-top:70px !important;}
.mt80{margin-top:80px !important;}
.mt90{margin-top:90px !important;}
.mt100{margin-top:100px !important;}
.mb0{margin-bottom:0px !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}
.mb45{margin-bottom:45px !important;}
.mb50{margin-bottom:50px !important;}
.mb60{margin-bottom:60px !important;}
.mb70{margin-bottom:70px !important;}
.mb80{margin-bottom:80px !important;}
.mb90{margin-bottom:90px !important;}
.mb100{margin-bottom:100px !important;}


/*-------------------------------------------------------------------------
COMMON UI
-------------------------------------------------------------------------*/
.btn-top{
  display: block;
  position: fixed;
  bottom: 70px;
  right: 30px;
  z-index: 10;
  width: 47px;
  height: 47px;
  text-indent: -9999px;
  font-size: 0;
  background: url(../images/icon-top.png) no-repeat center center;
  background-size: contain;
}

.paging-wrap{
  text-align: center;
  font-size: 0;
}
.paging-wrap a{
  display: inline-block;
  overflow: hidden;
  width: 36px;
  height: 36px;
  vertical-align: top;
  text-align: center;
  text-indent: -9999px;
  font-size: 0;
  line-height: 36px;
}
.paging-wrap a ~ a{
  margin-left: 2px;
}
.paging-wrap a.btn-start{
  background: url(../images/icon-start.png) no-repeat center center;
  background-size:auto 12px;
}
.paging-wrap a.btn-end{
  background: url(../images/icon-end.png) no-repeat center center;
  background-size:auto 12px;
}
.paging-wrap a.btn-prev{
  background: url(../images/icon-prev.png) no-repeat center center;
  background-size:auto 12px;
}
.paging-wrap a.btn-next{
  background: url(../images/icon-next.png) no-repeat center center;
  background-size:auto 12px;
}
.paging-wrap .p-num{
  display: inline-block;
  padding: 0 18px;
}
.paging-wrap .p-num a{
  border-radius: 50%;
  text-indent: 0;
  font-size: 18px;
  color: #888;
}
.paging-wrap .p-num a.current{
  color: #fff;
  background: #e4007f;
}

.swiper-container .swiper-button-prev{left:0;width:30px;height:62px;margin-top:-31px;background:rgba(0,0,0,0.1) url(../images/swp-navi-arrow.png) no-repeat center center;}
.swiper-container .swiper-button-next{right:0;width:30px;height:62px;margin-top:-31px;background:rgba(0,0,0,0.1) url(../images/swp-navi-arrow.png) no-repeat center center;transform:rotate(180deg);}
.swiper-container .controller{position:absolute;bottom:20px;left:50%;z-index:2;text-align:center;font-size:0;transform:translateX(-50%);}
.swiper-container .controller .swiper-pagination{display:inline-block;position:static;padding:0 6px;vertical-align:top;}
.swiper-container .controller .btn-pp{display:inline-block;width:12px;height:12px;background:url(../images/swp-pp-pause.png) no-repeat center center;}
.swiper-container .controller .btn-pp.paused{background:url(../images/swp-pp-play.png) no-repeat center center;}
.swiper-container .swiper-pagination .swiper-pagination-bullet{opacity:1;width:12px;height:12px;margin:0 6px;border:3px solid #fff;background:#fff;}
.swiper-container .swiper-pagination .swiper-pagination-bullet-active{background:transparent;}


/*-------------------------------------------------------------------------
HEADER
-------------------------------------------------------------------------*/
#header{
  height:70px;
  border-bottom: 1px solid #e2dee3;
  background-color: #fff;
}
#header .inner{
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  height: 100%;
  max-width: 1260px;
  padding: 0 30px;
  margin: 0 auto;
  background: #fff;
}
#header .logo a{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
#header .gnb{
  display: table;
}
#header .gnb > li{
  display: table-cell;
}
#header .gnb > li a{
  display: block;
  position: relative;
  padding: 17px 50px;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  line-height: 36px;
  color: #898989;
}
#header .gnb > li a.current{
  color: #e4007f;
}
#header .gnb > li a.current:before{
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 40px;
  z-index: 1;
  width: 8px;
  height: 8px;
  margin-top: -18px;
  border-radius: 50%;
  background-color: #e4007f;
}
#header .gnb > li a.current:after{
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: 1;
  width: 90px;
  height: 2px;
  margin-left: -45px;
  background-color: #e4007f;
}


/*-------------------------------------------------------------------------
FOOTER
-------------------------------------------------------------------------*/
#footer{
  background-color: #f5f5f5;
}
#footer .inner{
  max-width: 1260px;
  padding: 19px 30px 20px;
  margin: 0 auto;
}
#footer .inner .copyright{
  text-align: center;
  font-size: 0;
}
#footer .inner .copyright img{
  vertical-align: top;
}