@charset "utf-8";
/* CSS Document */

/* 뉴스 */
#news-list .content { margin-bottom: 90px }

.box_width1500 { max-width: 1450px; margin: 0 auto; position: relative}
.box_width1300 { max-width: 1300px; margin: 0 auto; position: relative}
.news_list { display: flex; justify-content: flex-start; flex-wrap:wrap;  max-width: 1450px; margin: 0 auto; position: relative}
.news_list li{ position: relative; width:calc(33.3333% - 82px); box-shadow: 0px 2px 10px rgba(0,0,0,0.2);  z-index: 0; min-height:430px; margin:40px; transition: transform .3s; }
.news_list li a{ }
.news_list li .bg-black{position: absolute; width: 100%; height: 100%; top: 0; left: 0;  background: rgba(0,0,0,0); z-index: -1; transition:0.5s;  }
.news_list li a:hover .bg-black {/*background-color:rgba(62,98,230,.8);*/ background-color: rgba(0,0,0, .0); z-index:2; }
.news_list li a p {z-index: 10;}
.news_list li a img {width: 100%; height: 250px; border-bottom: 1px solid #e5e6e8; overflow: hidden;  z-index: -1; }
.news_list li a .img { overflow: hidden; }
.news_list li .txt { height: 140px; max-width: 100%; overflow: hidden; padding: 25px; z-index: -1;  }
.news_list li .txt .aff { display: flex;  justify-content: left;  gap: 10px;  margin: 0px 0; }
.news_list li .txt .aff span {color: #222; font-weight: 500;  background-color:rgba(0,0,0,0.06); padding: 5px 10px; font-size: 0.75rem; border-radius: 20px }
.news_list li .txt .title { font-size: 1.25rem; line-height: 1.3em; margin: 10px 0 ; white-space:normal; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;  letter-spacing: -0.08rem; font-weight: 600; }
.news_list li .txt .date { position: absolute;  bottom: 30px; display: block; color: #888a8c; letter-spacing: 0; }
.news_list li .txt .summ {  margin-top: 30px; color: #888a8c; font-weight: 100; line-height: 26px; white-space:normal; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; height: 104px; }
.news_list li a div.but:not(.bg-black){
position: absolute;
 top: 50%; left: 50%; transform: translate(-50%, -50%);  border-radius: 20px ; background:#333; transition:0.5s; opacity: 0}
.news_list li a div.but span{
    display: block;  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0}
.news_list li:hover {transform: translateY(-15px);}
.news_list li a:hover div.but:not(.bg-black, .empty){/* background:#3e62e6;*/  background: rgba(0,0,0, .9); opacity: 1}
.news_list li a:hover div.but { background:#fff!important;  z-index: 11; width:150px; height:40px; border-radius:  20px ; }
.news_list li a:hover div.but span {  z-index: 11; opacity: 1; font-size: 0.86rem; text-align: center  }
.news_list .no_img { background: url("../../static/images/common/logo.png") 50% 50% no-repeat; background-size: 164px 50px; }
.news_list .no_img { 
    width: 100%;
    height: 250px;
    border-bottom: 1px solid #e5e6e8;
    overflow: hidden;
    z-index: -1;
}


.news_list li a .border1::after{    content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 1%;
  height: 5px;
  background: #3e62e6;
  opacity: 0;
  transition: all .5s ease-in-out; z-index:3}
.news_list li a:hover .border1::after{    width: 100%;
  height: 5px;
  opacity: 1; z-index:3}
.news_list li a .border1::before{    content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 5px;
  height: 1%;
  background: #3e62e6;
  opacity: 0;
  transition: all .5s ease-in-out; z-index:3}
  .news_list li a:hover .border1::before{
    width: 5px;
    height: 100%;
    opacity: 1;  z-index:3
  }

  .news_list li a .border2::after{    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 1%;
    height: 5px;
    background: #3e62e6;
    opacity: 0;
    transition: all .5s ease-in-out;  z-index:3}
  .news_list li a:hover .border2::after{    width: 100%;
    height: 5px;
    opacity: 1;  z-index:3}
  .news_list li a .border2::before{    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 5px;
    height: 1%;
    background: #3e62e6;
    opacity: 0;
    transition: all .5s ease-in-out;}
    .news_list li a:hover .border2::before{
      width: 5px;
      height: 100%;
      opacity: 1; z-index:3
    }


.news_gallay { background-color: #f4f5f7; padding: 0px 0; margin-bottom: 50px }
.news_gallay >div {  max-width: 1450px; margin: 0 auto; position: relative }
.news_gallay .flex {display: flex;}
.news_gallay .img { width: 55%; padding-left: 20px; min-height: 390px; height: 390px }
.news_gallay .img img {width: 100%;  }
.news_gallay .txt { width: 40%; padding-left: 65px; z-index: 1; padding-top: 20px;  }
.news_gallay .txt .aff { display: flex;  justify-content: left;  gap: 6px;  margin: 0px 0;  color: #747474; }
.news_gallay .txt .aff span {color: #222; font-weight: 500;  background-color:rgba(255,255,255,0); padding: 5px 10px; font-size: 0.75rem; border-radius: 20px; border: 1px rgba(208,208,208,1.00) solid }
.news_gallay .txt .title { font-size: 2rem; line-height: 1.3em;   ; white-space:normal; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;  letter-spacing: -0.08rem; font-weight: 600; padding: 10px 60px 10px 0  }
.news_gallay .txt .date { display: block; color: #888a8c; letter-spacing: 0; padding: 0px 0 20px 0  }
.news_gallay .txt .desc {  font-size: 1.125rem; line-height: 1.5em; padding: 0px 60px 0 0  }
.news_gallay .txt .summ {  margin-top: 30px; color: #888a8c; font-weight: 100; line-height: 26px; white-space:normal; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; height: 104px; }

.news_gallay .swiper-button-box{    
    top: 0;
    bottom: 0;
    left: 0;
    display: flex;
    position: absolute;
    right: 0;
    z-index: 5;
}
.news_gallay .swiper-button-next, .news_gallay .swiper-button-prev { 
    display: inline-flex;
    align-items: center;
    position:absolute;
    min-width: 46px;
    height: 46px;
    border: 1px solid #d7d7d7;
    border-radius: 50%;
    background-color: #fff;
    transition: border .3s; margin-right: 8px;   }

.news_gallay .swiper-button-next { left: 64%; top: 85%;  }
.news_gallay .swiper-button-prev { left: 60%; top: 85%;  }
.news_gallay .swiper-pagination-fraction { position:absolute;left: 65%; top: 77%;text-align: left; display: none}
.news_gallay .swiper-button-prev::before {
    
}

.news_gallay .swiper-button-next::before, .news_gallay .swiper-button-prev::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 10px;
    margin-left: -6px;
    margin-top: -7px;
    border-bottom: 2px solid #aaa;
    border-right: 2px solid #aaa;
    transform-origin: 66% 66%;
    transform: rotate(135deg);
}
.news_gallay .swiper-button-next::before {
    transform: rotate(-45deg);
}

.news_gallay .swiper-button-next:after, 
.news_gallay .swiper-button-prev:after {display: none}
.news_gallay .swiper-button-next.swiper-button-disabled, .news_gallay .swiper-button-prev.swiper-button-disabled {}

.lst_pagination { margin-top: 40px; text-align: center; }
.lst_pagination a { position: relative; display: inline-block; border: 0px solid #e5e6e8; width: 45px; height: 45px; color: #888a8c; font-weight: 700; font-size: 16px; line-height: 43px; text-align: center; margin-left: -1px; vertical-align: middle;  }
.lst_pagination a span { position: absolute;  left: 50%; transform: translate(-50%,0); bottom: 0; display: block; width: 0; height: 2px; background: #005bac; }
.lst_pagination a.btn_first { background: url("../../static/images/common/btn_first.png") 50% 50% no-repeat; background-size: 13px 15px; }
.lst_pagination a.btn_prev { background: url("../../static/images/common/btn_prev.png") 50% 50% no-repeat; background-size: 9px 15px; }
.lst_pagination a.btn_next { background: url("../../static/images/common/btn_next.png") 50% 50% no-repeat; background-size: 9px 15px; }
.lst_pagination a.btn_last { background: url("../../static/images/common/btn_last.png") 50% 50% no-repeat; background-size: 13px 15px; }
.lst_pagination a.active { color: #2f66e0; }
.lst_pagination a.active span { width: 100%; }
.lst_pagination a.disabled { cursor: not-allowed; }
.news_view { /*padding: 160px 5% 80px */}
.news_viw { border-top: 0px solid #181919; border-bottom: 1px solid #e5e6e8; padding: 160px 50px 60px; }
.news_viw .title_group { text-align: center; }

.news_viw .title_group .aff { display: flex;  justify-content: center;  gap: 0px;  margin: 0px 0 0px; }
.news_viw .title_group .aff span {font-weight: 600;  background-color:rgba(0,0,0,0.04); padding: 3px 20px ; font-size:17px; border-radius: 20px; color: #2377c2 }


.news_viw .title_group .date {  color: #888a8c; letter-spacing: 0; margin: 10px 0 0 0px }
.news_viw .title_group .date:before { content: ""; display: inline-block; margin-right: 10px; color: #CCC; }
.news_viw .title_group .title { display: block; font-size: 30px; margin-top: 15px; line-height: 35px; }
.news_viw .title_group .sns { display: block; text-align: center; margin-top: 25px; }
.news_viw .title_group .sns a { width: 40px; height: 40px; border-radius: 20px; display: inline-block; text-indent: -99999px; }
.news_viw .title_group .sns a.face { background: url("../../static/images/common/sns_f.jpg") left top no-repeat; background-size: 40px; }
.news_viw .title_group .sns a.twitter { background: url("../../static/images/common/sns_t.jpg") left top no-repeat; background-size: 40px; }
.news_viw .title_group .img { margin: 50px auto; width: 60%; }
.news_viw .title_group .img img { width: 80%; }
.news_viw .title_group .summ { text-align: left; width: 60%; margin: 0px auto;color: #464646; line-height: 1.5em  }
.bx-wrapper { position: relative; *zoom: 1; touch-action: pan-y; text-align: center; }
.bx-wrapper img { width: 60%; display: block; }
.bx-viewport { -webkit-transform: translatez(0); width: calc(100% - 1px) !important; }
.bxslider li { z-index: 2 !important; }
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto { position: absolute; bottom: 30px; left: 50%; transform: translate(-50%,0); z-index: 2; }
.bx-wrapper .bx-pager.bx-default-pager a { background: #DDD; text-indent: -9999px; display: block; width: 17px; height: 17px; margin: 0 4px; border-radius: 10px; }
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; vertical-align: bottom; *zoom: 1; *display: inline; }
.bx-wrapper .bx-pager-item { font-size: 0; line-height: 0; }
.bx-wrapper .bx-prev { left: 30px; background: url("../../static/images/common/news_img_prev.png") no-repeat 0 0;  }
.bx-wrapper .bx-next { right: 30px; background: url("../../static/images/common/news_img_next.png") no-repeat 0 0; }
.bx-wrapper .bx-controls-direction { display: none;}
.bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -23px; outline: 0; width: 46px; height: 46px; text-indent: -99999px; z-index: 10; }
.bx-wrapper .bx-controls-direction a.disabled { display: none; }
.viw_btn_group { overflow: hidden; margin: 30px auto; display:flex; width: 1500px   }
.viw_btn_group a {  display:flex;  position: relative; }


.viw_btn_group .viw_prev { width: calc(50% - 0px); text-align: left; padding-left: 0px; margin-top: 5px;  display:flex; }
/*.viw_btn_group .viw_prev span { left: 0; background: url("../../static/images/common/viw_btn_prev.png") left top no-repeat; }*/

.viw_btn_group .viw_next { width: calc(50% - 0px); text-align: right; padding-right: 0px; margin-top: 5px; display:flex; flex-direction: row-reverse; }
/*.viw_btn_group .viw_next span { right: 0; background: url("../../static/images/common/viw_btn_next.png") left top no-repeat; }*/

.viw_btn_group .viw_lst { width: 68px; height: 68px; margin: 0 100px; bㅣorder: 1px solid #005bac; background: url("../../static/images/common/viw_btn_lst.png") 20px 23px no-repeat; text-indent: -99999px; display: block }

.viw_btn_group span { top: 50%; text-indent: -99999px; width: 50px; height: 10px; display: block; }
/*.viw_btn_group .viw_next span, .viw_btn_group .viw_prev span { 
    display: inline-flex;
    align-items: center;
    position:absolute;
    min-width: 46px;
    height: 46px;
    border: 1px solid #d7d7d7;
    border-radius: 50%;
    background-color: #fff;
    transition: border .3s; margin-right: 8px;   }*/
.viw_btn_group .viw_next span, .viw_btn_group .viw_prev span { 
    display:flex;
    align-items: center;
    position:absolute;
    min-width: 10px;
    width: 50px;
    height: 10px;
    transition: border .3s; margin-right: 8px;   }

.viw_btn_group .viw_next span::before, .viw_btn_group .viw_prev span::before {
    content: "";
    position: absolute;
    top: 0%;
    left: 50%;
    width: 10px;
    height: 10px;
    margin-left: -6px;
    margin-top: -7px;
    border-bottom: 2px solid #aaa;
    border-right: 2px solid #aaa;
    transform-origin: 66% 66%;
    transform: rotate(135deg);
}
.viw_btn_group .viw_next span::before {
    transform: rotate(-45deg); 
}
.viw_btn_list {overflow: hidden; margin-top: 40px; width: 100%;  text-align: center; border-top: 1px solid #e5e6e8; width: 100% }
.viw_btn_list .viw_lst  { width: 68px;  margin: 60px auto; border: 0px solid #005bac; border-radius: 30px; display: block; padding: 12px 35px; font-size: 1.125rem; background-color: #efefef; }
.viw_btn_list .viw_lst:hover { background-color: #e1e1e1; color: #222; }

.viw_btn_group .viw_btn_title { font-size: 20px; font-weight: 700;}
.viw_btn_group .viw_prev .viw_btn_title {  padding: 0 20px 0 50px }
.viw_btn_group .viw_next .viw_btn_title {  padding: 0 50px 0 20px }
.viw_btn_group .viw_btn_txt { color: #888a8c; margin-top: 3px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.sabo_inner {
    background-color: #f4f5f7;
	margin-top: 30px; padding: 30px 0 30px 0; border-top: 1px rgba(128,128,128,1.00) solid;
}
/*.sabo_lst { overflow: hidden; margin-top: 25px;  background-color: #f4f5f7; }
.sabo_lst li { position: relative; width:calc(33.3333% - 42px); box-shadow: 0px 2px 10px rgba(0,0,0,0.2);  z-index: 0; min-height:430px; margin:20px;  border: 1px solid #e5e6e8; overflow: hidden;  transition: transform .3s; }
.sabo_lst .img { float: left; width: 60%; height: 400px; border-bottom: 1px solid #e5e6e8; }
.sabo_lst .img img { width: 100%; height: 400px; }
.sabo_lst .txt { float: left; position: relative; width: 40%; height: 340px; padding: 80px 0 0; text-align: center; font-family: "Lato"; letter-spacing: 0; }
.sabo_lst .txt .year { display: block; font-size: 40px; font-weight: 700; color: #005bac; }
.sabo_lst .txt .season { display: block; font-size: 20px; }
.sabo_lst .txt .line { display: block; width: 1px; height: 78px; background: #005bac; margin: 20px auto; }
*/
/**** 20200413 ****/
.sabo_lst_new { margin: 0px auto 0; width: 1350px; display: flex; flex-wrap: wrap;  }
.sabo_lst_new li { position: relative; width:calc(33.3333% - 92px); box-shadow: 0px 2px 10px rgba(0,0,0,0.2);  z-index: 0; min-height:430px; margin:24px 45px;  border: 1px solid #e5e6e8; background-color: rgba(255,255,255,1.00); transition: transform .3s; padding-bottom: 20px  }
.sabo_lst_new .img { width:85%; height: auto; margin: 0 auto}
.sabo_lst_new .img img {width: 100%; height: auto; max-width: 100%;border: 1px solid #d5d5d5;    }
.sabo_lst_new .txt { position: relative;  padding: 23px 20px 0 35px; z-index: -1   }
.sabo_lst_new .txt .year { display: block; font-size: 1.0625rem; font-weight: 700; color: #005bac; letter-spacing: 0em; line-height: 1.0625rem }

.sabo_lst_new .txt .season { display: block; font-size: 0.875rem; color: #7d7d7d; line-height: 1.8rem; padding-bottom: 8px }
.sabo_lst_new .txt .line { display: block; width: 1px; height: 78px; background: #005bac; margin: 20px auto; }
.btn_down_new em { position: relative; width: 37px; height: 25px; line-height: 25px; padding: 0px; border: 1px solid #cfcfcf; text-align: left; font-size: 25px; font-weight: 700; letter-spacing: 0; }
.btn_down_new .blt {  width: 15px; height: 13px; position: absolute; top: 50%; right: 25px; margin-top: -7px; background: url("../../static/images/common/btn_down.png") left top no-repeat; background-size: 15px 13px; }
.btn_down_new span {  position: absolute;  right: 25px; top: 0; bottom: 0; width: 37px; height: 25px; transform: scaleX(0); transition: all 0.3s ease-out; overflow: hidden; z-index: -1; }

.sabo_lst_new li .bg-black{position: absolute; width: 100%; height: 100%; top: 0; left: 0;  background: rgba(0,0,0,0.0); z-index: -1; transition:0.3s;  }
.sabo_lst_new li a:hover .bg-black {/*background-color:rgba(62,98,230,.8);*/ background-color: rgba(12, 65, 154, .7); z-index:999; }
.sabo_lst_new li a div.but:not(.bg-black){
position: absolute;
 top: 50%; left: 50%; transform: translate(-50%, -50%);  border-radius: 20px ; background:#fff; transition:0.5s; opacity: 0}
.sabo_lst_new li a div.but span{
    display: block;  position: absolute; top: 47%; left: 50%; transform: translate(-47%, -50%); opacity: 0}
.sabo_lst_new li  a:hover div.but:not(.bg-black, .empty){/* background:#3e62e6;*/   background:#fff!important;     opacity: 1}
.sabo_lst_new li  a:hover div.but { background:#fff!important;  z-index: 9999; width:70px; height:70px; border-radius:  40px ; }
.sabo_lst_new li  a:hover div.but p { color: rgba(255,255,255,1.00);  opacity: 1; font-size: 0.875rem; font-weight: 300; margin-top: 80px; white-space: nowrap }
.sabo_lst_new li  a:hover div.but span {  z-index:9999; opacity: 1; font-size: 3.2rem; text-align: center; color: #446db1; font-weight: 100; line-height: 3.2rem  }
.sabo_inner .viw_btn_list {
    overflow: hidden;
    width: 100%;
    text-align: center;
     border-top: 0px solid #e5e6e8; margin:0px 0 30px; padding-bottom: 0px}
.sabo_inner .viw_btn_list .viw_lst  { width: 68px;  margin: 60px auto; border: 0px solid #005bac; border-radius: 30px; display: block; padding: 12px 35px; font-size: 1.125rem; background-color:#e1e1e1; }
.sabo_inner .viw_btn_list .viw_lst:hover { background-color:rgba(150,150,150,.5); color: #222; }

   /*______2018  */
.sabo_lst_new2 { overflow: hidden; margin: 50px auto 0; width: 1430px   }
.sabo_lst_new2 li { width: calc(50% - 100px); float: left; margin: 0px 50px 30px;  }
.sabo_lst_new2 .img { float: left; width: 100%; height: auto;   border: 1px solid #cfcfcf; box-shadow: 1px 1px 5px #cfcfcf; padding: 15px 0 13px}
.sabo_lst_new2 .img img {width: 100%; height: 100%;    }
.sabo_lst_new2 .txt { float: left; position: relative; width: 65%; height: 100%; padding: 0px 0 0; text-align: center; font-family: "Lato"; letter-spacing: 0; }
.sabo_lst_new2 .txt .year { display: block; font-size: 20px; font-weight: 700; color: #005bac; letter-spacing: .2em; line-height: 28px }
.sabo_lst_new2 .txt .season { display: block; font-size: 15px; color: #7d7d7d; line-height: 18px }
/****20200413  ****/

.brochure_title { font-size: 40px; color: #005bac; text-align: center; }
.brochure_title strong { display: block; font-family: "Lato"; font-size: 50px; color: #181919; font-weight: 400; }
.brochure_title p { margin-top: 40px; text-align: center; color: #181919; font-size: 17px; }
.brochure_lst { text-align: center; margin-top: 100px; }
.brochure_lst .inner { display: inline-block; zoom: 1; display:inline; }
.brochure_lst .inner li { width: 480px; float: left; margin: 0 40px; border: 1px solid #e5e6e8; overflow: hidden; }
.brochure_lst .img { float: left; width: 57%; height: 340px; text-indent: -99999px; }
.brochure_lst .img1 { background: url("../../static/images/common/brochure_01.jpg") left top no-repeat; }
.brochure_lst .img2 { background: url("../../static/images/common/brochure_02.jpg") left top no-repeat; }
.brochure_lst .img3 { background: url("../../static/images/common/brochure_03.jpg") left top no-repeat; }
.brochure_lst .txt { float: left; position: relative; width: 43%; height: 340px; padding: 70px 0 0; text-align: center; font-family: "Lato"; letter-spacing: 0; border-left: 1px solid #e5e6e8; }
.brochure_lst .txt .title { display: block; font-size: 30px; font-weight: 700; color: #005bac; }
.brochure_lst .txt .line { display: block; width: 1px; height: 78px; background: #005bac; margin: 20px auto; }
.brochure_guide { background: #f7f8f8; padding: 60px 0; text-align: center; margin-top: 100px; }
.brochure_guide strong { font-size: 25px; color: #005bac; }
.brochure_guide p { margin: 10px 0 25px; }
.btn_down { display: inline-block; position: relative; width: 150px; height: 40px; line-height: 38px; padding: 0 20px; border: 1px solid #e5e6e8; text-align: left; font-size: 15px; font-weight: 700; letter-spacing: 0; font-family: "Lato"; }
.btn_down .blt { display: block; width: 15px; height: 13px; position: absolute; top: 50%; right: 20px; margin-top: -7px; background: url("../../static/images/common/btn_down.png") left top no-repeat; background-size: 15px 13px; }
.btn_down span { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 150px; height: 40px; transform: scaleX(0); transition: all 0.3s ease-out; overflow: hidden; z-index: -1; }
.pop_post_code { width: 495px; position: relative; background-color: #FFF; transform: translate(-50%, -50%); overflow: hidden; padding: 80px 30px 40px; font-size: 15px; }
.pop_post_code .tab { padding-bottom: 20px; overflow: hidden; }
.pop_post_code .tab a { display: inline-block; float: left; width: 50%; height: 45px; line-height: 43px; color: #888a8c; text-align: center; border: 1px solid #e5e6e8; margin-right: -1px; }
.pop_post_code .tab a.on { border: 1px solid #005bac; border-bottom: 1px solid #FFF; color: #005bac; position: relative; }
.pop_post_code .title { position: absolute; top: -1px; left: -1px; background: #005bac; height: 50px; width: calc(100% + 2px); color: #FFF; line-height: 50px; text-align: center; font-size: 20px; font-weight: 700; }
.pop_post_code .add_txt { border: 1px solid #e5e6e8; background: #f7f8f8; padding: 20px; color: #888a8c; line-height: 18px; padding-bottom: 125px; }
.pop_post_code .post_search { position: relative; margin: -105px 20px 0; overflow: hidden; }
.pop_post_code .post_search label { position: absolute; left: 10px; top: 7px; color: #005bac; font-size: 15px; }
.pop_post_code .post_search input.dong { width: 300px; height: 40px; line-height: 38px; border: 1px solid #005bac; background: #f7f8f8; padding: 0 10px; margin-bottom: 5px; font-size: 15px; }
.pop_post_code .post_search input.num { float: left; width: 140px; height: 40px; line-height: 38px; border: 1px solid #005bac; background: #f7f8f8; padding: 0 10px; color: #005bac; font-size: 15px; }
.pop_post_code .post_search span { display: inline-block; float: left; margin: 0 8px; line-height: 38px; }
.pop_post_code .post_search a { position: absolute; right: 0; top: 0; height: 85px; width: 85px; background: #005bac; color: #FFF; line-height: 85px; text-align: center; }
.pop_post_code .result { margin-top: 35px; display: none; }
.pop_post_code .result .result_title strong { font-weight: 400; color: #005bac; }
.pop_post_code .result .result_lst { border-top: 1px solid #181919; font-size: 14px; color: #888a8c; margin-top: 5px; height: 270px; overflow-y: auto; }
.pop_post_code .result .result_lst li { border-bottom: 1px solid #e5e6e8; padding: 10px; cursor: pointer; }
.pop_post_code .result .result_lst li:hover { background: #f7f8f8; }
.pop_post_code .result .result_lst li:hover .post_code { color: #005bac; }
.pop_post_code .result .result_lst table { width: 100%; }
.pop_post_code .result .result_lst table tr:nth-child(2n) { border-bottom: 1px solid #e5e6e8; }
.pop_post_code .result .result_lst table td { padding: 1px; }
.pop_post_code .result .result_lst .type { display: inline-block; border: 1px solid #e5e6e8; background: #f7f8f8; width: 47px; height: 21px; line-height: 19px; text-align: center; margin-right: 5px; }
.pop_post_code .result .result_lst .type.result_type { width: 77px; }
.pop_post_code .result .result_lst .detail_add { width: 100%; height: 45px; border: 1px solid #e5e6e8; line-height: 43px; padding: 0 10px; font-size: 14px; margin-top: 10px; }
.pop_post_code .result .result_lst .post_code { font-size: 15px; color: #005bac; font-family: "Lato"; font-weight: 700; text-align: right; letter-spacing: 0; }
.add_post_group .number_group { display: none; }
.video_lst { overflow: hidden; }
.video_lst li { width: calc(33.33333% - 50px); float: left; margin: 25px; border: 1px solid #e5e6e8; }
.video_lst .img { width: 100%; height: 300px; border-bottom: 1px solid #e5e6e8; overflow: hidden; position: relative; }
.video_lst .img img { width: 100%; height: 300px; }
.video_lst .img .btn_video { display: none; }
.video_lst .txt { display:table; position: relative; padding: 0 30px; height: 120px; width: 100%; }
.video_lst .txt p { display: table-cell; vertical-align: middle; font-size: 20px; line-height: 30px; text-align: center; }
.video_lst .txt p span { white-space: normal; overflow: hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; height: 60px; }
.pop_video_viw { width: 770px; padding: 50px; position: relative; background-color: #FFF; transform: translate(-50%, -50%); overflow: hidden; }
.pop_video_viw .video { width: 670px; height: 377px; }
.pop_video_viw .title { font-size: 32px; padding-bottom: 25px; font-weight: 700; letter-spacing: -3px; }
.pop_video_viw .txt_group { padding: 30px 20px; border: 1px solid #e5e6e8; height: 180px; overflow-y: auto; padding: 20px; line-height: 22px; font-size: 15px; margin-top: 20px; }

.notice_viw { border-top: 2px solid #181919; border-bottom: 1px solid #e5e6e8; padding: 50px 60px; }
.notice_viw .title_group { text-align: center; }
.notice_viw .title_group .aff { display: inline-block; color: #005bac; font-weight: 900; }
.notice_viw .title_group .date { display: inline-block; color: #888a8c; font-family: "Lato"; letter-spacing: 0; margin-left: 10px; }
.notice_viw .title_group .title { display: block; font-size: 30px; margin-top: 15px; line-height: 35px; }
.notice_viw .title_group .sns { display: block; text-align: center; margin-top: 25px; }
.notice_viw .title_group .sns a { width: 40px; height: 40px; border-radius: 20px; display: inline-block; text-indent: -99999px; }
.notice_viw .title_group .img { margin: 50px auto; width: 60%; }
.notice_viw .title_group .img img { width: 100%; }
.notice_viw .title_group .summ { text-align: left; width: 60%; margin: 50px auto;  }
.notice_viw .title_group .viw_file_group {display: block;  text-align: center; margin-top: 25px;}
.notice_viw .title_group .viw_file_group .viw_file {display: inline-block;background: #f8f8f8 url(../images/common/icon_file.gif) 20px 13px no-repeat; border: 1px solid #e5e7e8; padding: 8px 20px 10px 40px; margin: 0 5px 5px 0px;}
.notice_viw .title_group .viw_file_group .viw_file:first-child { margin: 0 5px 5px 10px;}
.lst_line { display: inline-block; width: 85px; height: 1px; background-color: #0160be; margin-top: 30px; }


/*    @media screen and (max-width:1180px){

      .news_list li{width:calc(50% - 17.5px)}
      .news_list li a .group_text{font-size: 2vw;}
    }
    @media screen and (max-width:840px){
      .tab_type1.groupC {margin-bottom:60px;}


      .news_list li{width:100%; margin-right:0px; margin-top:30px;}
      .news_list li a .group_text{font-size: 3vw;;}
      .news_list li a .url{font-size:20px;}
    }


    @media screen and (max-width:550px){

      .news_list li{border:#333 1px solid;}
      .news_list li a .ff-tit{font-size: 6.6vw;}
      .news_list  li a .group_text{font-size: 5vw;}
      .news_list  li a .url{font-size: 4vw;}
    }
*/






@media screen and (min-width: 1921px) {
	.sabo_lst .img { height: 450px; }
	.sabo_lst .img img { height: 450px; }
	.sabo_lst .txt { padding: 100px 0 0; }
}

@media screen and (max-width: 1919px) {
	.brochure_lst .inner li { width: 300px; }
	.brochure_lst .img { float: none; width: 100%; }
	.brochure_lst .txt { float: none; width: 100%; height: auto; padding: 20px 0 25px; border-left: none; border-top: 1px solid #e5e6e8; }
	.brochure_lst .txt .line { display: none; }
	.brochure_lst .btn_down { margin-top: 15px; }
}

@media screen and (max-width: 1536px) {
	/*.news_list { max-width: 1200px;}
	.news_list li{  width:calc(33.3333% - 50px);  min-height:auto; margin:25px; }	
	.news_list li a img {height: 250px;  }	*/
	
	.news_gallay >div {  max-width: 1200px; margin: 0 auto; position: relative }
	.news_gallay .txt .title { font-size: 1.6rem;   -webkit-line-clamp: 3;   }
	.news_gallay .txt .date { padding: 0px 0 15px 0  }	
	.news_gallay .txt .desc {  font-size: 1rem; line-height: 1.5em; padding: 0px 60px 0 0  }
	
	.news_gallay .swiper-button-next, .news_gallay .swiper-button-prev { min-width: 40px; height: 40px;}
	.news_gallay .swiper-button-next { left: 64%; top: 85%;  }	
	.news_gallay .img {min-height: 350px; height: 350px }
	.news_gallay .img img { min-height: 350px; }
	
	.news_viw {		border-top: 0px solid #181919;		border-bottom: 1px solid #e5e6e8;		padding: 120px 37px 35px;	}
	.news_viw .title_group .aff span {		padding: 3px 16px;		font-size: 13px;	}
	.news_viw .title_group .title {    font-size: 26px;    margin-top: 12px;    line-height: 28px;}
	.news_viw .title_group .date { font-size: 13px}
	.news_viw .title_group .summ, .viw_btn_group .viw_btn_txt { font-size: 13px}
	.viw_btn_group .viw_btn_title {    font-size: 15px}
	.viw_btn_list .viw_lst {    margin: 58px auto;    padding: 10px 28px;    font-size: 14px;}
	.news_viw .title_group .img {    margin: 40px auto;  }
}
@media screen and (max-width: 1500px) {
	.news_list { max-width: 1450px;}
	.news_list li a img {height: 250px}	
	
	.news_gallay >div {  max-width: 1450px; margin: 0 auto; position: relative }
	.news_gallay .txt .title { font-size: 1.25rem;   -webkit-line-clamp: 3;   }
	.news_gallay .txt .date { padding: 0px 0 0px 0  }	
	.news_gallay .txt .desc { font-size: 1.125rem; line-height: 1.5em;  padding: 0px 60px 0 0  }
	
	.news_gallay .swiper-button-next, .news_gallay .swiper-button-prev { min-width: 46px; height: 46px;}
	.news_gallay .swiper-button-next { left: 64%; top: 85%;  }	
	.news_gallay .img {min-height: 390px; height: 390px }
	.news_gallay .img img { min-height: 390px; }
	
	.news_viw {	padding: 160px 50px 60px;}
	.news_viw .title_group .aff span {	 padding: 5px 10px ; font-size: 16px;	}
	.news_viw .title_group .title {    font-size: 30px; margin-top: 15px; line-height: 35px; }
	.news_viw .title_group .date { font-size: 16px}
	.news_viw .title_group .summ, .viw_btn_group .viw_btn_txt { font-size: 16px}
	.viw_btn_group .viw_btn_title {    font-size: 20px}
	.viw_btn_list .viw_lst {    margin: 60px auto;   padding: 12px 35px; font-size: 1.125rem;}
	.news_viw .title_group .img {    margin:50px auto;  }
	.viw_btn_list, .viw_btn_group { width: 100% }
	
}





@media screen and (max-width: 1280px) {		
	.sabo_lst li { width: calc(50% - 80px); }
	.sabo_lst .img { float: none; width: 100%;}
	.sabo_lst .txt { float: none; width: 100%; height: auto; padding: 20px 0 25px; }
	.sabo_lst .txt .line { display: none; }
	.sabo_lst .btn_down { margin-top: 15px; }
	.brochure_lst .inner li { width: 270px; margin: 0 20px; }
	.brochure_lst .img { height: 300px; }
    .sabo_lst_new { width: 1200px}
    .sabo_lst_new2 { width: 1200px}
	.news_gallay .swiper-button-next, .news_gallay .swiper-button-prev {    min-width: 40px;    height: 40px;}
	.news_gallay .swiper-button-next { left: 65%;  }
	.viw_btn_group .viw_btn_title { width: 100%}
	.viw_btn_group .viw_btn_txt { display: none}

}
@media screen and (max-width: 1024px) {		
	.news_gallay .img { padding-left: 0px;}
	
	.news_list li a img {
		min-height: 160px;
	}
	
	.news_list li:hover .img img { transform: scale(1.1); transition: all 0.4s; }
	.bx-wrapper .bx-pager.bx-default-pager a:hover,
	.bx-wrapper .bx-pager.bx-default-pager a.active,
	.bx-wrapper .bx-pager.bx-default-pager a:focus { background: #666; }
	.lst_pagination a:hover { color: #005bac; }
	.lst_pagination a:hover span { width: 100%; transition: all 0.4s; }
	.lst_pagination a.btn_first:hover { background: url("../../static/images/common/btn_first_on.png") 50% 50% no-repeat; background-size: 13px 15px; }
	.lst_pagination a.btn_prev:hover { background: url("../../static/images/common/btn_prev_on.png") 50% 50% no-repeat; background-size: 9px 15px; }
	.lst_pagination a.btn_next:hover { background: url("../../static/images/common/btn_next_on.png") 50% 50% no-repeat; background-size: 9px 15px; }
	.lst_pagination a.btn_last:hover { background: url("../../static/images/common/btn_last_on.png") 50% 50% no-repeat; background-size: 13px 15px; }
	.lst_pagination a.disabled.btn_first:hover { background: url("../../static/images/common/btn_first.png") 50% 50% no-repeat; background-size: 13px 15px; }
	.lst_pagination a.disabled.btn_prev:hover { background: url("../../static/images/common/btn_prev.png") 50% 50% no-repeat; background-size: 9px 15px; }
	.lst_pagination a.disabled.btn_next:hover { background: url("../../static/images/common/btn_next.png") 50% 50% no-repeat; background-size: 9px 15px; }
	.lst_pagination a.disabled.btn_last:hover { background: url("../../static/images/common/btn_last.png") 50% 50% no-repeat; background-size: 13px 15px; }
	/*.viw_btn_group .viw_prev:hover { animation: viwBtnPrev 0.4s ease-out; -webkit-animation: viwBtnPrev 0.4s ease-out; -ms-animation: viwBtnPrev 0.4s ease-out; }
	.viw_btn_group .viw_lst:hover { background: #005bac url("../../static/images/common/viw_btn_lst_on.png") 20px 23px no-repeat; transition:all 0.4s ease; }
	.viw_btn_group .viw_next:hover { animation: viwBtnNext 0.4s ease-out; -webkit-animation: viwBtnNext 0.4s ease-out; -ms-animation: viwBtnNext 0.4s ease-out; }
	@keyframes viwBtnPrev {
		0% { transform: translate(20px,0); opacity: 0.0; }
		100% { transform: translate(0,0); opacity: 1.0; }
	}
	@keyframes viwBtnNext {
		0% { transform: translate(-20px,0); opacity: 0.0; }
		100% { transform: translate(0,0); opacity: 1.0; }
	}*/
	.bx-wrapper:hover .bx-controls-direction { display: block;}
	.bx-wrapper .bx-prev:hover { background: url("../../static/images/common/news_img_prev_on.png") no-repeat 0 0; }
	.bx-wrapper .bx-next:hover { background: url("../../static/images/common/news_img_next_on.png") no-repeat 0 0; }
	.btn_down:hover span { background-color: #005bac; transform: scaleX(1); }
	.btn_down:hover { color: #FFF; z-index: 1; }
	.btn_down:hover .blt { background: url("../../static/images/common/btn_down_on.png") left top no-repeat; background-size: 15px 13px; }
	.pop_post_code .tab a:hover { border: 1px solid #005bac; border-bottom: 1px solid #FFF; color: #005bac; position: relative; }
	.video_lst li:hover .btn_video { display: inline-block; position: absolute; left: calc(50% - 20px); top: 50%; transform: translate(0, -45%); width: 80px; height: 75px; background: url("../../static/images/common/btn_play.png") left top no-repeat; text-indent: -99999px; }
    
    /*20200413 ì¶”ê°€ S */
    .btn_down_new:hover span { background-color: #005bac; transform: scaleX(1); }
	.btn_down_new:hover { color: #FFF; z-index: 1; }
	.btn_down_new:hover .blt { background: url("../../static/images/common/btn_down_on.png") left top no-repeat; background-size: 15px 13px; }
    
    .sabo_lst_new {}
    .sabo_lst_new .img:hover {box-shadow: 2px 5px 5px #fff;  }
    .sabo_lst_new .img:hover img {  opacity: .8  }    
    /*20200413 ì¶”ê°€ E */

	.news_lst li { width: calc(50% - 32px); }
    .news_lst .img { height: 257px; border-bottom: none;  }
    .news_lst .img img { height: 257px; }
	.bx-wrapper .bx-controls-direction { display: block;}
	.sabo_lst .txt .year { font-size: 30px; }
	.video_lst .img { height: 180px; }
	.video_lst .img img { height: 180px; }
	.pop_video_viw { width: 100%; padding: 15px; }
	.pop_video_viw .video { width: 100%; height: 200px; float: none; }
	.pop_video_viw .video iframe { width: 100%; height: 200px; }
	.pop_video_viw .title { font-size: 20px; text-align: center; padding-bottom: 15px; letter-spacing: -1px; }
	.pop_video_viw .txt_group { padding: 10px; }
    .sabo_lst li { width: calc(33.3% - 80px); }
    .sabo_lst { margin-top: 0px;}
    .sabo_lst .img { height: 320px }
    .sabo_lst .img img { height: 320px }
    .news_viw .title_group .summ { text-align: left; width: 100%; margin: 0px auto;  }
    .notice_viw .title_group .summ { text-align: left; width: 100%; margin: 0px auto;  }
    
    .sabo_lst_new { width: 1000px}
    .sabo_lst_new li { width: calc(50% - 80px); margin: 40px 30px 40px 30px}
    
    .sabo_lst_new2 { width: 1000px}
    .sabo_lst_new2 li { width: calc(50% - 80px);  margin: 0px 30px 30px 30px} 
    .sabo_lst_new2 .txt {    width: 60%;} 
}
@media screen and (max-width: 768px) {
    /*#news-list .content {margin-top: 80px; padding: 0 15px;}*/
	
    .news_list li { width: calc(100% - 50px); min-height: auto; margin: 25px;}
	
	.news_gallay >div {    max-width: 100%;}
	.news_gallay .flex { display: block}
	.news_gallay .img {width: 100%; min-height: 230px; height: 230px}
	.news_gallay .img img { min-height: 230px; height: 230px; width: 100%}
	.news_gallay .txt { width: calc(100% - 50px);   padding-left: 25px; padding-right: 25px;  padding-top: 20px; padding-bottom: 70px}
	.news_gallay .txt .title {    font-size: 1.3rem;    -webkit-line-clamp: 2; padding: 10px 60px 0px 0;}
	.news_gallay .txt .desc {    padding: 0px 0px 0px 0; }
	.news_gallay .txt .date {    padding: 10px 0 15px 0;}
	.news_gallay .swiper-button-prev { left: 80%; top: 94%;}
	.news_gallay .swiper-button-next { left: 87%; top:94% }	
	.viw_btn_list {    margin-top: 15px;}
	
    .news_lst .img img { height: 190px; }
    .news_lst .img { height: 190px;   }
    .sabo_lst li { width: calc(50% - 80px); }
    .sabo_lst .img { height: 390px }
    .sabo_lst .img img { height: 390px }
	
	
		
	.news_viw .title_group .title { font-size: 25px; line-height: 30px; margin-top: 10px; }
	.viw_btn_group { margin-top: 15px; margin-bottom: 0px  }
	.viw_btn_group a { float: none; vertical-align: middle; }
	.viw_btn_group span { display: none; }
	.viw_btn_group .viw_prev {padding: 15px 0  }
	.viw_btn_group .viw_lst { width: 50px; height: 50px; margin: 0 2px; background-size: 22px 18px; background-position: 50% 50%; }
	.viw_btn_group .viw_next {padding: 15px 0  }
	.viw_btn_group .viw_btn_title {font-size: 15px }
	.viw_btn_group .viw_btn_txt { display: none; }
	.viw_btn_list .viw_lst {    margin: 30px auto 60px; padding: 12px 35px;   font-size: 1rem;}
	.viw_btn_group {    margin-top: 0px;	}
	.viw_btn_list {    margin-top: 5px;}
	
	.news_viw {		padding: 100px 15px  30px 15px;	}
	.news_viw .title_group .img img { width: 100%;}	
	.news_viw .title_group .img {width: 100%;     margin: 20px auto 30px;}
	
    .sabo_lst_new { width: 768px}
    .sabo_lst_new .txt .year {font-size: 22px;}
    .sabo_lst_new li {    margin: 10px 30px 0px 30px; }
    
    .sabo_lst_new2 { width: 768px;    margin: 40px auto 0;}
    .sabo_lst_new2 li { width: calc(50% - 55px);  margin: 0px 20px 25px 20px;}
    .sabo_lst_new2 .txt {    width: 55%;}
    .sabo_lst_new2 .btn_down {    width: 130px;}
	
	.notice_viw .title_group .viw_file_group {margin-bottom: 30px; }
	.notice_viw .title_group .viw_file_group .viw_file {
		float: none;
		font-size: 13px;
		padding: 10px 10px 8px 30px;
		background-position: 10px 10px;
		display:block;
	}
	.notice_viw .title_group .viw_file_group .viw_file:first-child {
		margin: 10px 5px 5px 0px;
	}

    
    .box_width1500 { max-width: 100%; margin: 0 15px;}
	.news_lst { margin-top: 5px; }
	.news_lst li { width: 100%; float: none; border: none; margin: 20px 0 ; border-bottom: rgba(204,204,204,0.3) solid 1px; padding-bottom: 50px  }
	/*.news_lst .img { height: auto; border-bottom: none;  }
	.news_lst .img img { height: auto; }*/
	.news_lst .no_img { border: 1px solid #e5e6e8; }
	.slider .jquery-reslider { height: 240px; }
	.news_lst .txt { height: auto; padding: 15px 0; }
	.news_lst .txt .aff { text-align: center; }
	.news_lst .txt .title { text-align: center; font-size: 20px; line-height: 24px; height: 48px; }
	.news_lst .txt .date { text-align: center; position: relative; left: 0; bottom: 100%; margin-top: 10px; }
	.news_lst .txt .con {  margin-top: 10px; }
	.lst_line { display: none; }
	.lst_pagination { margin-top: 30px; }
	.lst_pagination a { width: 33px; height: 33px; line-height: 31px; }
	
	.notice_viw { padding: 30px 0; }
	.notice_viw .title_group .title { font-size: 25px; line-height: 30px; margin-top: 5px; }
	.notice_viw .title_group .sns { margin-top: 15px; }
	.notice_viw .title_group .img { margin: 20px 0; width: 100%; }
	.bx-wrapper .bx-pager,
	.bx-wrapper .bx-controls-auto { bottom: 10px; }
	.bx-wrapper .bx-prev { background-size: 30px; left: 10px; }
	.bx-wrapper .bx-next { background-size: 30px; right: 10px; }
	.bx-wrapper .bx-controls-direction a { margin-top: -15px; width: 30px; height: 30px; }
	.bx-wrapper .bx-pager.bx-default-pager a { width: 13px; height: 13px; }
	.news_viw .title_group .summ { text-align: left; }
	.notice_viw .title_group .summ { text-align: left; }

	.sabo_lst { margin-top: 0; }
	.sabo_lst li { width: 80%; font: none; margin: 20px 10%; border: none; }
	.sabo_lst .img {height: 400px; }
	.sabo_lst .img img { height: 400px;  }
	.sabo_lst .txt { padding: 10px 0 15px; }
	.sabo_lst .btn_down { margin-top: 5px; }
	.brochure_title { font-size: 25px; margin-top: 60px; }
	.brochure_title strong { font-size: 35px; font-weight: 700; margin-bottom: 10px; }
	.brochure_title p { margin-top: 20px; }
	.brochure_lst { margin-top: 30px; }
	.brochure_lst .inner li { width: 300px; float: none; margin: 20px 0; border: none; }
	.brochure_lst .img { border: 1px solid #e5e6e8; }
	.brochure_lst .txt { padding: 10px 0 15px; }
	.brochure_lst .txt .title { display: block; font-size: 30px; font-weight: 700; color: #005bac; }
	.brochure_guide { padding: 30px 0; margin-top: 10px; }
	.brochure_guide p { margin: 10px 0; }
    .pop_post_code { width: 100%; padding: 60px 10px 30px; max-height: 500px; overflow-y: auto; }
    .pop_post_code .title{ font-size: 18px; }    
	.pop_post_code .tab { padding-bottom: 10px; }
	.pop_post_code .add_txt { padding-bottom: 100px; }
	.pop_post_code .post_search { margin: -85px 20px 0; }
	.pop_post_code .post_search p { width: calc(100% - 70px); }
	.pop_post_code .post_search input.dong { width: 100%; height: 30px; line-height: 28px; }
	.pop_post_code .post_search input.num { width: calc(50% - 11px); height: 30px; line-height: 28px; }
	.pop_post_code .post_search a { height: 65px; width: 65px; line-height: 65px; }
	.video_lst { margin-top: 40px; }
	.video_lst li { width: 100%; float: none; margin: 20px 0; border: none; }
	.video_lst .txt { padding: 15px 0; height: auto; }
    
    .sabo_lst_new { width: 100%}
    .sabo_lst_new li { width:80%;  margin: 0px 10% 30px}
    .sabo_lst_new .txt { padding: 25px 0 0px; text-align: center}
    .sabo_lst_new .txt .year {  font-size: 19px;}
    .sabo_lst_new .txt .season { font-size: 15px;}
    .sabo_lst_new .img {  box-shadow: 2px 2px 7px #cfcfcf;}
    
    
    .sabo_lst_new2 { width: 100%; text-align: center; margin: 20px auto 35px;   }
    .sabo_lst_new2 li {   width: 90%;    margin: 0px 5% 15px; }
    .sabo_lst_new2 .txt {  }
    .sabo_lst_new2 .txt .year {  font-size: 17px; letter-spacing: .1em}
    .sabo_lst_new2 .txt .season { font-size: 13px; padding-bottom: 0px}
    .sabo_lst_new2 .btn_down { }
    .sabo_lst_new2 .img {  box-shadow: 0px 0px 0px #cfcfcf;  border: 1px solid #e5e6e8;}
}


@media all and (max-width:460px) {
	.news_gallay .swiper-button-prev { left: 39%; top:94%;}
	.news_gallay .swiper-button-next { left: 52%; top:94% }	
	.news_gallay {    margin-bottom: 30px;}
	.news_list li {    margin: 15px 25px;}
	.news_list li .txt .date {   font-size: 15px;}
	
	
}


/* 05기타 */

#cus_intro h2 {    font-size: 50px; line-height: 55px; font-weight: 600; text-align: center;    padding: 100px 5% 60px;    color: #121212;    letter-spacing: -0.05em;} 
#cus_intro .content  {    max-width: 1540px;    margin: 0 auto;    position: relative; } 
.con_privacy { padding: 0px 250px 150px !important; }
.map_group h3 {  font-size: 35px; font-weight: 700; border-bottom: 1px solid #181919;  padding: 0 0 35px 40px  }
.map_group { display: flex; padding: 0; margin: 0;  }
.map_group:first-child { display: flex; padding: 0; flex-direction: row-reverse; margin:0 0 110px 0 }

.map_group .root_daum_roughmap { width: 55% !important; height: 550px !important; padding: 0 !important; border: none !important; border-radius: 0 !important; background-color: rgba(126,126,126,1.00) }
.map_group .root_daum_roughmap .wrap_btn_zoom { z-index: 2 !important;}
.map_info { margin: 10px 60px 0px 0  }
.map_info.ml60 { margin: 0px 0px 0px 60px; width: 45% }
.map_info ul { clear: both; overflow: hidden; }
.map_info ul li { float: left; padding: 0px 0 10px 40px; }
.map_info ul li.title { width: 100%; font-size: 19px; font-weight: 700; padding: 25px 0 15px 40px;  }
.map_info ul li.txt { width: 100%; color: #464646  }
.map_info ul li.txt_bus p { padding-left: 52px; line-height: 1.8em }
.map_info ul li.txt_bus hr { padding-top: 30px; }
.map_info ul li.txt_subway p { padding-left: 72px; line-height: 1.8em }
.map_info ul li.txt_subway hr { padding-top: 15px; }
.map_info ul li span {  display: block; height: 23px; line-height: 23px; text-align: center; font-size: 14px; font-weight: 700; color: #FFF; float: left; margin-top: 2px; }
.map_info ul li em {  letter-spacing: -0.03em!important }
.map_info ul li .bus_b { width: 40px; background: #4a58b0; }
.map_info ul li .bus_r { width: 40px; background: #bd3a20; }
.map_info ul li .bus_g { width: 40px; background: #2fa10b; }
.map_info ul li .subway_g { width: 60px; background: #2fa10b; }
.map_info ul li .subway_r { width: 60px; background: #bd3a20; }
.aff_group { margin: 0px 0px 150px; }
.aff_group table.aff_info { margin-top: 0px; border-top: 1px solid #181919; width: 100%; }
.aff_group table.aff_info th { background: #fafafa; color: #005bac; font-weight: 600; border-bottom: 1px solid #e5e6e8; text-align: center;  font-size: 19px; width: 20%}
.aff_group table.aff_info td { height: 60px; line-height: 60px; border-bottom: 1px solid #e5e6e8; border-left: 1px solid #e5e6e8; text-align: center }
.aff_group table.aff_info .aff_tel {width: 20% }
.aff_group table.aff_info .link_group  { width: 400px; overflow: hidden; text-align: left; padding-left: 25% }
.aff_group table.aff_info .link_group .link_inquiry { display: inline-block; width: 30px; height: 30px; border: 1px solid #e5e6e8; margin: 0 2px; background: url("../images/sub/customer/icon_inquiry.png") 50% 50% no-repeat; background-size: 6px 17px; text-indent: -99999px; float: left; }
.aff_group table.aff_info .link_group .link_hp { display: inline-block; width: 30px; height: 30px; border: 1px solid #e5e6e8; margin: 0 2px; background: url("../images/sub/customer/icon_hp.png") 50% 50% no-repeat; background-size: 14px 14px; text-indent: -99999px; float: left; }
.inquiry_form { width: 1000px; margin: 30px auto 0; }
.inquiry_form ul { border-top: 0px solid #181919; padding: 00px 30px; border-bottom: 1px solid #e5e6e8; }
.inquiry_form li { margin-top: 20px; overflow: hidden; }
.inquiry_form li p { float: left; width: calc(100% - 150px); }
.inquiry_form li p.title { width: 150px; line-height: 50px;font-size: 18px; position: relative  }
.inquiry_form li p span { display: inline-block; margin: 0 7px 0 5px; }
/*.inquiry_form li p.title:after {
    content: "*";
    font-size: 18px;
    color: #e42020;
    position: absolute;
    right: 0;
    top: 0;
}*/
.inquiry_form input { border: 1px solid #e5e6e8; height: 50px; line-height: 48px; width: 100%; padding: 0 20px; color: #888a8c; vertical-align: top; font-size: 18px }
.inquiry_form input[readonly] { background: #f7f8f8; cursor: not-allowed;border: 1px solid #d4d4d4; }
.inquiry_form input.w150 { width: 150px; }
.inquiry_form input.w240 { width: 240px; margin-right: 5px; }
.inquiry_form input.w50p { width: calc(50% - 5px); float: left; margin-right: 5px; }
.inquiry_form select { height: 50px; line-height: 48px; padding: 0 50px 0 20px; color: #888a8c; background: url("../images/sub/customer/blt_select.png") no-repeat 94% 50%; background-size: 20px 9px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #e5e6e8; font-size: 16px; background-color: rgba(255,255,255,1.00)  }
.inquiry_form select::-ms-expand { display: none; }
.inquiry_form .type { padding-left: 1px; overflow: hidden; float: left; margin-right: 5px; }
.inquiry_form .type a { display: inline-block; float: left; width: 130px; height: 50px; border: 1px solid #cecece; color: #888a8c; line-height: 48px; text-align: center; margin-left: -1px; font-size: 16px; background-color: rgba(255,255,255,1.00)  }
.inquiry_form .type a:hover { border: 1px solid #005bac; color: #ffffff!important; background-color: #005bac  }
.inquiry_form .type a.on { border: 1px solid #005bac; color: #fff; position: relative;background-color: #005bac  }
.inquiry_form textarea { border: 1px solid #e5e6e8; padding: 20px; width: 100%; height: 170px; overflow: auto; color: #888a8c; resize: vertical; }
.inquiry_form .btn_code { display: inline-block; line-height: 48px; padding: 0 25px; color: #888a8c; border: 1px solid #e5e6e8; background: #f7f8f8; font-size: 16px; background-color: rgba(255,255,255,1.00) }
.inquiry_form .form_guide { clear: both; border: 1px solid #e5e6e8; background: #fff; color: #888a8c; margin: 60px 0 0 150px; padding: 10px; }
.inquiry_form_postcard { width: 910px; margin: 50px auto 0; }
.inquiry_form_postcard ul { border-top: 1px solid #181919; padding: 20px 30px; border-bottom: 1px solid #e5e6e8; }
.inquiry_form_postcard li { margin-top: 20px; overflow: hidden; }
.inquiry_form_postcard li p { float: none; width: 100%; }
.inquiry_form_postcard li p.title { width: 100%; line-height: 50px; }
.inquiry_form_blue ul { border-top: 1px solid #005bac; }
.policy_group { border: 1px solid #d2d2d2; background-color: #eeeeee; height: 85px; line-height: 83px; padding: 0 30px; margin: 30px 0 60px; }
.policy_group a { display: inline-block; float: right; color: #005bac; text-decoration: underline; }
.policy_group input[type="checkbox"] { display: none; }
.policy_group input[type="checkbox"] + label::before { content: '';  display: inline-block; width: 22px; height: 22px; background: url("../images/sub/customer/check_off.png") left top no-repeat; background-size: 22px; vertical-align: middle; margin-right: 5px;}
.policy_group input[type="checkbox"]:checked + label::before { background: url("../images/sub/customer/check_on.png") left top no-repeat; background-size: 22px; }
.pop_policy { width: 600px; height: 450px; border: 1px solid #e5e6e8; position: relative; background-color: #FFF; transform: translate(-50%, -50%); padding: 80px 30px 30px; }
.pop_policy .title { position: absolute; top: -1px; left: -1px; background: #005bac; height: 50px; width: calc(100% + 2px); color: #FFF; line-height: 50px; text-align: center; font-size: 20px; font-weight: 700; }
.pop_policy .txt { background: #f7f8f8; border: 1px solid #e5e6e8; padding: 20px; margin-bottom: 20px; height: 350px; overflow-y: auto; }
.pop_policy .txt p { margin-bottom: 15px; }
.btn_privacy { overflow: hidden; margin-bottom: 20px; }
.btn_privacy a { display: block; float: right; border:1px solid #e5e7e8; background: url("../images/sub/customer/blt_next.png") 93% 14px no-repeat; background-size: 9px 14px; padding: 0 40px 0 15px; height: 45px; line-height: 43px; }
.btn_privacy a:hover { border:1px solid #005bac; background: url("../images/sub/customer/blt_next_on.png") 93% 14px no-repeat; background-size: 9px 14px; color: #0160be; }
.pri_title_group { background-color: #f7f8f8; border: 1px solid #e5e7e8; padding: 30px; }
.pri_txt_group { line-height: 26px; }
.pri_txt_group h3 { font-size: 20px; text-align: left; margin: 45px 0 15px; letter-spacing: -0.7px; }
.pri_txt_group .pri_txt_number p { padding-left: 20px; }
.pri_txt_group .pri_txt_number p span { display: inline-block; width: 20px; margin-left: -20px; }
.pri_txt_group .pri_txt { margin: 10px 0; }
.pri_txt_group .pri_txt p.pri_txt_blt { padding-left: 10px; }
.pri_txt_group .pri_txt p.pri_txt_blt span { display: inline-block; background: url("../images/common/txt_blt.gif") left 2px no-repeat; width: 10px; height: 10px; margin-left: -10px; }
.pri_table_1 { margin: 10px 0; width: 100%; border-top: 2px solid #005bac; }
.pri_table_1 th { font-weight: 700; height: 50px; line-height: 48px; border-bottom: 1px solid #e5e7e8; border-left: 1px solid #e5e7e8; text-align: center; }
.pri_table_1 th:first-child {width:35%; font-weight: 700; height: 50px; line-height: 48px; border-bottom: 1px solid #e5e7e8; border-left: 1px solid #e5e7e8; text-align: center; }
.pri_table_1 td { height: 50px; line-height: 48px; border-bottom: 1px solid #e5e7e8; border-left: 1px solid #e5e7e8; text-align: center;vertical-align: middle; }
/*.pri_table_1 th:first-child,
.pri_table_1 td:first-child { border-left: none; }*/
.pri_table_1 th:first-child { border-left: none; }
.pri_table_1 tr:first-child>td:first-child { border-left: none; }

.pri_table { margin: 10px 0; width: 100%; border-top: 2px solid #005bac; }
.pri_table th { font-weight: 700; height: 50px; line-height: 48px; border-bottom: 1px solid #e5e7e8; border-left: 1px solid #e5e7e8; text-align: center; }
.pri_table th:first-child {width:35%; font-weight: 700; height: 50px; line-height: 48px; border-bottom: 1px solid #e5e7e8; border-left: 1px solid #e5e7e8; text-align: center; }
.pri_table td { height: 50px; line-height: 48px; border-bottom: 1px solid #e5e7e8; border-left: 1px solid #e5e7e8; text-align: center; }
/*.pri_table th:first-child,
.pri_table td:first-child { border-left: none; }*/
.pri_table th:first-child { border-left: none; }
.pri_table tr:first-child>td:first-child, .pri_table tr:nth-child(2)>td:first-child { border-left: none; }
.con_privacy .pb15 {padding-bottom: 12px}
.con_privacy .pl20 {padding-left: 20px}


.sitemap_inner {
    background-color: #0c419a;
    margin-top: 30px;
    padding: 30px 0 30px 0;
    border-top: 1px rgba(128,128,128,1.00) solid; z-index: 99
}
.sitemap { width: 1060px; margin: 0 auto; border-top: 0px solid #181919; display: flex; justify-content: space-evenly; }
.sitemap ul { padding: 20px 0; overflow: hidden; display: flex;
    flex-direction: column;
    align-content: flex-start;
    flex-wrap: wrap;  }
.sitemap ul li { float: left; margin-left: 20px; width: 100%}
.sitemap ul li.title { width: 160px; color: #fff; font-size: 25px; margin-left: 10px;  font-weight: 700; padding-bottom: 20px;  border-bottom: 1px solid #e5e6e8; margin-bottom: 20px; width: 100%; padding-right: 30px }
.sitemap ul li a { display: block; font-size: 20px; font-weight: 600; line-height: 2.2em; color: rgba(255,255,255,0.9) }
.sitemap ul li .depth3 { margin-bottom: 20px; }
.sitemap ul li .depth3 a { font-weight: 400; font-size: 15px; line-height: 26px; color: rgba(255,255,255,0.73) }


.sitemap ul li a span.blank { padding-right: 18px;}
.sitemap ul li a span { display: inline-block;    position: relative;}
.sitemap ul li a span.blank:after{content: '';position: absolute;right: 0;top: 50%;margin-top: -12px; width: 12px; height: 12px;
	background:url(../images/common/icon-openwin.svg) no-repeat 0 -10px; padding: 8px 0px}

@media screen and (max-width: 1440px) {
	.map_info { margin: 0px 0px 0; }
	.aff_group { margin: 50px 0px 0; }
}

@media screen and (max-width: 1426px) {
	.map_group {width: 100%; padding-bottom: 20px}
    .con_cus div:first-child {margin-right:0px;}
    .map_info { margin: 0px 0px 0; }
    .aff_group { margin: 20px 0px 0; }
}
@media screen and (max-width: 1280px) {
	.map_group .root_daum_roughmap {    width: 45% !important;}
	.map_info ul li.txt {    text-wrap: balance;}
}
@media screen and (min-width: 1025px) {
	.aff_group table.aff_info .link_group .link_inquiry:hover { border: 1px solid #005bac; margin: 0 2px; background: url("../images/sub/customer/icon_inquiry_on.png") 50% 50% no-repeat; background-size: 6px 17px; }
	.aff_group table.aff_info .link_group .link_hp:hover { border: 1px solid #005bac; margin: 0 2px; background: url("../images/sub/customer/icon_hp_on.png") 50% 50% no-repeat; background-size: 14px 14px; }
	.inquiry_form .type a:hover { border: 1px solid #005bac; color: #005bac; position: relative; }
	.inquiry_form .btn_code:hover { color: #005bac; background: #FFF; }
	.policy_group a:hover { text-decoration: underline; }
	.sitemap ul li a:hover { color: #cbcbcb; }
}
@media screen and (max-width: 1080px) {
	#cus_intro h2 {font-size: 40px;  line-height: 45px;  padding: 0px 5% 40px;}
}
@media screen and (max-width: 1024px) {	
	.map_group:first-child {    display: flex;    padding: 0;     flex-direction: column;  margin: 0 0 40px 0;}
	.map_group {    flex-direction: column;}
	.map_group .root_daum_roughmap {    width: 100% !important;}
	.map_group h3 { margin-bottom: 20px; font-size: 22px;padding: 0 0 15px 0px; text-align: center }	
	.map_group .root_daum_roughmap { height: 280px !important; width: 100% !important; }
	
	.map_info { margin: 20px 15px; border-bottom: 1px solid #e5e6e8; }
	.map_info ul { }
	.map_info ul li { float: none; padding: 0; }
	.map_info ul li.title { width: 100%; text-align: center; padding: 10px 0; font-size: 17px; text-align: left; font-weight: 600 }
	.map_info ul li.txt { width: 100%; padding: 0px 0px 20px; font-size: 15px; color: rgba(92,92,92,1.00) }
	.map_info ul li.txt_bus hr { padding-top: 15px; }
	.map_info.ml60 { margin: 0px 0px 0px 0px; width:calc(100% - 30px); margin: 20px 15px;	}
	
	
	.con_cus { padding: 100px 50px !important; }
	.con_privacy { padding: 100px 100px !important; }
	.sitemap { width: 100%;flex-direction: column; }
	.sitemap ul li { margin-left: 30px; }
}

@media screen and (max-width: 768px) {
	#cus_intro  {overflow: hidden}
	#cus_intro h2 {font-size: 30px;  line-height: 1.5em;  padding: 0px 5% 30px;}

	#cus_intro .content {max-width:100%; width:100%; }
	#cus_intro #subTitleWrapFix { margin-top: 30px;}
	.con_cus { padding: 40px 0 !important;  overflow: hidden }
	.con_privacy { padding: 0px 15px 70px!important; }
	
	.aff_group { margin: 0 0px 70px; overflow: hidden; width:100%; }
	.aff_group table.aff_info { margin-top: 20px;width:calc(100% - 30px);  }
	.aff_group table.aff_info th { display: block; height: 40px; line-height: 40px; width: 100% }
	
	.sitemap_inner {margin-top: 0px; padding: 10px 0 30px 0; }
	
 /*0304 S
    */
	.aff_group table.aff_info td { display: inline-block; font-size: 14px; border-left: none; text-align: left; height: auto; line-height: 25px; padding: 13px 0; }
    .aff_group table.aff_info td.aff_name { width: 20%; padding-bottom: 13px;margin-left: 15px}
	.aff_group table.aff_info td.aff_tel { width:27%; }    
	.aff_group table.aff_info td.aff_link { width:45%; padding: 6px 0 7px; }
	.aff_group table.aff_info .link_group {  overflow: visible; padding:6px 0 7px}
    /* overflow: hidden;
		
    /*0304 E
    */
	.aff_group table.aff_info td.line2 { height: 60px; }
	.inquiry_form { width:calc(100% - 40px); margin: 10px 20px 0; }
	.inquiry_form ul { padding: 0; border-bottom: none; }
	.inquiry_form li p { float: none; width: 100%; position: relative; }
	.inquiry_form li p.title { width: 100%; line-height: 17px; margin-bottom: 10px; font-size: 15px; }
	.inquiry_form input[readonly] { height: 40px; line-height: 38px; font-size: 15px; }
	.inquiry_form input.w150 { width: 25%; height: 40px; line-height: 38px; font-size: 15px; }
	.inquiry_form input.w240 { width: 100%; height: 40px; line-height: 38px; font-size: 15px; }
    .inquiry_form .email input.w240 { width: calc(50% - 21px); height: 40px; line-height: 38px; font-size: 15px; }
    .inquiry_form li p span { font-size: 14px; line-height: 34px; }    
	.inquiry_form select {padding: 0 40px 0 15px; height: 40px; line-height: 38px; font-size: 15px; background-size: 10px 5px; }
	.inquiry_form .type { padding-top: 1px; float: none; }
	.inquiry_form .type a { width: 33.33333%; margin-top: -1px; height: 40px; line-height: 38px;     font-size: 15px; }
	.inquiry_form textarea { padding: 10px; height: 120px; }
	.inquiry_form .btn_code { position: absolute; right: 0; top: 0; line-height: 38px; font-size: 14px; }
	.inquiry_form .m_w100 { width: 100%; margin-top: 5px; }
	.inquiry_form input.w50p { width: 100%; height: 40px; line-height: 38px; font-size: 15px; }
	.inquiry_form .form_guide { margin: 20px 0 0 0; font-size: 14px; }
	.policy_group { height: 65px; line-height: 63px; padding: 0 10px; margin: 20px 0 30px; font-size: 14px; }
	.pop_policy { width: 100%; height: 400px; padding: 65px 15px 0; }
    .pop_policy .txt { border: none; padding: 15px; margin-bottom: 20px; height: 250px; }
    .pop_policy .title p{ font-size: 18px; }    

    .pop_policy .txt p{ font-size: 14px; }    
	.pri_title_group { padding: 15px; }
	.pri_table { font-size: 16px; letter-spacing: -1px;  }
	.pri_table thead { display: table-cell; width: 33.33333%; }
	.pri_table thead tr { display: table-cell; width: 33.33333%; }
	.pri_table tbody { display: table-cell; }
	.pri_table tbody tr { display: table-cell; width: 33.33333%; }
	.pri_table th { display: block; height: auto; height: 50px; }
	.pri_table td { display: block; height: auto; height: 50px; }
	.pri_table th:nth-child(2),
	.pri_table td:nth-child(2) { line-height: 20px; height: 60px; padding-top: 10px; }
	.pri_table th:last-child,
	.pri_table td:last-child { line-height: 20px; height: 60px; padding-top: 10px; }
	.pri_table th { border-left: none; }
	.pri_table td:first-child, .pri_table tr:first-child>td:first-child { border-left: 1px solid #e5e6e8; }
    .pri_table th:first-child {width: auto}

    
    .pri_table_1 td {    line-height: 22px; padding: 10px 0}
    /*.pri_table thead { display: table-cell; width: 33.33333%; }
	.pri_table thead tr { display: table-cell; width: 33.33333%; }
	.pri_table tbody { display: table-cell; }
	.pri_table tbody tr { display: table-cell; width: 33.33333%; }
	.pri_table th { display: block; height: auto; height: 50px; }
	.pri_table td { display: block; height: auto; height: 50px; }
	.pri_table th:nth-child(2),
	.pri_table td:nth-child(2) { line-height: 20px; height: 60px; padding-top: 10px; }
	.pri_table th:last-child,
	.pri_table td:last-child { line-height: 20px; height: 80px; padding-top: 10px; }
	.pri_table th { border-left: none; }
	.pri_table td:first-child { border-left: 1px solid #e5e6e8; }*/
	.sitemap ul { padding: 20px 30px; }
	.sitemap ul li { float: none; margin-left: 15px; padding-top: 10px; }
	.sitemap ul li.title { width: 100%;  font-size: 20px; padding-bottom: 10px; margin-left: 0px; margin-bottom: 10px}
	.sitemap ul li .depth3 { margin-top: 0px; }
	
	.sitemap ul li a {    font-size: 16px; line-height: 1.8em;}
}


	
	
@media screen and (max-width: 460px) {
    .ci_down li{
        height: 35px;
        line-height: 35px;
    }
    .ci_down li a{
        padding: 0 5px;
        font-size: 14px;
    }
    .ci_down li a i {
        margin-left: 5px;
    }    
}

/*사외보*/
.blt_check {
    display: inline-block;
    margin-right: 5px;
    width: 10px;
    height: 10px;
    background: url(../images/sub/customer/blt_check.png) left top no-repeat;
    background-size: auto 10px;
}



