@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
@keyframes fadeInLeft {
  0% {opacity:0; transform:translateX(50rem);}
  100%{opacity:1; transform:translateX(0);}
}
@keyframes rotate {
  0% {transform:rotate(0);}
  100%{transform:rotate(360deg);}
}
@keyframes bounce {
  0% {transform:translateX(0);}
  100%{transform:translateX(10rem);}
}



html, body {position:relative; height:100%;}
button {display:block; border:0; background:none;}
.slick-slide li {display:block !important;}
.go_top {display:none;}

.control {display:flex; align-items:center;}
.control a {display:inline-block; width:24rem; height:26rem; text-indent:-9999rem; background:url('../img/main/icon4.png') no-repeat 0 0/400% auto;}
.control a.prev {background-position:0 0;}
.control a.stop {margin:0 20rem; background-position:33.333% 0;}
.control a.play {margin:0 20rem; display:none; background-position:66.666% 0;}
.control a.next {background-position:99.999% 0;}
.control article.next {background-position:99.999% 0;}
.m_more {display:flex; align-items:center; font-size:16rem; font-weight:500;}
.m_more:after {content:''; display:block; width:16rem; height:16rem; margin-left:12rem; background:url('../img/main/icon3.png') no-repeat 0 0/200% auto;}
.date {font-size:16rem; color:#747474;}

.scroll svg {position:fixed; bottom:60rem; right:60rem; z-index:2;}
.scroll svg .circle {animation:rotate 10s infinite linear; transform-origin:center;}
.scroll svg .arrow {animation:bounce 1s infinite linear alternate;}
.scroll span {display:flex; align-items:center;  position:fixed; bottom:60rem; right:80rem; font-family:'Playfair Display'; font-weight:600; z-index:2; letter-spacing:1rem; font-style:italic; font-size:20rem;} 
.scroll span:after {content:''; flex-shrink:0; margin-left:20rem; width:24rem; height:24rem; background:url('../img/main/icon2.png') no-repeat 0 0/200% auto; animation:bounce 1s infinite linear alternate;}

.pager {display:flex; flex-direction:column; justify-content:center; align-items:center; position:fixed; top:50%; left:80rem; transform:translate(-50%, -50%); z-index:2;}
.pager:before {content:''; position:absolute; top:50%; left:50%; width:10rem; height:1px; background:#323232; transform:translate(-50%, -50%);}
.pager span {font-size:26rem; padding:20rem 0; font-family:"Playfair Display"; letter-spacing:1rem;}
.pager span.current {font-weight:600;}

.swiper-pagination {display:flex; align-items:center; position:fixed; bottom:60rem !important; left:60rem !important; margin:0 -10rem; width:auto !important;}
.swiper-pagination-bullet {display:block; position:relative; width:16rem; height:16rem; margin:0 10rem !important; background:transparent; text-indent:-9999rem; opacity:1;}
.swiper-pagination-bullet:before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:#2E3192; border-radius:50%; opacity:0;}
.swiper-pagination-bullet:after {content:''; position:absolute; top:50%; left:50%; width:6rem; height:6rem; background:#323232; border-radius:50%; transform:translate(-50%, -50%); opacity:0.3}
.swiper-pagination-bullet-active.swiper-pagination-bullet:before {opacity:0.3;}
.swiper-pagination-bullet-active.swiper-pagination-bullet:after {opacity:1;}
.swiper-pagination-bullet:last-child {display:none;}

.type2 .pager span {color:#fff}
.type2 .pager:before {background:#fff;}
.type2 .swiper-pagination-bullet:before {background:#fff;}
.type2 .swiper-pagination-bullet:after {background:#fff;}

.mainSlide.swiper {width:100%; height:100%;}
.mainSlide.swiper .inner {width:100%; height:100%; display:flex; align-items:center; justify-content:center;}
.mainSlide.swiper .inner {margin-top:60rem;}

@media all and (max-width:1840px){
  .go_top {display:flex;}
  html, body {height:auto;}
  .control a {width:17rem; height:19rem;}
  .scroll {display:none !important;}
  .pager {display:none;}
  .mainSlide.swiper {overflow:visible;}
  .mainSlide.swiper .swiper-wrapper {display:block; height:auto}
  .swiper-pagination {display:none;}
  .mainSlide.swiper .inner {margin-top:0;}
}


/*cont1*/
.cont1 .vis .slick-slide {width:100%; /*transform:scale(1.2,1.2); transition:transform 5000ms ease-in-out;*/}
/* .cont1 .vis .slick-slide:before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.35);} */
/* .cont1 .vis .slick-slide.zoom {transform:scale(1,1);} */
.cont1 .vis .slick-slide li {background-position:center; background-repeat:no-repeat; background-size:cover; height:100vh; text-indent:-9999rem;}
.cont1 .align {position:absolute; width:100%; top:230rem; left:0; color:#fff;}
.cont1 .align .wrap {position:relative; display:flex; justify-content:space-between;}
.cont1 .align .left {width:calc(100% - 264rem);}
.cont1 .align .big {font-size:54rem; font-weight:600; line-height:1.3; /*opacity:0; transform:translateX(50px);*/}
.cont1 .align .small {text-transform:uppercase; margin:20rem 0 30rem 4rem; font-size:20rem; font-weight:300; /*opacity:0; transform:translateX(50px);*/}
/* .cont1 .align .slick-active .big {animation:fadeInLeft 1s forwards;}
.cont1 .align .slick-active .small  {animation:fadeInLeft 1s 0.3s forwards;} */
.cont1 .align .control {margin-left:7rem;}
.cont1 .align .control a {background-position-y:100%;}
.cont1 .link {width:264rem;}
.cont1 .link a {display:flex; align-items:center; justify-content:space-between; padding:20rem; border-bottom:1px solid rgba(255,255,255,0.5); color:#fff; font-size:19rem; font-weight:300;}
.cont1 .link a:after {content:''; flex-shrink:0; width:8rem; height:12rem; background:url('../img/main/icon1.png') no-repeat 100% 0/200% auto; opacity:0.5;}
.cont1 .link a:hover {border-color:rgba(255,255,255,1); font-weight:500;}
.cont1 .link a:hover:after {opacity:1;}
.cont1 .timeline {position:absolute; width:100%; bottom:100rem;}
.cont1 .timeline h2 {font-size:22rem; color:#fff; padding:5rem 5rem 25rem 10rem; font-weight:400;}
/*
.cont1 .timeline ul {display:flex; margin:var(--gap-left-right-minus30);}
.cont1 .timeline ul li {overflow:hidden; padding:var(--gap-left-right-plus30);}
.cont1 .timeline ul li a {display:block; position:relative;}
*/
.cont1 .timeline .wrap {position:relative;}
.cont1 .timeline .slick-list {margin:var(--gap-left-right-minus30);}
.cont1 .timeline .slick-list li {padding:var(--gap-left-right-plus30);}
.cont1 .timeline .slick-list a {display:block; position:relative;}
.cont1 .timeline img {border-radius:var(--border-radius); width:100%; height:182rem; object-fit:cover; border:2px solid rgba(255,255,255,0.5);}
.cont1 .timeline span {position:absolute; top:10rem; left:10rem; padding:4rem 10rem; font-size:14rem; background:rgba(0,0,0,0.57); border-radius:40rem; color:#fff; display:none;}
.cont1 .timeline span.time {top:inherit; bottom:47rem; left:inherit; right:10rem;}
.cont1 .timeline p {color:#fff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin:10rem 0 0 0; text-align:center;}
.cont1 .timeline .control {position:absolute; top:2rem; left:140rem; }
.cont1 .timeline .control a {width:24rem; height:24rem; background:url('../img/layout/control.png') no-repeat 0 0/400% auto;}
.cont1 .timeline .control a.prev {background-position:0 0;}
.cont1 .timeline .control a.stop {margin:5rem; background-position:33.333% 0;}
.cont1 .timeline .control a.play {margin:5rem; display:none; background-position:66.666% 0;}
.cont1 .timeline .control a.next {background-position:99.999% 0;}

@media all and (max-width:1840px){
  .cont1 .vis .slick-slide li {height:auto; padding-bottom:900rem;}
  .cont1 .align .big {font-size:50rem;}
  .cont1 .align .small {font-size:19rem;}
  .cont1 .link a {font-size:17rem;}
  .cont1 .timeline {bottom:60rem;}
}
@media all and (max-width:1640px){
  .cont1 .timeline .control {left:170rem; }
}
@media all and (max-width:1240px){
  .cont1 .align {top:inherit; bottom:0; height:calc(100% - 180rem);}
  .cont1 .align .wrap {flex-wrap:wrap;}
  .cont1 .align .left {width:100%; text-align:center;}
  .cont1 .align .control {margin-left:0; justify-content:center;}
  .cont1 .link {width:100%;}
  .cont1 .timeline {bottom:0x;}
}
@media all and (max-width:1023px){
  .cont1 .vis .slick-slide li {height:auto; padding-bottom:820rem;}
  .cont1 .align .big {font-size:40rem;}
  .cont1 .align .small {font-size:17rem;}
  .cont1 .timeline .wrap {padding:0;}
  .cont1 .timeline h2  {padding-left:25rem; padding-right:25rem;}
  .cont1 .timeline img {height:150rem;}
  .cont1 .timeline .control {display: none;}
}
@media all and (max-width:599px){
  .cont1 .vis .slick-slide li {padding-bottom:625rem;}
  .cont1 .link {margin-top:20rem;}
  .cont1 .align .left {display:none;}
  .cont1 .timeline img {height:130rem;}
}

/*cont2*/
.cont2 {background:#fff;}
.cont2 .wrap {display:flex; justify-content:space-between; position:relative;}
.cont2 .wrap:before {content:''; position:absolute; top:0; left:50%; width:1px; height:100%; background:#ddd;}
.cont2 .wrap > div {width:calc(50% - 60rem);}
.cont2 .media .gallery {position:relative;}
.cont2 .media .gallery .m_more {position:absolute; bottom:70rem; right:-2rem; background:#fff; border-radius:50%; width:44rem; height:44rem; text-indent:-9999rem}
.cont2 .media .gallery .m_more:after {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); margin:0;}
.cont2 .media .social {position:relative;}
.cont2 .media .social .m_more {position:absolute; bottom:70rem; right:-2rem; background:#fff; border-radius:50%; width:44rem; height:44rem; text-indent:-9999rem}
.cont2 .media .social .m_more:after {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); margin:0;}
.cont2 .media .list {display:flex; flex-wrap:wrap; margin:var(--gap-all-minus30);}
.cont2 .media .list li {width:50%; padding:var(--gap-all-plus30);}
.cont2 .media .list li a {display:block; position:relative;}
.cont2 .media .list .type {display:flex; align-items:center; position:absolute; min-width:117rem; background:#fff; font-size:16rem; font-weight:500; padding:0 30rem 10rem 20rem; border-radius:0 0 30rem 0; }
.cont2 .media .list .type.gallery {color:#45103B;}
.cont2 .media .list .type.edu {color:#444E0A;}
.cont2 .media .list .type.youtube {color:#e5101c; letter-spacing:0.5rem;}
.cont2 .media .list .img img {width:100%; height:186rem; background:#000; border-radius:var(--border-radius); object-fit:cover;}
.cont2 .media .list .tit {margin:17rem 0 0 0; font-weight:600; font-size:19rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.cont2 .media .list .date {display:inline-block; margin:5rem 0 0 1rem;} 
.cont2 .media .social .icon {display:flex; justify-content:flex-end; margin:10rem 0 20rem;}
.cont2 .media .social .icon > a {display:block; width:40rem; height:40rem; margin-left:4rem; border-radius:50%; background:url('/design/main/img/main/icon11.png') no-repeat 0 0/400% auto; text-indent:-9999rem;}
.cont2 .media .social .icon > a.youtube {background-position:33.333% 0;}
.cont2 .media .social .icon > a.facebook {background-position:0 0;}
.cont2 .media .social .icon > a.insta {background-position:66.666% 0;}
.cont2 .media .social .icon > a.kakao {background-position:99.999% 0;}
.cont2 .right {display:flex; flex-direction:column; justify-content:space-between;} 
.cont2 .board {position:relative;}
.cont2 .board .target {display:flex; margin-bottom:25rem;}
.cont2 .board .target a {font-size:18rem; padding:7rem 20rem; color:#5D5D5D; border:2px solid #fff; border-radius:40rem;}
.cont2 .board .target a.on {font-weight:700; color:#2E3192; border-color:#2E3192;}
.cont2 .board .target a[target="_blank"] {display:flex; align-items:center; justify-content:center;}
.cont2 .board .target a[target="_blank"]:after {content:''; display:block; flex-shrink:0; width:12rem; height:12rem; margin:0 0 0 10rem; background:url('../../main/img/layout/blank.png') no-repeat 0 0/100% auto;}
.cont2 .board .show > div:not(:first-child) {display:none;}
.cont2 .board .list {margin:-8rem 0;}
.cont2 .board .list > li {padding:8rem 0;}
.cont2 .board .list > li > a {display:flex; justify-content:space-between; background:#fff; border:1px solid #ddd; padding:19rem 22rem; border-radius:var(--border-radius);}
.cont2 .board .list .detail {display:flex; align-items:center; width:calc(100% - 100rem);}
.cont2 .board .list .detail span {display:block; flex-shrink:0; flex-grow:0; width:24rem; height:24rem; margin-right:15rem; background:#BF2D2D url('../img/main/icon5.png') no-repeat center; border-radius:6rem; text-indent:-9999rem;}
.cont2 .board .list .tit {overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-right:20rem; font-weight:600;}
.cont2 .board .list .date {flex-shrink:0; flex-grow:0;}
.cont2 .board .m_more {position:absolute; top:11rem; right:10rem;}
.cont2 .link ul {display:flex; margin:var(--gap-left-right-minus30);}
.cont2 .link ul li {width:33.333%; padding:var(--gap-left-right-plus30)}
.cont2 .link ul li a {display:flex; flex-direction:column; justify-content:center; align-items:center; min-height:230rem; padding:0 20rem; border:1px solid #ddd; border-radius:var(--border-radius); text-align:center;}
.cont2 .link .num {font-size:16rem; color:#747474;}
.cont2 .link .tit {margin-bottom:5rem; font-size:19rem; font-weight:700;}
.cont2 .link .tit:before {content:''; display:block; width:80rem; height:80rem; margin:10rem auto; background:url('../img/main/icon6.png') no-repeat 0 0/300% auto;}
.cont2 .link .txt {font-size:16rem; color:#747474;}
.cont2 .link  li.icon1 .tit:before {background-position:0 0;}
.cont2 .link  li.icon2 .tit:before {background-position:50% 0;}
.cont2 .link  li.icon3 .tit:before {background-position:100% 0;}
.cont2 .popup {position:relative;}
.cont2 .popup .slick-list,
.cont2 .popup .slick-slide img {border-radius:var(--border-radius);}
.cont2 .popup .slick-slide img {width:100%; height:260rem;}
.cont2 .control .stop,
.cont2 .control .play {display:none;}
.cont2 .control .prev,
.cont2 .control .next {position:absolute; top:50%; right:15rem; width:36rem; height:36rem; background:#fff; border-radius:50%; box-shadow:10px 10px 10px rgba(0,0,0,0.2); transform:translateY(-50%); }
.cont2 .control .prev:before,
.cont2 .control .next:before {content:''; position:absolute; top:50%; left:50%; width:8rem; height:8rem; border-top:2px solid #323232; border-right:2px solid #323232; transform:translate(-50%, -50%) rotate(45deg)}
.cont2 .control .prev {right:inherit; left:15rem;}
.cont2 .control .prev:before {border-right:0; border-left:2px solid #323232; transform:translate(-50%, -50%) rotate(-45deg)}
@media all and (max-width:1840px){
  .cont2 {padding:60rem 0;}
}
@media all and (max-width:1640px){
  .cont2 .wrap > div {width:calc(50% - 40rem);}
  .cont2 .media .list {margin-top:-15rem; margin-bottom:-15rem;}
  .cont2 .media .list li {padding-top:15rem; padding-bottom:15rem;}
  
}
@media all and (max-width:1240px){
  .cont2 {padding:40rem 0;}
  .cont2 .wrap {flex-wrap:wrap;}
  .cont2 .wrap:before {display:none;}
  .cont2 .wrap > div {width:100%;}
  .cont2 .right {order:1;}
  .cont2 .board .list {margin-top:20rem;}
  .cont2 .link {margin:40rem 0;}
  .cont2 .link ul li a {position:relative; flex-wrap:wrap; flex-direction:row; min-height:auto; text-align:left; justify-content:flex-start; padding:30rem;}
  .cont2 .link .num {display:none;}
  .cont2 .link .tit:before {content:''; position:absolute; top:50%; left:30rem; width:70rem; height:70rem; margin:0; margin-top:-35rem;}
  .cont2 .link .tit,
  .cont2 .link .txt {width:100%; padding-left:100rem;}
  .cont2 .popup {margin:40rem 0;}
  .cont2 .popup .slick-list {margin:0 -8rem;}
  .cont2 .popup .slick-slide a {display:block; margin:0 8rem;}
  .cont2 .popup .slick-slide img {width:100%; height:auto;}
  .cont2 .media {order:2;}
  .cont2 .media .gallery {padding-top:45rem;}
  .cont2 .media .gallery .m_more {width:100%; bottom:inherit; top:0; right:1rem;  border-radius:0; width:auto; height:auto; text-indent:0;}
  .cont2 .media .gallery .m_more:after {position:static; transform:none; margin:0 0 0 12rem; width:16rem; height:16rem;}
  .cont2 .media .social {padding-top:30rem;}
  .cont2 .media .social .m_more {width:100%; bottom:inherit; top:45rem; right:1rem;  border-radius:0; width:auto; height:auto; text-indent:0;}
  .cont2 .media .social .m_more:after {position:static; transform:none; margin:0 0 0 12rem; width:16rem; height:16rem;}
  .cont2 .media .social .icon {justify-content:flex-start;}
  .cont2 .media .list li {width:50%;}
  .cont2 .media .list .type {font-size:14rem; min-width:80rem;}
}
@media all and (max-width:1023px){
  .cont2 .link ul li a {text-align:center;}
  .cont2 .link .tit {padding:0; padding-top:70rem;}
  .cont2 .link .tit:before {top:20rem; left:50%; margin:0; margin-left:-35rem;}
  .cont2 .link .txt {padding:0}
}
@media all and (max-width:768px){
  .cont2 .board {margin-bottom:40rem;}
  .cont2 .board .target {justify-content:center;}
  .cont2 .board .m_more {position:static; justify-content:flex-end; margin:25rem 0 0 0;}
  .cont2 .link {margin:0 0 40rem 0;}
  .cont2 .popup {margin:0 0 40rem 0;}
  .cont2 .control {justify-content:flex-end; margin-top:10rem;}
  .cont2 .control .prev,
  .cont2 .control .next {position:relative; top:0 !important; left:0 !important; transform:none; box-shadow:none;}
}
@media all and (max-width:599px){
  .cont2 {padding-top:0;}
  .cont2 .wrap {padding:0}
  .cont2 .board {background:#F4F4F4; padding-bottom:40rem;}
  .cont2 .board .target {background:#ddd;}
  .cont2 .board .target a {width:33.333%; text-align:center; padding:15rem 10rem; font-size:17rem; border:0; border-radius:0;}
  .cont2 .board .target a.on {background:#f4f4f4; }
  .cont2 .board .list {padding:0 20rem;}
  .cont2 .board .list .detail  {align-items:flex-start;}
  .cont2 .board .list > li > a {flex-wrap:wrap; background:#fff; border:0;}
  .cont2 .board .list .tit {padding-right:0; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; height:100%; max-height:3.2sem; line-height:1.6; word-wrap:break-word; white-space:wrap; font-size:18rem;}
  .cont2 .board .list .detail {width:100%; margin-bottom:10rem;}
  .cont2 .board .m_more {margin-right:20rem;}
  .cont2 .link {padding:0 20rem;}
  .cont2 .link ul {flex-wrap:wrap; width:100%; margin:-8rem 0;}
  .cont2 .link ul li {width:100%; padding:8rem 0;}
  .cont2 .link ul li a {text-align:left;}
  .cont2 .link .tit:before {top:50%; left:30rem; width:60rem; height:60rem; margin:0; margin-top:-30rem;}
  .cont2 .link .tit,
  .cont2 .link .txt {width:auto; padding:0; margin-bottom:0; padding-left:100rem;}
  .cont2 .link .txt {padding-left:40rem; }
  .cont2 .popup {padding:0 20rem;}
  .cont2 .media {padding:0 20rem;}
  .cont2 .media .list .tit {height:100%; height:3.2em; white-space:wrap; line-height:1.6; text-overflow:ellipsis;}
}
@media all and (max-width:480px){
  .cont2 .link .tit,
  .cont2 .link .txt {width:100%; margin-bottom:5rem; padding-left:90rem !important;}
  .cont2 .media .list {flex-wrap:wrap; margin:-20rem 0;}
  .cont2 .media .list li {width:100%; padding:20rem 0;}
  .cont2 .media .list .tit {height:100%; max-height:3.2em;}
  .cont2 .popup .slick-slide img {height:200rem;}
}

/*cont3*/
.cont3 {background:url('../img/main/bg1.jpg') no-repeat center;}
.cont3 .social {display:flex; justify-content:space-between; align-items:flex-end;}
.cont3 .social .left {width:calc(40% - 60rem);}
.cont3 .social .left span {display:block; margin-bottom:30rem; margin-left:3rem;}
.cont3 .social .left p {margin-bottom:30rem; font-size:40rem; line-height:1.4; letter-spacing:-1.3rem;}
.cont3 .social .left p strong {font-weight:600;}
.cont3 .social .left ul {display:flex; flex-wrap:wrap; margin:var(--gap-left-right-minus30);}
.cont3 .social .left ul li {width:50%; padding:var(--gap-left-right-plus30); }
.cont3 .social .left ul li a {display:flex; align-items:center; position:relative; padding:20rem; border-bottom:1px solid #D4E1F3;}
.cont3 .social .left ul li a:before {content:''; flex-shrink:0; margin-right:15rem; width:20rem; height:20rem; background:url('../img/main/icon8.png') no-repeat 0 0/400% auto;}
.cont3 .social .left ul li a:after {content:''; flex-shrink:0; position:absolute; right:20rem; width:20rem; height:20rem; background:url('../img/main/icon9.png') no-repeat 0 0/400% auto; opacity:0;}
.cont3 .social .left ul li.facebook a:before {background-position:33.333% 0;}
.cont3 .social .left ul li.youtube a:before {background-position:66.666% 0;}
.cont3 .social .left ul li.kakao a:before {background-position:99.999% 0;}
.cont3 .social .left ul li.on a,
.cont3 .social .left ul li:hover a {font-weight:600}
.cont3 .social .left ul li.on a:after,
.cont3 .social .left ul li:hover a:after {opacity:1;}
.cont3 .social .left ul li.insta a {color:#C52C82;}
.cont3 .social .left ul li.facebook a:hover {color:#1877f2;}
.cont3 .social .left ul li.facebook a:hover:after {background-position:33.333% 0;}
.cont3 .social .left ul li.youtube a:hover {color:#ff0302;}
.cont3 .social .left ul li.youtube a:hover:after {background-position:66.666% 0;}
.cont3 .social .left ul li.kakao a:hover {color:#392020;}
.cont3 .social .left ul li.kakao a:hover:after {background-position:99.999% 0;}
.cont3 .social .right {display:flex; width:60%; margin:var(--gap-left-right-minus30);}
.cont3 .social .right li {width:50%; padding:var(--gap-left-right-plus30);}
.cont3 .social .right li:last-child {display:none;}
.cont3 .social .right li a {display:block;}
.cont3 .social .right img {width:100%; height:342rem; object-fit:cover; border-radius:var(--border-radius);}
.cont3 .link {margin-top:60rem;}
.cont3 .link ul {display:flex; margin:var(--gap-all-minus30);}
.cont3 .link ul li {flex-grow:0; width:calc(33.333% - var(--gap-all-minus30)); margin:var(--gap-all-plus30); background:#EAF4FF; border:1px solid #D6E9FF; border-radius:var(--border-radius);}
.cont3 .link ul li a {display:block; position:relative; padding:30rem 30rem 30rem 170rem;}
.cont3 .link ul li a:before {content:''; position:absolute; left:30rem; top:50%; margin-top:-52rem; width:104rem; height:104rem; background:#fff url('../img/main/icon7.png') no-repeat 0 0/300% auto; border-radius:50%;}
.cont3 .link .tit {font-size:20rem; font-weight:600;}
.cont3 .link .txt {margin:5rem 0 0 2rem; color:#747474;}
.cont3 .link ul li.icon2 {background:#E5F3F3; border-color:#CEE9E9;}
.cont3 .link ul li.icon2 a:before {background-position:50% 0;}
.cont3 .link ul li.icon3 {background:#EEEEF8; border-color:#E4E4FB;}
.cont3 .link ul li.icon3 a:before {background-position:100% 0;}
@media all and (max-width:1840px){
  .cont3 {padding:60rem 0;}
  .cont3 .link {margin-top:40rem;}
}
@media all and (max-width:1640px){
  .cont3 {background-size:cover;}
  .cont3 .social .left {width:calc(50% - 40rem);}
  .cont3 .social .right {width:50%;}
  .cont3 .link ul li a {padding-left:140rem;}
  .cont3 .link ul li a:before {width:80rem; height:80rem; margin-top:-40rem;}
}
@media all and (max-width:1240px){
  .cont3 {padding:40rem 0;}
  .cont3 .link ul li a {padding:130rem 30rem 30rem 30rem; text-align:center;}
  .cont3 .link ul li a:before  {top:30rem; margin-top:0; left:50%; margin-left:-40rem;} 
}
@media all and (max-width:1023px){
  .cont3 .social {flex-wrap:wrap; align-items:center; justify-content:center;}
  .cont3 .social .left {width:100%; text-align:center;}
  .cont3 .social .left span {margin:0 0 10rem 0;}
  .cont3 .social .left p {font-size:32rem;}
  .cont3 .social .left ul li {width:25%;}
  .cont3 .social .left ul li a {padding:20rem 15rem;}
  .cont3 .social .left ul li a:after {right:10rem;}
  .cont3 .social .right {width:calc(100% + 16rem); margin-top:40rem;}
  .cont3 .social .right li {width:33.333%;}
  .cont3 .social .right li:last-child {display:block;}
  .cont3 .social .right img {height:300rem;}
}
@media all and (max-width:768px){
  .cont3 .social .left ul li {width:50%;}
  .cont3 .link ul {flex-wrap:wrap;}
  .cont3 .link ul li {width:100%;}
  .cont3 .link ul li a {text-align:left; padding:30rem 30rem 30rem 110rem;}
  .cont3 .link ul li a:before {width:60rem; height:60rem; left:25rem; margin-left:0;}
}
@media all and (max-width:599px){
  .cont3 .social .right li {width:50%;}
  .cont3 .social .right li:last-child {display:none;}
  .cont3 .social .right img {height:200rem;}
}
@media all and (max-width:376px){
  .cont3 .social .left ul {margin:0;}
  .cont3 .social .left ul li {width:100%; padding:0;}
  .cont3 .social .right {flex-wrap:wrap; width:100%; margin:32rem 0 -8rem;}
  .cont3 .social .right li {width:100%; padding:8rem 0;}
}


/*레이어팝업*/
.layer {display:none; position:absolute; top:0rem; right:0rem; width:580rem; background:#fff; padding:0 15rem 15rem; box-shadow:10px 10px 10px rgba(0,0,0,0.2); z-index:100;}
.layer.on {display:block;}
.layer .slide a {display:block;}
.layer .slide img {display:block; width:100%;}
.layer .button {display:flex; justify-content:space-between; align-items:center; padding:15rem 5rem;}
.layer .length {display:block; padding:5rem}
.layer .total {color:#0b8639; font-weight:800;}
.layer .hide {position:absolute; top:0rem; right:10rem; width:40rem; height:40rem; display:block; text-indent:-9999rem;}
.layer .hide:before,
.layer .hide:after {content:''; position:absolute; top:50%; left:50%; width:2px; height:50%; background:#323232; transform:translate(-50%, -50%) rotate(45deg);}
.layer .hide:after {transform:translate(-50%, -50%) rotate(-45deg);}
.layer .control {display:flex; align-items:center; margin-left:-4rem;}
.layer .control a {display:inline-block; width:24rem; height:24rem; text-indent:-9999rem; background:url('../img/main/icon12.png') no-repeat 0 0/400% auto;}
.layer .control a.prev {background-position:0 0;}
.layer .control a.stop {margin:0 7rem; background-position:33.333% 0;}
.layer .control a.play {margin:0 7rem; display:none; background-position:66.666% 0;}
.layer .control a.next {background-position:99.999% 0;}
@media all and (max-width:599px){
  .layer {width:90%; left:50%; transform:translateX(-50%);}
}