#layerPopup3 {border:1px solid #ddd; position:absolute; left:0px; top:180px; background:#fff; z-index:11; max-width:350px; width:100%;}
#layerPopup3 button {cursor:pointer; border:0; width:100%; background:#000; color:#fff; font-size:12px; padding:5px;}
#layerPopup3>img {width:100%;}
    

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

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

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

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


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

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


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


/* - - - - - visual - - - - - */
.mainwrap .vis01 .pop01 {position:relative;}
.mainwrap .vis01 .pop01 .slick-slide img {width:100%; border-radius:var(--radius);}
.mainwrap .vis01 .pop01 button {background:0; border:0;}
.mainwrap .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);}
.mainwrap .vis01 .pop01 .arr button.prev {left:-10px;}
.mainwrap .vis01 .pop01 .arr button.next {right:-10px;}
.mainwrap .vis01 .pop01 .arr button img {width:max(15%, 10px);}
.mainwrap .vis01 .pop01 .control {position:absolute; right:20px; bottom:20px; display:flex; align-items:center; background:#ffffffe6; border-radius:100px; overflow:hidden;}
.mainwrap .vis01 .pop01 .control li:not(.slick-active) .num {display:none;}
.mainwrap .vis01 .pop01 .control .num {padding:0 10px 0 15px;}
.mainwrap .vis01 .pop01 .control .num span:first-child {font-weight:600;}
.mainwrap .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;}
.mainwrap .vis01 .pop01 .control button.play {display:none;}
.mainwrap .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;}
.mainwrap .vis01 .pop01 .control button img {width:20px;}

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

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

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


