/*************************************************
서브 COMMON
**************************************************/
.left {
  float: left!important
}

.right {
  float: right!important
}

.alignC,.center {
  text-align: center!important
}

.alignL {
  text-align: left!important
}

.alignR {
  text-align: right!important
}

.display {
  display: inline!important
}

.none {
  display: none
}

.inline-block {
  display: inline-block!important;
  zoom:1}

.block {
  display: block!important
}

.line-through {
  text-decoration: line-through
}

.overflow-hidden {
  overflow: hidden!important
}

.w100 {
  width: 100%
}

.h100 {
  height: 100%
}

.pointer {
  cursor: pointer
}

.normal {
  font-weight: 400
}

.no-border {
  border: none
}

.pos-relative {
  position: relative!important
}

.pos-absolute {
  position: absolute!important
}

.pos-fixed {
  position: fixed!important
}

.clear-wrap::after {
  content: "";
  display: block;
  clear: both;
  padding: 0;
  margin: 0;
  height: 0
}

.cls_ellipsis_subjct {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%
}

.ellipsis {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.ez_msgbox {
  background: #f0f0f0;
  border: 1px solid #e0e0e0;
  padding: 10px;
  line-height: 2em
}

.ez-required::after {
  content: '*';
  color: red
}

.margin-auto {
  margin: 0 auto
}

.red {
  color: red
}

.v-top {
  vertical-align: top!important
}

.v-bottom {
  vertical-align: bottom!important
}

.v-middle {
  vertical-align: middle!important
}

.overflow-auto {
  overflow: auto
}

.overflow-x-auto {
  overflow-x: auto
}

.overflow-y-auto {
  overflow-y: auto
}

.table-layout-fixed {
  table-layout: fixed
}

template {
  display: none
}

div.clear {
  clear: both;
  width: 0;
  height: 0;
  padding: 0;
  margin: 0;
  overflow: hidden
}

table.center {
  margin-left: auto;
  margin-right: auto
}

.ez-msg {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px
}

.ez-msg-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1
}

.form-check.form-check-inline {
  display: inline-block;
  margin-right: 1em
}

.no-drag {
  -ms-user-select: none;
  -moz-user-select: -moz-none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  user-select: none
}

.margin-0 {
  margin-top: 0!important;
  margin-bottom: 0!important;
  margin-left: 0!important;
  margin-right: 0!important
}

.margin-v0 {
  margin-top: 0!important;
  margin-bottom: 0!important
}

.margin-v5 {
  margin-top: 5px!important;
  margin-bottom: 5px!important
}

.margin-v10 {
  margin-top: 10px!important;
  margin-bottom: 10px!important
}

.margin-v15 {
  margin-top: 15px!important;
  margin-bottom: 15px!important
}

.margin-v20 {
  margin-top: 20px!important;
  margin-bottom: 20px!important
}

.margin-v25 {
  margin-top: 25px!important;
  margin-bottom: 25px!important
}

.margin-v30 {
  margin-top: 30px!important;
  margin-bottom: 30px!important
}

.margin-v40 {
  margin-top: 40px!important;
  margin-bottom: 40px!important
}

.margin-v50 {
  margin-top: 50px!important;
  margin-bottom: 50px!important
}

.margin-v60 {
  margin-top: 60px!important;
  margin-bottom: 60px!important
}

.margin-v70 {
  margin-top: 70px!important;
  margin-bottom: 70px!important
}

.margin-v80 {
  margin-top: 80px!important;
  margin-bottom: 80px!important
}

.margin-v90 {
  margin-top: 90px!important;
  margin-bottom: 90px!important
}

.margin-v100 {
  margin-top: 100px!important;
  margin-bottom: 100px!important
}

.margin-h0 {
  margin-left: 0!important;
  margin-right: 0!important
}

.margin-h5 {
  margin-left: 5px!important;
  margin-right: 5px!important
}

.margin-h10 {
  margin-left: 10px!important;
  margin-right: 10px!important
}

.margin-h15 {
  margin-left: 15px!important;
  margin-right: 15px!important
}

.margin-h20 {
  margin-left: 20px!important;
  margin-right: 20px!important
}

.margin-h25 {
  margin-left: 25px!important;
  margin-right: 25px!important
}

.margin-h30 {
  margin-left: 30px!important;
  margin-right: 30px!important
}

.margin-h40 {
  margin-left: 40px!important;
  margin-right: 40px!important
}

.margin-h50 {
  margin-left: 50px!important;
  margin-right: 50px!important
}

.margin-h60 {
  margin-left: 60px!important;
  margin-right: 60px!important
}

.margin-h70 {
  margin-left: 70px!important;
  margin-right: 70px!important
}

.margin-h80 {
  margin-left: 80px!important;
  margin-right: 80px!important
}

.margin-h90 {
  margin-left: 90px!important;
  margin-right: 90px!important
}

.margin-h100 {
  margin-left: 100px!important;
  margin-right: 100px!important
}

.margin-t0 {
  margin-top: 0!important
}

.margin-t5 {
  margin-top: 5px!important
}

.margin-t10 {
  margin-top: 10px!important
}

.margin-t15 {
  margin-top: 15px!important
}

.margin-t20 {
  margin-top: 20px!important
}

.margin-t25 {
  margin-top: 25px!important
}

.margin-t30 {
  margin-top: 30px!important
}

.margin-t40 {
  margin-top: 40px!important
}

.margin-t50 {
  margin-top: 50px!important
}

.margin-t60 {
  margin-top: 60px!important
}

.margin-t70 {
  margin-top: 70px!important
}

.margin-t80 {
  margin-top: 80px!important
}

.margin-t90 {
  margin-top: 90px!important
}

.margin-t100 {
  margin-top: 100px!important
}

.margin-b0 {
  margin-bottom: 0!important
}

.margin-b5 {
  margin-bottom: 5px!important
}

.margin-b10 {
  margin-bottom: 10px!important
}

.margin-b15 {
  margin-bottom: 15px!important
}

.margin-b20 {
  margin-bottom: 20px!important
}

.margin-b25 {
  margin-bottom: 25px!important
}

.margin-b30 {
  margin-bottom: 30px!important
}

.margin-b40 {
  margin-bottom: 40px!important
}

.margin-b50 {
  margin-bottom: 50px!important
}

.margin-b60 {
  margin-bottom: 60px!important
}

.margin-b70 {
  margin-bottom: 70px!important
}

.margin-b80 {
  margin-bottom: 80px!important
}

.margin-b90 {
  margin-bottom: 90px!important
}

.margin-b100 {
  margin-bottom: 100px!important
}

.margin-l0 {
  margin-left: 0!important
}

.margin-l5 {
  margin-left: 5px!important
}

.margin-l10 {
  margin-left: 10px!important
}

.margin-l15 {
  margin-left: 15px!important
}

.margin-l20 {
  margin-left: 20px!important
}

.margin-l25 {
  margin-left: 25px!important
}

.margin-l30 {
  margin-left: 30px!important
}

.margin-l40 {
  margin-left: 40px!important
}

.margin-l50 {
  margin-left: 50px!important
}

.margin-l60 {
  margin-left: 60px!important
}

.margin-l70 {
  margin-left: 70px!important
}

.margin-l80 {
  margin-left: 80px!important
}

.margin-l90 {
  margin-left: 90px!important
}

