@charset "utf-8";


.wrap.main{background:#F2F2F2;}
/** 메인 베너(S) **/
.banner.main{height:150px; /* margin-top:80px; */ display:flex; align-items:center; justify-content: center;}
.banner.main .banner-title{font-size:32px; width: 90%; text-align: center; line-height:42px;}
.banner.main .banner-title .bold{font-weight:900;}
/** 메인 베너(E) **/

.main-contents{width:100%;  height:auto; /* background:#ffffff; */ box-sizing:border-box;}
.main-contents .main-in{margin:0 auto; height:auto; padding-bottom:120px; max-width:1600px; position:relative; }
.main-contents.line-1{background:#F2F2F2;}
.main-contents.line-1 .main-in{padding-bottom:45px;}


/** 메인전자송품장등록(S) **/
.register-wrap{width:100%; overflow:hidden; border:2px solid #003984; box-shadow: #003984; /*margin-top:-80px;*/ background:#ffffff;}
.register-wrap ul{width:100%; height:160px; display:flex; align-items: center; justify-content: space-around;}
.register-wrap ul li{ width:100%;  height:100%; position:relative;}
.register-wrap ul li:before{content:''; display:inline-block; position:absolute; top:50%; transform:translateY(-50%); width:1px; height:70px; background:#ABABAB; right:0;}
.register-wrap ul li:last-child:before{display:none;}
.register-wrap ul li .btn-register-com{display:block; height:100%; display:flex; align-items: center; justify-content: center;}
.register-wrap ul li .btn-register-com .ico-com-name{font-size:24px; color:#000000; font-weight:900; font-family: "S-CoreDream-3Light"; margin-left:5px;}
.register-wrap ul li .go-register{display:flex; align-items: center; justify-content: space-evenly; position:relative; flex-direction: column; background:#003984; width:100%; height:100%; font-weight:bold;}
.register-wrap ul li .go-register .go-text{display:block; color:#ffffff; font-size:24px;}
/** 메인전자송품장등록(E) **/

.column-wrap.main{border:1px solid #ABABAB; padding:0;}
.column-wrap.main .column{padding:15px 25px; height:100%;}
.column-wrap.main .column.cola{border-right:1px solid #ababab; background:#ffffff;}
.column-wrap.main > .column.colb{background:#ffffff;}
.column-wrap.main .column .graph-box{border:0; height:325px; }
.column-wrap.main .column .graph-box img{width:100%; height:100%;}



.main-contents.line-1 .column-wrap{ height:490px;}
.main-contents.line-1 .column-wrap.main .column .graph-box{height:390px;}



.main-contents.line-2{/* background:#ffffff; ***/}
.main-contents.line-2 .main-in{padding-bottom:45px;}
.main-contents.line-2 .column-wrap.main{ height:430px; border:0;}
.main-contents.line-2 .column-wrap.main > .cola{background:#ffffff; border:1px solid #ababab; width:calc(50% - 10px);}
.main-contents.line-2 .column-wrap.main > .colb{background:#ffffff; border:1px solid #ababab!important; border:0; width:calc(50% - 10px); margin-left:20px;}

.title-01.main{font-size:22px;}
.title-01.main .text-num{margin-right:10px;}
.title-01.main .text-clock{font-weight:normal;}
.title-01.main .reset-clock::after{content:''; display:inline-block; background:url(/img/web/icon-reset.png) center no-repeat; width:28px; height:28px; background-size:contain; vertical-align:middle;}
.main .title-box{margin-bottom:10px;}
.main .title-01{font-size:20px;}
.title-01.main{font-size:22px;}
.btn-main-more{display:inline-block; background:url(/img/web/btn-main-more.png) center no-repeat; width:35px; height:35px;}

/** 메인 슬라이드(S) **/
.slide-box{width:100%; height:325px;}
.swiper-container {width: 100%; height: 100%; overflow:visible!important;}
.swiper-slide .column-wrap{border:0;  width:100%; border:1px solid #ababab; padding:20px; width:calc(100% - 135px);}
.swiper-slide .column-wrap .column.cola{border:0!important;}
.swiper-slide { text-align: center; font-size: 18px; background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.swiper-slide .column-wrap{height:100%;}
.swiper-slide .column-wrap .column.cola{text-align:center; display:flex; align-items: center; justify-content: space-evenly; flex-direction: column;}
.swiper-slide .column-wrap .column.cola .slide-img{ overflow:hidden; font-size:0; display:block; width:190px; border-radius:50%;}
.swiper-slide .column-wrap .column.cola .slide-img img{width:100%;}
.swiper-slide .column-wrap .column.cola .text-slide{font-size:28px; margin-top:20px; }
.swiper-slide .column-wrap .column.colb{display:flex;  align-items: center;  height:100%; background:#F8F8F8;}
.price-level{width:100%; }
.price-level li{display:flex; align-items: center; justify-content: space-between; font-size:22px; margin-bottom:5px;}
.price-level li:last-child{margin-bottom:0;}
.price-level li .text-level{border:1px solid #707070;  padding:10px;}
.price-level li.lv-01 .text-level{color:#E85AAA;}
.price-level li.lv-02 .text-level{color:#A960E1;}
.price-level li.lv-03 .text-level{color:#6860E1;}
.price-level li.lv-04 .text-level{color:#0066FF;}
.slide-box .swiper-button-next,
.slide-box .swiper-button-prev{width:45px; height:48px;}
.slide-box .swiper-button-prev:after,
.slide-box .swiper-container-rtl .swiper-button-next:after{content:''; display:inline-block; background:url(/img/web/slide-prev.png) center no-repeat; width:45px; height:48px;}
.slide-box .swiper-button-next:after,
.slide-box .swiper-container-rtl .swiper-button-next:after{content:''; display:inline-block; background:url(/img/web/slide-next.png) center no-repeat; width:45px; height:48px;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {width:16px; height:16px; background:#ababab!important;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:-25px!important;}
.swiper-pagination{z-index:1!important;}
/** 메인 슬라이드(E) **/



/** 공지사항 테이블(S) **/
.main-contents.line-3{}
.main-contents.line-3 .column-wrap{border:0; padding:0;}
.main-contents.line-3 .column-wrap .column{padding:0;}
.main-contents.line-3 .column-wrap > .cola{width:calc(50% - 10px);}
.main-contents.line-3 .column-wrap > .colb{border:0; width:calc(50% - 10px); margin-left:20px;}

.notice-table{ width:100%; overflow:hidden; border:1px solid #ababab; padding:15px 25px; background:#ffffff;}
.notice-table table{width:100%; border-collapse:collapse; table-layout:fixed; }
.notice-table table tbody tr{box-sizing:border-box; }
.notice-table table tbody tr td{ text-align:center; line-height:17px; text-align:left; position:relative; line-height:31px;}
.notice-table table tbody tr td:first-child{padding-left:10px;}
.notice-table table tbody tr td:first-child::before{content:'-'; display:inline-block; position:absolute; left:0;}
.notice-table table tbody tr td a{display:block; color:#303030; font-size:16px;  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.notice-table table tbody tr:hover td a{font-weight:900; text-decoration: underline;}
.main-contents.line-3 .main-in .column-wrap .column.cola .notice-table table tbody tr td:last-child a{color:#0050AC;}
.main-contents.line-3 .main-in .column-wrap .column.colb .notice-table table tbody tr td:last-child a{color:#FF6B6B;}
.notice-table table tbody tr td:last-child{text-align:right;}
/** 공지사항 테이블(E) **/

@media screen and (max-width: 1350px) {
  /*.banner.main{margin-top:145px;}*/
}


@media screen and (max-width: 1280px) {
  .title-01.main .reset-clock::after{width:20px; height:20px;}
  .register-wrap ul{display:inline-block;  height:auto;}
  .register-wrap ul li:first-child{width:100%; }
  .register-wrap ul li .go-register{flex-direction: unset; justify-content:center; height:50px; }
  .register-wrap ul li .go-register img{margin-right:10px; width:20px;}
  .register-wrap ul li .go-register .go-text{font-size:16px;}
  .register-wrap ul li{width:33.33%; float:left; height:60px;}

  .register-wrap ul li:before{display:none;}
  .register-wrap ul li .btn-register-com .ico-com-name{font-size:16px;}
  .register-wrap ul li .btn-register-com img{width:40px; }

  .banner.main .banner-title{font-size:20px; line-height:28px; width:100%;}
  .main .title-box{margin-bottom:0;}
  .main .title-01{font-size:16px;}

  .title-01.main .dib-db{margin:2.5px 0}
  .title-01.main .text-clock::after{width:20px; height:20px; margin-left:10px;}
  .btn-main-more{width:25px; height:25px; background-size:cover;}

  .main-contents{padding:0 15px;}
  /* .main-contents.line-1 .column-wrap .column{height:300px;} */
  .column-wrap.main .column{padding:15px 15px;}
  .column-wrap.main .column .graph-box{height:100%; padding:0;}
  .main-contents.line-1 .column-wrap .column,
  .main-contents.line-2 .column-wrap .column,
  .main-contents.line-3 .column-wrap .column{width:100%!important;}

  .main-contents.line-1 .column-wrap{height:auto;}
  .main-contents.line-1 .column-wrap .cola{border-right:0;}
  .main-contents.line-1 .column-wrap .colb{margin-top:0;}

  .main-contents.line-2 .main-in{padding-bottom:20px;}
  .main-contents.line-2 .column-wrap.main{height:auto; padding: 0px;}
  .main-contents.line-2 > .column-wrap > .column{height:auto;}
  .main-contents.line-2 > .column-wrap > .colb{margin-left:0!important; margin-top:20px; }
  .main-contents.line-2 .column-wrap.main > .colb{margin-left:0; width:100%!important; margin-top:20px;}


  .swiper-slide .column-wrap{display:flex!important; width:100%;}
  .swiper-slide .column-wrap .column.cola .slide-img{width:auto;}
  .swiper-slide .column-wrap .column.cola .text-slide{font-size:16px;}
  .price-level li{font-size:14px; justify-content: left;}
  .price-level li .text-level{margin-right:10px;}
  /* .slide-box{height:300px;} */
  .swiper-slide .column-wrap{ padding-bottom:60px;}
  .swiper-slide .column-wrap .column.cola .text-slide{margin-top:10px;}
  .slide-box .swiper-button-prev:after, .slide-box .swiper-container-rtl .swiper-button-next:after,
  .slide-box .swiper-button-next:after, .slide-box .swiper-container-rtl .swiper-button-next:after{width:35px; height:38px; background-size:cover;}
  .swiper-button-next, .swiper-button-prev{top:90%!important;}
  .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {width:16px; height:16px; background:#ababab!important;}
  /* .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{} */
  .main-contents.line-3 .column-wrap > .colb{margin-left:0!important; margin-top:20px;}
  .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:20px!important;}

  .notice-table{padding:20px 20px;}



}

@media screen and (max-width: 1280px) {
  /*.banner.main{margin-top:80px;}*/
}