/* - - - - - 통합 예약 시스템 - - - - - */
.mainwrap .vis01 .resv {border-radius:var(--radius); color:#fff; background:#006CAF; background:linear-gradient(90deg, #006CAF 0%, #008565 100%); overflow:hidden; position:relative; padding:20px;}
.mainwrap .vis01 .resv .deco {width:32%; position:absolute; right:-15px; top:30px;}
.mainwrap .vis01 .resv p.t01 {margin:0 0 5px; font-size:1.25em; font-weight:600;}
.mainwrap .vis01 .resv p.t02 {font-size:1.75em; font-weight:700;} 
.mainwrap .vis01 .resv p.t03 {margin:10px 0 20px;}
.mainwrap .vis01 .resv ul {display:flex; align-items:stretch; gap:0 10px;}
.mainwrap .vis01 .resv ul li {border:1px solid #ffffff66; border-radius:8px; flex:1; height:40px; overflow:hidden;}
.mainwrap .vis01 .resv ul li a {color:#fff; display:flex; align-items:center; justify-content:center; text-align:center; height:100%; transition:0.2s; font-weight:600;}
.mainwrap .vis01 .resv ul li a:hover {background:#fff; color:#444;}

@media all and (min-width:1200px) {
  .mainwrap .vis01 .resv {height:calc(100% - 100px); display:flex; flex-wrap:wrap; align-items:center;}
  .mainwrap .vis01 .resv > * {width:100%;}
  .mainwrap .vis01 .resv ul {gap:0 20px;}
  .mainwrap .vis01 .resv ul li {height:50px;}
}

@media all and (min-width:1400px) {
  .mainwrap .vis01 .resv {padding:40px;}
}

@media all and (min-width:1600px) {
  .mainwrap .vis01 .resv {height:calc(100% - 110px);}
  .mainwrap .vis01 .resv p.t01 {font-size:26px;}
  .mainwrap .vis01 .resv p.t02 {font-size:34px;}
  .mainwrap .vis01 .resv p.t03 {font-size:18px; margin:20px 0 30px;}
  .mainwrap .vis01 .resv ul li a {font-size:18px;}
}


/* - - - - - 신청버튼 - - - - - */
.mainwrap .vis01 .apply {background:#fff; border-radius:var(--radius); display:flex; align-items:center; height:60px; -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); margin:20px 0 0;}
.mainwrap .vis01 .apply a {flex:1; display:flex; align-items:center; justify-content:center; gap:0 10px; text-align:center; padding:5px 0; font-weight:600;}
.mainwrap .vis01 .apply a:first-child {border-right:1px solid #DEDEDE;}
.mainwrap .vis01 .apply a img {width:20px; flex-shrink:0;}

@media all and (min-width:1200px) {
  .mainwrap .vis01 .apply {margin:30px 0 0;}
  .mainwrap .vis01 .apply a img {width:30px;}
}

@media all and (min-width:1600px) {
  .mainwrap .vis01 .apply {height:80px;}
  .mainwrap .vis01 .apply a {font-size:18px;}
}


/* - - - - - 소식 - - - - - */
.mainwrap .vis02 .news {display:flex; flex-wrap:wrap; position:relative; gap:20px 0;}
.mainwrap .vis02 .news .tit {line-height:30px; width:100%; font-size:1.5em; font-weight:700;}
.mainwrap .vis02 .news .control {position:absolute; right:0; top:0; display:flex; align-items:center; gap:5px;}
.mainwrap .vis02 .news .control button,
.mainwrap .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;}
.mainwrap .vis02 .news .control button.play {display:none;}
.mainwrap .vis02 .news .control img {width:14px;}
.mainwrap .vis02 .news .control .arr img {width:7px;}
.mainwrap .vis02 .news .tab {order:1; display:flex; align-items:center;}
.mainwrap .vis02 .news .tab:before {content:''; display:inline-block; width:4px; height:4px; border-radius:100%; background:#E2E2E2; margin:0 10px; vertical-align:super;}
.mainwrap .vis02 .news .tab.first:before {display:none;}
.mainwrap .vis02 .news .tab button {border:0; background:0; padding:0; font-weight:500; font-size:1.1em; color:#555;}
.mainwrap .vis02 .news .tab button.on {font-weight:700; color:#222;}
.mainwrap .vis02 .news .tabcontent {width:100%; order:2;}
.mainwrap .vis02 .news .slick-list {margin:0 -10px;}
.mainwrap .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);}
.mainwrap .vis02 .news .slick-slide > * {width:100%;}
.mainwrap .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;}
.mainwrap .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:10px 0;}
.mainwrap .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:0 0 auto;}
.mainwrap .vis02 .news .slick-slide p.date {font-size:0.9em; color:#555; margin:20px 0 0;}

@media all and (min-width:768px) {
  .mainwrap .vis02 .news {gap:40px 0;}
  .mainwrap .vis02 .news .tit {width:fit-content; margin:0 50px 0 0;}
  .mainwrap .vis02 .news .tab button {font-size:18px;}
  .mainwrap .vis02 .news .slick-list {margin:0 -15px;}
  .mainwrap .vis02 .news .slick-slide {margin:0 15px;}
}

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

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


/* - - - - - 팝업존 - - - - - */
.mainwrap .vis02 .pop02 {position:relative;}
.mainwrap .vis02 .pop02 .slick-slide img {width:100%; border-radius:var(--radius);}
.mainwrap .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);}
.mainwrap .vis02 .pop02 .control li:not(.slick-active) .num {display:none;}
.mainwrap .vis02 .pop02 .control .num {padding:0 20px 0 10px;}
.mainwrap .vis02 .pop02 .control .num span:first-child {font-weight:600;}
.mainwrap .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;}
.mainwrap .vis02 .pop02 .control button.play {display:none;}
.mainwrap .vis02 .pop02 .control button {background:0; border:0;}
.mainwrap .vis02 .pop02 .control button img {width:16px;}
.mainwrap .vis02 .pop02 .control button.arr img {width:8px;}


/* - - - - - 바로가기 - - - - - */
.mainwrap .quick {padding:40px 0;}
.mainwrap .quick ul {display:flex; flex-wrap:wrap; gap:20px 2%;}
.mainwrap .quick ul li {text-align:center; width:23.5%;}
.mainwrap .quick ul li a {display:block;}
.mainwrap .quick ul li img {width:min(80%, 80px); transition:0.2s;}
.mainwrap .quick ul li a:hover img {transform:scale(1.1);}
.mainwrap .quick ul li p {font-weight:600; margin:10px 0 0;}

@media all and (min-width:768px) {
  .mainwrap .quick ul li {width:18.4%;}
  .mainwrap .quick ul li p {margin:20px 0 0;}
}

@media all and (min-width:1200px) {
  .mainwrap .quick {padding:60px 0;}
  .mainwrap .quick ul li {width:8.2%;}
  .mainwrap .quick ul li p {font-size:1.1em;}
}

@media all and (min-width:1400px) {
  .mainwrap .quick {padding:60px 0 100px;}
}


/* - - - - - 소통해요 & 공단사보 - - - - - */
@media all and (min-width:768px) {
  .mainwrap .comm {padding:0 0 40px;}
  .mainwrap .comm .pdinner {display:flex; gap:0 50px;}
  .mainwrap .comm .social {width:calc(75% - 50px);}
  .mainwrap .comm .sabo {width:25%; flex-shrink:0;}
}

@media all and (min-width:1200px) {
  .mainwrap .comm .social {width:calc(100% - 345px);}
  .mainwrap .comm .sabo {width:295px;}
}


/* - - - - - 소통해요 - - - - - */
.mainwrap .comm .social {margin:0 0 40px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:20px 0;}
.mainwrap .comm .social .tit {font-size:1.5em; font-weight:700; text-align:center; width:100%; display:flex; align-items:center;}
.mainwrap .comm .social .tit em {color:#2768D6;}
.mainwrap .comm .social .links {display:flex; align-items:center; justify-content:center; gap:0 10px; width:100%;}
.mainwrap .comm .social .links a {width:30px; height:30px; border-radius:100%; overflow:hidden; display:inline-block; flex-shrink:0;}
.mainwrap .comm .social .links a img {width:100%;}
.mainwrap .comm .social .tab {display:flex; align-items:center; order:1;}
.mainwrap .comm .social .tab:before {content:''; display:inline-block; width:4px; height:4px; border-radius:100%; background:#E2E2E2; margin:0 10px; vertical-align:super;}
.mainwrap .comm .social .tab.first:before {display:none;}
.mainwrap .comm .social .tab button {border:0; background:0; padding:0; font-weight:500; font-size:1.1em; color:#555;}
.mainwrap .comm .social .tab button.on {font-weight:700; color:#222;}
.mainwrap .comm .social .tabcontent01 {width:100%; order:2;}
.mainwrap .comm .social .slick-list {margin:0 -10px;}
.mainwrap .comm .social .slick-slide {margin:0 10px; border-radius:var(--radius); background:#fff; display:block; overflow:hidden; -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);}
.mainwrap .comm .social .slick-slide .img {width:100%; height:120px;}
.mainwrap .comm .social .slick-slide .img img {width:100%; height:100%; object-fit:cover; object-position:top center;}
.mainwrap .comm .social .slick-slide .txt {position:relative; padding:20px;}
.mainwrap .comm .social .slick-slide .txt p {text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow-wrap:break-word; font-weight:700; font-size:1.1em; margin:0 0 20px;}
.mainwrap .comm .social .slick-slide .txt span {font-size:0.9em; color:#555; margin:20px 0 0;}
.mainwrap .comm .social .slick-slide .txt .ic {width:30px; height:30px; border-radius:100px; position:absolute; right:20px; bottom:20px;}

@media all and (min-width:768px) {
  .mainwrap .comm .social {margin:0;}
  .mainwrap .comm .social .tit {text-align:left;}
  .mainwrap .comm .social .links {width:fit-content; margin:0 auto 0 0;}
  .mainwrap .comm .social .tab li button {font-size:18px;}
  .mainwrap .comm .social .slick-list {margin:0 -15px;}
  .mainwrap .comm .social .slick-slide {margin:0 15px; height:250px;}
  .mainwrap .comm .social .slick-slide .img {height:140px;}
}

@media all and (min-width:1200px) {
  .mainwrap .comm .social .tit {font-size:32px;}
  .mainwrap .comm .social .tab button {font-size:20px;}
}

@media all and (min-width:1400px) {
  .mainwrap .comm .social .tit {width:fit-content; height:80px;}
  .mainwrap .comm .social .links {margin:0 auto 0 30px;}
  .mainwrap .comm .social .links a {width:44px; height:44px;}
  .mainwrap .comm .social .slick-slide {height:320px;}
  .mainwrap .comm .social .slick-slide .img {height:180px;}
  .mainwrap .comm .social .slick-slide .txt p {font-size:20px; margin:0 0 30px;}
  .mainwrap .comm .social .slick-slide .txt .ic {width:40px; height:40px;}
}


/* - - - - - 공단사보 - - - - - */
.mainwrap .comm .sabo {background:#006CAF; background:linear-gradient(180deg, #006CAF 0%, #008565 100%); border-radius:var(--radius); padding:20px 40px 0; display:flex; align-items:stretch; justify-content:space-around; height:130px;}
.mainwrap .comm .sabo .tit {color:#fff; padding:20px 0;}
.mainwrap .comm .sabo .tit .t01 {font-weight:700; font-size:1.5em; margin:0 0 10px;}
.mainwrap .comm .sabo a {overflow:hidden; width:130px;}
.mainwrap .comm .sabo a img {width:100%; border-radius:10px 10px 0 0;}

@media all and (min-width:768px) {
  .mainwrap .comm .sabo {flex-wrap:wrap; height:auto; padding:20px; height:350px;}
  .mainwrap .comm .sabo .tit {text-align:center; padding:0 0 20px;}
  .mainwrap .comm .sabo a {width:auto; height:calc(100% - 80px); display:flex; align-items:center;}
  .mainwrap .comm .sabo a img {border-radius:15px; max-height:100%; object-position:center center;}
}

@media all and (min-width:1200px) {
  .mainwrap .comm .sabo .tit {display:flex; align-items:center;}
  .mainwrap .comm .sabo .tit .t01 {display:flex; align-items:center; font-size:25px; margin:0;}
  .mainwrap .comm .sabo .tit .t02 {font-size:20px;}
  .mainwrap .comm .sabo .tit .t01:after {content:''; display:inline-block; width:1px; height:18px; background:#ffffff99; margin:0 10px;}
}

@media all and (min-width:1400px) {
  .mainwrap .comm .sabo {height:420px;}
  .mainwrap .comm .sabo a {height:calc(100% - 60px);}
}
@media all and (min-width:1600px) {
  .mainwrap .comm .sabo {padding:30px;}
}


/* - - - - - 시설 바로가기 - - - - - */
.mainwrap .center {padding:20px 0; margin:40px auto; position:relative;}
.mainwrap .center > .pdinner {display:flex; flex-wrap:wrap; gap:40px 2%; position:relative;}
.mainwrap .center .tab {width:32%; order:1;}
.mainwrap .center .tab button {background:0; border:0; display:flex; align-items:center; justify-content:center; padding:20px 10px; font-weight:600; font-size:1.1em; color:#333; width:100%; border:1px solid #dedede; border-radius:10px;}
.mainwrap .center .tab button.on {background:#006CAF; background:linear-gradient(270deg, #006CAF 0%, #008565 100%); color:#fff;}
.mainwrap .center .tabcontent02 {width:100%; order:2;}
.mainwrap .center .centerli {display:flex; flex-wrap:wrap; gap:10px 2%;}
.mainwrap .center .centerli li {width:49%; background:#F6F6F6; border-radius:10px;}
.mainwrap .center .centerli li:hover {text-decoration:underline;}
.mainwrap .center .centerli li a {display:flex; align-items:center; height:100%; padding:20px 10px; font-weight:500;}
.mainwrap .center .centerli li a[target="_blank"] {background:url('../img/main/ic_openinnew.svg') no-repeat calc(100% - 24px) center / 0.8em; padding-right:48px;}

@media all and (min-width:768px) {
  .mainwrap .center:before {content:''; display:inline-block; width:min(30%, 325px); height:100%; border-radius:0 32px 32px 0; position:absolute; left:0; top:0; z-index:-1; background:#F0F7FA;}
  .mainwrap .center > .pdinner {gap:0;}
  .mainwrap .center .tab {width:33%; height:70px; position:absolute; left:3%;}
  .mainwrap .center .tab.first {top:0;}
  .mainwrap .center .tab.second {top:70px;}
  .mainwrap .center .tab.third {top:140px;}
  .mainwrap .center .tab button {text-align:left; justify-content:space-between; padding:20px; position:relative; border:0; position:relative; height:100%;}
  .mainwrap .center .tab:not(.first) button:before {content:''; display:inline-block; width:calc(80% - 10px); height:1px; background:#dedede; position:absolute; left:10px; top:0; z-index:-1;}
  .mainwrap .center .tab button.on:after {content:''; display:inline-block; width:30px; height:30px; border-radius:100px; border:1px solid #ffffffaa; background:url('../img/main/arr_next_w.png') no-repeat center center / 6px;}
  .mainwrap .center .tabcontent02 {padding:0 0 0 calc(60px + 33%);}
  .mainwrap .center .centerli {width:100%; padding:0;}
  .mainwrap .center .centerli li a {padding:20px;}
}

@media all and (min-width:1200px) {
  .mainwrap .center .tab {width:345px; left:20px;}
  .mainwrap .center .tab button {font-size:18px;}
  .mainwrap .center .tabcontent02 {padding:0 0 0 400px;}
  .mainwrap .center .centerli li {width:32%;}
  .mainwrap .center .centerli li a {font-size:17px;}
}

@media all and (min-width:1400px) {
  .mainwrap .center {padding:60px 0 80px; margin-bottom:80px;}
  .mainwrap .center .tab.first {top:calc(50% - 105px);}
  .mainwrap .center .tab.second {top:calc(50% - 35px);}
  .mainwrap .center .tab.third {top:calc(50% + 35px);}
  .mainwrap .center .tab button {padding-left:50px; font-size:20px; border-radius:20px;}
  .mainwrap .center .tab:not(.first) button:before {width:calc(80% - 20px); left:20px;}
  .mainwrap .center .centerli {gap:20px;}
  .mainwrap .center .centerli li {width:calc(25% - 15px);}
}

@media all and (min-width:1600px) {
  .mainwrap .center:before {width:calc(50vw - 495px);}
  .mainwrap .center .centerli li {width:calc(20% - 16px);}
}


/* - - - - - 배너 - - - - - */
.mainwrap .banzone {border-top:1px solid #DEDEDE; padding:20px 0;}
.mainwrap .banzone > .pdinner {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:20px 0;}
.mainwrap .banzone .tit {font-weight:1.25em; font-weight:700; width:fit-content; flex-shrink:0;}
.mainwrap .banzone .control {display:flex; gap:0 5px; width:fit-content; order:1;}
.mainwrap .banzone .control button,
.mainwrap .banzone .control a.more {display:flex; align-items:center; justify-content:center; width:30px; height:30px; border-radius:100px; border:1px solid #dedede; background:#fff;}
.mainwrap .banzone .control button.play {display:none;}
.mainwrap .banzone .control img {width:14px;}
.mainwrap .banzone .control .arr img {width:7px;}
.mainwrap .banzone .ban {width:100%; order:2;}
.mainwrap .banzone .slick-list {margin:0 -10px;}
.mainwrap .banzone .slick-slide p {font-weight:500; text-align:center; height:60px; display:flex; align-items:center; justify-content:center; margin:0 10px; padding:0 1em;}

@media all and (min-width:768px) {
  .mainwrap .banzone > .pdinner {flex-wrap:nowrap; gap:0 40px;}
  .mainwrap .banzone .tit {font-size:20px;}
  .mainwrap .banzone .ban {width:max(70%, calc(100% - 300px)); padding:0 0 0 40px;}
  .mainwrap .banzone .slick-slide p {font-size:17px;}
}