.margin-l100 {
  margin-left: 100px!important
}

.margin-r0 {
  margin-right: 0!important
}

.margin-r5 {
  margin-right: 5px!important
}

.margin-r10 {
  margin-right: 10px!important
}

.margin-r15 {
  margin-right: 15px!important
}

.margin-r20 {
  margin-right: 20px!important
}

.margin-r25 {
  margin-right: 25px!important
}

.margin-r30 {
  margin-right: 30px!important
}

.margin-r40 {
  margin-right: 40px!important
}

.margin-r50 {
  margin-right: 50px!important
}

.margin-r60 {
  margin-right: 60px!important
}

.margin-r70 {
  margin-right: 70px!important
}

.margin-r80 {
  margin-right: 80px!important
}

.margin-r90 {
  margin-right: 90px!important
}

.margin-r100 {
  margin-right: 100px!important
}

.padding-0 {
  padding-top: 0!important;
  padding-bottom: 0!important;
  padding-left: 0!important;
  padding-right: 0!important
}

.padding-v0 {
  padding-top: 0!important;
  padding-bottom: 0!important
}

.padding-v5 {
  padding-top: 5px!important;
  padding-bottom: 5px!important
}

.padding-v10 {
  padding-top: 10px!important;
  padding-bottom: 10px!important
}

.padding-v15 {
  padding-top: 15px!important;
  padding-bottom: 15px!important
}

.padding-v20 {
  padding-top: 20px!important;
  padding-bottom: 20px!important
}

.padding-v25 {
  padding-top: 25px!important;
  padding-bottom: 25px!important
}

.padding-v30 {
  padding-top: 30px!important;
  padding-bottom: 30px!important
}

.padding-v40 {
  padding-top: 40px!important;
  padding-bottom: 40px!important
}

.padding-v50 {
  padding-top: 50px!important;
  padding-bottom: 50px!important
}

.padding-v60 {
  padding-top: 60px!important;
  padding-bottom: 60px!important
}

.padding-v70 {
  padding-top: 70px!important;
  padding-bottom: 70px!important
}

.padding-v80 {
  padding-top: 80px!important;
  padding-bottom: 80px!important
}

.padding-v90 {
  padding-top: 90px!important;
  padding-bottom: 90px!important
}

.padding-v100 {
  padding-top: 100px!important;
  padding-bottom: 100px!important
}

.padding-h0 {
  padding-left: 0!important;
  padding-right: 0!important
}

.padding-h5 {
  padding-left: 5px!important;
  padding-right: 5px!important
}

.padding-h10 {
  padding-left: 10px!important;
  padding-right: 10px!important
}

.padding-h15 {
  padding-left: 15px!important;
  padding-right: 15px!important
}

.padding-h20 {
  padding-left: 20px!important;
  padding-right: 20px!important
}

.padding-h25 {
  padding-left: 25px!important;
  padding-right: 25px!important
}

.padding-h30 {
  padding-left: 30px!important;
  padding-right: 30px!important
}

.padding-h40 {
  padding-left: 40px!important;
  padding-right: 40px!important
}

.padding-h50 {
  padding-left: 50px!important;
  padding-right: 50px!important
}

.padding-h60 {
  padding-left: 60px!important;
  padding-right: 60px!important
}

.padding-h70 {
  padding-left: 70px!important;
  padding-right: 70px!important
}

.padding-h80 {
  padding-left: 80px!important;
  padding-right: 80px!important
}

.padding-h90 {
  padding-left: 90px!important;
  padding-right: 90px!important
}

.padding-h100 {
  padding-left: 100px!important;
  padding-right: 100px!important
}

.padding-t0 {
  padding-top: 0!important
}

.padding-t5 {
  padding-top: 5px!important
}

.padding-t10 {
  padding-top: 10px!important
}

.padding-t15 {
  padding-top: 15px!important
}

.padding-t20 {
  padding-top: 20px!important
}

.padding-t25 {
  padding-top: 25px!important
}

.padding-t30 {
  padding-top: 30px!important
}

.padding-t40 {
  padding-top: 40px!important
}

.padding-t50 {
  padding-top: 50px!important
}

.padding-t60 {
  padding-top: 60px!important
}

.padding-t70 {
  padding-top: 70px!important
}

.padding-t80 {
  padding-top: 80px!important
}

.padding-t90 {
  padding-top: 90px!important
}

.padding-t100 {
  padding-top: 100px!important
}

.padding-b0 {
  padding-bottom: 0!important
}

.padding-b5 {
  padding-bottom: 5px!important
}

.padding-b10 {
  padding-bottom: 10px!important
}

.padding-b15 {
  padding-bottom: 15px!important
}

.padding-b20 {
  padding-bottom: 20px!important
}

.padding-b25 {
  padding-bottom: 25px!important
}

.padding-b30 {
  padding-bottom: 30px!important
}

.padding-b40 {
  padding-bottom: 40px!important
}

.padding-b50 {
  padding-bottom: 50px!important
}

.padding-b60 {
  padding-bottom: 60px!important
}

.padding-b70 {
  padding-bottom: 70px!important
}

.padding-b80 {
  padding-bottom: 80px!important
}

.padding-b90 {
  padding-bottom: 90px!important
}

.padding-b100 {
  padding-bottom: 100px!important
}

.padding-l0 {
  padding-left: 0!important
}

.padding-l5 {
  padding-left: 5px!important
}

.padding-l10 {
  padding-left: 10px!important
}

.padding-l15 {
  padding-left: 15px!important
}

.padding-l20 {
  padding-left: 20px!important
}

.padding-l25 {
  padding-left: 25px!important
}

.padding-l30 {
  padding-left: 30px!important
}

.padding-l40 {
  padding-left: 40px!important
}

.padding-l50 {
  padding-left: 50px!important
}

.padding-l60 {
  padding-left: 60px!important
}

.padding-l70 {
  padding-left: 70px!important
}

.padding-l80 {
  padding-left: 80px!important
}

.padding-l90 {
  padding-left: 90px!important
}

.padding-l100 {
  padding-left: 100px!important
}

.padding-r0 {
  padding-right: 0!important
}

.padding-r5 {
  padding-right: 5px!important
}

.padding-r10 {
  padding-right: 10px!important
}

.padding-r15 {
  padding-right: 15px!important
}

.padding-r20 {
  padding-right: 20px!important
}

.padding-r25 {
  padding-right: 25px!important
}

.padding-r30 {
  padding-right: 30px!important
}

.padding-r40 {
  padding-right: 40px!important
}

.padding-r50 {
  padding-right: 50px!important
}

.padding-r60 {
  padding-right: 60px!important
}

.padding-r70 {
  padding-right: 70px!important
}

.padding-r80 {
  padding-right: 80px!important
}

.padding-r90 {
  padding-right: 90px!important
}

.padding-r100 {
  padding-right: 100px!important
}

.width_100px {
  width: 100px!important
}

.width_110px {
  width: 110px!important
}

.width_120px {
  width: 120px!important
}

.width_130px {
  width: 130px!important
}

.width_140px {
  width: 140px!important
}

.width_150px {
  width: 150px!important
}

.width_160px {
  width: 160px!important
}

.width_170px {
  width: 170px!important
}

.width_180px {
  width: 180px!important
}

