.smainwrap {padding:95px 0 0; width:100%;}
.smainwrap .pdinner {width:100%; max-width:1640px; padding:0 3%; margin:0 auto;}

@media all and (min-width:768px) {
  .smainwrap {padding:105px 0 0;}
}

@media all and (min-width:1200px) {
  .smainwrap .pdinner {padding:0 20px;}
}

@media all and (min-width:1399px) {
  .smainwrap {padding:185px 0 0;}
}


.smainwrap .vis {background:#fff; background:linear-gradient(180deg, #fff 0%, rgba(0, 123, 196, 0.07) 100%); padding-bottom:40px;}
.smainwrap .vis .vis01 {display:flex; flex-wrap:wrap; gap:20px 0; align-items:stretch; justify-content:space-between;}
.smainwrap .vis .vis01 .lcon {width:100%;}
.smainwrap .vis .vis01 .rcon {width:100%; display:flex; flex-wrap:wrap;}
.smainwrap .vis .vis01 .rcon > * {width:100%;}
.smainwrap .vis .vis02 {display:flex; flex-wrap:wrap; gap:20px 0; align-items:stretch; justify-content:space-between; margin-top:40px;}
.smainwrap .vis .vis02 .lcon {width:100%;}
.smainwrap .vis .vis02 .rcon {width:100%;}

@media all and (min-width:1200px) {
  .smainwrap .vis {padding-bottom:75px;}
  .smainwrap .vis .vis01 {flex-wrap:nowrap;}
  .smainwrap .vis .vis01 .lcon {width:65.62%;}
  .smainwrap .vis .vis01 .rcon {width:31.25%;}
  .smainwrap .vis .vis02 {flex-wrap:nowrap; margin-top:60px;}
  .smainwrap .vis .vis02 .lcon {width:65.62%;}
  .smainwrap .vis .vis02 .rcon {width:31.25%;}
}


:root {
  --radius:15px;
}
@media all and (min-width:1600px) {
  :root {
    --radius:25px;
  }
}


/* - - - - - visual - - - - - */
.smainwrap .vis01 .pop01 {position:relative;}
.smainwrap .vis01 .pop01 .slick-slide img {width:100%; border-radius:var(--radius);}
.smainwrap .vis01 .pop01 button {background:0; border:0;}
.smainwrap .vis01 .pop01 .arr button {background:#ffffffe6; border-radius:100%; display:flex; width:40px; height:40px; align-items:center; justify-content:center; position:absolute; top:calc(50% - 20px); z-index:10; -webkit-box-shadow:0px 10px 20px 0px rgba(0,0,0,0.1); -moz-box-shadow:0px 10px 20px 0px rgba(0,0,0,0.1); box-shadow:0px 10px 20px 0px rgba(0,0,0,0.1);}
.smainwrap .vis01 .pop01 .arr button.prev {left:-10px;}
.smainwrap .vis01 .pop01 .arr button.next {right:-10px;}
.smainwrap .vis01 .pop01 .arr button img {width:max(15%, 10px);}
.smainwrap .vis01 .pop01 .control {position:absolute; right:20px; bottom:20px; display:flex; align-items:center; background:#ffffffe6; border-radius:100px; overflow:hidden;}
.smainwrap .vis01 .pop01 .control li:not(.slick-active) .num {display:none;}
.smainwrap .vis01 .pop01 .control .num {padding:0 10px 0 15px;}
.smainwrap .vis01 .pop01 .control .num span:first-child {font-weight:600;}
.smainwrap .vis01 .pop01 .control .num span:first-child:after {content:''; display:inline-block; width:4px; height:4px; border-radius:100%; background:#E2E2E2; margin:0 5px; vertical-align:middle;}
.smainwrap .vis01 .pop01 .control button.play {display:none;}
.smainwrap .vis01 .pop01 .control button {background:#006CAF; background:linear-gradient(180deg, #006CAF 0%, #008565 100%); display:flex; align-items:center; justify-content:center; width:40px; height:30px; border-radius:100px 0 0 100px;}
.smainwrap .vis01 .pop01 .control button img {width:20px;}

@media all and (min-width:768px) {
  .smainwrap .vis01 .pop01 .arr button {background:#fff;}
  .smainwrap .vis01 .pop01 .arr button.prev {left:-20px;}
  .smainwrap .vis01 .pop01 .arr button.next {right:-20px;}
  .smainwrap .vis01 .pop01 .control {background:#fff;}
  .smainwrap .vis01 .pop01 .control .num {padding:0 15px 0 20px;}
  .smainwrap .vis01 .pop01 .control button {width:50px; height:40px;}
}

@media all and (min-width:1200px) {
  .smainwrap .vis01 .pop01 .control {right:40px; bottom:40px;}
}

@media all and (min-width:1600px) {
  .smainwrap .vis01 .pop01 .arr button {width:65px; height:65px; top:calc(50% - 32.5px);}
  .smainwrap .vis01 .pop01 .arr button.prev {left:-32.5px;}
  .smainwrap .vis01 .pop01 .arr button.next {right:-32.5px;}
}


/* - - - - - 주요메뉴 - - - - - */
.smainwrap .vis01 .quick {margin:0 0 20px;}
.smainwrap .vis01 .quick p.t01 {font-size:1.25em; font-weight:600; width:100%; margin:0 0 20px;}
.smainwrap .vis01 .quick .btns {display:flex; flex-wrap:wrap; align-items:flex-start; gap:0 10px;}
.smainwrap .vis01 .quick .btns a {flex:1; height:fit-content; text-align:center;}
.smainwrap .vis01 .quick .btns a .ic {background:#fff; border-radius:var(--radius); display:flex; align-items:center; justify-content:center; -webkit-box-shadow:0 0 20px 0px rgba(0,0,0,0.06); -moz-box-shadow:0 0 20px 0px rgba(0,0,0,0.06); box-shadow:0 0 20px 0px rgba(0,0,0,0.06); padding:10px;}
.smainwrap .vis01 .quick .btns a .ic img {width:min(80%, 80px);}
.smainwrap .vis01 .quick .btns a p {margin:10px 0 0; font-weight:600; word-break:keep-all;}

@media all and (min-width:1200px) {
  .smainwrap .vis01 .quick {height:60%; margin:unset;}
}

@media all and (min-width:1400px) {
  .smainwrap .vis01 .quick .btns {gap:0 20px;}
  .smainwrap .vis01 .quick a .ic {height:110px;}
}

@media all and (min-width:1600px) {
  .smainwrap .vis01 .quick {height:calc(100% - 190px);}
  .smainwrap .vis01 .quick p.t01 {font-size:26px;}
  .smainwrap .vis01 .quick a p {margin:15px 0 0; font-size:18px;}
}


/* - - - - - 고객센터 - - - - - */
.smainwrap .vis01 .cs {border-radius:var(--radius); color:#fff; background:#006CAF; background:linear-gradient(90deg, #006CAF 0%, #008565 100%); overflow:hidden; position:relative; padding:20px;}
.smainwrap .vis01 .cs .deco {width:32%; position:absolute; right:-15px; top:30px;}
.smainwrap .vis01 .cs p.t01 {margin:0 0 5px; font-size:1.25em; font-weight:600;}
.smainwrap .vis01 .cs p.t02 {font-size:1.5em; font-weight:700; color:#fff;}
.smainwrap .vis01 .cs p.t03 {margin:10px 0 0;}

@media all and (min-width:1200px) {
  .smainwrap .vis01 .cs {height:40%; display:flex; flex-wrap:wrap; align-items:center; padding:0 20px;}
  .smainwrap .vis01 .cs > * {width:100%;}
  .smainwrap .vis01 .cs p.t02 {font-size:1.25em;}
}

@media all and (min-width:1400px) {
  .smainwrap .vis01 .cs {padding:0 40px;}
  .smainwrap .vis01 .cs p.t02 {font-size:1.5em;}
}

@media all and (min-width:1600px) {
  .smainwrap .vis01 .cs {height:190px;}
  .smainwrap .vis01 .cs p.t01 {font-size:26px;}
  .smainwrap .vis01 .cs p.t02 {font-size:32px;}
  .smainwrap .vis01 .cs p.t03 {font-size:18px;}
}


/* - - - - - 소식 - - - - - */
.smainwrap .vis02 .news {display:flex; flex-wrap:wrap; position:relative; gap:20px 0;}
.smainwrap .vis02 .news .tit {line-height:30px; width:100%; font-size:1.5em; font-weight:700;}
.smainwrap .vis02 .news .control {position:absolute; right:0; top:0; display:flex; align-items:center; gap:5px;}
.smainwrap .vis02 .news .control button,
.smainwrap .vis02 .news .control a.more {display:flex; align-items:center; justify-content:center; width:30px; height:30px; border-radius:100px; border:1px solid #dedede; background:#fff;}
.smainwrap .vis02 .news .control button.play {display:none;}
.smainwrap .vis02 .news .control img {width:14px;}
.smainwrap .vis02 .news .control .arr img {width:7px;}
.smainwrap .vis02 .news .tabcontent {width:100%; order:2;}
.smainwrap .vis02 .news .slick-list {margin:0 -10px;}
.smainwrap .vis02 .news .slick-slide {margin:0 10px; border-radius:var(--radius); background:#fff; padding:20px; display:flex; flex-wrap:wrap; -webkit-box-shadow:0 0 20px 0px rgba(0,0,0,0.06); -moz-box-shadow:0 0 20px 0px rgba(0,0,0,0.06); box-shadow:0 0 20px 0px rgba(0,0,0,0.06);}
.smainwrap .vis02 .news .slick-slide > * {width:100%;}
.smainwrap .vis02 .news .slick-slide p.cat {color:#097EAD; width:fit-content; height:30px; padding:5px 15px; border-radius:100px; border:1px solid #097EAD; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:0;}
.smainwrap .vis02 .news .slick-slide p.t01 {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; overflow-wrap:break-word; font-weight:1.1em; font-weight:700; margin:0;}
.smainwrap .vis02 .news .slick-slide p.t02 {text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow-wrap:break-word; height:fit-content; color:#555; line-height:1.4; margin:10px 0 auto;}
.smainwrap .vis02 .news .slick-slide p.date {font-size:0.9em; color:#555; margin:20px 0 0;}

@media all and (min-width:768px) {
  .smainwrap .vis02 .news .tit {width:fit-content; margin:0 50px 0 0;}
  .smainwrap .vis02 .news .slick-list {margin:0 -15px;}
  .smainwrap .vis02 .news .slick-slide {margin:0 15px;}
}

@media all and (min-width:1200px) {
  .smainwrap .vis02 .news {height:100%; gap:40px 0;}
  .smainwrap .vis02 .news .tit {font-size:32px;}
  .smainwrap .vis02 .news .slick-slide {height:calc((100vw - 40px) * 0.2211 - 70px);}
  .smainwrap .vis02 .news .slick-slide p.t01 {font-size:18px;}
}

@media all and (min-width:1500px) {
  .smainwrap .vis02 .news .slick-slide {max-height:284px; padding:30px;}
  .smainwrap .vis02 .news .slick-slide p.t01 {font-size:20px;}
  .smainwrap .vis02 .news .slick-slide p.t02 {font-size:1.1em; margin-top:20px;}
  .smainwrap .vis02 .news .slick-slide p.date {margin:40px 0 0;}
}


/* - - - - - 팝업존 - - - - - */
.smainwrap .vis02 .pop02 {position:relative;}
.smainwrap .vis02 .pop02 .slick-slide img {width:100%; border-radius:var(--radius);}
.smainwrap .vis02 .pop02 .control {position:absolute; left:calc(50% - 85px); bottom:-20px; display:flex; align-items:center; justify-content:center; background:#fff; border-radius:100px; overflow:hidden; width:170px; height:40px; -webkit-box-shadow:0 0 20px 0px rgba(0,0,0,0.06); -moz-box-shadow:0 0 20px 0px rgba(0,0,0,0.06); box-shadow:0 0 20px 0px rgba(0,0,0,0.06);}
.smainwrap .vis02 .pop02 .control li:not(.slick-active) .num {display:none;}
.smainwrap .vis02 .pop02 .control .num {padding:0 20px 0 10px;}
.smainwrap .vis02 .pop02 .control .num span:first-child {font-weight:600;}
.smainwrap .vis02 .pop02 .control .num span:first-child:after {content:''; display:inline-block; width:4px; height:4px; border-radius:100%; background:#E2E2E2; margin:0 5px; vertical-align:middle;}
.smainwrap .vis02 .pop02 .control button.play {display:none;}
.smainwrap .vis02 .pop02 .control button {background:0; border:0;}
.smainwrap .vis02 .pop02 .control button img {width:16px;}
.smainwrap .vis02 .pop02 .control button.arr img {width:8px;}