@charset "UTF-8";



:root {

	--p_color : #005db6;

	--padding : 40rem;

}

@media (max-width:1640px) {

  :root {

    --padding:30rem;

  }

}

@media (max-width:376px) {

  :root {

    --padding:25rem;

  }

}



button {display:block; border:0; background:none;}

.before {opacity:0; transform:translateX(-100rem);}

.fadeInLeft {animation:fadeInLeft 1s forwards;}

.fadeInRight {animation:fadeInRight 1s forwards;}

@keyframes fadeInLeft {

	from {opacity:0; transform:translateX(-100rem);}

	to {opacity:1; transform:translateX(0);}

}

@keyframes fadeInRight {

	from {opacity:1; transform:translateX(0);}

	to {opacity:0; transform:translateX(-100rem);}

}

.obj {position:absolute;}

.obj1 {top:43rem; left:-110rem; width:224rem; height:230rem; background:url('/design/kr/img/main/obj1.png') no-repeat 0 0/contain;}

.obj2 {bottom:-91rem; right:-63rem; width:128rem; height:180rem; background:url('/design/kr/img/main/obj2.png') no-repeat 0 0/contain; z-index:2;}

.obj3 {bottom:-60rem; right:-30rem; width:93rem; height:115rem; background:url('/design/kr/img/main/obj3.png') no-repeat 0 0/contain;}

.obj4 {bottom:-60rem; right:-10rem; width:160rem; height:235rem; background:url('/design/kr/img/main/obj4.png') no-repeat 0 0/contain;}