.width_190px {
  width: 190px!important
}

.width_200px {
  width: 200px!important
}

.width_210px {
  width: 210px!important
}

.width_220px {
  width: 220px!important
}

.width_230px {
  width: 230px!important
}

.width_240px {
  width: 240px!important
}

.width_250px {
  width: 250px!important
}

.width_260px {
  width: 260px!important
}

.width_270px {
  width: 270px!important
}

.width_280px {
  width: 280px!important
}

.width_290px {
  width: 290px!important
}

.width_300px {
  width: 300px!important
}

.fs-0 {
  font-size: 0
}

.fs-0_5em {
  font-size: .5em
}

.fs-0_6em {
  font-size: .6em
}

.fs-0_7em {
  font-size: .7em
}

.fs-0_8em {
  font-size: .8em
}

.fs-0_9em {
  font-size: .9em
}

.fs-1_1em {
  font-size: 1.1em
}

.fs-1_2em {
  font-size: 1.2em
}

.fs-1_3em {
  font-size: 1.3em
}

.fs-1_4em {
  font-size: 1.4em
}

.fs-1_5em {
  font-size: 1.5em
}

.fs-2em {
  font-size: 2em
}

.fs-3em {
  font-size: 3em
}

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px
}

.pagination>li {
  display: inline
}

.pagination>li:first-child>a,.pagination>li:first-child>span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px
}

.pagination>li:last-child>a,.pagination>li:last-child>span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px
}

.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd
}

.pagination>li>a,.pagination>li>span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd
}

.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #337ab7;
  border-color: #337ab7
}

.bold {
  font-weight: 600!important
}

@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
  .bold {
      font-weight: 600!important
  }
}

.ez_rangeslider_output {
  display: block;
  font-size: 30px;
  font-weight: 700;
  text-align: left;
  margin: 10px 0
}

.ez_rangeslider__fill {
  background: #e6e6e6;
  display: block;
  height: 20px;
  width: 100%;
  -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.3);
  -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.3);
  box-shadow: inset 0 1px 3px rgba(0,0,0,.3);
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px
}

.ez_rangeslider__fill {
  background: #80d8ff;
  position: absolute;
  top: 0
}

.table>tbody>tr:last-child>td,.table>tbody>tr:last-child>th {
  border-bottom: 1px solid #ddd
}

.v-bar li::before {
  content: '';
  height: .9em;
  border-left: 1px solid #ccc;
  margin: 0 1em;
  display: inline-block;
  position: relative;
  bottom: -.2em
}

.v-bar li:first-child::before {
  display: none
}

/*************************************************
서브 비주얼 
**************************************************/

