@charset "UTF-8";


/****************** 공통 *********************/

/* 체크박스 */
.chk_wide { margin-left:1rem; }


/* 셀렉트박스 */
.select {
  width:17rem;
  border:1px solid rgba(0,0,0,0);
  height: 3.5rem;
  padding:0 1rem;
  border-radius:0.5rem;
  background: #F2F7FB url('/images/ice/common/ico-select.png') no-repeat;
  background-position: right 1rem center;
  font-size: 1.7rem;
  line-height: 3.5rem;
  outline: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.select.nobg { background-color:#fff; }
.select.disabled { background-color:#DFE6EC }
.select::-ms-expand { display: none; }


/* 레이아웃 정렬 */
.d-flex { display:flex; }
.flex-direction-row { flex-direction: row; } /* 수평 정렬(기본) */
.flex-direction-column { flex-direction: column; } /* 수직 정렬 */

.align-items-start { align-items:flex-start }
.align-items-center { align-items:center }
.align-items-end { align-items:flex-end }

.justify-content-start { justify-content:flex-start }
.justify-content-center { justify-content:center }
.justify-content-end { justify-content:flex-end }
.justify-content-between { justify-content:space-between }

.mt-auto { margin-top:auto !important; }
.ml-auto { margin-left:auto !important; }
.mr-auto { margin-right:auto !important; }
.mb-auto { margin-bottom:auto !important; }

.col-auto { flex:1 }


/* 텍스트 정렬 */
.text-left { text-align:left !important; }
.text-center { text-align:center !important; }
.text-right { text-align:right !important; }

/* 마진&여백 */
.pt-1 { padding-top:1rem !important; }
.pt-2 { padding-top:2rem !important; }
.pt-3 { padding-top:3rem !important; }
.pt-4 { padding-top:4rem !important; }
.pt-5 { padding-top:5rem !important; }

.pl-1 { padding-left:1rem !important; }
.pl-2 { padding-left:2rem !important; }
.pl-3 { padding-left:3rem !important; }
.pl-4 { padding-left:4rem !important; }
.pl-5 { padding-left:5rem !important; }

.pr-1 { padding-right:1rem !important; }
.pr-2 { padding-right:2rem !important; }
.pr-3 { padding-right:3rem !important; }
.pr-4 { padding-right:4rem !important; }
.pr-5 { padding-right:5rem !important; }

.pb-1 { padding-bottom:1rem !important; }
.pb-2 { padding-bottom:2rem !important; }
.pb-3 { padding-bottom:3rem !important; }
.pb-4 { padding-bottom:4rem !important; }
.pb-5 { padding-bottom:5rem !important; }

.mt-1 { margin-top:1rem !important; }
.mt-2 { margin-top:2rem !important; }
.mt-3 { margin-top:3rem !important; }
.mt-4 { margin-top:4rem !important; }
.mt-5 { margin-top:5rem !important; }

.ml-1 { margin-left:1rem !important; }
.ml-2 { margin-left:2rem !important; }
.ml-3 { margin-left:3rem !important; }
.ml-4 { margin-left:4rem !important; }
.ml-5 { margin-left:5rem !important; }

.mr-1 { margin-right:1rem !important; }
.mr-2 { margin-right:2rem !important; }
.mr-3 { margin-right:3rem !important; }
.mr-4 { margin-right:4rem !important; }
.mr-5 { margin-right:5rem !important; }

.mb-1 { margin-bottom:1rem !important; }
.mb-2 { margin-bottom:2rem !important; }
.mb-3 { margin-bottom:3rem !important; }
.mb-4 { margin-bottom:4rem !important; }
.mb-5 { margin-bottom:5rem !important; }

.ml-05 { margin-left:0.5rem !important; }

.margin-top-120 { margin-top:12rem !important; }

/* 폼 테이블 */
.frm_input.width-130 { width:13rem !important; }
.frm_input.width-170 { width:17rem !important; }
td.width-220 { width:22rem !important; }

table.table-custom { width:100%; border-top:1px solid #D8DDE0; }
table.table-custom th { width:14rem; font-size:1.8rem; font-weight:500; color:#293A4E; text-align:left; padding:0 1.5rem; background:#e7f3fc; height:5rem; border-bottom:1px solid #D8DDE0; }
table.table-custom td { height:5rem; font-size:1.7rem; border-bottom:1px solid #D8DDE0; padding:0 1.5rem; }

.frm_input.data { width:100%; border:0; font-size:1.7rem; color:#8F9DA8; padding:0.7rem; border-radius:0.5rem; background:#F2F7FB; }
.frm_input.data:focus { border:0 !important }

.frm_input.form-data { width:100%; border:1px solid rgba(0,0,0,0); font-size:1.7rem; font-weight:300; color:#8F9DA8; padding:0.7rem; border-radius:0.5rem; background:#F2F7FB; }
.frm_input.white { background:#fff; }

.frm_textarea { width:100%; border:1px solid rgba(0,0,0,0); font-size:1.7rem; color:#8F9DA8; padding:0.7rem; border-radius:0.5rem; background:#F2F7FB; }

/* 버튼 */
.btn { font-size:1.8rem; font-weight:500; padding:1rem 2rem; height:5rem; }
.btn.btn-sm { height:3.5rem; padding:0 1rem; font-size:1.5rem; }
.btn.btn-outline { color:#1586DB; border:1px solid #1586DB; border-radius:0.5rem; }
.btn.btn-active { color:#fff; background:#1586DB; border-radius:0.5rem; }
.btn.width-130 { width:13rem !important; }
.btn.width-70 { width:7rem !important; }
.btn.black { border:1px solid #D8DDE0 !important;  color:#222 !important; }
.btn.btn-search { background:#1586DB; font-size:2.2rem; font-weight:700; color:#fff; height:100%;  border-radius:0.5rem; }
.btn.btn-admin { height:2.6rem; padding-top:0; padding-bottom:0; padding-left:1.5rem; padding-right:1.5rem; font-size:1.4rem; border-radius:1.3rem; }
.btn.btn-admin.btn-modify { background:#1586DB; color:#fff; }
.btn.btn-admin.btn-detail { background:#fff; color:#1586DB; border:1px solid #CAD6DF; }



body.bg { background:#EFF4F6 }

#wrapper { width:100%; height:100%; }

/***** 헤더 *****/
#header { }
#header .header-fixed { position:fixed; top:0; left:0; width:100%; height:8rem; z-index:9999999; background:#293A4E; }
#header .header-fixed .headerWrap { max-width:160rem; margin:0 auto; display:flex; align-items:center; height:100%; z-index:9999999; }
#header .header-fixed .headerWrap .logoWrap { }
#header .header-fixed .headerWrap .gnbWrap { margin-left:23rem; }
#header .header-fixed .headerWrap .gnbWrap li { margin-right:6rem; }
#header .header-fixed .headerWrap .gnbWrap li:last-child { margin:0; }
#header .header-fixed .headerWrap .gnbWrap li a { font-size:1.9rem; color:#D6DCDF; }
#header .header-fixed .headerWrap .gnbWrap li .text-color { color:#6D8EA1; font-weight:700; }
#header .header-fixed .headerWrap .memberWrap { position:relative; }
#header .header-fixed .headerWrap .memberWrap a { font-size:1.5rem; color:rgba(255,255,255,.8); padding-left:3rem;  }
#header .header-fixed .headerWrap .memberWrap .service { background:url('/images/ice/common/icon.png') 0 50% no-repeat; }
#header .header-fixed .headerWrap .memberWrap .service:after { content:""; display:inline-block; margin:0 2rem; height:1rem; width:1px; background:rgba(255,255,255,.2); }
#header .header-fixed .headerWrap .memberWrap .login { position:relative; background:url('/images/ice/common/icon1.png') 0 50% no-repeat; }
#header .header-fixed .headerWrap .memberWrap .my-toggle { position:relative; font-size:1.5rem; color:#6D8EA1; padding-left:3rem; }

/***** 푸터 *****/
#footer { border-top:1px solid rgba(16,26,32,.1); }
#footer .footer { max-width:160rem; padding:3rem 0; margin:0 auto; }
#footer .footer .address { font-size:1.6rem; color:#555; }
#footer .footer .copyright { font-size:1.5rem; color:#999; }

/* 푸터 링크 */
.footerLink { max-width:160rem; margin:0 auto;  }
.footerLink button { position:relative; width:33.3%; height:5rem; padding:0 3rem; border:1px solid rgba(16,26,32,.1); border-bottom:0; text-align:left; background:url('/images/ice/common/ico-footer-plus.png') no-repeat; background-position:right 1.5rem center; background-size:3.2rem; }

.footerLink button.active { background:url('/images/ice/common/ico-footer-minus.png') no-repeat; background-position:right 1.5rem center; background-size:3.2rem; }

.footerLink button:nth-child(2) { border-left:0; border-right:0; }
/* 
.footerLink ul.footerLayer { display:none; z-index:99999; position:absolute; bottom:5rem; left:0; width:100%; background:#f5f5f5; box-shadow:0 0 15px 5px rgba(0,0,0,.05); border-radius:1rem 1rem 0 0; border:1px solid rgba(16,26,32,.1); }
.footerLink ul.footerLayer li { height:5rem; line-height:5rem; padding:0 3rem; border-top:1px solid rgba(16,26,32,.1); }
.footerLink ul.footerLayer li:first-child { border-top:0; }
.footerLink ul.footerLayer li:last-child { border-bottom:0; }
.footerLink ul.footerLayer li:hover { background:#f9f9f9; }
 */
 
 
.footerLink ul.footerLayer { display:none; z-index:99999; position:absolute; bottom:5rem; left:0; width:100%; background:#f5f5f5; box-shadow:0 0 15px 5px rgba(0,0,0,.05); border-radius:1rem 1rem 0 0; border:1px solid rgba(16,26,32,.1); }
.footerLink ul.footerLayer li { border-top:1px solid rgba(16,26,32,.1); }
.footerLink ul.footerLayer li a { display:block; width:100%; height:5rem; line-height:5rem; padding:0 3rem; text-decoration:none; color:inherit; }
.footerLink ul.footerLayer li:first-child { border-top:0; }
.footerLink ul.footerLayer li:last-child { border-bottom:0; }
.footerLink ul.footerLayer li:hover { background:#f9f9f9; }
/***** 메인 *****/

#container { padding:6rem 0 0; }

/* 로그인 전 */
#container .containerWrap { max-width:160rem; margin:4rem auto; height:100%; z-index:9999999; }
#container .containerWrap.wide { width:100% !important; max-width:100% !important;  }
#container .containerWrap .left-area .loginWrap { width:87rem; height:35rem; padding:3rem 0; background:#fff; box-shadow:0 0 15px 5px rgba(0,0,0,.05); border-radius:1rem; overflow:hidden; }
#container .containerWrap .left-area .loginWrap .login { text-align:Center; padding:0 4rem; width:45rem; height:100%; background:url('/images/ice/main/line.png') 100% 50% no-repeat; }
#container .containerWrap .left-area .loginWrap .login h2 { text-transform:uppercase; font-size:4.2rem; font-weight:700; }
#container .containerWrap .left-area .loginWrap .login p.sub-tit { font-size:1.8rem; color:#354F5E; }

#container .containerWrap .left-area .loginWrap .banner { flex:1; display:flex; justify-content:flex-end; padding:0 4rem; }
#container .containerWrap .left-area .loginWrap .banner div { width:34rem; height:29rem; overflow:hidden;  }
#container .containerWrap .left-area .loginWrap .banner div img { width:100%; height:100%; object-fit: cover; }

/* 로그인 후 */
#container .containerWrap .left-area .loginWrap .login-after { flex:1; padding:0 4rem; }
#container .containerWrap .left-area .loginWrap .login-after .welcome { font-size:1.8rem; color:#293A4E; padding-left:3rem; background:url('/images/ice/main/ico-pencil.png') 0 50% no-repeat; }
#container .containerWrap .left-area .loginWrap .login-after .connect-time { font-size:1.6rem; color:#293A4E; padding-left:2rem; background:url('/images/ice/main/ico-connect.png') 0 50% no-repeat; }
#container .containerWrap .left-area .loginWrap .login-after .name { font-size:2rem; color:#293A4E; }
#container .containerWrap .left-area .loginWrap .login-after .name span { font-size:2.4rem;  }
#container .containerWrap .left-area .loginWrap .login-after .myMenu { padding:2rem; display:flex; align-items:center; justify-content:center; background:#E8F3FC; border-radius:1rem 4rem 1rem 4rem; }
#container .containerWrap .left-area .loginWrap .login-after .myMenu ul { flex:1; display:flex; justify-content:center;  }
#container .containerWrap .left-area .loginWrap .login-after .myMenu ul li { width:50%; flex:1; height:100%; text-align:center; display:flex; align-items:center; }
#container .containerWrap .left-area .loginWrap .login-after .myMenu ul li:nth-child(1) { background:url('/images/ice/main/line.png') 100% 50% no-repeat; }

#container .containerWrap .left-area .loginWrap .login-after .myMenu ul li:nth-child(1) .box { margin-left:auto; margin-right:5rem; width:25rem; height:18rem; border-radius:5rem 1rem 5rem 5rem; overflow:hidden; background:#fff; }
#container .containerWrap .left-area .loginWrap .login-after .myMenu ul li:nth-child(1) .box .hd { height:50%; background:linear-gradient( to right, #1586DB, #38A5BB); }
#container .containerWrap .left-area .loginWrap .login-after .myMenu ul li:nth-child(1) .box .hd strong { position:relative; display:inline-block; font-size:2.2rem; color:#fff; padding:5rem 0 0; background:url('/images/ice/main/ico-service.png') 50% 2rem no-repeat; }

#container .containerWrap .left-area .loginWrap .login-after .myMenu ul li:nth-child(1) .box .hd strong:after { content:""; border-radius:0.5rem; position:absolute; bottom:-2px; left:0; width:100%; height:1rem; background:rgba(255,255,255,.15); }

#container .containerWrap .left-area .loginWrap .login-after .myMenu ul li:nth-child(1) .box .con { font-size:6.5rem; font-weight:700; color:#293A4E; display:flex; align-items:center; justify-content:center; }

#container .containerWrap .left-area .loginWrap .login-after .myMenu ul li:nth-child(2) .box { margin-left:5rem; width:25rem; height:18rem; border-radius:1rem 5rem 5rem 5rem; overflow:hidden; background:#fff; }
#container .containerWrap .left-area .loginWrap .login-after .myMenu ul li:nth-child(2) .box .hd { height:50%; background:linear-gradient( to right, #62BC51, #34AAA7); }
#container .containerWrap .left-area .loginWrap .login-after .myMenu ul li:nth-child(2) .box .hd strong { position:relative; display:inline-block; font-size:2.2rem; color:#fff; padding:5rem 0 0; background:url('/images/ice/main/ico-visit.png') 50% 2rem no-repeat; }

#container .containerWrap .left-area .loginWrap .login-after .myMenu ul li:nth-child(2) .box .hd strong:after { content:""; border-radius:0.5rem; position:absolute; bottom:-2px; left:0; width:100%; height:1rem; background:rgba(255,255,255,.15); }

#container .containerWrap .left-area .loginWrap .login-after .myMenu ul li:nth-child(2) .box .con { font-size:6.5rem; font-weight:700; color:#293A4E; display:flex; align-items:center; justify-content:center; }

#container .containerWrap .left-area .loginWrap .login-after .myMenu ul li .box .con a { font-size:6.5rem; font-weight:700; color:#293A4E; }

/* 나의 정보 레이어 */
.myinfoLayer { display:none; padding:3.5rem; position:absolute; width:40rem; top:3rem; right:7.5rem; height:54rem; background:#fff; border-radius:1rem; box-shadow:0 0 15px 5px rgba(0,0,0,.2); z-index:9999; }
.myinfoLayer.active { display:block; }
.myinfoLayer .hd h3 { font-size:2.6rem; font-weight:700; }
.myinfoLayer .hd h3:before { content:""; width:1rem; height:2rem; display:inline-block; border-radius:0.2rem; background:#FFB070; box-shadow:0 0 15px 5px rgba(0,0,0,.05); margin-right:2rem; }
.myinfoLayer button.close { width:1.4rem; height:1.4rem; background:url('/images/ice/common/ico-close.png') 50% 50% no-repeat; }
.myinfoLayer .conWrap { padding:2.5rem 0 0; }
.mask { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:99; }
.mask.active { display:block; }

/* 독립형 페이지 로그인 */
.loginWrap.page { width:43.5rem; height:43rem; margin:17rem 0; padding:5rem 0; background:#fff; box-shadow:0 0 15px 5px rgba(0,0,0,.05); border-radius:1rem; overflow:hidden; }
.loginWrap.page .login { text-align:Center; padding:0 4rem; width:43.4rem; height:100%; background:none; }
.loginWrap.page .login h2 { text-transform:uppercase; font-size:4.5rem; font-weight:700; }
.loginWrap.page .login p.sub-tit { font-size:1.8rem; color:#354F5E; }


#container .containerWrap .left-area .newsWrap { width:87rem; height:21rem; background:#fff; box-shadow:0 0 15px 5px rgba(0,0,0,.05); border-radius:1rem; overflow:hidden; }
#container .containerWrap .left-area .newsWrap .header { height:5rem; background:#63788F; display:flex; align-items:center; padding:0 2rem; }
#container .containerWrap .left-area .newsWrap .header h3 { font-size:2.2rem; font-weight:700; color:#fff; }
#container .containerWrap .left-area .newsWrap .header h3:before { content:""; width:1rem; height:2rem; display:inline-block; border-radius:0.2rem; background:#FFB070; box-shadow:0 0 15px 5px rgba(0,0,0,.05); margin-right:2rem; }

#container .containerWrap .left-area .newsWrap .header a { margin-left:auto; font-size:1.8rem; color:#fff; }
#container .containerWrap .left-area .newsWrap .header a:after { content:""; width:0.7rem; height:0.7rem; display:inline-block; position:relative; margin-left:0.5rem; top:-0.2rem; background:url('/images/ice/common/ico-plus.png') 100% 50% no-repeat; }

#container .containerWrap .left-area .newsWrap .list { padding:2rem; }
#container .containerWrap .left-area .newsWrap .list li { display:flex; align-items:center; line-height:3rem; padding-left:1.5rem; background:url('/images/ice/common/dot.png') 0 50% no-repeat; }
#container .containerWrap .left-area .newsWrap .list li a { font-size:1.6rem; color:#5D727E; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; padding-right:5rem;  }
#container .containerWrap .left-area .newsWrap .list li a:hover { color:#1586DB; text-decoration:underline; }
#container .containerWrap .left-area .newsWrap .list li span { margin-left:auto; font-size:1.6rem; color:#999999; }

/* 폼 */
.form-control { }
.form-control .frm-input.login-id { width:35.5rem; height:5rem; font-size:1.6rem; color:#354F5E; padding:1.7rem; border:1px solid rgba(0,0,0,0); background:#ECF6FE url('/images/ice/main/ico-id.png') no-repeat; background-position: right 2rem center; border-radius:1rem; }

.form-control .frm-input.login-pw { width:35.5rem; height:5rem; font-size:1.6rem; color:#354F5E; padding:1.7rem; border:1px solid rgba(0,0,0,0); background:#ECF6FE url('/images/ice/main/ico-pw.png') no-repeat; background-position: right 2rem center; border-radius:1rem; }

.form-control button.btn-Login { margin-top:1rem; width:35.5rem; height:5rem; font-size:2rem; font-weight:700; color:#fff; border-radius:1rem; background: linear-gradient( to right, #42b36a, #1aa3b7, #1586db); box-shadow:3px 3px 8px 3px rgba(0,0,0,.2); }

#container .containerWrap .right-area { margin-left:auto; width:70rem; }

#container .containerWrap .right-area .boardWrap { height:35rem; background:#fff; box-shadow:0 0 15px 5px rgba(0,0,0,.05); border-radius:1rem; overflow:hidden; }

#container .containerWrap .right-area .boardWrap .header { height:5rem; background:#63788F; display:flex; align-items:center; padding:0 2rem; }
#container .containerWrap .right-area .boardWrap .header h3 { font-size:2.2rem; font-weight:700; color:#fff; }
#container .containerWrap .right-area .boardWrap .header h3:before { content:""; width:1rem; height:2rem; display:inline-block; border-radius:0.2rem; background:#FFB070; box-shadow:0 0 15px 5px rgba(0,0,0,.05); margin-right:2rem; }

#container .containerWrap .right-area .boardWrap .header a { margin-left:auto; font-size:1.8rem; color:#fff; }
#container .containerWrap .right-area .boardWrap .header a:after { content:""; width:0.7rem; height:0.7rem; display:inline-block; position:relative; margin-left:0.5rem; top:-0.2rem; background:url('/images/ice/common/ico-plus.png') 100% 50% no-repeat; }

#container .containerWrap .right-area .boardWrap .list { padding:2rem; }
#container .containerWrap .right-area .boardWrap .list li { display:flex; align-items:center; line-height:3rem; padding-left:1.5rem; background:url('/images/ice/common/dot.png') 0 50% no-repeat; }
#container .containerWrap .right-area .boardWrap .list li a { font-size:1.6rem; color:#5D727E; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; padding-right:5rem;  }
#container .containerWrap .right-area .boardWrap .list li a:hover { color:#1586DB; text-decoration:underline; }
#container .containerWrap .right-area .boardWrap .list li span { margin-left:auto; font-size:1.6rem; color:#999999; }

#container .containerWrap .right-area .bannerWrap { height:21rem; background:#fff; box-shadow:0 0 15px 5px rgba(0,0,0,.05); border-radius:1rem; overflow:hidden; }
#container .containerWrap .right-area .bannerWrap .mainSwiper { position:relative; height:100%; }

#container .containerWrap .right-area .bannerWrap .mainSwiper .header { height:5rem; background:#63788F; display:flex; align-items:center; padding:0 2rem; }
#container .containerWrap .right-area .bannerWrap .mainSwiper .header h3 { font-size:2.2rem; font-weight:700; color:#fff; }
#container .containerWrap .right-area .bannerWrap .mainSwiper .header h3:before { content:""; width:1rem; height:2rem; display:inline-block; border-radius:0.2rem; background:#FFB070; box-shadow:0 0 15px 5px rgba(0,0,0,.05); margin-right:2rem; }
#container .containerWrap .right-area .bannerWrap .mainSwiper .header a { margin-left:auto; font-size:1.8rem; color:#fff; }
#container .containerWrap .right-area .bannerWrap .mainSwiper .header a:after { content:""; width:0.7rem; height:0.7rem; display:inline-block; position:relative; margin-left:0.5rem; top:-0.2rem; background:url('/images/ice/common/ico-plus.png') 100% 50% no-repeat; }

#container .containerWrap .right-area .bannerWrap .mainSwiper h3 { padding:0 0 0 0; font-size:2.2rem; font-weight:700; color:#333; }
#container .containerWrap .right-area .bannerWrap .mainSwiper h3:before { content:""; width:1rem; height:2rem; display:inline-block; border-radius:0.2rem; background:#FFB070; box-shadow:0 0 15px 5px rgba(0,0,0,.05); margin-right:2rem; }
#container .containerWrap .right-area .bannerWrap .mainSwiper .swiper-btnWrap .swiper-button-next::after,
#container .containerWrap .right-area .bannerWrap .mainSwiper .swiper-btnWrap .swiper-button-prev::after {
  display: none;
}

#container .containerWrap .right-area .bannerWrap .mainSwiper .swiper-btnWrap .swiper-button-prev {
  position:absolute;
  width:6rem;
  height:6rem;
  background:url('/images/ice/main/swiper-prev.png') no-repeat;
  background-position: center;
  top:20rem;
  left:4rem;
}

#container .containerWrap .right-area .bannerWrap .mainSwiper .swiper-btnWrap .swiper-button-next {
  position:absolute;
  width:6rem;
  height:6rem;
  background:url('/images/ice/main/swiper-next.png') no-repeat;
  background-position: center;
  top:20rem;
  right:4rem;
}

#container .containerWrap .right-area .bannerWrap .mainSwiper .thumb { height:43rem; position:relative; }
#container .containerWrap .right-area .bannerWrap .mainSwiper .thumb .mask { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.2); }
#container .containerWrap .right-area .bannerWrap .mainSwiper .thumb img { width:100%; height:100%; object-fit: cover; }
#container .containerWrap .right-area .bannerWrap .mainSwiper .txt { padding:0 2rem 2rem 2rem; }
#container .containerWrap .right-area .bannerWrap .mainSwiper .txt strong { font-size:4rem; font-weight:700; color:#63788F; }
#container .containerWrap .right-area .bannerWrap .mainSwiper .txt p { font-size:1.7rem; margin-left:2rem; }
#container .containerWrap .right-area .bannerWrap .mainSwiper .swiper-pagination { bottom:3rem;  }
#container .containerWrap .right-area .bannerWrap .mainSwiper .swiper-pagination-bullet {
  width: 1rem;
  height: 1rem;
  display: inline-block;
  border-radius: 100%;
  background: none;
  border:1px solid #000;
  opacity: 0.2;
  margin:0 1rem;
}
#container .containerWrap .right-area .bannerWrap .mainSwiper .swiper-pagination-bullets .swiper-pagination-bullet-active {
  background:#354F5E;
  opacity: 1;
}


/***** 서브 비쥬얼 *****/
#container .visualWrap.service { height:29rem; background:url('/images/ice/main/s_visual_1.png') 50% 50% no-repeat; background-size:cover; }
#container .visualWrap.service-result { height:29rem; background:url('/images/ice/main/s_visual_2.png') 50% 50% no-repeat; background-size:cover; }
#container .visualWrap.service-info { height:29rem; background:url('/images/ice/main/s_visual_3.png') 50% 50% no-repeat; background-size:cover; }

/***** 서비스 요청 *****/
#container .visualWrap .visual { max-width:160rem; margin:0 auto; height:100%; position:relative;  }
#container .visualWrap .visual h1 { position:absolute; right:0; bottom:3rem; font-size:5rem; font-weight:700; }

#container .containerWrap h2.p-title { font-size:2.6rem; font-weight:700; }
#container .containerWrap h2.p-title:before { content:""; width:1rem; height:2rem; display:inline-block; border-radius:0.2rem; background:#FFB070; box-shadow:0 0 15px 5px rgba(0,0,0,.05); margin-right:2rem; }

table.table-custom-form { flex:1; width:100%; border-top:1px solid #D8DDE0; table-layout:fixed; }
table.table-custom-form.nofixed {  table-layout:auto !important; }
table.table-custom-form th { width:14rem; font-size:1.8rem; font-weight:500; color:#293A4E; text-align:center; padding:1rem 1.5rem; background:#e7f3fc; border-bottom:1px solid #D8DDE0; }
table.table-custom-form td { padding:1rem 1.5rem; border-bottom:1px solid #D8DDE0; }
table.table-custom-form td p:not(:last-child) { margin:0 0 2px; }

table.table-custom-form2 { flex:1; width:100%; table-layout:fixed; background:#f2f2f2; }
table.table-custom-form2.nofixed {  table-layout:auto !important; }
table.table-custom-form2 th { width:14rem; height:5rem; font-size:1.6rem; font-weight:500; color:#293A4E; text-align:center; padding:0 1.5rem; border-bottom:1px solid #dedede; }
table.table-custom-form2 td { padding:0 1.5rem; height:5rem; border-bottom:1px solid #D8DDE0; }
table.table-custom-form2 td p:not(:last-child) { margin:0 0 2px; }

.result-reaction { margin:0 0 2rem; border:1px solid #ddd; background:#fff; border-radius:1rem; padding:2rem; box-shadow:5px 5px 10px 1px rgba(0,0,0,.05); }

/* 파일첨부 */
.file-upload { margin:1rem 0 0; border:2px dotted #ddd; text-align:center; padding:1rem; background:#f9f9f9; font-size:1.4rem; }
.file-upload .ico-file { display:inline-block; vertical-align:middle; width:2.1rem; height:2.1rem; background:url('/images/ice/common/ico-file-multi.png') 50% 50% no-repeat; }
.file-upload .btn-file { border:1px solid #ddd; padding:0.5rem 1rem; background:#fff; }

.btn-info-layer { margin-left:1rem; text-decoration:underline; }
.important:before { content:"*"; position:relative; bottom:-3px; margin-right:0.5rem; color:#293A4E; }

ul.file-list { display:flex; overflow-x:auto; white-space: nowrap; padding:0 0 1rem; }
ul.file-list::-webkit-scrollbar {
  width: 1rem;
  height:1rem;
}
ul.file-list::-webkit-scrollbar-track {
  background: #FEFEFE;
  border-radius: 1rem;
}
ul.file-list::-webkit-scrollbar-thumb {
  background: #D3D5DC;
  border-radius: 1rem;
}
ul.file-list::-webkit-scrollbar-thumb:hover {
  background: #BFC2CC;
}
ul.file-list li { position:relative; margin-right:1rem; }
ul.file-list li .thumbnail { cursor:pointer; width:22rem; height:18rem; overflow:hidden; }
ul.file-list li .thumbnail img { width:100%; height:100%; object-fit: cover; }
ul.file-list li button.btn-delete { margin:0 0 1rem; width:1.4rem; height:1.4rem; background:url('/images/ice/common/ico-close.png') 50% 50% no-repeat; }
ul.file-list li p.fileName { text-align:center; }


/***** 서비스 요청 결과 *****/
#container .containerWrap .searchWrap { padding:3rem; box-shadow:4px 10px 12px 4px rgba(0,0,0,.05); border-radius:1rem; }
#container .containerWrap .searchWrap .btn-sch-Detail { padding:1rem 1.5rem; background:url('/images/ice/common/ico-select.png') 0 50% no-repeat; }
#container .containerWrap .searchWrap .btn-sch-Detail.active { background:url('/images/ice/common/ico-select-on.png') 0 50% no-repeat; }
.h-auto { height:auto !important; }

.btn-datepicker { width:2.5rem; height:2.5rem; background:url('/images/ice/common/ico-datepicker.png') 50% 50% no-repeat; background-size:contain; }
.board-notice { background:#444; color:#fff; padding:0.2rem 0.5rem; }


table.table-custom-result { width:100%; table-layout:fixed; }
table.table-custom-result tr:nth-child(odd) { background:#f8fbfd; }
table.table-custom-result th { background:#63788F; height:5rem; font-size:1.8rem; padding:0.5rem; color:#fff; font-weight:500; }
table.table-custom-result th:first-child { border-radius:1rem 0 0 0; }
table.table-custom-result th:last-child { border-radius:0 1rem 0 0; }
table.table-custom-result td { text-align:center; height:5rem; padding:0.5rem; border-bottom:1px solid #D8DDE0; color:#5D727E; }
table.table-custom-result td.color-black { color:#333; }
table.table-custom-result td.color-red { color:#ff0000; }
table.table-custom-result .btn-file { width:2.4rem; height:2.4rem; background:url('/images/ice/common/ico-file.png') 50% 50% no-repeat; }

table.table-custom-result.Type-A th { font-size:1.6rem; height:4.2rem; background:#f9f9f9; color:#333; border-top:1px solid #333; border-bottom:1px solid #ddd; }
table.table-custom-result.Type-A td { font-size:1.6rem; height:4.2rem; }

@keyframes blink-effect {
  50% {
    opacity: 0;
  }
}

table.table-custom-result.Type-A .vote-go { background:#ff0000; color:#fff; padding:0.3rem 0.8rem; animation: blink-effect 1s step-end infinite; }
table.table-custom-result.Type-A .vote-end { background:#aaa; color:#fff; padding:0.3rem 0.8rem; }


/* 페이징 */
.pagingWrap { text-align:center }
.pagingWrap a.paging { font-size:1.6rem; margin:0 0.2rem; width:3.4rem; height:3.4rem; line-height:3.4rem; display:block; border:1px solid #D8DDE0; }
.pagingWrap a.paging.num:hover { background:#1586DB; color:#fff; }
.pagingWrap a.paging.num.active { background:#1586DB; color:#fff; }
.pagingWrap a.paging.prev2 { background:url('/images/ice/common/ico-paging-prev2.png') 50% 50% no-repeat; }
.pagingWrap a.paging.prev1 { background:url('/images/ice/common/ico-paging-prev1.png') 50% 50% no-repeat; }
.pagingWrap a.paging.next1 { background:url('/images/ice/common/ico-paging-next1.png') 50% 50% no-repeat; }
.pagingWrap a.paging.next2 { background:url('/images/ice/common/ico-paging-next2.png') 50% 50% no-repeat; }


/***** 서비스 안내 *****/
#container .containerWrap .depth3Wrap { text-align:center; margin:0 0 5rem; }
#container .containerWrap .depth3Wrap ul.depth3 { display:flex; align-items:center; justify-content:center; }
#container .containerWrap .depth3Wrap ul.depth3 li { width:20rem; height:4rem; border-bottom:3px solid #ddd; margin:0 1rem; }
#container .containerWrap .depth3Wrap ul.depth3 li.active { border-bottom:3px solid #333; }
#container .containerWrap .depth3Wrap ul.depth3 li a { font-size:2.6rem; font-weight:700; }
#container .containerWrap .contents { margin:0 auto; }
#container .containerWrap .main-tit { font-size:2rem; margin:0 0 1rem; }
#container .containerWrap .main-txt span { display:block; padding-left:1.5rem; background:url('/images/ice/common/dot.png') 0 1.1rem no-repeat; }











/***** 게시판 상세 페이지 *****/
#container .containerWrap .board-detail { }
#container .containerWrap .board-detail .info-head { display:flex; padding:0 0 1rem; }
#container .containerWrap .board-txt {  border-top:2px solid #333; border-bottom:1px solid #ddd; }
#container .containerWrap .board-txt .txt-area { padding:5rem 2rem; }
#container .containerWrap .b-file { padding:1rem 0; border-bottom:1px solid #ddd; }
#container .containerWrap .ico-download:after { content:""; display:inline-block; vertical-align:middle; width:2rem; height:2rem; padding-left:3rem; background:url('/images/ice/common/ico_download.png') 100% 50% no-repeat; }

/***** 만족도조사 *****/
.survey h3 { background:#e7f3fc; padding:1rem; font-size:1.7rem; }
.survey ul.answer { margin:1rem; }
.survey ul.answer li { padding:1rem 0; }
.survey ul.answer li label { margin-left:0.5rem; }


/***** 팝업 *****/

/* 팝업 */
.popupWrap { position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5); display:flex; align-items:center; justify-content:center; flex-direction: column; z-index:9999999; overflow: hidden; }

/* 기본 타입 */
.popupWrap .popup-container { position:relative; width:40rem; height:auto; padding:4rem 2rem; background:#fff; display:flex; flex-direction: column;  justify-content:center; max-height: calc(100% - 3rem);  border-radius:1rem; }
.popupWrap .popup-container .popup-header { position:relative; display:flex; border-bottom:1px solid #ddd; padding:0 0 1.5rem; }
.popupWrap .popup-container .popup-header h2 { font-size:2rem; font-weight:700 }
.popupWrap .popup-container .popup-header .popup-close { position:absolute; top:-6rem; right:-6rem; width:3.6rem; height:3.6rem; background:url('/images/ice/common/ico-popup-close.png') 50% 50% no-repeat; }
.popupWrap .popup-container .popup-contents { position:relative; }
.popupWrap .popup-container .popup-contents .txt { text-align:center; font-size:1.8rem; line-height:2.6rem;  }
.popupWrap .popup-container .popup-btn { margin:4rem 0 0; }

.popupWrap .popup-container .popup-btn.row { display:flex; align-items:center; justify-content:center; }
.popupWrap .popup-container .popup-btn.row > * { width:50% !important;  }

.popupWrap .popup-container .popup-btn .btn-ok { display:block; margin:0 auto; padding:0; width:25rem; height:5rem; line-height:5rem; text-align:center; background:#1586DB; border-radius:0.5rem; font-size:2rem; color:#fff; font-weight:700; box-shadow:3px 3px 8px 3px rgba(0,0,0,.2); }

.popupWrap .popup-container .popup-contents h3 { font-size:1.8rem; }
.popupWrap .popup-container .popup-contents p { font-size:1.7rem; }
.popupWrap .popup-container .popup-contents ul.type { list-style: disc !important; margin-left:2rem; }
.popupWrap .popup-container .popup-contents ul.type li { margin:0 0 2rem; }
.popupWrap .popup-container .popup-contents ul.type li p { margin:0.5rem 0 0; }


/* 타이틀 타입 */
.popupWrap .popup-container.header { width:76.8rem; height:40rem; padding:2rem; background:#fff; display:flex; flex-direction: column;  justify-content:flex-start; max-height: calc(100% - 3rem);  border-radius:1rem; }
.popupWrap .popup-container.header .popup-contents .txt { text-align:left; padding:2rem 0; font-size:1.8rem; line-height:2.6rem;  }

/* 스크롤 타입 */
.popupWrap .popup-container.header.scroll { width:80rem; height:auto !important; padding:2rem; background:#fff; display:flex; flex-direction: column;  justify-content:flex-start; max-height: calc(100% - 10rem);  border-radius:1rem; }
.popupWrap .popup-container.header.scroll .popup-contents { position:relative; margin:1rem 0 0; max-height: calc(100% - 0); overflow-x:hidden; overflow-y:auto; }
.popupWrap .popup-container.header.scroll .popup-contents::-webkit-scrollbar{width:5px;}
.popupWrap .popup-container.header.scroll .popup-contents::-webkit-scrollbar-track{background:#fff;}
.popupWrap .popup-container.header.scroll .popup-contents::-webkit-scrollbar-thumb{background:#E6E6E6;border-radius:100px}
.popupWrap .popup-container.header.scroll .popup-contents::-webkit-scrollbar-thumb:hover{background:#ccc; -webkit-text-size-adjust:none;}
.popupWrap .popup-container.header.scroll .popup-contents .txt { text-align:left;  padding:2rem 0; font-size:1.8rem; line-height:2.6rem;  }

/* 미디어 타입 */
.popupWrap .popup-container.media { width:102.4rem; height:76.8rem; padding:2rem; background:#fff; display:flex; align-items:center; justify-content:center; max-height: calc(100% - 3rem);  border-radius:1rem; }
.popupWrap .popup-container.media .popup-close { position:absolute; top:-4rem; right:-4rem; width:3.6rem; height:3.6rem; background:url('/images/ice/common/ico-popup-close.png') 50% 50% no-repeat; }
.popupWrap .popup-container.media .popup-contents { position:relative; width:100%; height:100%; overflow:hidden; }
.popupWrap .popup-container.media .popup-contents .swiper { height:100%; }
.popupWrap .popup-container.media .popup-contents .swiper .swiper-wrapper { height:100%; }
.popupWrap .popup-container.media .popup-contents .swiper .swiper-wrapper .swiper-slide { height:100%; }
.popupWrap .popup-container.media .popup-contents img,
.popupWrap .popup-container.media .popup-contents video { width:100%; height:100%; object-fit: cover; }


/* 반응형 타입 */
.popupWrap .popup-container .popup-contents .table-custom-form.media th { width:10rem; padding:1rem; }


/***** 지식서비스 *****/
ul.knowHow-tabs { border-bottom:1px solid #225099; border-left:1px solid #ccc; }
ul.knowHow-tabs li { cursor:pointer; line-height:4rem; height:4rem; padding:0 2rem; background:#f2f2f2; border-right:1px solid #ccc; border-top:1px solid #ccc; }
ul.knowHow-tabs li.active { background:#225099; color:#fff; }

.tab-knowHow { padding:4rem 0; display:none; }
.tab-knowHow.active {  display:block; }
.tab-knowHow .tit { font-size:2.2rem; font-weight:500; }
.tab-knowHow .tit span { color:#f58026; }

.tab-knowHow .hd { border-bottom:1px solid #c4c4c4; }

.tab-knowHow .btn-sort { padding:0 2rem; height:3rem; border:1px solid #c4c4c4;  }
.tab-knowHow .btn-sort:first-child { border-radius:0.5rem 0 0 0.5rem; border-right:0; }
.tab-knowHow .btn-sort:last-child { border-radius:0 0.5rem 0.5rem 0; }
.tab-knowHow .btn-sort.active { background:#225099; color:#fff; }

.textWrap { padding:4rem 0 2rem; border-bottom:1px solid #e4e4e4; }
.textWrap h3 { font-size:2rem; color:#225099; }
.textWrap h3 span { font-weight:300; font-size:1.6rem; color:#777; }
.textWrap h4 { font-weight:600; font-size:1.8rem; }
.textWrap .datatime { font-weight:300; font-size:1.7rem; color:#999; }
.textWrap .txt { font-size:1.7rem; font-weight:400; }
.textWrap .category { font-weight:300; font-size:1.7rem; color:#999; }
.textWrap a.more { font-size:1.7rem; color:#3397ec; }


/***** 2022-10-06 추가&수정 *****/
.col-50 { width:50% !important; }
#container .containerWrap .writeTime { margin:0 0 0.5rem; padding-left:2.5rem; background:url('/images/ice/common/ico-time.png') 0 50% no-repeat; background-size:1.8rem; }
table.table-custom-result.w-auto { width:100%; table-layout:auto; }
table.table-custom-result.w-auto tr:nth-child(odd) { background:#f8fbfd; }
table.table-custom-result.w-auto th { background:#63788F; height:5rem; font-size:1.8rem; padding:0.5rem 1rem; color:#fff; font-weight:500; }
table.table-custom-result.w-auto th:first-child { border-radius:1rem 0 0 0; }
table.table-custom-result.w-auto th:last-child { border-radius:0 1rem 0 0; }
table.table-custom-result.w-auto td { font-size:1.6rem; text-align:center; height:5rem; padding:0.5rem; border-bottom:1px solid #D8DDE0; color:#5D727E; }
table.table-custom-result.w-auto td.color-black { color:#333; }
table.table-custom-result.w-auto .btn-view { margin:0 auto; display:block; width:2rem; height:2rem; background:url('/images/ice/common/ico-view.png') 50% 50% no-repeat; background-size:contain; }
table.table-custom-result.w-auto .category { color:blue; }
table.table-custom-result.w-auto .datetime { color:#777; } 
table.table-custom-result.w-auto .no-radius { border-radius:0 !important; }
table.table-custom-result.w-auto.pad td { padding:0 2rem; }
table.table-custom-form .category { color:blue; } 
table.table-custom-form .datetime { color:#777; } 

/***** 상담지식 댓글 *****/
/* 별점 */
.blind {
  position: absolute;
  overflow: hidden;
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  border: none;
  clip: rect(0, 0, 0, 0);
}

.startRadio {
  margin-left:1rem;
  display: inline-block;
  overflow: hidden;
  height: 3rem;
}
.startRadio.sm {
  transform:scale(0.8);
  margin-left:0;
  position:relative;
  top:-2px;
}
.startRadio:after {
  content: "";
  display: block;
  position: relative;
  z-index: 10;
  height: 3rem;
  background: url("data:image/png;base64,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") repeat-x 0 0;
  background-size: contain;
  pointer-events: none;
}
.startRadio__box {
  position: relative;
  z-index: 1;
  float: left;
  width: 1.5rem;
  height: 3rem;
  cursor: pointer;
}
.startRadio__box input {
  opacity: 0 !important;
  height: 0 !important;
  width: 0 !important;
  position: absolute !important;
}
.startRadio__box input:checked + .startRadio__img {
  background-color: #0084ff;
}
.startRadio__img {
  display: block;
  position: absolute;
  right: 0;
  width: 25rem;
  height: 3rem;
  pointer-events: none;
}

.commentWrap h3 { font-size:2.2rem; }
.commentWrap .btn-ok { background:#1586DB; font-size:1.8rem; font-weight:500; color:#fff; height:100%; border-radius:0.5rem; }
.commentWrap .btn-ok2 { background:#999; font-size:1.8rem; font-weight:500; color:#fff; height:5.5rem; border-radius:0.5rem; }

.commentWrap .gradeWrap { padding:3rem 0; border-top:2px solid #333;  }
.commentWrap .gradeWrap .border-right-1 { border-right:1px solid #ccc; padding:0 5rem 0 3rem; }
.commentWrap .gradeWrap .total { font-size:2.2rem; }
.commentWrap .gradeWrap .total strong { color:#1586DB; }


.commentWrap .line { border:1px solid #1586DB; padding:2rem; height:16rem; }
.commentWrap .line .comment { flex:1; }

.commentWrap ul.comment-list li { border-bottom:1px solid #ddd; padding:2rem; }
.commentWrap ul.comment-list li .thumbnail { margin-right:12px; width:4rem; height:4rem; overflow:hidden }
.commentWrap ul.comment-list li .thumbnail img { width:100%; height:100%; object-fit: contain; }
.commentWrap ul.comment-list li .txt-info { flex:1; }
.commentWrap ul.comment-list li .txt-info strong.name { font-size:1.6rem; }
.commentWrap ul.comment-list li .txt-info span.datetime { font-size:1.4rem; color:#aaa }
.commentWrap ul.comment-list li .txt-info p.subject { font-size:1.6rem; margin:0.5rem 0 }
.commentWrap ul.comment-list li .txt-info p.cnt { font-size:1.4rem; font-weight:700; }
.commentWrap ul.comment-list li .line { border-top:1px solid #ddd; padding:2rem 0 0; margin:2rem 0 0; }
.commentWrap ul.comment-list li .btn-comment { color:#999; }
.commentWrap ul.comment-list li .deleteMsg { color:#999; }
.commentWrap ul.comment-list li .btn-co { border:1px solid #ddd; margin:1rem 0 0; font-size:1.3rem; padding:0.5rem; }

ul.commentRe { display:none; margin:2rem 0 0 3rem; padding-left:5rem;  background:url('/images/ice/common/ico-comment.png') 0 3rem no-repeat; background-size:3.5rem; border-top:1px solid #ddd; }
ul.commentRe.active { display:block; }
ul.commentRe li { border:0 !important; padding:0 !important; padding-top:2rem !important; }

.commentInput { display:none; border:1px solid #1586DB; padding:2rem; margin:1rem 0 0; }
.commentInput.active { display:flex; }
.commentInput .comment { flex:1; }
.commentInput .btn { height:8rem; }




@media all and (max-width: 767px) {
	
	.pc_block { display:none; }
	.mobile_block { display:block; }
	
	.mobile_block .headerWrap { justify-content:center !important; }
	.mobile_block .logoWrap img { width:15rem !important; }

	.mobile_block.visualWrap.service { height:20rem !important; }
	.mobile_block.visualWrap.service .visual h1 { position:absolute; right:2rem !important; bottom:2rem !important; font-size:3.5rem !important; font-weight:500 !important; }
	.mobile_block.containerWrap { margin:0 !important; padding:2rem !important; }

	.mobile_block .result-reaction { margin:0 !important; padding:0 !important; }
	
	.mobile_block .table-custom-form { margin:0 0 1rem; }
	.mobile_block .table-custom-form th { display:block !important; width:100% !important; border:1px solid #D8DDE0; border-top:0 !important; }
	.mobile_block .table-custom-form td { display:block !important; width:100% !important; border:1px solid #D8DDE0; border-top:0 !important; }


}

/* 0817 분류코드 셀렉트박스 길이 넓힌 버전 */
.select02 {
  width:34rem;
  border:1px solid rgba(0,0,0,0);
  height: 3.5rem;
  padding:0 1rem;
  border-radius:0.5rem;
  background: #F2F7FB url('/images/common/ico-select.png') no-repeat;
  background-position: right 1rem center;
  font-size: 1.7rem;
  line-height: 3.5rem;
  outline: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.select02.nobg { background-color:#fff; }
.select02.disabled { background-color:#DFE6EC }
.select02::-ms-expand { display: none; }


/* 서비스안내 */
#container .containerWrap.service-info .text-blue { font-weight:500; color:#1586DB; }
#container .containerWrap.service-info p.ico-dot { padding-left:1rem; font-size:1.6rem; color:#333; background:url('/images/ice/common/dot.png') 0 50% no-repeat; }
#container .containerWrap.service-info h3 { font-size:2.4rem; font-weight:700; color:#293A4E; margin:0 0 1.2rem; }
#container .containerWrap.service-info .wide-line { border-bottom:1px solid #ddd; padding:0 0 6rem;  }

#container .containerWrap.service-info .con-01 { max-width:160rem !important; margin:6rem auto 0; }
#container .containerWrap.service-info .con-01 .titWrap { width:52rem; }
#container .containerWrap.service-info .con-01 .titWrap h2 { font-size:3.6rem; display:inline-block; vertical-align:middle; padding:0; margin:0; }
#container .containerWrap.service-info .con-01 .titWrap h2:before { content:""; display:inline-block; vertical-align:middle; margin-right:4rem; position:relative; top:-3px; height:3rem; border-right:2px solid #293A4E; }

#container .containerWrap.service-info .con-01 .txtWrap { flex:1; }
#container .containerWrap.service-info .con-01 .txtWrap li { display:flex; align-items:center; margin:0 0 1rem; }
#container .containerWrap.service-info .con-01 .txtWrap li span.num { width:4rem; height:4rem; line-height:4rem; text-align:center; border-radius:50%; background:#293A4E; font-size:1.6rem; color:#74B043; font-weight:600;  }
#container .containerWrap.service-info .con-01 .txtWrap li div { margin-left:2rem; font-size:1.8rem; color:#333; width:102rem; height:6rem; padding:0 3rem; display:flex; align-items:center; border-radius:3rem; border:1px solid #63788F; box-shadow:0 0 15px 5px rgba(0,0,0,.05); }

#container .containerWrap.service-info .con-Banner { background:#293A4E; padding:6rem 0; margin:6rem 0 0; }
#container .containerWrap.service-info .con-Banner ul { display:flex; align-items:center; justify-content:center; }
#container .containerWrap.service-info .con-Banner li { padding:3.5rem 4rem; width:78rem; height:16rem; border-radius:1rem; }

#container .containerWrap.service-info .con-Banner li:nth-child(1) { background:#fff url('/images/ice/main/img-service-info-1.png') 100% 50% no-repeat; }
#container .containerWrap.service-info .con-Banner li:nth-child(2) { background:#fff url('/images/ice/main/img-service-info-2.png') 100% 50% no-repeat; }

#container .containerWrap.service-info .wide-bg { background:#F5F5F5; }
#container .containerWrap.service-info .wide-bg .con-01 { margin:0 auto; padding:6rem 0; }
#container .containerWrap.service-info .wide-bg .con-01 table { width:100%; table-layout:fixed; box-shadow:0 0 15px 5px rgba(0,0,0,.05); overflow:hidden; }
#container .containerWrap.service-info .wide-bg .con-01 table th { height:6rem; background:#63788F; font-size:1.8rem; color:#fff; text-align:center; overflow:hidden;}
#container .containerWrap.service-info .wide-bg .con-01 table th:first-child { border-radius:1rem 0 0 0; }
#container .containerWrap.service-info .wide-bg .con-01 table th:last-child { border-radius:0 1rem 0 0; }
#container .containerWrap.service-info .wide-bg .con-01 table td { height:6rem; background:#fff; font-size:1.8rem; color:#333; text-align:center; overflow:hidden; }
#container .containerWrap.service-info .wide-bg .con-01 table td:first-child { border-radius:0 0 0 1rem; }
#container .containerWrap.service-info .wide-bg .con-01 table td:last-child { border-radius:0 0 1rem 0; }