.triangle {position:absolute; top:0; left:0; width:0; height:0; border-style:solid; border-width:70rem 70rem 0 0; border-color: #fff transparent transparent transparent;}

.m_more {position:absolute; right:5rem; display:flex; align-items:center; font-weight:700;}

.m_more:after {content:''; width:6rem; height:6rem; margin:-1px 0 0 10px; border-top:2px solid #323232; border-right:2px solid #323232; transform:rotate(45deg);}

.date {display:block; color:#525252; font-weight:300;}

.near {font-family:'Times New Roman'; font-style:italic; font-weight:600; text-transform:uppercase;}

.heading {display:flex; align-items:center;}

.heading .near {font-size:37rem;}

.heading .type1 {font-size:27rem; font-weight:400; padding-top:7rem;}

.heading .type2 {margin-left:17rem; font-size:23rem; font-weight:600; padding-top:2rem;}

.control {display:flex; align-items:center;}

.splide__arrows {display:flex; align-items:center;}

.splide__arrow,

.splide__toggle {position:relative; text-indent:-9999rem;}

.splide__arrow:before,

.splide__toggle:before {content:''; position:absolute; top:50%; left:50%; width:50rem; height:50rem; background:url('/design/kr/img/main/icon1.png') no-repeat 0 0/500% auto; transform:translate(-50%, -50%);}

.splide__arrow {width:89rem; height:89rem; /*box-shadow:10px 10px 0 rgba(255,255,255,1);*/ transform:skewX(-20deg)}

.splide__arrow--prev {background:#563193;}

.splide__arrow--next {margin:-20rem 0 0 -10rem; background:#18479e}

.splide__arrow--prev:before {background-position:0 0;}

.splide__arrow--next:before {background-position:75% 0;}

.splide__toggle.is-active:before {background-position:25% 100%;}

.splide__toggle:before {background-position:50% 100%;}

.splide__pagination {display:flex; align-items:center;}

.splide__pagination button {display:block; position:relative; width:35rem; height:35rem; border:2px solid #cacaca; border-radius:50%; margin-left:5rem;}

.splide__pagination button:before {content:''; position:absolute; top:50%; left:50%; width:5rem; height:5rem; background:#cacaca; border-radius:50%; transform:translate(-50%, -50%);}

.splide__pagination button.is-active {border-color:#1b479d;}

.splide__pagination button.is-active:before {background:#234da0;}

@media all and (max-width:1640px){

	.obj {display:none;}

	.triangle {border-width:40rem 40rem 0 0;}

	.heading .type1 {font-size:23rem; padding-top:2rem;}

	.splide__arrow:before,

	.splide__toggle:before {width:40rem; height:40rem;}

	.splide__arrow {width:70rem; height:50rem;}

	.splide__arrow--next {margin-left:0;}

}

@media all and (max-width:1023px){

	.triangle {display:none;}

}



#container {margin-top:35rem; position:relative;}

.cont1 {position:relative;}

.cont1::before {content:''; position:absolute; top:0; left:-50%; width:100%; height:100%; background:#fff; z-index:1;}

.cont1 .wrap {position:relative;}

.cont1 .wrap:before {content:''; position:absolute; bottom:0; left:-1500rem; width:100%; height:417rem; background:#ecf0fa; z-index:1;}

.cont1 #catch_wrap{z-index:2;}
.cont1 #catch_wrap p{line-height: 1.3;}
.cont1 #catch_wrap .small {font-size:45rem; font-weight:300;}
.cont1 #catch_wrap .big {font-size:48rem; font-weight:700;}
.cont1 #catch_wrap .catch02 p{line-height: 1.4; font-weight:400; letter-spacing: normal; font-size: 32rem;}
.cont1 #catch_wrap .catch02 .small{font-weight:400;}
.cont1 #catch_wrap .catch02 .small span{font-weight: 700;}

.vis {margin-top:35rem; display:flex; justify-content:space-between;}

.vis a {display:block;}

.vis img {display:block; height:487rem; object-fit:cover; width:100%;}

.vis .splide__slide {position:relative; height:487rem;}

#slider1 {width:calc(69.134% - 13rem); z-index:2;}

#slider1 a {position:relative;}

#slider1 a:before {content:''; position:absolute; bottom:0; left:0; width:100%; height:100%; background:linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);}

#slider1 .group {position:absolute; bottom:0; padding:var(--padding); width:100%;}

#slider1 .group > span {font-size:21rem; color:#fff;}

#slider1 .group .tit p {font-weight:600; font-size:27rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-right:200rem; color:#fff;}

#slider1 .group .tit .date {display:block; margin:20rem 0 0 2rem; color:#fff;}

#slider1 .splide__slide.is-active .group {animation:fadeInLeft 1s forwards;}

#slider1 .splide__arrows {position:absolute; bottom:-10rem; right:-73rem;}

#slider1 .control {justify-content:flex-end; position:absolute; top:-150rem; left:0; width:1500rem; z-index:-1;}

#slider1 .paging {display:flex; position:relative; height:55rem; width:132rem; margin-left:40rem;}

#slider1 .paging:before {content:''; position:absolute; top:10rem; left:50%; width:2px; height:37rem; background:#323232; transform:rotate(45deg);}

#slider1 .paging span {position:absolute; display:block; font-family:'Times New Roman'; font-weight:600; font-style:italic;}

#slider1 .paging .current {top:0; left:0; font-size:27rem;}

#slider1 .paging .total {bottom:0; right:0; font-size:23rem; color:#525252;}

#slider1 .round {position:absolute; bottom:40rem; right:120rem; width:100px; height:100px;}

#slider1 .round:before {content:''; position:absolute; top:50%; left:50%; width:78px; height:78px; border:1px solid #fff; border-radius:50%; transform:translate(-50%, -50%);}

#slider1 .round button {position:absolute; top:50%; left:50%; width:100%; height:100%; transform:translate(-50%, -50%); z-index:500;}

#slider1 .round .progress {position:absolute; top:0; left:0; width:100%; height:100%; transform:rotate(-90deg); transform-origin:center;}

#slider1 .round .circle {fill:none; stroke:#fff; stroke-width:4px; stroke-dasharray:258; stroke-dashoffset:258;}

#slider1 .splide__toggle:before {background-position:50% 0;}

#slider1 .splide__toggle.is-active:before {background-position:25% 0;}

#slider2 {width:calc(30.934% - 13rem);}

#slider2:before {content:''; position:absolute; bottom:0; left:-26rem; width:500%; height:417rem; background:#f7f7f7;}

#slider2 .splide__track {overflow:visible; margin:0 -13rem; transform:translateX(-241rem);}

#slider2 .splide__slide {background:#000; margin: 0 13rem;}

#slider2 .splide__slide img {opacity:0.46}

@media all and (max-width:1640px){

	.cont1 .wrap:before {left:-50%;}

	.cont1 #catch_wrap .small {font-size:37rem; padding-right:100rem;}

	.cont1 #catch_wrap .big {font-size:38rem; padding-right:250rem;}

	#slider1 {width:calc(69.134% - 7rem);}

	#slider1 .splide__arrows {bottom:-10rem; right:-60rem;}

	#slider1 .control {width:100%; left:45%; top:-110rem}

	#slider1 .paging {margin-left:60rem;}

	#slider1 .paging .current {font-size:23rem;}

	#slider1 .round {width:50rem; height:50rem; border:1px solid #ddd; border-radius:50%;}

	#slider1 .round .progress {display:none;}

	#slider1 .round:before {display:none;}

	#slider2 {width:calc(30.934% - 7rem);}

	#slider2 .splide__track {margin:0 -7rem; transform:translateX(-259rem);}

	#slider2 .splide__slide {margin:0 7rem;}

}

@media all and (max-width:1240px){

	#slider2 .splide__track {transform:translateX(-273rem);}

}

@media all and (max-width:1023px){

	#container {margin-top:0;}

	.cont1 {padding-bottom:60rem; background:#ecf0fa;}

	.cont1::before {display:none;}

	.cont1 .wrap {padding:0;}

	.cont1 .wrap:before {display:none;}

	.cont1 #catch_wrap {display:none;}

	.vis {margin-top:0;}

	#slider1 {width:100%;}

	#slider1 .group .tit p {width:100%; padding-right:0;}

	#slider1 .splide__arrows {right:220rem; bottom:inherit; margin-top:20rem;}

	#slider1 .splide__arrow {box-shadow:none; transform:none; width:50rem; height:50rem;}

	#slider1 .splide__arrow--prev {background:#ecf0fa;}

	#slider1 .splide__arrow--next {margin:0; background:#ecf0fa}

	#slider1 .splide__arrow--prev:before {background-position:0 100%;}

	#slider1 .splide__arrow--next:before {background-position:75% 100%;}

	#slider1 .control {width:auto; left:inherit; top:inherit; right:0; margin-top:30rem;}

	#slider1 .paging {margin-left:0;}

	#slider1 .paging {height:auto; width:auto;}

	#slider1 .paging:before {top:11rem; width:1px; height:10rem;}

	#slider1 .paging span {position:static; padding:0 25rem;}

	#slider1 .paging .current {font-size:21rem;}

	#slider1 .paging .total {font-size:21rem;}

	#slider1 .round {border-color:#9faccc; bottom:inherit; margin-top:20rem; right:145rem;}

	#slider1 .splide__toggle:before {background-position:50% 100%;}

	#slider1 .splide__toggle.is-active:before {background-position:25% 100%;}

	#slider2 {display:none;}

}

@media all and (max-width:599px){

	.vis img {height:400rem;}

	.vis .splide__slide {height:400rem;}

}

@media all and (max-width:321px){

	#slider1 .splide__arrows {display:none;}

}



.cont2 {position:relative; background:#ecf0fa;}

.cont2:before {content:''; position:absolute; top:0; right:0; width:calc(100% - 64.6%); height:100%; background:#f7f7f7;}

.cont2:after {content:''; position:absolute; bottom:0; right:-50%; width:100%; height:70rem; background:#fff; }

.cont2 article {padding-top:60rem; padding-bottom:80rem;  position:relative;}

.cont2 .wrap {display:flex;}

.cont2 .heading {align-items:center;}

.cont2 .heading .near {font-size:57rem; color:#18479e; margin-right:20rem;}

.cont2 .heading .type1 b {font-weight:700;}

.board .show,

.event .splide {margin-top:26rem;}

.board {width:64.6%; padding-right:80rem; background:#ecf0fa; z-index:1;}

.board:before {content:''; position:absolute; top:-330rem; left:-200rem; width:1000rem; height:802rem; background:url('/design/kr/img/main/bg1.png') no-repeat 0 0/contain; z-index:-1;}

.board .triangle {top:inherit; bottom:0; left:inherit; right:0; border-width: 0px 0px 70rem 70rem; border-color: transparent transparent #fff transparent;}

.board .group {display: flex; align-items:center; justify-content:space-between;}

.board .target {display:flex; align-items:center; margin-right:100rem;}

.board .target a {display:block; width:76rem; height:76rem; margin:0 3rem; background:#497bda; border-radius:50%; text-align:center; line-height:76rem; color:#fff; font-size:19rem; font-weight:300;}

.board .target a.on {background:#18479e; font-weight:600;}

.board .show > div {position:relative;}

.board .show > div:not(:first-child) {display:none;}

.board .list {display:flex; flex-wrap:wrap; margin:-13rem;}

.board .list li {width:calc(50% - 26rem); margin:13rem;}

.board .list li a {display:block; background:#fff; padding:35rem;}

.board .tit {display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; height:3em; line-height:1.5em; word-wrap:break-word; text-overflow:ellipsis; font-weight:600; font-size:21rem;}

.board .txt {display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; height:4.8em; line-height:1.6em; word-wrap:break-word; text-overflow:ellipsis; margin:10rem 0 20rem; color:#525252;}

.board .date {text-align:right;}

.board .m_more {top:-65rem;}

.event {position:relative; width:35.4%; padding-left:80rem; background:#f7f7f7;}

.event:before {content:''; position:absolute; bottom:0; left:0; width:100%; height:70rem; background:#fff;}

.event .list li {display:flex; flex-direction:column; justify-content:center; background:#eee;}

.event .list li a {padding:0 25rem;}

.event .list li .tit { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-right:20rem;}

.event .list li .date {font-size:16rem; margin:3rem 0 0 1rem; }

.event .m_more {top:88rem;}

@media all and (max-width:1640px){

	.cont2:after {height:40rem; background:#fff}

	.cont2 article {padding-top:40rem; padding-bottom:60rem}

	.cont2 .heading .near {font-size:47rem;}

	.board {padding-right:40rem}

	.board:before {display:none;}

	.board .triangle {border-width: 0px 0px 40rem 40rem;}

	.board .target a {width:auto; height:auto; line-height:1.5; padding:10rem 25rem; font-size:17rem; border-radius:100rem;}

	.board .list {margin:-7rem;}

	.board .list li {width:calc(50% - 14rem); margin:7rem;}

	.board .list li a {padding:30rem;}

	.event {padding-left:40rem;}

	.event:before {height:40rem; background:#fff;}

	.event .m_more {top:61rem;}

}

@media all and (max-width:1240px){

	.cont2:before {display:none;}

	.cont2:after {display:none;}

	.cont2 .wrap {flex-wrap:wrap; padding:0;}

	.cont2 .m_more {position:static; display:flex; justify-content:flex-end; margin:20rem 5rem 0 0;}

	.board {width:100%; padding:0 20rem;}

	.board .triangle { border-color: transparent transparent #f7f7f7 transparent;}

	.board .target {margin-right:0;}

	.board .txt {-webkit-line-clamp:2; height:3.2em;}

	.board .m_more {margin-right:5rem}

	.event {width:100%; padding:0 20rem;}

	.event:before {display:none;}

	.event .heading {margin-bottom:26rem;}

	.event .list {display:flex;}

	.event .list li {width:50%;}

	.event .splide {margin-left:-7rem; margin-right:-7rem;}

	.event .list {display:flex; flex-wrap:wrap;}

	.event .list li {width:calc(50% - 14rem); margin-left:7rem; margin-right:7rem;}

}

@media all and (max-width:768px){

	.event .splide {margin-left:0; margin-right:0;}

	.event .list li {width:100%; margin-left:0; margin-right:0;}

}

@media all and (max-width:599px){

	.board .group {flex-wrap:wrap; justify-content:flex-end; }

	.board .group .heading {width:100%;}

	.board .target {margin-top:20rem;}

	.board .list {flex-wrap:wrap; margin:0;}

	.board .list li {width:100%; margin:0 0 14rem 0;}

	.board .list li:last-child {margin-bottom:0;}

	

}



.cont3 {position:relative;}

.cont3 .wrap {display:flex; align-items:flex-end; justify-content:space-between;}

.cont3 .left {width:calc(47.4% - 40rem);}

.cont3 .left .big {font-size:41rem; line-height:1.3; letter-spacing:-1.2rem; font-weight:300; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

.cont3 .left .big b {font-weight:700;}

.cont3 .left .small {display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; overflow:hidden; height:3em; line-height:1.5; word-wrap:break-word; text-overflow:ellipsis;	margin:23rem 0 47rem 3rem; font-size:19rem;}

.cont3 .promotion {position:relative;}

.cont3 .promotion h2 {margin:0 0 0 3rem; font-size:27rem; font-weight:400;}

.cont3 .promotion h2 b {font-weight:700;}

.cont3 .promotion .list {margin-top:20rem; border-top:2px solid #323232;}

.cont3 .promotion .list li {display:flex; align-items:center; justify-content:space-between; position:relative; padding:17rem 27rem; border-bottom:1px solid #e7e7e7;}

.cont3 .promotion .list li::before {content:''; position:absolute;; top:28rem; left:25rem; width:4px; height:4px; background:#dfdfdf; border-radius:50%; flex-shrink:0; flex-grow:0;}

.cont3 .promotion .list li a {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 20rem;}

.cont3 .promotion .date {flex-shrink:0; flex-grow:0;}

.cont3 .promotion .m_more {top:5rem;}

.cont3 .right {display:flex; justify-content:space-between; width:calc(52.667% - 40rem);}

.cont3 .right a {display:flex; align-items:flex-end; position:relative; height:363rem; padding:var(--padding); width:calc(50% - 13rem); color:#fff;}

.cont3 .right a:before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:url('/design/kr/img/main/img5.jpg') no-repeat 0 0/cover;}

.cont3 .right a:after {content:''; position:absolute; top:25rem; right:25rem; width:50rem; height:50rem; background:url('/design/kr/img/main/icon1.png') no-repeat 100% 0/500% auto;}

.cont3 .right a.gov:before {background:url('/design/kr/img/main/img4.jpg') no-repeat 0 0/cover;}

.cont3 .right a.gov {margin-top:70rem;}

.cont3 .right a.member .near:last-child {font-size:37rem; text-transform:lowercase; margin-left:12rem;}

.cont3 .right a p {position:relative;}

@media all and (max-width:1640px){

	.cont3 {margin-top:14rem;}

	.cont3 .left {width:calc(50% - 40rem);}

	.cont3 .left .big {font-size:37rem;}

	.cont3 .right {width:50%;}

	.cont3 .right a {width:calc(50% - 7rem);}

	.cont3 .right a:after {top:15rem; right:15rem;}

	.cont3 .right a .heading {flex-wrap:wrap;}

	.cont3 .right a .heading .type2 {padding-top:0; margin:-5rem 0 0 0; }

	.cont3 .right a .near {width:100%;}

	.cont3 .right a.gov {margin-top:40rem;}

	.cont3 .right a.member {line-height:1.2;}

	.cont3 .right a.member .near:last-child {margin-left:0}

}

@media all and (max-width:1240px){

	.cont3 {margin-top:60rem;}

	.cont3 .left {width:calc(55% - 20rem);}

	.cont3 .left .big {display:none;}

	.cont3 .left .small {display:none;}

	.cont3 .promotion {padding-bottom:50rem;}

	.cont3 .promotion .list li {flex-wrap:wrap;}

	.cont3 .promotion .date {margin:7rem 0 0 21rem;}

	.cont3 .promotion .date {width:100%;}

	.cont3 .promotion .m_more {top:inherit; bottom:0;}

	.cont3 .right {width:calc(45% - 20rem); flex-direction:column; margin:-7rem 0;}

	.cont3 .right a {height:auto; width:100%; height:50%; margin:7rem 0;}

	.cont3 .right a:after { width:40rem; height:40rem;}

	.cont3 .right a.gov {margin-top:0;}

}

@media all and (max-width:1023px){

	.cont3 {margin:60rem 0;}

}

@media all and (max-width:768px){

	.cont3 {margin:0;}

	.cont3 .wrap {flex-wrap:wrap; align-items:flex-start; padding:0;}

	.cont3 .left {width:100%; padding:0 20rem; margin:60rem 0;}

	.cont3 .left .big {display:block; white-space:normal}

	.cont3 .left .small {display:block; height:auto;}

	.cont3 .right {width:100%; flex-direction:row; margin:0;}

	.cont3 .right a {width:50%; height:242rem; margin:0;}

}

@media all and (max-width:599px){

	.cont3 .right {flex-wrap:wrap;}

	.cont3 .right a {width:100%; height:180rem;}

}



.cont4 {margin:80rem 0;}

.cont4 .wrap {display:flex; justify-content:space-between;}

.cont4 .wrap a {display:block; position:relative; width:calc(50% - 13rem); background:#ecf0fa; padding:var(--padding);}

.cont4 .wrap a:before {content:''; position:absolute; bottom:20rem; right:40rem; width:170rem; height:170rem; background:url('/design/kr/img/main/img11.jpg') no-repeat 0 0/200% auto; border-radius:50%; border:10px solid #fff;}

.cont4 .wrap a.m2:before {background-position:100% 0;}

.cont4 .txt {display:flex; align-items:center; margin-top:-5rem; font-size:19rem;}

.cont4 .txt:after {content:''; width:50rem; height:50rem; margin-left:10rem; background:url('/design/kr/img/main/icon1.png') no-repeat 75% 100%/500% auto;}

.cont4 .txt strong {display:inline-block; margin-right:10rem; color:#525252;}

@media all and (max-width:1640px){

	.cont4 {margin:60rem 0;}

	.cont4 .wrap a {width:calc(50% - 7rem);}

	.cont4 .wrap a:before {width:120rem; height:120rem; right:25rem; top:50%; margin-top:-65rem;  border-width:6px;}

	.cont4 .txt {display:flex; flex-wrap:wrap; margin-top:5rem;}

	.cont4 .txt strong {display:block; width:100%; margin-bottom:-10rem;}

}

@media all and (max-width:1023px){

	.cont4 {margin:0;}

	.cont4 .heading {flex-wrap:wrap;}

	.cont4 .near {width:100%;}

	.cont4 .heading .type2 {padding-top:0; margin:-5rem 0 15rem 0; }

}

@media all and (max-width:768px){

	.cont4 .wrap {padding:0;}

	.cont4 .wrap a {width:50%;}

	.cont4 .wrap a:before {width:100rem; height:100rem; margin-top:-140rem;}

	.cont4 .wrap a:last-child {background:#e7ddf3;}

}

@media all and (max-width:599px){

	.cont4 .wrap {flex-wrap:wrap;}

	.cont4 .wrap a {width:100%;}

	.cont4 .wrap a:before {width:140rem; height:140rem; top:50%; transform:translateY(-50%); margin-top:0;}

}

@media all and (max-width:376px){

	.cont4 .wrap a:before {width:100rem; height:100rem;}

}

@media all and (max-width:321px){

	.cont4 .wrap a:before {top:-25rem; right:15rem; transform:none;}

}



.cont5 {position:relative;}

.cont5::before {content:''; position:absolute; bottom:0; left:0; width:calc(50% - 40rem); height:345rem; background:#18479e; z-index:-1;}

.cont5 .wrap {display:flex; justify-content:space-between;}

.cont5 .wrap article {position:relative;}

.cont5 .wrap article h3 {font-size:27rem; font-weight:700; margin-left:3rem; margin-bottom:23rem;}

.cont5 .splide__slide img,

.cont5 .splide__slide iframe,

.cont5 .splide__slide video {width:100%; height:487rem; object-fit:cover; display:block;}

.cont5 .splide__pagination {position:absolute; top:-60rem; right:0;}

.cont5 .tit {overflow:hidden; text-overflow:ellipsis; font-weight:500; font-size:21rem; padding:27rem 0 0 3rem; white-space:nowrap;}

.cont5 .video {position:relative; width:calc(50% - 40rem); padding-bottom:80rem;}

.cont5 .video .tit {display:none;}

.cont5 .gallery {width:calc(50% - 40rem);}

@media all and (max-width:1640px){

	.cont5::before {display:none;}

	.cont5 .splide__slide img,

	.cont5 .splide__slide iframe,

	.cont5 .splide__slide video {height:350rem;}

	.cont5 .gallery {width:calc(50% - 20rem);}

	.cont5 .video {width:calc(50% - 20rem); padding-bottom:0;}

	.cont5 .video .tit {display:block;}

}

@media all and (max-width:1023px){

	.cont5 .wrap {flex-wrap:wrap; padding:0;}

	.cont5 .wrap article h3 {padding:0 20rem;}

	.cont5 .splide__slide img,

	.cont5 .splide__slide iframe,

	.cont5 .splide__slide video {height:200rem;}

	.cont5 .splide__pagination {right:20rem;}

	.cont5 .tit {text-align:center; padding:90rem 20rem 0 20rem;}

	.cont5 .gallery {width:100%; order:1; margin-top:120rem;}

	.cont5 .gallery h3 {position:absolute; left:-9999rem;}

	.cont5 .gallery .splide__track {overflow:visible;}

	.cont5 .gallery .splide__slide {background:#000;}

	.cont5 .gallery .splide__slide a {}

	.cont5 .gallery .splide__slide img {object-fit:cover; transition:all 0.5s; opacity:0.4;}

	.cont5 .gallery .splide__slide:first-child,

	.cont5 .gallery .splide__slide.is-active {z-index:1;}

	.cont5 .gallery .splide__slide:first-child img,

	.cont5 .gallery .splide__slide.is-active img {box-shadow:10px 10px 20px rgba(0,0,0,0.2); transform:scale(1.6); opacity:1;}

	.cont5 .video {width:100%; order:2; margin-top:60rem;}

	.cont5 .video .tit {display:none;}

	.cont5 .video iframe {height:400rem;}										   

}

@media all and (max-width:599px){

	.cont5 .video iframe {height:300rem;}

}

@media all and (max-width:321px){

	.cont5 .splide__slide img,

	.cont5 .splide__slide iframe,

	.cont5 .splide__slide video {height:300rem;}

	.cont5 .tit {padding:27rem 20rem 0 20rem;}

	.cont5 .gallery {margin-top:60rem;}

	.cont5 .gallery h3 {position:static;}

	.cont5 .gallery .splide__slide:first-child img,

	.cont5 .gallery .splide__slide.is-active img {transform:scale(1);}

}



.cont6 {margin-top:80rem; margin-bottom:80rem;}

.cont6 .list {display:flex; justify-content:space-between;}

.cont6 .list li {flex-shrink:0; flex-grow:0; position:relative; border-radius:50%; overflow:hidden;}

.cont6 .list li:before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.4;}

.cont6 .list li a {display:flex; flex-direction:column; justify-content:center; align-items:center; width:213rem; height:213rem; background:url('/design/kr/img/main/img2.jpg') no-repeat 0 0/cover; color:#fff; font-family:'Times New Roman'; font-style:italic; font-weight:600;}

.cont6 .list li.japan a {background-image:url('/design/kr/img/main/img6.jpg')}

.cont6 .list li.korea a {background-image:url('/design/kr/img/main/img7.jpg')}

.cont6 .list li.dprk a {background-image:url('/design/kr/img/main/img8.jpg')}

.cont6 .list li.mongolia a {background-image:url('/design/kr/img/main/img9.jpg')}

.cont6 .list li.russia a {background-image:url('/design/kr/img/main/img10.jpg')}

.cont6 .list span {display:block; line-height:1.4; position:relative;}

.cont6 .list span.num {font-size:41rem;}

.cont6 .list span.nation {font-size:27rem; text-transform:capitalize;;}

@media all and (max-width:1640px){

	.cont6 {margin-top:60rem; margin-bottom:0; padding:0;}

	.cont6 .list li {border-radius:0; flex:0 0 auto; width:16.666%;}

	.cont6 .list li a {width:auto; height:auto; padding:100rem 0;}

}

@media all and (max-width:1023px){

	.cont6 {margin-top:0;}

	.cont6 .list {flex-wrap:wrap;}

	.cont6 .list li {width:33.333%;}

}

@media all and (max-width:599px){

	.cont6 .list li a {padding:50rem 0;}

}

@media all and (max-width:321px){

	.cont6 .list li {width:50%;}

}