/*이미지,타이틀 */
.sub-visual{position: relative; margin-top: 100px;}
.sub-visual-wrap{width: 100%; height: 250px; }
.sub-visual-wrap img{width: 100%; height: 100%;}
.sub-visual-tit{ position: absolute; /* z-index: 100; */ top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; text-align: center; font-size: 35px; font-weight: 800; color: #fff; letter-spacing: 2px;}

.sub-visual-img{width: 100%;height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover;}
.sub-visual-img.sv1{background-image: url(../../images/sub/sub_visual_bg01.jpg);}
.sub-visual-img.sv2{background-image: url(../../images/sub/sub_visual_bg02.jpg);}
.sub-visual-img.sv3{background-image: url(../../images/sub/sub_visual_bg05.jpg);}
.sub-visual-img.sv4{}


@media screen and (max-width:1024px){
  .sub-visual-img.sv1{background-position: 20% center;}
  .sub-visual-img.sv2{background-position: 24% center;}
  /* .sub-visual-img.sv3{background-position: 15% center;} */

}

@media screen and (max-width:1100px){
  .sub-visual{position: relative; margin-top: 0;}
}

@media screen and (max-width:480px){
  /* .sub-visual-img.sv1{background-position: 20% center;} */
}

/* 탭 PC */
.sub-tab{width: 100%;}
.sub-tab .sub-tab-wrap{}
.sub-tab .sub-tab-wrap .tab-menu{display: flex; justify-content: center; align-items: center; column-gap: 2rem; padding: 25px 0; border-bottom: 1px solid #d1d1d1;}
.sub-tab .sub-tab-wrap .tab-menu li{}
.sub-tab .sub-tab-wrap .tab-menu li a{font-size: 18px; color: #444;}
.sub-tab .sub-tab-wrap .tab-menu li a.on{color: #1170c5;}

/* 탭 Mobile */
.sub-nav { background: #fff; position: relative; z-index: 10; height: 80px; max-width: 1400px; margin: -40px auto 40px; color: #fff; display: flex; font-size: 16px; display: none; border-bottom: 1px solid #d1d1d1;}
.sub-nav > div:not(.home) { width: 224px; padding: 0 30px; position: relative; background: url(../../images/sub/arrow_down.png) no-repeat center right 15px; cursor: pointer;}
.sub-nav > div:not(.home):after {content: "";width: 1px;height: 100%;background: #444;opacity: 0.2;position: absolute;left: 0;top: 0;}
.sub-nav h2 {line-height: 80px;font-weight: 600;font-size: 16px;color: #000;}
.sub-nav ul { position: absolute; left: 0; width: 100%; background: #fff; box-shadow: 3px 3px 10px 3px rgba(0, 0, 0, 0.1); z-index: 1; display: none;}
.sub-nav ul li a {display: flex;align-items: center;height: 60px;border-bottom: 1px solid #eee;padding: 0 30px;color: #444;transition: all 0.1s ease-in-out;}
.sub-nav ul li a:hover { color: #00a5e5 ; font-weight: bold;}

@media screen and (max-width: 820px) {
  .sub-nav { height: 60px; margin: -30px auto 30px;}
  .sub-nav > div:not(.home) { padding: 0 16px;}
  .sub-nav h2 { font-size: 15px;line-height: 60px;}
  .sub-nav ul li a {height: 40px;padding: 0 15px;font-size: 14px;}
}


@media screen and (max-width: 600px) {
  /* 탭 PC */
  .sub-tab{display: none;}

  /* 탭 Mobile */
  .sub-nav{display: flex;}
  .sub-nav > div:not(.home) { width: 165px;}
  .sub-visual-tit h1 {font-size: 30px; }
  .sub-visual-tit p {font-size: 15px  }
}

@media screen and (max-width:480px) {
  .sub-nav > div:not(.home){
    width: 50%;
  }
}


/*************************************************
Design
**************************************************/

/*--- div 초기화 ---*/
.cle:after{clear: both; content: ""; display: block;}
.cle {*zoom:1;} /* IE5.5~7 브라우저 대응 Hack */

/* 글자색 지정 */
.yellow { color:#fdd800 !important }
.green { color:#99ff33 !important }
.green2 { color:#3ab549 !important }
.white { color:#fff !important }
.blue { color:#00a5e5 !important }
.orange { color:#f18800 !important }
.purple { color:#4d4dc6 !important }

/* 배경색 지정 */
.bg-yellow { background-color:#fdd800 !important }
.bg-green { background-color:#3ab549 !important }
.bg-blue { background-color:#1170c5 !important }
.bg-skyblue { background-color:#00a5e5 !important }
.bg-orange { background-color:#f18800 !important }
.bg-purple { background-color:#4d4dc6 !important }
.bg-blue-opacity { background-color:rgba(17,112,197,0.15) !important }
.bg-skyblue-opacity { background-color:rgba(0,165,229,0.15) !important }
.bg-purple-opacity { background-color:rgba(77,77,198,0.15) !important }
.bg-green-opacity { background-color:rgba(135,209,98,0.15) !important }
.bg-gray-opacity { background-color:rgba(204,204,204,0.15) !important }

/* 링크 설정 */
a { color:#222 }
a:hover { color:#00a5e5; text-decoration:none }

/* 리스트 설정 */
.lst { margin:0; padding:0; /* font-size:0  */}
.lst-flex { display:flex; flex-wrap:wrap; margin:-1% }
.lst-flex > li { position:relative; margin:1%; text-align:center; transition: all .25s ease }
.lst-1 > li { width:100% }
.lst-2 > li { width:48% }
.lst-3 > li { width:31.3333% }
.lst-4 > li { width:23% }
.lst-5 > li { width:18% }
.lst-6 > li { width:14.6666% }
.lst-7 > li { width:12.2857% }
.lst-dot > li { position:relative; margin-top:10px; padding-left:14px; text-align:left !important }
.lst-dot > li:first-child { margin-top:0 }
.lst-dot > li::before { position:absolute; top:11px; left:0; content:""; width:5px; height:5px; background-color:#1170c5; border-radius:50% }
.lst-dot2 > li::before { position:absolute; top:11px; left:0; content:""; width:5px; height:5px; background-color:#666; border-radius:50% }
.lst-line > li { position:relative; margin-top:5px; font-size:16px; line-height:1.4em; color:#888 }
/* .lst-line > li::before { position:absolute; top:10px; left:5px; content:""; width:7px; height:2px; background-color:#999 } */

/* 탭 설정 */
.sub.ez-tab { position:relative; width:100%; margin:-2px; margin-bottom:80px; padding:0; font-size:0; text-align:center }
.sub.ez-tab > li { float:none !important; display:inline-block; width:calc(25% - 4px); margin:2px; height:inherit; padding:0 }
.sub.ez-tab > li a, .sub.ez-tab > li.active a { height:inherit; padding:0 15px; font-size:18px; font-weight:500; line-height:55px; color:#222; border:0; border-radius:0; background-color:#e6e6e6 }
.sub.ez-tab > li.active a { color:#fff; background-color:#1170c5 }
.sub.ez-tab > li.no-view-for-line { border:0 }

/* 테이블 설정 */
.tbl { width:100%; border-top:3px solid #333;  border-bottom:1px solid #ddd; transition: all .3s ease }
.tbl + .tbl { margin-top:3% }
.tbl th, .tbl td { padding:15px; text-align:center }
.tbl th { color:#222; font-weight:500; background-color:#f6f6f6 }
.tbl > * > tr > * { border:1px solid #ddd }
.tbl > * > tr > *:first-child { border-left:0 }
.tbl > * > tr > *:last-child { border-right:0 }
.tbl2 td { text-align:left }

/* 폼 설정 */
.ipt, .slt { width:320px; padding:0 7px; font-size: 16px; height:45px; line-height:45px; border:1px solid #ccc }
.slt { display:inline-block !important }
.slt + .slt { margin-left:10px }
.slt2 { width:155px }

/*.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] { margin-left: -1em; }*/

.t01 {border-top:2px #0662b0 solid;  border-bottom:1px #cccccc solid; margin:0px; background:#ecd5c1; }
.t01 th {background:#f5f7fb; padding: 3px 0; color:#0662b0; font-family: 'nsr' !important; }
.t01 td {background:#fff; padding:3px 0;}
.t01 td.e{background:#fff; padding:5px;text-align:left;}

/*.ez-form label.for-radio { margin-right: 10px; }*/

.ui-datepicker { font-size: 12px; width: 220px; z-index: 2 !important; }
.ui-datepicker select.ui-datepicker-month { width:40%; font-size: 11px; }
.ui-datepicker select.ui-datepicker-year { width:43%; font-size: 11px; }

.ez_required {
	background-image: url(../../images/icon/form_required.png);
	background-repeat: no-repeat;
	background-position: top left;
	border: 1px solid lightgray;
	padding: 4px;
}

/* 버튼 설정 */
.page-btn { display:inline-block; width:200px; padding:0 25px; text-align:center; height:55px; line-height:55px; color:#fff }
.page-btn:hover { color:#fff }
.btn-blue { background-color:#019ae1 }
.btn-blue:hover { background-color:#0184c1 }

/* 공통 설정 */
.page-wrap + .page-wrap { margin-top:55px }
.page-info { margin-top:25px }
.page-box { padding:35px; border:1px solid #ddd }
.page-box2 { padding:35px; background-color:#f4f4f4 }
.page-ti { padding-left:42px; font-size:27px !important; font-weight:600; color:#222; background:url(../../images/icon/icon-ti.png) no-repeat center left }
.page-ti2 { font-size:45px; font-weight:600; color:#222 }
.page-ti3 { font-size:35px; font-weight:600; color:#222 }
.page-sti { margin:10px 0; font-size:22px; font-weight:500; color:#222 }
.page-sti2 { font-size:25px; font-weight:600 }
.page-txt { font-size:16px; color:#666 }
.page-bg { position:relative; padding-top:325px; background-repeat:no-repeat; background-position:center center; background-size:cover }
.page-bg div { padding:35px; color:#fff; background-color:rgba(0,0,0,0.5) }
.page-bg1 { background-image:url(../../images/sub/child_img04.jpg) }
.page-bg2 { background-image:url(../../images/sub/child_img05.jpg) }
.page-bg3 { background-image:url(../../images/sub/child_img06.jpg) }
.w35 { width:35% }
.w40 { width:40% }
.w55 { width:55% }
.w60 { width:60% }

.margin-top{margin-top: 80px;}
.margin-bottom{margin-bottom: 80px;}

img {
  max-width: 100%;
  height: 100%;
  border: 0;
  vertical-align: top;
  object-fit: cover;
}
audio, canvas, img, video {
  max-width: 100%;
  height: auto;
  box-sizing: border-box;
}
/* 서브 컨텐츠 타이틀 */
.sub-tit-box{text-align: center; margin: 60px 0;}
.sub-tit-box .sub-tit{position: relative; display: inline-block; font-size: 40px; font-weight: 600;  padding: 0 12px; color: #333; font-weight: 600;}

.sub-tit-box .sub-tit::before {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  content: "";
  width: 100%;
  height: 50%;
  background-color: #e2f3fa;
}

/* 인사말 */
/* .greeting p + p { margin-top:25px }
.greeting.right { margin-top:-18px }
.sign { font-size:20px; font-weight:600 } */

.greeting-content{display: flex; column-gap: 4rem;}
.greeting-content .greeting-img{width: 45%;}
.greeting-content .greeting-img img{ width: 100%;}
.greeting-content .page-sti {margin: 10px 0;font-size: 22px;font-weight: 500;color: #222;}
.greeting-txt{width: 55%;}
.greeting-txt p {font-size: 17px; margin-top: 25px; word-break: keep-all;}

@media screen and (max-width: 1024px){
  .greeting-content .page-sti{font-size: 16px;}
}
@media screen and (max-width: 768px){
  .greeting-content{ display: flex; flex-direction: column; column-gap: 4rem; }
  .greeting-content .greeting-img{ width:100%; }
  .greeting-txt{width: 100%;}

  /* 서브 컨텐츠 타이틀 */
.sub-tit-box .sub-tit{font-size: 32px;}
}
/* 법인소개 */
.corporate-wrap { position:relative; height:600px; background-size:cover }
.corporate-txt { position:absolute; bottom:0; width:100%; padding:5%; color:#fff; background-color:rgba(0,0,0,0.5) }

/* 연혁 */
.history-slogan { margin-bottom:25px; font-size:30px; font-weight:700; text-align:center; color:#ccc }
.history-slogan img { margin-bottom:15px }
.history-wrap { position: relative; width:100%; padding:0 30px; display: flex; flex-wrap: wrap }
.history-wrap::before{ position: absolute; content: ""; left: 50%; top:40px; width: 1px; height:calc(100% - 40px); background-color: #ddd;}
.history-wrap::after{ position: absolute; content: ""; left:calc(50% - 4px); bottom: -4px; width: 8px; height: 8px; background-color: #9A9A9A; border-radius: 50%;}
.history-wrap > li { position: relative; width:50%; margin-left: 50%; padding: 10px 20px 10px 90px }
.history-wrap > li::before { position: absolute; left: -8.5px; top: 35px; content: ""; width: 17px; height: 17px; background-color:#00a5e5; border-radius:50%; }
.history-wrap > li::after { position: absolute; left: 12px; top: 43px;content: ""; width: 50px; height: 1px; border-bottom: 1px dashed #bbb; }
.history-wrap > li .year { font-size: 45px; font-weight: 700; line-height:1.4em }
.history-wrap > li .date_list { margin-top:15px }
.history-wrap > li .date_list li + li { margin-top:25px }
.history-wrap > li .date_list > li .day { font-weight: 700; color: #1170c5;}
.history-wrap > li .date_list > li .cont { margin-top:7px; line-height:1.4em }

/* 짝수 */
.history-wrap > li:nth-child(even){ margin-left: 0%; margin-right: 50%; padding: 10px 90px 10px 20px; text-align: right }
.history-wrap > li:nth-child(even)::before{right: -8.5px; left: auto}
.history-wrap > li:nth-child(even)::after{left: auto; right: 12px;}

/* 비전 */
.vision-wrap { display:flex; flex-wrap:wrap; margin:-1% }
.vision-wrap + .vision-wrap { margin-top:10px }
.vision-wrap > div { display:flex; flex-direction:column; justify-content: center; text-align: center; margin:1%; border-radius:10px }
.vision-ti { position:relative; width:20%; color:#fff; padding:25px;  }
.vision-ti:before { position:absolute; right:-7px; content:""; width:15px; height:15px; border-radius:50%; background-color:#ccc }
.vision-txt { position:relative; width:76% }
.vision-txt:after { position:absolute; left:-2%; content:""; width:2%; height:1px; background-color:#ccc }
.lst-vision > li { border-radius:10px; background-color:rgba(0,165,229,0.1) }

/* 조직도 */
.org-wrap { position:relative; margin:2% }
.org-wrap:before { position:absolute; left:50%; top:0; content:""; display:block; width:1px;height: 240px; background:#ccc }
.org-items { position:relative; z-index:1; text-align:center }
.org-items + .org-items { margin-top:45px }
.org-items span { position:relative; display:inline-block; width:calc(100% / 3); line-height:75px; font-size:20px; text-align:center; color:#fff; font-weight:600; background:#5c6dbd; border-radius:12px; z-index:9 }
.org-items.top span { background:#3b4ca8; }
.org-items.mid { text-align:right }
.org-items.midleft{text-align: left;    position: absolute; width: 100%;}
.org-items.midleft > span::before { position: absolute; top: 27.5px; left: 100%; z-index: 1; content: ""; width: 50%; height: 1px; background: #ccc;}
.org-items.mid > span { background-color:#5c6dbd; }
.org-items.mid > span::before { position:absolute; top:27.5px; left:-50%; z-index:1; content:""; width:50%; height:1px; background:#ccc }
.org-items.bottom { position:relative; z-index:1; margin-top:90px }
.org-items.bottom span { width:100%; background-color:#19a6f4;}
.org-items .lst-org { position:realtive; display:flex; /* flex-wrap:wrap; */ margin:0 -1.5% }
.org-items .lst-org::before { position:absolute; top:-45px;    left: 11.5%; content: ""; width: calc(100% - 23%); height:1px; background:#ccc }
.org-items .lst-org > li { position:relative; width:47%; margin:0 1.5%; text-align:center; transition: all .25s ease }
.org-items .lst-org > li::after { position:absolute; left:calc(50% + 0.5px); z-index:0; top:-45px; content:""; width:1px; height:45px; background:#ccc }
.org-items .lst-org-bottom li { min-height:285px; padding:10px; border:1px solid #ddd; background-color:#f2f2f2; border-radius:10px }

/* 오시는 길 */
.map li { padding-left:30px; text-align:left; background-repeat:no-repeat; background-position:0 0 }
.map li:nth-child(1) { background-image:url(../../images/icon/icon_add.png) }
.map li:nth-child(2) { background-image:url(../../images/icon/icon_tel.png) }
.map li:nth-child(3) { background-image:url(../../images/icon/icon_fax.png) }

#map{width: 100%; height: 450px; margin-bottom: 80px;}
/* 아동보호 배경 이미지 */
.child-bg-wrap { padding:40% 0 0 45px; background-repeat:no-repeat; background-position:0 0; background-size:contain }
.child-bg1 { background-image:url(../../images/sub/child_img01.jpg);  background-position: 0 -10%; }
.child-bg2 { background-image:url(../../images/sub/child_img02.jpg) }
.child-bg3 { background-image:url(/img/sub/child-img03.jpg) }
.child-bg-txt { padding:45px 0 0 45px; background-color:#fff }

/* 아동 학대 */
.child-abuse { display:flex; flex-wrap:wrap;justify-content: center; align-items: center; padding:25px; border:1px solid #e6e6e6 }
.child-abuse dt { float:left; width:20% }
.child-abuse dd { float:right; width:75% }

/* 아동 권리 */
.lst-rights > li { padding:35px }
.lst-rights > li:nth-child(1) { background-color:rgba(135,209,98,0.4) }
.lst-rights > li:nth-child(2) { background-color:rgba(97,223,211,0.4) }
.lst-rights > li:nth-child(3) { background-color:rgba(234,241,105,0.4) }
.lst-rights > li:nth-child(4) { background-color:rgba(59,176,206,0.4) }

/* .child-img{width: 120px ; height: 120px ; } */

/* 업무체계도 */
.lst-flow { justify-content: center; align-items: center }
.lst-flow > li { position:relative; display: flex; flex-wrap:wrap; justify-content:center; align-items:center; width:150px; height:150px; padding:25px; text-align:center; color:#fff; border-radius:50% }
.lst-flow > li p { width:100% }
.lst-flow > li::before {     position: absolute; left: -17px; content: ""; width: 17px; height: 24px; background: url(../../images/icon/arrow_right.png) no-repeat 0 0;}
.lst-flow > li:nth-child(1)::before, .lst-flow > li:nth-child(2)::before { background:none }
.flow-1 > li { background-color:#40a6ef }
.flow-1 > li:first-child { background-color:#1469c1 }
.flow-2 > li { background-color:#8787f4 }
.flow-2 > li:first-child { background-color:#4d4dc6 }

/* 관련 법령 */
.lst-rule > li { padding:15px; text-align:left; border:1px solid #ddd;  background: url(../../images/icon/icon_link.png) no-repeat 96%; }
.lst-rule > li a { display:block }

/* 사례지원 */
.counsel-wrap { position:relative }
.counsel-wrap:before { position:absolute; top:115px; left:50%; content:""; width:1px; height:30px; background-color:#ccc }
.counsel-wrap:after { position:absolute; top:107px; left:calc(50% - 7px); content:""; width:15px; height:15px; background-color:#4d4dc6; border-radius:50% }
.lst-counsel { position:relative; justify-content:center }
.lst-counsel:before { position:absolute; top:50%; content:""; width:150px; height:75px; border:1px dashed #ccc; border-radius:0 0 100px 100px }
.lst-counsel li { width:375px; margin:0 -1% !important; padding:25px; color:#fff; font-weight:600; border-radius:50px }
.lst-counsel li:nth-child(1) { background-color:#1170c5 }
.lst-counsel li:nth-child(2) { background-color:#00a5e5 }
.lst-counsel2 { position:relative; margin-top:90px }
.lst-counsel2:before { position:absolute; top:-13px; left:12.5%; content:""; width:75%; height:1px; background-color:#ccc }
.lst-counsel2 li { margin:1% !important; padding:25px; font-weight:500; background-color:#eee; border-radius:10px }
.lst-counsel2 li:before { position:absolute; top:-25px; left:50%; content:""; width:1px; height:25px; background-color:#ccc }

.lst-edu { display:flex; flex-wrap:wrap;justify-content: center; align-items: center; border:1px solid #e6e6e6 }
.lst-edu dt { width:25%; padding:35px }
.lst-edu dt img { border-radius:50% }
.lst-edu dd { width:75%; padding:35px 35px 35px 0 }

/* 자원봉사 */
/* 업무체계도 */
.lst-flow2 { justify-content: center; align-items: center }
.lst-flow2 > li { position:relative; display: flex; flex-wrap:wrap; justify-content:center; align-items:center; width:275px; height:275px; padding:25px; text-align:center; color:#fff; border-radius:15px }
.lst-flow2 > li p { width:100% }
.lst-flow2 > li::before { position:absolute; left:-15px; content:""; width:9px; height:17px; background:url(/img/sub/icon-arrow.png) no-repeat 0 0 }
.lst-flow2 > li:nth-child(1)::before, .lst-flow > li:nth-child(2)::before { background:none }
.lst-flow2 > li { background-color:#40a6ef }
.lst-flow2 > li:first-child { background-color:#1469c1 }
.lst-flow2 > li:last-child { background-color:#4d4dc6 }

/* 사이트맵 */
.sitemap-ti { padding:15px; font-size:20px; font-weight:500; color:#fff; background-color:#1170c5 }
.lst-sitemap { border:1px solid #1170c5 }
.lst-sitemap li { margin:15px 0 }


/* 개인정보처리방침 */
.privacy .fusion-panel { border-color:#e0dede; }
.privacy .toggle-content{font-size:16px; color:#6d6d6d;font-family:"Noto Sans KR";font-weight:400; letter-spacing: -0.5px;}  .privacy .fa-fusion-box { background-color: #d1d1d1;border-color: #d1d1d1;}  .privacy .panel-title a:not(.active):hover, .privacy .fusion-toggle-boxed-mode:hover .panel-title a { color: #3d3d3d;}  .privacy .panel-title .active .fa-fusion-box,  .privacy .panel-title a:not(.active):hover .fa-fusion-box { background-color: #3d3d3d!important;border-color: #3d3d3d!important;}

.privacy .toggle-content .p1{margin: 12px 0;}
.privacy .toggle-content p b{font-size: 20px;}



/* Tablet */
@media only screen and (max-width: 768px) {
	/* 테이블 설정 */
	.tbl th, .tbl td { padding:7px }

	/* 탭 설정 */
	.sub.ez-tab { margin-bottom:25px; }
	.sub.ez-tab > li { width:calc(50% - 4px) }
	.sub.ez-tab > li a, .sub.ez-tab > li.active a { padding:0 7px; font-size:15px; line-height:35px }

	/* 공통 설정 */
	.page-wrap + .page-wrap { margin-top:25px }
	.page-info { margin-top:15px }
	.page-box, .page-box2 { padding:20px }
	.page-ti { padding-left:32px; font-size:18px; background-size:25px }
	.page-ti2 { font-size:22px }
	.page-ti3 { font-size:20px }
	.page-sti { margin:7px 0; font-size:18px }
	.page-sti2 { font-size:20px }
	.page-txt { font-size:15px }

	/* 리스트 설정 */
	.lst-dot > li { margin-top:5px }

	/* 아동보호 배경 */
	.child-bg-wrap {padding: 58% 0 0 0px; }
	.child-bg-txt { padding:25px 0; }
  .child-bg1 { background-position: 0 0%;}

 

  

	/* 연혁 */
	.history-slogan { margin-bottom:25px; font-size:20px; text-align:left }
	.history-slogan img { width:165px }
    .history-wrap{padding: 0px 0 0;}
    .history-wrap::before{ left: 10px;}
    .history-wrap::after{ left: 7px;}
    .history-wrap > li{width: 100%; margin-left: 0; padding: 17px 0px 10px 50px;}
    .history-wrap > li::before{width: 15px; height: 15px; background-size: 100%; left: 3px; top: 25px;}
    .history-wrap > li::after{ width: 20px;left: 20px; top: 32px;}
    .history-wrap > li:last-child{padding-bottom: 5px;}
    .history-wrap > li:first-child{padding-top: 0px;}
    .history-wrap > li:first-child::before{top: 0;}
    .history-wrap > li:first-child::after{top: 8px;}
    .history-wrap > li .year{font-size: 20px; margin: 0 0 15px;}
    .history-wrap > li .date_list > li{margin-top: 7px}

    /* 짝수 */
    .history-wrap >li:nth-child(even){margin-left: 0; margin-right: 0; padding: 17px 0px 10px 50px; text-align: left;}
    .history-wrap >li:nth-child(even)::before{right:auto; left:3px}
    .history-wrap >li:nth-child(even)::after{left: 20px; right: 0;}
    .history-wrap >li:nth-child(even) .date_list >li{justify-content: flex-start;}
    .history-wrap >li:nth-child(even) .date_list >li .day{margin: 0 10px 0 0; order: 1;}
    .history-wrap >li:nth-child(even) .date_list >li .cont{order: 2;}

	/* 조직도 */
	.org-wrap:before { height: 160px;}
	.org-items + .org-items { margin-top:35px }
	.org-items span { font-size:16px; line-height:45px }
	/* .org-items.mid > span::before { top:22.5px } */
	.org-items.bottom { margin-top:70px }
	.org-items .lst-org::before { top:-35px }
	.org-items .lst-org > li::after { top:-35px; height:35px }
	.org-items .lst-org-bottom li { min-height:240px }

	/* 아동학대 */
	.child-abuse { padding:15px }
	.child-abuse dt { float:left; width:30% }
	.child-abuse dd { float:right; width:68% }

	.lst-rights > li { padding:20px }

	.lst-flow > li { width:115px; height:115px; padding:10px }
	.lst-flow > li::before { left:-11px; content:""; width:9px; height:17px; background:url(/img/sub/icon-arrow.png) no-repeat 0 0 }

	/* 사례지원 */
	.page-bg { padding-top:175px }
	.page-bg div { padding:20px }

	.counsel-wrap:before { top:70px; height:23px }
	.counsel-wrap:after { top:63px }

	.lst-counsel:before { width:100px; height:50px }
	.lst-counsel li { width:255px; padding:10px 15px }
	.lst-counsel2 { margin-top:70px !important }
	.lst-counsel2:before { top:-13px }
	.lst-counsel2 li { padding:10px }
	.lst-counsel2 li:before { top:-20px; height:20px }

	.lst-edu dt { width:35%; padding:20px }
	.lst-edu dd { width:65%; padding:20px 20px 20px 0 }

	.lst-flow2 > li { width:215px; height:215px; padding:15px }
	.lst-flow2 > li::before { left:-11px; content:""; width:9px; height:17px; background:url(/img/sub/icon-arrow.png) no-repeat 0 0 }

	/* 사이트맵 */
	.sitemap-ti { padding:10px; font-size:16px }
	.lst-sitemap li { margin:10px 0 }
}

/* Mobile */
@media only screen and (max-width: 540px) {

	.lst-flex { margin:-2% 0 }
	.lst-flex > li { margin:2% 0 }
	.lst-2 > li, .lst-3 > li, .lst-4 > li { width:100% }

	.lst-rule > li { padding:10px 15px }

	.tbl-scroll { overflow-x:scroll }
	#min-size { width:600px }

	.child-wrap, .child-wrap-txt { padding-left:0 }
	.lst-rights { margin-top:15px }

	/* 인사말 */
	.greeting-img, .greeting { width:100% }
	.greeting.right { margin-top:inherit }
	.greeting { margin-top:15px }

	/* 미션 비전 */
	.vision-ti { width:30%; padding:15px;  }
	.vision-txt { width:66% }

	/* 조직도 */
  .org-items span{font-size: 13px;}
	/* .org-wrap { margin:0 } */
	/* .org-wrap:before { top:0; height:calc(100% - 35px) } */
	/* .org-items span { width:40% } */
	/* .org-items.mid { text-align:center } */
	/* .org-items.mid > span::before { display:none } */
	/* .org-items.bottom { margin-top:35px } */
/* 	.org-items .lst-org { margin:-3% 0; padding:0 10% }
	.org-items .lst-org > li { width:100%; margin:3% 0 } */
/* 	.org-items .lst-org::before { display:none }
	.org-items .lst-org > li::after { display:none } */
	/* .org-items .lst-org-bottom li { min-height:inherit } */

	/* 아동학대 */
	.child-abuse dt, .child-abuse dd { width:100%; text-align:center }

	.ipt, .slt { width:100%; font-size: 14px; height:35px; line-height:35px }
	.slt + .slt { margin:6px 0 0 0 }

	.lst-flow + .lst-flow { margin-top:25px }
	.lst-flow > li { width:100%; height:inherit; border-radius:5px }
	.lst-flow > li::before { top:-15px; left:calc(50% - 5px); transform: rotate(90deg); }

	.map li { width:100%; margin:2px 0 }

	/* 사례지원 */
	.counsel-wrap:before { top:100px; height:42px }
	.counsel-wrap:after { top:97px }
	.lst-counsel:before { top:55px }
	.lst-counsel li { width:100% }
	.lst-counsel2 { margin-top:45px !important }
	.lst-counsel2:before { display:none }
	.lst-counsel2 li { width:100% }
	.lst-counsel2 li:before { display:none }

	.lst-edu dt { width:100%; padding:20px; text-align:center }
	.lst-edu dt img { width:200px }
	.lst-edu dd { width:100%; padding:20px; padding-top:0 }

	.lst-flow2 > li { width:100%; height:inherit; border-radius:5px }
	.lst-flow2 > li::before { top:-15px; left:calc(50% - 5px); transform: rotate(90deg); }
	.lst-flow2 > li p { margin-top:10px }
	.lst-flow2 > li img { width:50px }


 
}

@media only screen and (max-width: 480px){
  .page-ti{font-size: 18px !important;background-size: 20px;}
}


@media only screen and (max-width: 375px){
  .page-ti{font-size: 14px !important;background-size: 20px;}
}
/* Mobile */
@media only screen and (max-width: 320px) {
	.sub.ez-tab > li { width:100%; margin:2px 0 }
}



/****************************************************
Template
*****************************************************/
/* 인코딩: utf-8 */


.wrap { max-width: 1920px; margin: 0 auto; overflow: hidden; min-width: 280px; }
.wrap .center-wrap { position: relative; max-width: 1200px; margin: 0 auto; }	/* 가운데 고정폭 영역 */
.wrap .sub-left-wrap { width: 25.2%; }	/* sub 왼쪽 영역 */
.wrap .sub-right-wrap { width: 72%; }	/* sub 오른쪽 영역 */

.wrap .mainMenuWrap {  }
.wrap .mainLogo { width: 35%; padding:23px 0 }
.wrap .mainMenu { width: 55%; }

.wrap .bannerWrap {
	height: auto;
	position: relative;
	overflow: hidden;
	z-index: 0;
}

.wrap .mainBanner {
	width: 1920px;
	height: 700px;
	position: relative;
	left: 50%;
	margin-left: -960px;
	z-index: 0;
}

.wrap .mainSlogan { position:absolute; z-index:999; left:20%; bottom:15% }
.slogan-ti, .slogan-txt { color:#fff; transition:0.25s all }
.slogan-ti { font-size:60px; font-weight:600; line-height:1.3em }
.slogan-txt { margin-top:35px; font-size:25px; font-weight:500 }

#mainSlider div.navi {
	bottom: 7% !important;
	text-align: right;
	width: 100%;
	padding-right: 22%;
	margin-left: inherit;
	margin-right: inherit;
}

.con-padd { padding:50px 0; transition:0.25s all }
.con-ti { font-size:20px; font-weight:600; transition:0.25s all }
.con-ti2 { font-size:30px; font-weight:600; transition:0.25s all }
.con-txt { font-size:16px; color:#999; transition:0.25s all }
.con-list li { margin-top:15px; transition:0.25s all }
.con-list li a { display:block; font-size:16px; transition:0.25s all }

.wrap .contentsQuick {  }
.quick li a { display:inline-block; transition:0.25s all }
.quick li img { transform:rotateY(0); border-radius:50%; transition:0.75s all }
.quick li a:hover img { transform:rotateY(180deg); transition:0.75s all }
.quick li .con-ti { margin:5px 0 }

.wrap .contentsBoard { background-color:#f4f4f4 }
.con-board { display: flex; flex-wrap: wrap; align-items: stretch; margin:-1% }
.con-box { flex-basis:1; width:31.333%; margin:1% }
/* .board { background-color:#fff; border:1px solid #ccc } */
.board .con-ti { position:relative; padding-bottom:15px; border-bottom:1px solid #ccc }
.board .con-ti span { position:absolute; top:6px; right:0 }
.board .con-ti a { display:block }
.date { font-size:14px; color:#999 }
.tel { padding:5% 30px 30px; background:url(/img/tel-bg.jpg) no-repeat bottom right; background-size:cover }
.tel-num a { font-size:60px; font-weight:600; color:#cc0000 }
.tel .con-ti { margin:10px 0 }

.wrap .contentsGallery {  }
.gallery-wrap { position:relative }
.gallery-btn { position:absolute; bottom:0; right:0 }
.gallery { margin-top:25px }
.gallery li { text-align:left; transition:0.25s all }
.gallery-img { margin-bottom:15px; background-color:#000; overflow:hidden }
.gallery-img img  { position:relative; transform:scale(1); transition:transform 0.6s linear; transition:0.6s all; }
a:hover .gallery-img img {
	opacity:0.6;
/*	transition:0.6s all;*/
	transform:scale(1.1);             /*  default */
	  -webkit-transform:scale(1.1);     /*  크롬 */
	  -moz-transform:scale(1.1);       /* FireFox */
	  -o-transform:scale(1.1);
}

.wrap > .contentsBanner { padding:25px 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc }
.lst-banner { margin:0; padding:0; font-size:0; text-align:center }
.lst-banner li { display:inline-block }

.wrap > .copyright { background-color:#222 }
.copy { padding-left:25%; background:url(/img/copy-logo.png) no-repeat 0 0 }
.copy p { font-size:15px; color:#ccc; line-height:1.8em }
.copy p span { padding-left:25px }
.copy p span:first-child { padding-left:0 }
.copy p a { color:#ccc }

.wrap .subBannerWrap {
	position: relative;
}
.wrap .subBanner {
	width: 1920px;
	height: 250px;
	margin: 0 auto;
	position: relative;
	left: 50%;
	margin-left: -960px;
	z-index: 99;
}
.sub-banner-ti { position:absolute; z-index:100; top:calc(50% - 24px); width:100%; text-align:center; font-size:35px; font-weight:800; color:#fff; letter-spacing:2px }

.wrap .contentsSubWrap { min-height: 450px; }
.wrap .subMenu { padding:25px 0; border-bottom:1px solid #ccc }

.wrap .contentsSubTop {  }
.sub-pg-ti { position:relative; z-index:0; display:inline-block; margin-top:50px; padding:0 15px; font-size:40px; font-weight:600 }
.sub-pg-ti::before { position:absolute; left:0; bottom:0; z-index:-1; content:""; width:100%; height:50%; background-color:#e2f3fa }

.wrap .contentsSub { margin:80px auto }

#mmenu-icon { display: none; }

/* center-wrap width */
@media only screen and (max-width: 1200px) {
	.wrap .center-wrap { padding-left:15px; padding-right:15px }
	.wrap .bannerWrap { overflow: visible; }
	.wrap .mainBanner {
		width: 160vw;			/* = 1920(image width) * 100 / 1024(site width) */
		height: auto;
		margin: 0 auto;
		position: relative;
		left: 50%;
		margin-left: -80vw;	/* = width / 2 */
		z-index: 99;
	}

	.wrap .subBanner {
		width: 160vw;			/* = 1920(image width) * 100 / 1024(site width) */
		height: auto;
		margin-left: -80vw;	/* = width / 2 */
	}
}

/* Laptop */
@media only screen and (max-width: 1024px) {
	.slogan-ti { font-size:5.5vw }
	.slogan-txt { font-size:2.7vw }
}

/* UIKit m-size */
@media only screen and (max-width: 960px) {
	.wrap .contentsWrap > .left { padding-left: 0; }
}

/* Tablet */
@media only screen and (max-width: 768px) {
	.wrap .mainLogo { width:80%; padding:15px 0 }
	.wrap .mainLogo img { width:175px }
	.wrap .mainMenu { width:20% }
	#mmenu-icon {
		display: inline-block;
		color: #222;
		background-color: none;
		position: relative;
		float: right;
		text-align: left;
		font-size: 1.0em;
		border-radius: 5px;
		margin-top:25px;
	}
	.hamburger { padding:0 }
	.hamburger-box { position:relative; width:25px; height:25px }
	.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width:25px; height:3px; background-color:#222; border-radius:5px }
	.hamburger-inner::before { top:-8px }
	.hamburger-inner::after { bottom:-8px }
	#mainMenu { display: none !important; }

	.con-padd { padding:20px 0 }
	.con-box { padding:20px }
	.con-ti { font-size:16px }
	.con-txt { font-size:14px }

	.quick li img { width:65px }

	.tel-num { font-size:35px }

	.gallery-btn a img { width:30px }

	.wrap > .contentsBanner { padding:15px 0 }

	.sub-banner-ti { top:calc(50% - 15px); font-size:22px; font-weight:700 }

	.wrap .subMenu { padding:15px 0 }
	.sub-pg-ti { margin-top:25px; font-size:5vw }

	.wrap .contentsSub { margin:35px auto }

	.copyright.con-padd { padding:35px 0 }
	.copy { padding-top:50px; padding-left:0; background-size:145px }
	.copy p { line-height:1.6em }
}

/* Mobile */
@media only screen and (max-width: 540px) {
	#subMenuMobile { display: block !important; }
	#subMenu { display: none !important; }
	.wrap .subMenu { padding:0 }

	.slogan-txt { margin-top:15px }

	.con-box { width:100%; margin:10px 0 }
	.quick li, .gallery li { width:48% }
	.tel { padding:40px 20px }

	.copy p span { display:block; padding-left:0 }
}


/*************************************************
Style
**************************************************/
.ez-tab {
	width: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
	position: relative;
}
.ez-tab li {
	float: left;
	font-size: 14px;
	border-top: none;
	margin-left: 0;
	margin-bottom: 0;
	list-style: none;
	z-index: 2;
	position: relative;
}
.ez-tab li a {
	display: block;
	padding: 4px 20px 5px 20px;
	color: #848484;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background-color: #ececec;
	height: 24px;
}
.ez-tab li a:hover {
	color: #005cbf;
}
.ez-tab li.active a {
	font-size: 14px;
	font-weight: bold;
	background-color: white;
	border: 1px solid #005cbf;
	border-bottom: none;
	height: 29px;
}
.ez-tab li.no-view-for-line {
	z-index: 1;
	position: absolute;
	width: 100%;
	height: 100%;
}
.ez-tab li.no-view-for-line a,
.ez-tab li.no-view-for-line a:hover {
	background-color: transparent !important;
	border-color: transparent !important;
}
.ez-tab-contents .btn-more {
	position: absolute;
	right: 0px;
	top: 12px;
	z-index: 1;
}

/* 스타일링 */
.ez-tab li {
	border: none;
	padding: 3px 1px 0 1px;
}

.ez-tab li a {
	border-bottom: none;
	border-radius: 10px 10px 0 0;
}

.ez-tab li.active {
	padding-top: 0;
}

.ez-tab li.active a span {
	color: #005cbf;
}

.ez-tab li.no-view-for-line {
	border-bottom: 1px solid #005cbf;
}

.ez-tab-selectbox {
	display: none;
	width: 100%;
	height: 2em;
	border: none;
	background-color: green;
	color: yellow;
	padding: 0 .5em;
	font-size: 1.3em;
}