@charset "UTF-8";

:root {
	--border-radius : 20rem;
}
@media (max-width:1240px) {
  :root {
	--border-radius : 10rem;
  }
}
button {display:block; border:0; background:none;}
.slick-slide li {display:block !important;}
.m_more {display:block; position:relative; width:30rem; height:30rem; text-indent:-9999rem;}
.m_more:before,
.m_more:after {content:''; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); background:#323232; border-radius:40px;}
.m_more:before {width:22rem; height:4px;}
.m_more:after {width:4px; height:22rem;}


/*ANIMATION*/
.spring span {display:block; position:absolute; /*z-index:1;*/}
.tree1 {position:absolute; top:0; left:0; width:470rem; height:298rem; background:url('/Main/Images/new/ko2025/main/spring/ani1.png') no-repeat 0 0/contain; border-radius:60rem 0 0 0; }
.spring span.leaf1 {top:177rem; right:130rem; width:23rem; height:18rem; background:url('/Main/Images/new/ko2025/main/spring/leaf1.png') no-repeat 0 0/contain; animation:fall 4s linear infinite; }
.spring span.leaf2 {top:284rem; left:24rem; width:33rem; height:34rem; background:url('/Main/Images/new/ko2025/main/spring/leaf3.png') no-repeat 0 0/contain; animation:fall 4s linear infinite;}
.spring span.leaf3 {top:130rem; right:140rem; width:33rem; height:34rem; background:url('/Main/Images/new/ko2025/main/spring/leaf3.png') no-repeat 0 0/contain; animation:fall 4s linear infinite;}
.spring span.leaf4 {top:190rem; left:24rem; width:36rem; height:24rem; background:url('/Main/Images/new/ko2025/main/spring/leaf4.png') no-repeat 0 0/contain; animation:fall 4s linear infinite;}
.spring span.leaf5 {top:250rem; right:120rem; width:13rem; height:21rem; background:url('/Main/Images/new/ko2025/main/spring/leaf5.png') no-repeat 0 0/contain; animation:fall2 6s ease 0s infinite;}
.spring span.leaf6 {top:300rem; left:120rem; width:17rem; height:12rem; background:url('/Main/Images/new/ko2025/main/spring/leaf6.png') no-repeat 0 0/contain; animation:fall3 6s ease 0s infinite;}
.spring span.leaf7 {top:300rem; right:90rem; width:17rem; height:12rem; background:url('/Main/Images/new/ko2025/main/spring/leaf6.png') no-repeat 0 0/contain; animation:fall4 6s ease 0s infinite;}
.spring span.cloud1 {bottom:90rem; right:0; width:391rem; height:284rem; background:url('/Main/Images/new/ko2025/main/spring/cloud1.png') no-repeat 0 0/contain;}
@keyframes fall {
  0% {transform:translate(0, 50px) rotate(0deg);}
  100% {transform:translate(calc(50px + 50px), calc(50px + 50px)) rotate(720deg);}
}
@keyframes fall2 {
	0% {transform:scale(1,1); opacity:0.8;}
	100% {transform:scale(0.7,0.7) translate(-110px,200px); opacity:0;}
}
@keyframes fall3 {
	20%  {transform:scale(0.9,0.9) rotate(-50deg) translate(-40px,40px);}
	80%  {transform:scale(0.5,0.5) rotate(50deg) translate(-200px,300px); opacity:0;}
	100% {transform:scale(0.5,0.5) translate(-200px,500px); opacity:0;}
}
@keyframes fall4 {
	0%   {transform:scale(1,1); opacity:0.8;}
	100% {transform:scale(0.7,0.7) translate(0,200px); opacity:0;}
}

.summer span {display:block; position:absolute; /*z-index:1;*/}
.summer .sea {position:absolute; top:0; left:0; width:425rem; height:635rem; background:url('/Main/Images/new/ko2025/main/summer/sea.png') no-repeat 0 0/contain; border-radius:60rem 0 0 0;}
.summer span.wave {top:150rem; left:0; width:425rem; height:343rem; background:url('/Main/Images/new/ko2025/main/summer/wave.png') no-repeat 0 0/contain; animation:waveFloat 6s ease-in-out infinite;}
.summer span.surfer {top:35rem; left:30rem; width:59rem; height:62rem; background:url('/Main/Images/new/ko2025/main/summer/surfer.png') no-repeat 0 0/contain; animation:surferFloat 6s linear infinite;}
.summer span.tube {top:50rem; right:20rem; width:57rem; height:83rem; background:url('/Main/Images/new/ko2025/main/summer/tube.png') no-repeat 0 0/contain; animation:tubeFloat 3s ease-in-out infinite;}
.summer span.gull {bottom:30rem; left:50rem; width:35rem; height:36rem; background:url('/Main/Images/new/ko2025/main/summer/gull.png') no-repeat 0 0/contain; animation:gullWalkTurn 8s ease-in-out infinite; transform-origin:center bottom;}
.summer span.boy {bottom:20rem; right:10rem; width:187rem; height:129rem; background:url('/Main/Images/new/ko2025/main/summer/boy.png') no-repeat 0 0/contain;}
@keyframes waveFloat {
  0%   {transform:translateY(0);}
  50%  {transform:translateY(-30rem);}
  100% {transform:translateY(0);}
}
@keyframes surferFloat {
  0%   {transform:translate(0, 0);}
  20%  {transform:translate(10rem, -10rem);}
  100% {transform:translate(0, 0);}
}
@keyframes tubeFloat {
  0%   {transform:translateY(0);}
  50%  {transform:translateY(-5rem);}
  100% {transform:translateY(0);}
}
@keyframes gullWalkTurn {
  0%  {transform:translateX(0rem) scaleX(1) rotate(0deg);}
  10% {transform:translateX(10rem) scaleX(1) rotate(-2deg);}
  20% {transform:translateX(20rem) scaleX(1) rotate(2deg);}
  30% {transform:translateX(30rem) scaleX(1) rotate(-2deg);}
  40% {transform:translateX(40rem) scaleX(1) rotate(2deg);}
  50% {transform:translateX(50rem) scaleX(1) rotate(0deg);}

  60%  {transform:translateX(40rem) scaleX(-1) rotate(-2deg);}
  70%  {transform:translateX(30rem) scaleX(-1) rotate(2deg);}
  80%  {transform:translateX(20rem) scaleX(-1) rotate(-2deg);}
  90%  {transform:translateX(10rem) scaleX(-1) rotate(2deg);}
  100% {transform:translateX(0rem) scaleX(-1) rotate(0deg);}
}

.fall span {display:block; position:absolute; /*z-index:1;*/}
.fall .grass {position:absolute; bottom:0; left:0; width:100%; height:80rem; background:url('/Main/Images/new/ko2025/main/fall/grass.png') no-repeat;}
.fall span.flower1 {left:0rem; bottom:-27rem; width:235rem; height:140rem; background:url('/Main/Images/new/ko2025/main/fall/flower1.png') no-repeat 0 0 / contain; animation:sway 5.8s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite; animation-delay:1s; transform-origin:bottom center;}
.fall span.flower2 {right:0; bottom:-27rem; width:185rem; height:125rem; background:url('/Main/Images/new/ko2025/main/fall/flower2.png') no-repeat 0 0 / contain; animation:sway 5.5s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite; animation-delay:0s; transform-origin:bottom center;}
.fall .field {position:absolute; bottom:0; left:0; width:425rem; height:300rem; background:url('/Main/Images/new/ko2025/main/fall/field.png') no-repeat 0 0/contain;}
.fall .object {position:absolute; bottom:275rem; left:0; width:100%; height:230rem; background:url('/Main/Images/new/ko2025/main/fall/object.png') no-repeat;}
.fall span.father {left:280rem; bottom:215rem; width:100rem; height:84rem; background:url('/Main/Images/new/ko2025/main/fall/father.png') no-repeat 0 0 / contain; animation:moveFather 5s linear infinite;}
.fall span.mother {left:50rem; bottom:215rem; width:100rem; height:84rem; background:url('/Main/Images/new/ko2025/main/fall/mother.png') no-repeat 0 0 / contain; animation:moveMother 5s linear infinite;}
.fall span.child {left:180rem; bottom:215rem; width:71rem; height:64rem; background:url('/Main/Images/new/ko2025/main/fall/child.png') no-repeat 0 0 / contain; animation:moveChild 5s linear infinite;}
.wheel {position:absolute; width:32rem; height:32rem; background:url('/Main/Images/new/ko2025/main/fall/wheel.png') no-repeat center / contain; animation:rotateWheel 1s linear infinite;}
.wheel.front {left:62rem; bottom:5rem;}
.wheel.back {left:9rem; bottom:5rem;}
.father .wheel {animation:rotateWheel 1s linear infinite;}
.mother .wheel {animation:rotateWheel 1.2s linear infinite;}
.child .wheel {width:22rem; height:22rem;}
.child .wheel.front {left:45rem; bottom:3rem;}
.child .wheel.back {left:4rem; bottom:3rem;}
.fall span.family {width:320rem; height:100rem; left:0rem; background-image:url('/Main/Images/new/ko2025/main/fall/family.png');}
.fall span.family {position:absolute; bottom:215rem; animation:runAcross 10s linear infinite; background-repeat:no-repeat; background-size:contain;}
.wheel.f_front {left:273rem; bottom:11rem;}
.wheel.f_back {left:220rem; bottom:11rem;}
.wheel.m_front {left:70rem; bottom:11rem;}
.wheel.m_back {left:17rem; bottom:11rem;}
.wheel.c_front,
.wheel.c_back {width:22rem; height:22rem;}
.wheel.c_front {left:171rem; bottom:11rem;}
.wheel.c_back {left:129rem; bottom:11rem;}
@keyframes runAcross {
  0%   {left:0; opacity:0;}
  5%  {left:25rem; opacity:1;}
  100% {left:450rem; opacity:1;}
}
@keyframes sway {
  0%   {transform:rotate(0deg);}
  25%  {transform:rotate(2.5deg);}
  50%  {transform:rotate(0deg);}
  75%  {transform:rotate(-2.5deg);}
  100% {transform:rotate(0deg);}
}

@keyframes moveFather {
	0%   {left:280rem;}
	100% {left:430rem;}
}
@keyframes moveMother {
	0%   {left:50rem;}
	100% {left:200rem;}
}
@keyframes moveChild {
	0%   {left:180rem;}
	100% {left:330rem;}
}
@keyframes rotateWheel {
	0%   {transform:rotate(0deg);}
	100% {transform:rotate(360deg);}
}

.winter span {display:block; position:absolute;}
.winter span.sled {right:-150rem; bottom:145rem; width:98rem; height:118rem; background:url('/Main/Images/new/ko2025/main/winter/sled.png') no-repeat; animation:sled-move 15s cubic-bezier(0.3, 0, 0.2, 1) infinite;}
@keyframes sled-move {
	0%	{transform:translate(0,0);}
	100%  {transform:translate(-700%,0);}
}
.winter span.tree {left:0; bottom:0; width:100%; height:142rem; background:url('/Main/Images/new/ko2025/main/winter/tree.png') no-repeat;}
.winter span.mountain {left:0; bottom:0; width:100%; height:495rem; background:url('/Main/Images/new/ko2025/main/winter/mountain.png') no-repeat;}
.winter span.train {left:0; bottom:350rem; width:432rem; height:27rem; background:url('/Main/Images/new/ko2025/main/winter/train.png') no-repeat; animation:train-move 20s linear infinite;}
@keyframes train-move {
	0%   {transform:translateX(-100%);}
	100% {transform:translateX(150%);}
}
.winter span.couple_wrap {left:30rem; bottom:210rem; width:59rem; height:130rem;}
.winter .couple {width:59rem; height:65rem; background:url('/Main/Images/new/ko2025/main/winter/couple.png') no-repeat; animation:couple-bounce 1.2s ease-in-out infinite;}
@keyframes couple-bounce {
	0%   {transform:translateY(0);}
	30%  {transform:translateY(-2rem);}
	50%  {transform:translateY(0);}
	70%  {transform:translateY(-1rem);}
	100% {transform:translateY(0);}
}
.winter .shadow {bottom:0; width:59rem; height:63rem; background:url('/Main/Images/new/ko2025/main/winter/couple_shadow.png') no-repeat; animation:shadow-move 1.2s ease-in-out infinite;}
@keyframes shadow-move {
	0%   {transform:translateY(0);}
	30%  {transform:translateY(2rem);}
	50%  {transform:translateY(0);}
	70%  {transform:translateY(1rem);}
	100% {transform:translateY(0);}
}
.winter .skating {left:130rem; bottom:250rem; width:69rem; height:96rem; background:url('/Main/Images/new/ko2025/main/winter/skating.png') no-repeat;animation: skate 6s linear infinite; transform-origin: center bottom;}
@keyframes skate {
	0%   {transform:translateX(0) scaleX(1);}
	45%  {transform:translateX(170rem) scaleX(1);}
	50%  {transform:translateX(170rem) scaleX(-1);}
	95%  {transform:translateX(0) scaleX(-1);}
	100% {transform:translateX(0) scaleX(1);}
}
.winter .snow {position:fixed; top:0; left:0; width:100%; height:100%; pointer-events:none; background-repeat:repeat; animation:snowFall 12s linear infinite;}
.winter .snow.s1 {background-image:radial-gradient(4rem 4rem at 20rem 20rem, white, transparent), radial-gradient(4rem 4rem at 70rem 40rem, white, transparent), radial-gradient(4rem 4rem at 50rem 80rem, white, transparent); background-size: 120rem 120rem; opacity:0.9; animation-duration:12s;}
.winter .snow.s2 {background-image:
radial-gradient(6rem 6rem at 30rem 30rem, white, transparent), radial-gradient(6rem 6rem at 80rem 80rem, white, transparent); background-size: 150rem 150rem; opacity:0.7; animation-duration:18s;}
.winter .snow.s3 {background-image:radial-gradient(9rem 9rem at 40rem 40rem, white, transparent); background-size:160rem 160rem; opacity:0.6; animation-duration:25s;}
@keyframes snowFall {
	from {transform:translateY(-100rem);}
	to	 {transform:translateY(100vh);}
}

.xmas span {display:block; position:absolute;}
.xmas .poinsettia {left:0; top:0; width:100%; height:115rem; background:url('/Main/Images/new/ko2025/main/winter/poinsettia.png') no-repeat;}
.xmas .village {left:0; bottom:0; width:100%; height:245rem; background:url('/Main/Images/new/ko2025/main/winter/village.png') no-repeat; background-size:cover;}
.xmas .smoke {right:90rem; bottom:157rem; width:200rem; height:36rem; background:url('/Main/Images/new/ko2025/main/winter/smoke.png') no-repeat; animation:smokeMove 5s linear infinite;}
@keyframes smokeMove {
	from {transform:translateX(0); opacity:1;}
	to   {transform:translateX(30rem); opacity:0;}
}
.xmas .santa {right:20rem; bottom:280rem; width:150rem; height:50rem; background:url('/Main/Images/new/ko2025/main/winter/santa.png') no-repeat; animation:santaMove 6s linear infinite;}
@keyframes santaMove {
	from {transform:translateX(0) translateY(50px);}
	to	 {transform:translateX(-450rem) translateY(0);}
}
.xmas .snow {position:fixed; top:0; left:0; width:100%; height:100%; pointer-events:none; background-repeat:repeat; animation:snowFall 12s linear infinite;}
.xmas .snow.s1 {background-image:radial-gradient(4rem 4rem at 20rem 20rem, white, transparent), radial-gradient(4rem 4rem at 70rem 40rem, white, transparent), radial-gradient(4rem 4rem at 50rem 80rem, white, transparent); background-size: 120rem 120rem; opacity:0.9; animation-duration:12s;}
.xmas .snow.s2 {background-image:
radial-gradient(6rem 6rem at 30rem 30rem, white, transparent), radial-gradient(6rem 6rem at 80rem 80rem, white, transparent); background-size: 150rem 150rem; opacity:0.7; animation-duration:18s;}
.xmas .snow.s3 {background-image:radial-gradient(9rem 9rem at 40rem 40rem, white, transparent); background-size:160rem 160rem; opacity:0.6; animation-duration:25s;}
@keyframes snowFall {
	from {transform:translateY(-100rem);}
	to	 {transform:translateY(100vh);}
}

.newyear span {display:block; position:absolute;}
.newyear .ground {left:0; bottom:0; width:100%; height:280rem; background:url('/Main/Images/new/ko2025/main/newyear/ground.png') no-repeat;}
.newyear .tree1 {left:0; top:50rem; width:135rem; height:100rem; background:url('/Main/Images/new/ko2025/main/newyear/tree1.png') no-repeat;}
.newyear .tree2 {right:0; top:200rem; width:80rem; height:62rem; background:url('/Main/Images/new/ko2025/main/newyear/tree2.png') no-repeat;}
.newyear .cloud {right:0; top:150rem; width:96rem; height:73rem; background:url('/Main/Images/new/ko2025/main/newyear/cloud.png') no-repeat; animation:moveCloud 20s linear infinite;}
@keyframes moveCloud {
	0% {right:0;}
	100% {right:100%;}
}

.cont1 {display:flex; align-items:flex-end; margin-top:30rem; padding-bottom:100rem;}
.cont1 .left {position:relative; width:25%; min-height:650rem; background:linear-gradient(to bottom, #90c5ed, #dff0fd); padding:40rem; border-radius:60rem 0 0 20rem; overflow:hidden;}
.cont1 .left:before {content:''; position:absolute; bottom:0; right:-100rem; width:100rem; height:100rem; background:#b8bc30; z-index:-1;}
.cont1 .logo {display:flex; justify-content:center; position:relative; background:url('/Main/Images/new/ko2025/main/obj1.png') no-repeat center bottom; padding-bottom:50rem; margin-bottom:210rem; z-index:2;}
.cont1 .logo .carousel {animation:slide-in-elliptic-top-fwd .7s cubic-bezier(.25,.46,.45,.94) both;}
@keyframes slide-in-elliptic-top-fwd{ 
  0%{transform:translateY(-600px) rotateX(-30deg) scale(0);transform-origin:50% 100%;opacity:0}
  100%{transform:translateY(0) rotateX(0) scale(1);transform-origin:50% 1400px; opacity:1} 
}
.cont1 .weather {position:relative; margin-bottom:0; z-index:2; text-align:center;}
.cont1 .weather .detail {display:flex; flex-direction:column; align-items:center;}
.cont1 .weather .detail .img img {width:100rem; height:auto;}
.cont1 .weather .date {display:block; position:static; font-weight:600; font-size:18rem;}
.cont1 .weather .detail .txt {margin:0; font-size:19rem;}
.cont1 .weather .detail .txt .temp,
.cont1 .weather .detail .txt .state {font-size:23rem; font-weight:700;}
.cont1 .weather .detail .txt .state {color:#0b57d3; font-style:normal;}
.cont1 .search {position:relative;  margin-top:30rem; z-index:2;}
.cont1 .search_area_wrap,
.cont1 .search form,
.cont1 .search input[type="text"] {border-radius:200rem;}
.cont1 .search_area_wrap {background:rgb(210,35,70);  background: linear-gradient(90deg, rgba(210,35,70,1) 0%, rgba(15,86,208,1) 100%); padding:2rem;}
.cont1 .search form {display:flex; align-items:center; background:#fff; }
.cont1 .search label {position:absolute; left:-9999rem;}
.cont1 .search input[type="text"] {width:100%; height:50rem; padding:0 0 0 20rem;  background:#fff; border:0; font-size:17px;}
.cont1 .search input[type="text"]::placeholder {color:#000; font-weight:600; letter-spacing:-0.3rem;}
.cont1 .search .submit {display:block; width:37rem; height:37rem; margin:2rem 15rem 0 0; background:url('/Main/Images/new/ko2025/layout/icon1.png') no-repeat 0 0/200% auto; text-indent:-9999rem;} 
.cont1 .search .search_keywords {text-align:center; font-size:16rem; margin:15rem 0 0 0;}
.cont1 .search .search_keywords a {display:inline-block; margin:0 5rem;}
.cont1 .search .search_keywords span {display:inline-block; margin:0 5rem; color:#0b57d3;}
.cont1 .video,
.cont1 .video * {border-radius:20rem 20rem 20rem 0;}
.cont1 .video {position:relative; width:75%; height:717rem; padding-top:2rem; background:#fff;}
.cont1 .video .video_thum {cursor:pointer; width:100%; height:auto; object-fit:cover; display:block;}
.cont1 .video video {width:100%;}
.cont1 .video iframe {height:717rem;}
.cont1 .video .mobile {display:none;}
.cont1 .video .control {display:flex; align-items:center; position:absolute; bottom:-60rem; left:50%; transform:translateX(-50%);}
.cont1 .video .control a {display:inline-block; width:26rem; height:26rem; text-indent:-9999rem; 
/*background:url('/Main/Images/new/ko2025/main/control2.png') no-repeat 0 0/400% auto;*/}
.cont1 .video .control a.prev {margin-left:15rem; background:url('/Main/Images/new/ko2025/main/control1.png') no-repeat 0 100%/500% auto;}
.cont1 .video .control a.resume {margin-top:3rem; background-position:33.333% 0;}
.cont1 .video .control a.play {margin-top:3rem; display:none; background-position:66.666% 0;}
.cont1 .video .control a.next {background:url('/Main/Images/new/ko2025/main/control1.png') no-repeat 75% 100%/500% auto;}
.cont1 .slick-dots {display:flex; padding:0 10rem;}
.cont1 .slick-dots li {width:26rem; height:26rem; position:relative;}
.cont1 .slick-dots li button {display:block; position:absolute; top:50%; left:50%; width:17rem; height:17rem; transform:translate(-50%, -50%); border:1px solid #323232; border-radius:50%; text-indent:-9999rem;}
.cont1 .slick-dots li.slick-active button {background:#323232;}
@media all and (max-width:1700px){
  .cont1 .left {width:30%; min-height:auto;}
  .cont1 .left:before {height:100%;}
  .cont1 .left,
  .cont1 .video,
  .cont1 .video iframe {height:710rem;}
  .cont1 .video {padding-top:0;}
  .cont1 .logo {margin-bottom:310rem;}
  .cont1 .weather .date {position:static; /*text-align:center;*/ display:block;}
  .cont1 .weather .detail {flex-direction:column;}
  .cont1 .weather .detail .txt {margin:0 0 20rem 0;}
  .cont1 .video {width:70%;}
}
@media all and (max-width:1600px){
  .cont1 .left,
  .cont1 .video,
  .cont1 .video iframe {height:650rem;}
}
@media all and (max-width:1400px){
  .cont1 .left,
  .cont1 .video,
  .cont1 .video iframe {height:590rem;}
}
@media all and (max-width:1240px){
  .cont1.wrap {padding-left:0; padding-right:0;}
  .cont1 {margin-top:0;}
  .cont1 .left {display:none;}
  .cont1 .video {width:100%;}
  .cont1 .video,
  .cont1 .video * {border-radius:0;}
  .cont1 .video {width:100%; height:500rem;}
  .cont1 .video video {object-fit: cover;}
  .cont1 .video video, .cont1 .video iframe, .cont1 .video .video_thum {height:500rem;}
}

@media all and (max-width:768px){
  .cont1 .video {height:450rem; }
  .cont1 .video video, .cont1 .video iframe, .cont1 .video .video_thum {height:450rem;}
  .cont1 .video .web {display:none;}
  .cont1 .video .mobile {display:block;}
}

@media all and (max-width:560px){
  .cont1 .video {height:250rem; }
  .cont1 .video video, .cont1 .video iframe, .cont1 .video .video_thum {height:250rem;}
}


.cont2 {position:relative; margin-bottom:60rem;}
.cont2 h2 {font-size:32rem; margin-bottom:30rem;}
.cont2 .carousel li a {display:block; text-align:center; padding-top:80rem; position:relative;}
.cont2 .carousel li a::before {content:''; position:absolute; top:0; left:50%; width:76rem; height:76rem; margin-left:-38rem; background:url('/Main/Images/new/ko2025/main/quick_250909.png') no-repeat 0 0/600% auto;}
.cont2 .carousel li.icon1 a::before {background-position:0 0;}
.cont2 .carousel li.icon2 a::before {background-position:20% 0;}
.cont2 .carousel li.icon3 a::before {background-position:40% 0;}
.cont2 .carousel li.icon4 a::before {background-position:60% 0;}
.cont2 .carousel li.icon5 a::before {background-position:80% 0;}
.cont2 .carousel li.icon6 a::before {background-position:100% 0;}
.cont2 .carousel li.icon7 a::before {background-position:0 50%;}
.cont2 .carousel li.icon8 a::before {background-position:20% 50%;}
.cont2 .carousel li.icon9 a::before {background-position:40% 50%;}
.cont2 .carousel li.icon10 a::before {background-position:60% 50%;}
.cont2 .carousel li.icon11 a::before {background-position:80% 50%;}
.cont2 .carousel li.icon12 a::before {background-position:100% 50%;}
.cont2 .carousel li.icon13 a::before {background-position:0 100%;}
.cont2 .carousel .slick-list {margin:0 -10rem; padding:25rem 40rem 35rem; background:#f8f8f8; border-radius:var(--border-radius);}
.cont2 .carousel .slick-dots {display:flex; justify-content:center; margin-top:30rem;}
.cont2 .carousel .slick-dots li {width:35rem; height:26rem; position:relative;}
.cont2 .carousel .slick-dots li button {display:block; position:absolute; top:50%; left:50%; width:17rem; height:17rem; transform:translate(-50%, -50%); background:#323232; border-radius:50%; text-indent:-9999rem;}
.cont2 .carousel .slick-dots li.slick-active button {width:35rem; background:#174296; border-radius:40rem;}
.cont2 .carousel .slick-slide > div {display:flex;}
.cont2 .carousel button {display:none;}
/*on*/
.cont2.on .carousel {display:flex; flex-wrap:wrap; background:#f8f8f8; border-radius:var(--border-radius); padding:25rem 50rem 35rem;}
.cont2.on .carousel li {width:11.1111%; padding:0 10rem; margin:10rem 0;}
.cont2.on .carousel li a {margin:0;}
/*on끝*/
.cont2 .view {display:flex; align-items:center; position:absolute; right:0; top:10rem;}
.cont2 .view:after {content:''; flex-shrink:0; margin:-3rem 0 0 10rem; display:block; width:26rem; height:26rem; text-indent:-9999rem; background:url('/Main/Images/new/ko2025/main/control1.png') no-repeat 100% 100%/500% auto;}
.cont2 .view strong {display:inline-block; margin:0 0 0 5rem;}
@media all and (max-width:1840px){
  .cont2 .carousel li a {padding-top:74rem;}
  .cont2 .carousel li a::before {width:70rem; height:70rem; margin-left:-35rem;}
  .cont2 .slick-arrow {width:40rem; height:40rem;}
  .cont2 .slick-arrow.slick-prev {left:40rem;}
  .cont2 .slick-arrow.slick-next {right:40rem;}
  .cont2 .view {right:40rem;}
  /*on*/
  .cont2.on .carousel li {width:12.5%;}
}
@media all and (max-width:1440px){
  .cont2.on .carousel li {width:14.2857%;}
}
@media all and (max-width:1240px){
  .cont2.wrap {padding:0;}
  .cont2 h2 {padding:0 20rem;}
  .cont2 .view {right:20rem;}
  .cont2 .carousel {border-radius:0;}
  .cont2.on .carousel li {width:16.6666%}
}
@media all and (max-width:1023px){
  .cont2 {margin-bottom:0;}
  .cont2.wrap {background:#f8f8f8; padding:40rem 20rem;}
  .cont2 h2 {margin-bottom:0; padding:0;}
  .cont2 .view {top:50rem; right:20rem;}
  .cont2 .carousel .slick-list {margin:0 -10rem; padding:0;}
  .cont2 .carousel .slick-dots {display:flex; justify-content:center; margin-top:30rem;}
  .cont2 .carousel .slick-dots li {width:30rem; height:26rem; position:relative;}
  .cont2 .carousel .slick-dots li button {display:block; position:absolute; top:50%; left:50%; width:12rem; height:12rem; transform:translate(-50%, -50%); background:#d0d0d0; border-radius:50%; text-indent:-9999rem;}
  .cont2 .carousel .slick-dots li.slick-active button {width:30rem; background:#174296; border-radius:40rem;}
  .cont2 .carousel {padding:20rem 0;}
  .cont2 .carousel .slick-list {margin:-5rem;}
  .cont2 .carousel .slick-slide > div {display:flex;}
  .cont2 .carousel li div {flex-direction:row; justify-content:space-between; height:auto; text-align:left;}
  .cont2 .carousel li a {margin:5rem; padding:15rem 17rem; text-align:left; background:#fff; border-radius: var(--border-radius);}
  .cont2 .carousel li a::before {display:none;}
  .cont2 .carousel li.icon12 {display:none;}
  /*on*/
  .cont2.on .carousel {margin:20rem -5rem 0; padding:0;}
  .cont2.on .carousel li {width:33.333%; padding:0 5rem; margin:5rem 0;}
}
@media all and (max-width:768px){
	.cont2.on .carousel li {width:50%;}
}


.cont3 {display:flex; align-items:flex-end; justify-content:space-between; position:relative; padding-left:40rem; }
.cont3:before {content:''; position:absolute; bottom:0; left:0; width:100%; height:calc(100% - 60rem); background:#f1f6fd; z-index:-1; border-radius:200rem 200rem 60rem 60rem; box-shadow:0 10rem 15rem rgba(197,209,227,0.4);}
.cont3 .vis {width:60%; position:relative; padding-bottom:40rem;}
.cont3 .vis .slick-list,
.cont3 .vis .slick-slide img {border-radius:var(--border-radius);}
.cont3 .vis .slick-slide img {width:100%; height:417rem;}
.cont3 .vis .slick-list li {position:relative;}
.cont3 .vis .group {display:flex; position:absolute; bottom:40rem; right:0; padding:10rem 20rem; background:#3c455a; border-radius:40rem 40rem 20rem 40rem;}
.cont3 .vis .pager {color:#fff; position:relative;}
.cont3 .vis .pager:before {content:''; position:absolute; top:50%; left:50%; width:15rem; height:1px; background:#fff; transform:translate(-50%, -50%);}
.cont3 .vis .pager span {display:inline-block; padding:0 20rem;}
.cont3 .vis .pager span.current {font-weight:600;}
.cont3 .vis .control a {display:inline-block; width:26rem; height:26rem; text-indent:-9999rem; background:url('/Main/Images/new/ko2025/main/control1.png') no-repeat 0 0/500% auto;}
.cont3 .vis .control a.prev {background-position:0 0;}
.cont3 .vis .control a.resume {background-position:25% 0;}
.cont3 .vis .control a.play {display:none; background-position:50% 0;}
.cont3 .vis .control a.next {background-position:75% 0;}
.cont3 .vis .control a.view {background-position:100% 0;}
.cont3 .gov {width:40%; padding-left:60rem; position:relative; }
.cont3 .gov:before {content:''; position:absolute; bottom:32rem; right:0; width:376rem; height:317rem; background:url('/Main/Images/new/ko2025/main/obj2.png') no-repeat center/contain; z-index:-1;}
.cont3 .gov .space {padding-left:60rem; margin-bottom:50rem; position:relative;}
.cont3 .gov .space:after {content:''; position:absolute; bottom:-60rem; right:60rem; width:259rem; height:280rem; background:url('/Main/Images/new/ko2025/main/gov.png') no-repeat center/contain;}
.cont3 .gov h2 {font-size:26rem; margin-bottom:5rem;}
.cont3 .gov h2 strong {font-weight:800;}
.cont3 .gov span {display:block; font-weight:800; font-style:italic; background: rgb(229,17,51); background: linear-gradient(90deg, rgba(229,17,51,1) 0%, rgba(252,195,204,1) 50%); background-clip:text; -webkit-background-clip: text; color: transparent; padding-right:20rem;}
.cont3 .gov .link1 {margin:25rem 0;}
.cont3 .gov .link1 a {display:flex; align-items:center; margin:10rem 3rem; font-weight:500;}
.cont3 .gov .link1 a:before {content:''; flex-shrink:0; width:5px; height:5px; margin-right:10rem; background:#325493; border-radius:50%;}
.cont3 .gov .link2 {position:relative; z-index:1; padding:25rem 50rem 15rem; background:rgb(223,233,246); background: linear-gradient(180deg, rgba(223,233,246,1) 0%, rgba(241,246,253,1) 100%); border-radius:200rem 0 60rem 0;}
.cont3 .gov .link2 a {display:inline-flex; align-items:center; margin:0 10rem; font-weight:500;}
.cont3 .gov .link2 a:before {content:''; flex-shrink:0; width:26rem; height:26rem; margin-right:10rem; background:url('/Main/Images/new/ko2025/main/icon2.png') no-repeat 0 0/300% auto;}
.cont3 .gov .link2 a.icon1:before {background-position:0 0;}
.cont3 .gov .link2 a.icon2:before {background-position:50% 0;}
.cont3 .gov .link2 a.icon3:before {background-position:100% 0;}
@media all and (max-width:1840px){
  .cont3.wrap {padding:0;}
  .cont3 .vis {padding-left:40rem;}
  .cont3 .gov {padding-left:40rem;}
  .cont3 .gov .space {padding-left:40rem;}
}
@media all and (max-width:1440px){
  .cont3 .vis {width:55%}
  .cont3 .gov {width:45%}
}
@media all and (max-width:1240px){
  .cont3 {flex-wrap:wrap; background:#f1f6fd;}
  .cont3:before {display:none;}
  .cont3:after {content:''; position:absolute; bottom:10%; right:-10%; width:486rem; height:317rem; background:url('/Main/Images/new/ko2025/main/obj3.png') no-repeat center/contain;}
  .cont3 .vis {width:100%; padding-right:40rem; padding-top:40rem; z-index:2;}
  .cont3 .vis .slick-list {margin:0 -10rem;}
  .cont3 .vis .slick-slide a {display:block; margin:0 10rem;}
  .cont3 .vis .slick-slide img {height:320rem;}
  .cont3 .vis .group {position:static; background:none; border-radius:0; padding:20rem 0;}
  .cont3 .vis .pager {color:#323232; margin-left:-19rem;}
  .cont3 .vis .pager:before {background:#323232;}
  .cont3 .vis .control a.prev {background-position:0 100%;}
  .cont3 .vis .control a.resume {background-position:25% 100%;}
  .cont3 .vis .control a.play {background-position:50% 100%;}
  .cont3 .vis .control a.next {background-position:75% 100%;}
  .cont3 .vis .control a.view {background-position:100% 100%;}
  .cont3 .gov {width:100%; z-index:2;}
  .cont3 .gov:before {display:none;}
  .cont3 .gov .space {position:relative; padding:0 0 30rem 0; display:flex; flex-wrap:wrap; margin-bottom:0;}
  .cont3 .gov .space:after {bottom:-116rem; right:40rem; z-index:2;}
  .cont3 .gov span {position:absolute; top:45rem; left:1rem;}
  .cont3 .gov .link1 {display:flex; flex-wrap:wrap; margin:-5rem 0 0 40rem;}
  .cont3 .gov .link1 a {margin-right:25rem;}
  .cont3 .gov .link2 {border-radius:10rem 0 0 0; margin-top:40rem;} 
}
@media all and (max-width:1023px){
  .cont3 .vis {padding-right:20rem; padding-left:20rem;}
  .cont3 .vis .slick-slide img {height:240rem;}
  .cont3 .gov {padding-left:20rem;}
  .cont3 .gov .link1 {width:calc(100% - 500rem);}
}
@media all and (max-width:768px){
  .cont3 .vis .slick-list {margin:0 ;}
  .cont3 .vis .slick-slide a {margin:0;}
  .cont3 .vis .slick-slide img {height:auto;}
  .cont3 .gov .space:after {bottom:-60rem; right:20rem; z-index:-1;}
  .cont3 .gov h2 {font-size:32rem;}
  .cont3 .gov span {top:55rem}
  .cont3 .gov .link1 a {width:100%;}
  .cont3 .gov .link2 {display:flex; padding:20rem 0;}
  .cont3 .gov .link2 a {width:33.333%; position:relative;  padding:0 20rem; align-items:flex-start}
  .cont3 .gov .link2 a:before {margin-left:-4rem;}
  .cont3 .gov .link2 a:after {content:''; position:absolute; top:50%; right:0; width:1px; height:12px; background:#7e90a7; transform:translateY(-50%);}
  .cont3 .gov .link2 a:last-child:after {display:none;}
  .cont3 .gov .link2 {margin-top:0;}
}
@media all and (max-width:599px){
  .cont3:after {right:-30%;}
  .cont3 .vis .group {justify-content:space-between;}
  .cont3 .gov .space:after {width:230rem; height:249rem; right:-10rem; bottom:0;}
  .cont3 .gov .link1 {width:calc(100% - 200rem); margin:20rem 5rem 0 5rem;}
  .cont3 .gov .link1 a {width:auto;}
  .cont3 .gov span {position:static; width:100%;}
  .cont3 .gov .link2 {padding:15rem 0; text-align:center;}
  .cont3 .gov .link2 a {display:inline-block; margin:0; padding:0;}
  .cont3 .gov .link2 a:before {display:none;}
  /*.cont3 .gov .link2 {flex-wrap:wrap; padding:6rem 0 4rem;}
  .cont3 .gov .link2 a {width:100%; border-bottom:1px solid #d0dbea; padding:12rem 20rem;}
  .cont3 .gov .link2 a:last-child {border:0;}*/
  .cont3 .gov .link2 a:after {display:none;}
}
@media all and (max-width:376px){
	.cont3 .vis .slick-slide img {height:220rem;}
}
@media all and (max-width:321px){
  .cont3 .gov .space:after {width:200rem; height:217rem;}
  .cont3 .gov .link1 {width:100%;}
  .cont3 .gov .link1 a {width:100%;}
}

.cont4 {display:flex; justify-content:space-between; margin-top:60rem; margin-bottom:60rem;}
.cont4 > * {position:relative;}
.cont4 h2 {font-size:32rem; flex-shrink:0;}
.cont4 .m_more {position:absolute; top:5rem; right:5rem;}
.cont4 .align,
.cont4 .popup h2 {margin-bottom:30rem;}
.cont4 .board {width:calc(60% - 30rem);}
.cont4 .board .align {display:flex; align-items:center; justify-content:space-between; margin-right:70rem;}
.cont4 .board .target {display:flex;}
.cont4 .board .target a {display:inline-flex; align-items:center; font-size:22rem; margin-left:35rem; color:#545454;}
.cont4 .board .target a.on {color:#323232; font-weight:700;}
.cont4 .board .target a.on:before {content:''; flex-shrink:0; margin-right:15rem; width:6px; height:6px; background:#174794; border-radius:50%;}
.cont4 .board .show > div:not(:first-child) {display:none;}
.cont4 .board .list {border-top:2px solid #323232; border-bottom:1px solid #323232;}
.cont4 .board .list a {display:flex; border-bottom:1px solid #ddd; padding:25rem;}
.cont4 .board .list:last-child a {border-bottom:0;}
.cont4 .board .list .small {display:flex; width:150rem; color:#545454; padding:3rem 0 0 0;}
.cont4 .board .list .small .date {margin-right:24rem;}
.cont4 .board .list .detail {width:calc(100% - 150rem);}
.cont4 .board .list .tit {font-weight:600; margin:0 0 15rem; font-size:20rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.cont4 .board .list .txt {color:#545454; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.cont4 .popup {width:calc(40% - 30rem);}
.cont4 .popup .slick-list {margin:0 -10rem;}
.cont4 .popup .slick-list,
.cont4 .popup .slick-slide img {border-radius:var(--border-radius);}
.cont4 .popup .slick-slide a {display:block; margin:0 10rem;} 
.cont4 .popup .slick-slide img {width:100%; height:384px;}
.cont4 .popup .control {position:absolute; top:8rem; right:0; margin-right:50rem;}
.cont4 .popup .control a {display:inline-block; width:26rem; height:26rem; text-indent:-9999rem; background:url('/Main/Images/new/ko2025/main/control2.png') no-repeat 0 0/400% auto;}
.cont4 .popup .control a.prev {background-position:0 0;}
.cont4 .popup .control a.resume {background-position:33.333% 0;}
.cont4 .popup .control a.play {display:none; background-position:66.666% 0;}
.cont4 .popup .control a.next {background-position:99.999% 0;}
@media all and (max-width:1840px){
  .cont4 .board .list a {padding:32rem 25rem;}
  .cont4 .board {width:calc(75% - 30rem);}
  .cont4 .popup {width:calc(25% - 30rem);}
}
@media all and (max-width:1440px){
  .cont4 .board {width:calc(70% - 30rem);}
  .cont4 .popup {width:calc(30% - 30rem);}
}
@media all and (max-width:1240px){
  .cont4 {margin:40rem 0;}
}
@media all and (max-width:1023px){
  .cont4 {flex-wrap:wrap;}
  .cont4 .board {width:100%; margin-bottom:40rem;}
  .cont4 .board .list a {flex-wrap:wrap; padding:25rem;}
  .cont4 .board .list .small {width:100%;}
  .cont4 .board .list .detail {width:100%; margin-top:20rem;}
  .cont4 .board .list .tit {margin-bottom:10rem;}
  .cont4 .popup {width:100%;}
  .cont4 .popup .slick-slide img {height:auto;}
}
@media all and (max-width:768px){
  .cont4 .board .align {flex-wrap:wrap; margin-bottom:0; margin-right:0;}
  .cont4 .board .target {width:100%; margin:30rem 0 0 0;}
  .cont4 .board .target a {margin-left:0; width:25%; text-align:center; padding:12rem 10rem; background:#f7f7f7; display:block; border-radius:10rem 10rem 0 0; font-size:18rem;}
  .cont4 .board .target a.on {background:#074098; color:#fff;}
  .cont4 .board .target a.on:before {display:none;}
}
@media all and (max-width:376px){
  .cont4 .board .target {flex-wrap:wrap; position:relative;}
  .cont4 .board .target:before,
  .cont4 .board .target:after {content:''; position:absolute; background:#ddd;}
  .cont4 .board .target:before {top:50%; left:0; width:100%; height:1px;}
  .cont4 .board .target:after {top:0; left:50%; width:1px; height:100%;}
  .cont4 .board .target a {width:50%; border-radius:0;}
  .cont4 .board .target a:nth-child(1) {border-radius:10rem 0 0 0;}
  .cont4 .board .target a:nth-child(2) {border-radius:0 10rem 0 0;}
}
@media all and (max-width:321px){
  .cont4 .popup .slick-list {margin:0;}
  .cont4 .popup .slick-slide a {margin:0;} 
}

.cont5 {margin-bottom:60rem; position:relative;}
.cont5 h2 {font-size:32rem; font-weight:400; margin-bottom:30rem;}
.cont5 .carousel .slick-list {margin:0 -10rem;}
.cont5 .carousel .slick-dots {display:flex; justify-content:center; margin-top:30rem;}
.cont5 .carousel .slick-dots li {width:35rem; height:26rem; position:relative;}
.cont5 .carousel .slick-dots li button {display:block; position:absolute; top:50%; left:50%; width:17rem; height:17rem; transform:translate(-50%, -50%); background:#323232; border-radius:50%; text-indent:-9999rem;}
.cont5 .carousel .slick-dots li.slick-active button {width:35rem; background:#174296; border-radius:40rem;}
.cont5 .carousel li a {display:block; margin:0 10rem; background:#ddd; padding:1px; border-radius:var(--border-radius);  transition:all 0.5s;}
.cont5 .carousel li div {background:#fff; display:flex; flex-direction:column; align-items:center; justify-content:center; height:260rem; position:relative; padding:30rem 20rem; border-radius:var(--border-radius); text-align:center;}
.cont5 .carousel li .tit:before {content:''; display:block; width:100rem; height:100rem; margin:20rem auto; background:url('/Main/Images/new/ko2025/main/section1.png') no-repeat 0 0/600% auto; transition:all 0.3s;}
.cont5 .carousel li.icon1 .tit:before {background-position:0 0;}
.cont5 .carousel li.icon2 .tit:before {background-position:20% 0;}
.cont5 .carousel li.icon3 .tit:before {background-position:40% 0;}
.cont5 .carousel li.icon4 .tit:before {background-position:60% 0;}
.cont5 .carousel li.icon5 .tit:before {background-position:80% 0;}
.cont5 .carousel li.icon6 .tit:before {background-position:100% 0;}
.cont5 .carousel li.icon7 .tit:before {background-position:0 50%;}
.cont5 .carousel li.icon8 .tit:before {background-position:20% 50%;}
.cont5 .carousel li.icon9 .tit:before {background-position:40% 50%;}
.cont5 .carousel li.icon10 .tit:before {background-position:60% 50%;}
.cont5 .carousel li.icon11 .tit:before {background-position:80% 50%;}
.cont5 .carousel li.icon12 .tit:before {background-position:100% 50%;}
.cont5 .carousel li.icon13 .tit:before {background-position:0 100%;}
.cont5 .carousel li.icon14 .tit:before {background-position:20% 100%;}
.cont5 .carousel li .txt {display:none;}
/*hover*/
.cont5 .carousel li a:hover {background:rgb(207,23,60); background:linear-gradient(137deg, rgba(207,23,60,1) 0%, rgba(3,90,215,1) 100%);}
.cont5 .carousel li a:hover div:before {content:''; position:absolute; top:-10rem; right:-10rem; width:60rem; height:60rem; background:#fff url('/Main/Images/new/ko2025/main/arrow1.png') no-repeat 100% 0/200% auto; transform:rotate(45deg); transform:rotate(-45deg);}
.cont5 .carousel li a:hover .num {display:none;}
.cont5 .carousel li a:hover .tit {font-size:20rem; font-weight:600; line-height:1.4; }
.cont5 .carousel li a:hover .tit:before {width:80rem; height:80rem; margin:0 auto 20rem;}
.cont5 .carousel li a:hover .txt {display:block; margin-top:10rem; font-size:16rem; color:#666666; line-height:1.4;}
/*hover끝*/
/*on*/
.cont5.on .carousel {display:flex; flex-wrap:wrap; margin:20rem -10rem 0;}
.cont5.on .carousel li {width:12.5%; padding:0 10rem; margin:10rem 0;}
.cont5.on .carousel li a {margin:0;}
/*on끝*/
.cont5 .view {display:flex; align-items:center; position:absolute; right:5rem; top:10rem;}
.cont5 .view:after {content:''; flex-shrink:0; margin:-3rem 0 0 10rem; display:block; width:26rem; height:26rem; text-indent:-9999rem; background:url('/Main/Images/new/ko2025/main/control1.png') no-repeat 100% 100%/500% auto;}
.cont5 .view strong {display:inline-block; margin:0 0 0 5rem;}
@media all and (max-width:1840px){
  .cont5 .view {right:45rem;}
  /*on*/
  .cont5.on .carousel li {width:14.28%;}
}
@media all and (max-width:1440px){
  /*on*/
  .cont5.on .carousel li {width:16.66%;}
}
@media all and (max-width:1240px){
  .cont5 {margin-bottom:40rem;}
  /*on*/
  .cont5.on .carousel li {width:20%;}
}
@media all and (max-width:1023px){
  .cont5 {margin-bottom:0; background:#f4f8fb; padding-top:40rem; padding-bottom:40rem;}
  .cont5 .carousel .slick-list {margin:-5rem;}
  .cont5 .carousel .slick-slide > div {display:flex;}
  .cont5 .carousel li a {background:#fff; padding:0; margin:5rem;}
  .cont5 .carousel li div {flex-direction:row; justify-content:space-between; height:auto; padding:15rem 17rem; text-align:left;}
  /*.cont5 .carousel li div:after {content:''; display:block; flex-shrink:0; width:20rem; height:20rem; background:url('/Main/Images/new/ko2025/main/arrow2.png') no-repeat 100% 0/200% auto;}*/
  .cont5 .carousel li .num {display:none;}
  .cont5 .carousel li .tit {font-size:18rem; line-height:1.4;}
  .cont5 .carousel li .tit:before {display:none;}
  .cont5 .carousel li .txt {display:none;}
  /*hover*/
  .cont5 .carousel li a:hover {background:none;}
  .cont5 .carousel li a:hover div:before {display:none;}
  .cont5 .carousel li a:hover div:after {background-position:0 0;} 
  .cont5 .carousel li a:hover .tit {font-size:18rem; line-height:1.4; }
  .cont5 .carousel li a:hover .tit:before {display:none;}
  .cont5 .carousel li a:hover .txt {display:none;}
  /*hover끝*/
  /*on*/
  .cont5.on .carousel {margin:20rem -5rem 0;}
  .cont5.on .carousel li {width:33.333%; padding:0 5rem; margin:5rem 0;}
  /*on끝*/
  .cont5 .view {position:static; justify-content:flex-end; margin-top:35rem;}
}
@media all and (max-width:599px){
  .cont5 .carousel li .tit {font-size:17rem;}

  .cont5.on .carousel li {width:50%;}

}
/*@media all and (max-width:376px){
  .cont5 .carousel .slick-list {margin:-5rem 0;}
  .cont5 .carousel li a {margin:5rem 0;}

  .cont5.on .carousel {margin:20rem 0 -5rem 0;}
  .cont5.on .carousel li {width:100%; padding:0; margin:5rem 0;}

}*/

.cont6 {width:calc(100% - 80rem); margin:0 auto; background:#f5f4fa; position:relative; border-radius:var(--border-radius); box-shadow:0 10px 20px #eae8f1;}
.cont6 .notice {position:relative; padding-top:104rem; padding-bottom:60rem;}
.cont6 .notice .social {display:flex; position:absolute; top:-22rem; left:0; background:#fff; padding:0 60rem 30rem 0 ; border-radius: 0 0 60rem 0;}
.cont6 .notice .social:before {content:''; position:absolute; top:0; left:-100%; width:100%; height:100%; background:#fff;}
.cont6 .notice .social a {display:inline-block; margin-left:5rem;}
.cont6 .notice .control {position:absolute; right:35px; top:38px; }
.cont6 .notice .control a {display:inline-block; width:26rem; height:26rem; text-indent:-9999rem; background:url('/Main/Images/new/ko2025/main/control2.png') no-repeat 0 0/400% auto;}
.cont6 .notice .control a.slick-hidden {display:none;}
.cont6 .notice .control a.prev {background-position:0 0;}
.cont6 .notice .control a.pause {background-position:33.333% 0;}
.cont6 .notice .control a.play {display:none; background-position:66.666% 0;}
.cont6 .notice .control a.next {background-position:99.999% 0;}
.cont6 .notice .list {margin:0 -30rem;}
/*.cont6 .notice .list {display:flex; margin:0 -30rem;}
.cont6 .notice .list li {width:33.333%;}*/
.cont6 .notice .list li a {display:block; position:relative; padding:0 30rem; }
.cont6 .notice .type {display:flex; align-items:center; position:absolute; background:#fff; font-size:16rem; font-weight:600; padding:0 30rem 12rem 3rem; background:#f5f4fa; border-radius:0 0 30rem 0; }
.cont6 .notice .type:before {content:''; flex-shrink:0; width:6px; height:6px; margin-right:15rem; background:#174296; border-radius:50%;}
.cont6 .notice .type.issue {color:#174296;}
.cont6 .notice .type.youtube {color:#e21028; letter-spacing:0.1rem;}
.cont6 .notice .type.blog {color:#2b5b0f; letter-spacing:0.1rem;}
.cont6 .notice .type.youtube:before {background:#e21028;}
.cont6 .notice .type.blog:before {background:#2b5b0f;}
.cont6 .notice .img img {width:100%; height:277rem; background:#000; border-radius:var(--border-radius); }
.cont6 .notice .detail .tit {margin:25rem 0 15rem; padding:0 5rem; font-weight:600; font-size:20rem; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; overflow:hidden; height:100%; max-height:3em; line-height:1.5em; word-wrap:break-word; text-overflow:ellipsis;}
.cont6 .notice .detail .txt {display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; overflow:hidden; height:3.2em; padding:0 6rem; color:#545454; line-height:1.6; word-wrap:break-word; text-overflow:ellipsis;}
@media all and (max-width:1840px){
  .cont6 {width:100%; box-shadow:none;}
  .cont6 .notice .social {padding-left:40rem;}
  .cont6 .notice .list {margin:0 -20rem;}
  .cont6 .notice .list li a {padding:0 20rem; }
}
@media all and (max-width:1240px){
  .cont6 .notice {padding-top:40rem; padding-bottom:40rem;}
  .cont6 .notice .social {position:static; background:none; padding:0; justify-content:flex-end; margin-bottom:30rem;}
  .cont6 .notice .social::before {display:none;}
  .cont6 .notice .list {margin:0 -10rem;}
  .cont6 .notice .list li a {padding:0 10rem; }
}
@media all and (max-width:1023px){
  .cont6 .notice .list li {width:50%;}
  .cont6 .notice .list li:last-child {display:none;}
  .cont6 .notice .img img {height:200rem;}
  .cont6 .notice .type:before {display:none;}
}
@media all and (max-width:768px){
  .cont6 .notice .control {right:auto; left:20rem; }
  .cont6 .notice .img img {height:160rem;}
}
@media all and (max-width:520px){
	.cont6 .notice .detail .tit {margin:15rem 0;}
	.cont6 .notice .img img {height:130rem;}
  /*.cont6 .notice .list {flex-wrap:wrap; margin:-20rem 0;}
  .cont6 .notice .list li {width:100%; margin:20rem 0;}
  .cont6 .notice .list li a {padding:0;}
  .cont6 .notice .type {font-size:14rem;}*/
}


.cont7 {width:calc(100% - 80rem); margin:-20rem auto 60rem; background:#ebf3fe; padding:40rem 0 20rem; border-radius:var(--border-radius); border-top-left-radius:0; border-top-right-radius:0;}
.cont7 .magazine {display:flex; justify-content:space-between; align-items:center;}
.cont7 .magazine > * {display:flex; align-items:center;}
.cont7 .magazine h2 {display:flex; align-items:center; font-size:22rem; font-weight:700;}
.cont7 .magazine h2:before {content:''; display:block; flex-shrink:0; margin-right:30rem; width:48rem; height:48rem; background:#cadbf0 url('/Main/Images/new/ko2025/main/icon1.png') no-repeat center/contain; border-radius:50%;}
.cont7 .magazine h2:after {content:''; display:block; flex-shrink:0; margin:0 30rem; width:6px; height:6px; background:#487ab0; border-radius:50%;}
.cont7 .magazine .tit {font-weight:500; font-size:20rem;}
.cont7 .btn {margin-left:40rem;}
.cont7 .btn a {display:inline-flex; align-items:center; padding:12rem 25rem; background:#174296; color:#fff; border-radius:40rem;font-size:17rem; font-weight:600;}
.cont7 .btn a:after {content:''; flex-shrink:0; margin-left:10rem; width:6px; height:6px; border-top:2px solid #fff; border-right:2px solid #fff; transform:rotate(45deg);}
@media all and (max-width:1840px){
  .cont7 {width:100%; border-radius:0;}
  .cont7 .magazine .txt {display:none;}
}
@media all and (max-width:1023px){
  .cont7 {margin-top:0; padding:40rem 0;}
  .cont7 .magazine {flex-wrap:wrap;}
  .cont7 .magazine > * {width:100%; flex-wrap:wrap;}
  .cont7 .magazine h2 {font-size:26rem;}
  .cont7 .magazine h2:before {display:none;}
  .cont7 .magazine h2:after {margin:0 20rem;}
  .cont7 .magazine .tit {font-size:22rem;}
  .cont7 .magazine .txt {display:block; margin:15rem 0 30rem;}
  .cont7 .btn {margin-left:0; width:100%; text-align:right; margin:-3rem 0;}
  .cont7 .btn a {margin-top:3rem; margin-bottom:3rem;}
}
@media all and (max-width:768px){
	.cont7 {margin-bottom:30rem;}
}
@media all and (max-width:376px){
  .cont7 .magazine h2 {width:100%; margin-bottom:10rem;}
  .cont7 .magazine h2:after {display:none;}
}


.cont8 {width:calc(100% - 80rem); margin-bottom:60rem; background:#ebf3fe; border-radius:var(--border-radius);}
.keywords {position:relative; width:100%; padding:25rem 25rem 25rem 250rem; box-sizing:border-box; overflow:hidden;}
.keywords h2 {position:absolute; left:-70rem; top:50%; text-transform:uppercase; color:#112240; font-size:15rem; font-weight:800; letter-spacing:2rem; margin:-13rem 0 0; transform:rotate(-90deg);}
.keywords > a {display:block; position:absolute; left:60rem; top:25rem; width:220rem; height:43rem; line-height:43rem; padding:0 30rem; border-bottom:1px solid #fff;}
.keywords > a::before {content:''; position:absolute; right:10rem; top:13rem; width:17rem; height:14rem; background:url('/Main/Images/new/ko2022/main/keyword_arrow.png') no-repeat;}
.keywords > a span { display:none; padding:0 10rem 0 0;}
.keywords > a.on {background:rgb(207,23,60); background:linear-gradient(137deg, rgba(207,23,60,1) 0%, rgba(3,90,215,1) 100%); color:#fff; border-radius:30rem; border-bottom:none;}
.keywords > a.on::before {right:20rem; opacity:1;}
.keywords > a.on span { display:inline;}
.keywords > a:nth-of-type(2) {top:68rem;}
.keywords > a:nth-of-type(3) {top:111rem;}
.keywords > a:nth-of-type(4) {top:154rem;}
.keywords > a:nth-of-type(5) {top:197rem;}
.keywords > a:nth-of-type(6) {top:240rem;}
.keywords > a:nth-of-type(7) {top:283rem;}
.keywords > div {float:left; background:#fff; min-height:320rem; padding:35rem 40rem 0 40rem;}
.keywords > div.word {width:300rem; border-radius:7rem 0 0 7rem;}
.keywords > div.word p {font-size:15rem; margin:0 0 15rem; line-height:1.5;}
.keywords > div.word p span {display:block; color:#323232; font-size:29rem; font-weight:800;}
.keywords > div.word a {display:block; float:left; width:22%; margin:0 0 10rem 4%; border:1px solid #e6e6e6; text-align:center; line-height:34rem; height:35rem; border-radius:5rem;}
.keywords > div.word a:nth-of-type(4n+1) {/*clear:both;*/ margin:0 0 10rem;}
.keywords > div.word a.on {background:#174296; border:1px solid #174296; color:#fff;}
.keywords > div.word #word_all {width:48%;}
.keywords > div:not(.word) {width:calc(100% - 300rem); padding-left:0; border-radius:0 7rem 7rem 0;}
.keywords_search {position:relative; background:#fff; border:1px solid #ddd; border-radius:10rem;}
.keywords_search div {line-height:55rem; height:55rem; border-radius:25rem;}
.keywords_search div label {font-weight:700; padding:0 35rem; color:#10223f; background:url('/Main/Images/new/ko2022/main/keyword_search_arrow.png') no-repeat right center;}
.keywords_search div input {width:calc(100% - 260rem); height:55rem; margin-left:10rem; padding:0 10rem; background:transparent; border:none;}
.keywords_search a {position:absolute; right:20rem; top:10rem; width:35rem; height:35rem; text-indent:-9999rem; background:url('/Main/Images/new/ko2022/main/keyword_search.png') no-repeat right center;}
.keywords .list {margin-top:25rem; height:160rem; padding-left:5rem; overflow-y:auto;}
.keywords .list a {position:relative; display:block; float:left; width:25%; height:30rem; margin:5rem 0; padding:0 20rem 0 15rem; box-sizing:border-box; letter-spacing:-0.5rem; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.keywords .list a[target="_blank"] span {padding-right:20px; background:url('/Main/Images/new/ko2022/main/blank.png') no-repeat right 50%;}
.keywords .list a::before {content:''; position:absolute; left:0; top:10rem; width:6rem; height:6rem; background:#487ab0; border-radius:50%;}
@media all and (max-width:1240px){
	.keywords {padding:170rem 10rem 30rem 10rem;}
	.keywords h2 {left:50%; top:20rem; margin:0; transform:translate(-50%, 0);}
	.keywords > a {width:24%; left:1%; top:60rem; border-bottom:0; background:rgba(255,255,255,0.5); border-radius:30rem;}
	.keywords > a:nth-of-type(2) {left:26%; top:60rem;}
	.keywords > a:nth-of-type(3) {left:51%; top:60rem;}
	.keywords > a:nth-of-type(4) {left:76%; top:60rem;}
	.keywords > a:nth-of-type(5) {left:1%; top:110rem;}
	.keywords > a:nth-of-type(6) {left:26%; top:110rem;}
	.keywords > a:nth-of-type(7) {left:51%; top:110rem;}
	.keywords > div {min-height:auto;}
	.keywords > div.word {width:100%; padding:20rem; text-align:center; border-radius:7rem 7rem 0 0;}
	.keywords > div.word p {display:none;}
	.keywords > div.word a {float:none; display:inline-block; width:30rem; margin:2rem 1rem !important;}
	.keywords > div.word a:nth-of-type(4n+1) {margin:0;}
	.keywords > div.word a.word_all {width:auto; padding:0 5rem;}
	.keywords > div.word #word_all {width:50rem;}
	.keywords > div:not(.word) {width:100%; padding:0 20rem 20rem; border-radius:0 0 7rem 7rem;}
}
@media all and (max-width:768px){
	.cont8 {width:calc(100% - 40rem);}
	.keywords > a {padding:0 10rem; text-align:center;}
	.keywords > a::before {display:none !important;}
	.keywords > a.on span, .keywords > a:hover span {display:none;}
	.keywords .list a {width:48%;}
	.keywords .list a:nth-of-type(3n+1) {clear:inherit;}
	.keywords .list a:nth-of-type(2n+1) {/*clear:both;*/ clear:inherit;}
}
@media all and (max-width:520px){
	.keywords {padding-top:210rem;}
	.keywords h2 {left:0; top:20rem; margin:0; width:100%; transform:none; text-align:center;}
	.keywords > a {width:32%; top:50rem;}
	.keywords > a:nth-of-type(2) {left:34%; top:50rem;}
	.keywords > a:nth-of-type(3) {left:67%; top:50rem;}
	.keywords > a:nth-of-type(4) {left:1%; top:100rem;}
	.keywords > a:nth-of-type(5) {left:34%; top:100rem;}
	.keywords > a:nth-of-type(6) {left:67%; top:100rem;}
	.keywords > a:nth-of-type(7) {left:1%; top:150rem;}
	.keywords > a::before {display:none;}
	.keywords_search div label {position:absolute; left:-9999rem;}
	.keywords_search div input {width:100%; padding:0 100rem 0 30rem;}
	.keywords .list a {float:none; width:100%; height:auto;}
}


/* 슬라이드팝업css */
/*.layorPop_new {position:absolute; left: 50%;top: 226rem; background:#fff;box-shadow:0 0 30px rgba(0,0,0,0.3);z-index:9999;visibility:hidden;width: 425rem;transform: translateX(-850px);border-radius: 50px 0 0 20px;overflow: hidden;}*/
.layorPop_new {position:absolute; left:102rem; top:191rem; padding:10rem; background:#fff; box-shadow:0 0 30px rgba(0,0,0,0.3); z-index:9999; visibility:hidden; width:490rem;}

.layorPop_new.voteInfo {left:20%;}
.layorPop_new .control_wrap {display:none; /*display:flex;*/ align-items:center; justify-content:space-between; padding:5px;}
/*.layorPop_new form { position:relative; font-size:0.9em; padding-right:45rem;}
.layorPop_new form label {color:#666; margin:0 0 0 3rem;}
.layorPop_new form a { position:absolute; right:0; font-weight:600;}
.layorPop_new form a::before {content: '[';}
.layorPop_new form a::after {content: ']';}*/
.layorPop_new .img_ul li {position:relative;}
.layorPop_new img {display:block; width:100%; height:auto;}
.layorPop_new .slick-slide li {display:block !important;}
.layorPop_new .btn {display:flex; justify-content:space-between; align-items:center;}
.layorPop_new .control2 {display:flex; align-items:center;}
.layorPop_new .control2 a {display:block; position:relative; width:26rem; height:26rem; text-indent:-9999rem;}
.layorPop_new .control2 a:before {content:''; position:absolute; top:50%; left:50%; width:100%; height:100%; background:url('/Main/Images/new/ko2025/main/control2.png') no-repeat 0 0/400% auto; transform:translate(-50%, -50%);}
.layorPop_new .control2 a.prev:before {background-position:0 0;}
.layorPop_new .control2 a.stop:before {background-position:33.333% 0;}
.layorPop_new .control2 a.play:before {background-position:66.666% 0;}
.layorPop_new .control2 a.next:before {background-position:99.999% 0;}
.layorPop_new .control2 a.play {display:none;}
.layorPop_new .pager {display:flex; align-items:center; position:relative; margin-left:-10px;}
.layorPop_new .pager:before {content:'/'; position:absolute; top:50%; left:50%; font-size:14px; transform:translate(-50%, -50%); margin-top:-1px;}
.layorPop_new .pager span {display: block; padding:0 15px;}
.layorPop_new .pager span.current {font-weight:600;}
.layorPop_new .slick-slide{position: relative;}
/*.layorPop_new .layorPop_close {position:absolute; right:10rem; bottom:10rem; background:#f45655;}*/
.layorPop_new .layorPop_close {position:absolute; right:10rem; bottom:10rem; background:#dd2d2c;}
.layorPop_new .btn_close {position:relative; cursor:pointer; font-size:0; width:36rem; height:36rem;}
.layorPop_new .btn_close::before,
.layorPop_new .btn_close::after {content:''; position:absolute; top:50%; left:50%; width:20px; height:2px; background:#fff; transform-origin:center;}
.layorPop_new .btn_close::before {transform:translate(-50%, -50%) rotate(45deg);}
.layorPop_new .btn_close::after {transform:translate(-50%, -50%) rotate(-45deg);}
@media all and (max-width:1200px){
	.layorPop_new {transform: translateX(-0%);}
}


@media all and (max-width:599px){
  .layorPop_new {left:20px; top:310px; width:96%; height:auto; transform:translateX(-50%) !important; left:50% !important; right:inherit !important;}
  /*.layorPop_new .control_wrap {flex-wrap:wrap;}
  .layorPop_new form {width:100%;}
  .layorPop_new .btn {display:none;}*/
}

.map_div {position:absolute; top:0; left:0; width:100%; height:100%;}
.map_div a {position:absolute; text-indent:-9999rem; z-index:100; width:1rem; height:1rem; overflow:hidden; margin:0 !important; /*border:1px solid red;*/}
.Map_popup_1 a.btn1 {left:7%; top:71%; width:42.1%; height:10.4%;}
.Map_popup_1 a.btn2 {left:51%; top:71%; width:42.1%; height:10.4%;}

.Map_popup5416 a.btn1 {left:5.6%; top:50.8%; width:43.1%; height:11.6%;}
.Map_popup5416 a.btn2 {left:51.2%; top:50.8%; width:43.1%; height:11.6%;}
.Map_popup5416 a.btn3 {left:5.6%; top:64%; width:43.1%; height:11.6%;}
.Map_popup5416 a.btn4 {left:51.2%; top:64%; width:43.1%; height:11.6%;}

.Map_popup5483 a.btn1 {left:8.8%; top:50.7%; width:26.5%; height:10.4%;}
.Map_popup5483 a.btn2 {left:36.8%; top:50.7%; width:26.5%; height:10.4%;}
.Map_popup5483 a.btn3 {left:64.8%; top:50.7%; width:26.5%; height:10.4%;}

.Map_pr_5490 a.btn1 {left:23.8%; top:51.4%; width:16.3%; height:12.5%;}
.Map_pr_5490 a.btn2 {left:41.9%; top:51.4%; width:16.3%; height:12.5%;}
.Map_pr_5490 a.btn3 {left:60%; top:51.4%; width:16.3%; height:12.5%;}

  /* 공통 버튼 스타일 */
  .banner-link {
    position: absolute;
    right: 17.2%;  /* 오른쪽 여백 */
    width: 28.5%;  /* 버튼 가로 폭 */
    height: 14.5%; /* 버튼 세로 높이 */
    border-radius: 12px;
    cursor: pointer;
    /* [테스트용] 위치를 확인하려면 아래 background 주석을 해제하세요 */
    /* background: rgba(255, 0, 0, 0.3); */
  }


.Map_popup_2026sul .btn-traffic {top: 9.5%;right: 17.2%;width: 28.5%;height: 14.8%;border-radius: 15px;}

  /* 2. 전통시장개장현황 */
.Map_popup_2026sul .btn-market {top: 29.5%;right: 17.2%;width: 28.5%;height: 14.8%;border-radius: 15px;}

  /* 3. 문여는의료기관 */
.Map_popup_2026sul .btn-medical {top: 49.5%;right: 17.2%;width: 28.5%;height: 14.8%;border-radius: 15px;}

  /* 4. 응급의료기관안내 */
.Map_popup_2026sul .btn-health{top: 69.5%;right: 17.2%;width: 28.5%;height: 14.8%;border-radius: 15px;}


/* 모바일 버전 (화면 너비 768px 이하) */
@media screen and (max-width: 768px) {

  .Map_popup_2026sul  {
    width: 100%; /* 모바일 화면에 꽉 차게 설정 */
    max-width: none;
  }

  /* 모바일에서 클릭 미스를 방지하기 위해 영역을 미세하게 확장 */
  .Map_popup_2026sul a {
    /* 터치 영역 최적화 (필요 시 수정) */
    border-radius: 8px; 
  }

  /* 1. 교통종합대책 */
  .Map_popup_2026sul .btn-traffic {
    top: 9.5%;
    right: 17.2%;
    width: 28.5%;
    height: 14.8%;
  }

  /* 2. 전통시장개장현황 */
  .Map_popup_2026sul .btn-market {
    top: 29.5%;
    right: 17.2%;
    width: 28.5%;
    height: 14.8%;
  }

  /* 3. 문여는의료기관 */
  .Map_popup_2026sul .btn-medical {
    top: 49.5%;
    right: 17.2%;
    width: 28.5%;
    height: 14.8%;
  }

  /* 4. 응급의료기관안내 */
  .Map_popup_2026sul .btn-health {
    top: 69.5%;
    right: 17.2%;
    width: 28.5%;
    height: 14.8%;
  }
}

.layor_season {position:absolute; top:0; left:0; width:100%; height:100%; padding:30rem; text-align:center; color:#fff; font-family:'GmarketSans' !important; font-size:21rem; display:flex; align-items:center; justify-content:center; transform: rotate(-0.03deg);}
.layor_season.Giants {font-family:'Giants' !important;}
.layor_season.Giants dt {font-size:53rem; font-weight:500;}
.layor_season.mod_dark {color:#fff !important; font-size:19rem !important;}
.layor_season.mod_dark dt em {letter-spacing:-2rem;}
.layor_season.mod_dark ul {text-align:left; width:88%; margin:0 auto;}
.layor_season.mod_dark li {display:flex !important; justify-content:space-between; align-items:flex-start; margin:3rem 0;}
.layor_season.mod_dark li span:first-child {display:inline-block; width:65rem;}
.layor_season.mod_dark li span:last-child {width:calc(100% - 65rem);}
.layor_season.mod_dark .date {color:#ffff00 !important;}
.layor_season.mod_dark .sm_txt {margin-top:10rem; font-family:'GmarketSans' !important;}
.yellow {color:#fe6b02;}
.layor_season.service {padding:25rem; color:#092854; font-size:19rem;}
.layor_season.service dt {font-size:26rem; text-shadow:none; font-weight:500;}
.layor_season.service dt em {display:block; font-weight:600; font-size:48rem; color:#ca1b16;}
.layor_season.service dd {font-weight:500;}
.layor_season .round_box {display:block; font-size:16rem;}
.layor_season .round_box strong {display:inline-block; font-weight:500; background:#092854; color:#fff; margin-bottom:5rem; padding:0 15rem; border-radius:20rem; height:36rem; line-height:38rem;}
.layor_season.service .date {color:#cc3333; font-size:22rem;}
.layor_season.service .btn_area {margin-top:20rem;}
.layor_season dl {line-height:1.3;}
.layor_season dt {font-size:47rem; font-weight:600; text-shadow:2rem 2rem 5rem rgba(0, 0, 0, 0.5); line-height:1.2; letter-spacing:-1rem;}
.layor_season dt span {display:block;}
.layor_season dt em {color:#ffff00;}
.layor_season dt em.type1 {color:#31f8f6;}
.layor_season dt em.type2 {color:#fe6b02;}
.layor_season dt em.type3 {color:#e33a3e;}
.layor_season dd {margin-top:20rem;}
.layor_season dd.black {color:#333; font-weight:500;}
.layor_season dd.rain_area {font-size:23rem; color:#ffc600; font-weight:500;}
.layor_season .btn_area {display:flex; justify-content:center; align-items:center; margin-top:70rem; letter-spacing:-1rem;}
.layor_season .btn_area a {display:block; width:210rem; height:50rem; line-height:50rem; color:#fff; border:2px solid #aab6c0; background:rgba(0, 0, 0, 0.5); margin:0 7rem; border-radius:30rem; transition:background 0.3s ease; font-weight:600;}
.season .btn_area a:hover {background:rgba(0, 0, 0, 0.7);}
.layor_season .sm_txt {font-size:19rem; font-family:'Pretendard Variable' !important;}
@media all and (max-width:768px){
	.layor_season dt {font-size:45rem;}
	.layor_season .btn_area a {width:190rem; height:45rem; line-height:45rem; margin:0 3rem;}
	.layor_season.mod_dark {font-size:18rem !important;}
	.layor_season.mod_dark ul {width:92%;}
	.layor_season .sm_txt {font-size:17rem;}
}
@media all and (max-width:599px){
	.layor_season {font-size:17rem; padding:20rem;}
	.layor_season dt {font-size:35rem;}
	.layor_season dd {margin-top:15rem;}
	.layor_season dd.rain_area {font-size:18rem;}
	.layor_season.mod_dark {font-size:17rem !important;}
	.layor_season.service dt {font-size:23rem;}
	.layor_season.service dt em {font-size:38rem;}
	.layor_season.mod_dark ul {width:96%;}
	.layor_season .sm_txt {font-size:15rem;}
	.layor_season .btn_area {margin-top:40rem;}
	.layor_season .btn_area a {width:150rem; height:45rem; line-height:40rem; font-size:15rem;}
}

.main_topbanner {position:relative; width:100%; height:100rem; overflow:hidden; background:url('/Main/Images/new/ko2025/main/bg_top.jpg') no-repeat center;}
.main_topbanner a {display:block; color:#fff; text-align:center; font-family:'GmarketSans'; transform:rotate(-0.03deg); font-weight:600; font-size:20rem; padding-top:20rem; line-height:1.4;}
.main_topbanner a span {display:block; font-size:30rem; background: linear-gradient(to bottom, #ffab01, #fe6b02); color:transparent; -webkit-background-clip:text;}
.main_topbanner .topbanner_close {position:absolute; right:10rem; bottom:10rem;}
.main_topbanner .topbanner_close label {margin-left:5rem; padding:3rem 15rem; color:#fff; font-size:15px; vertical-align:middle; background-color: rgba(255, 255, 255, 0.3); border-radius:20rem;}
.main_topbanner .btn_close {display:inline-block; width:27rem; height:27rem; margin-left:5rem; background:url('/Main/Images/new/ko2023/topban_close.png') no-repeat; font-size:0; vertical-align:middle; cursor:pointer; background-size:contain;}
@media all and (max-width:950px){
	.main_topbanner {height:80rem; top:0; background:#333;}
	.main_topbanner a {padding-top:15rem; font-size:18rem;}
	.main_topbanner a span {font-size:25rem;}
	.main_topbanner div img {height:80rem; width:auto;}
	.main_topbanner .topbanner_close {right:5rem;}
	.main_topbanner .topbanner_close label {font-size:13rem;}
	.main_topbanner .btn_close {width:18rem; height:18rem; background-size:100%;}
}
@media all and (max-width:520px){
	.main_topbanner {height:60rem;}
	.main_topbanner a {padding-top:10rem; font-size:15rem;}
	.main_topbanner a span {font-size:18rem;}
	.main_topbanner div img {height:65rem; width:auto;}
	.main_topbanner .topbanner_close {bottom:5rem;}
	.main_topbanner .topbanner_close label {padding:2rem 10rem; font-size:12rem;}
}


.nirs_service {/*position:absolute; top:0; left:0; width:100%; height:100%;*/ background:#fff;}
.nirs_service .title {text-align:center;}
.nirs_service .title span {display:block; font-weight:600;}
.nirs_service .title dt {padding:25rem 25rem 20rem 25rem; background:url('/data/link/20250929/F7FCCB1F354F4082AA1B3B272A675DCA.jpg') no-repeat; color:#fff; font-family:'GmarketSans'; line-height:1.5;}
.nirs_service .title dt span {font-size:30rem; color:#31f8f6; letter-spacing:-1rem;}
.nirs_service .title dd {padding:20rem;}
.nirs_service .title dd span {color:#e33a3e;}
.nirs_service .list {background:#f0f0f0; padding:10rem 20rem; font-size:17rem;}
.nirs_service .list li {margin:10rem 0; background:#fff; box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.05);}
.nirs_service .list li a {display:block; padding:10rem 15rem; border:1px solid transparent; transition:border-color 0.3s ease;}
.nirs_service .list li a span {background:#0039a4; display:inline-block; width:90rem; padding:3rem 5rem; color:#fff; text-align:center; border-radius:5rem; font-size:15rem;}
.nirs_service .list li a em {margin-left:10rem;}
.nirs_service .list li a em i {display:block; margin-top:5rem; line-height:1.5; font-style:normal;}
.nirs_service .list li a:hover {border-color:#0039a4; outline:none;}
@media all and (max-width:520px){
	.nirs_service .title dt {padding:15rem;}
	.nirs_service .title dt span {font-size:25rem;}
	.nirs_service .list li a {padding:10rem 5rem 10rem 10rem;}
	.nirs_service .list li a span {width:auto;}
	.nirs_service .list li a em {margin-left:5rem; letter-spacing:-1rem;}
	.nirs_service .list li a em i {font-size:16rem;}
}

.warning {position:absolute; top:0; left:0; width:100%; height:100%; color:#fff; padding:23rem 0; font-family:'GmarketSans' !important; transform: rotate(-0.03deg);}
.warning .title {text-align:center;}
.warning .title dt {position:relative; display:block; font-size:33rem; font-weight:700; text-shadow:2rem 2rem 4rem rgba(0,0,0,0.8); letter-spacing:-1rem;}
.warning .title dt::before {content:''; display: inline-block; width:35rem; height:31rem; margin-right:10rem; background:url('/Main/Images/new/ko2025/main/icon_warning.png') no-repeat center / cover; vertical-align:-5rem;}
.warning .title dt span {color:#febc1d;}
.warning .title dd {line-height:1.3;}
.warning .title dd strong {color:#31f8f6;}
.warning .title dd span {display:block;}
.warning .list {width:86%; margin:0 auto; margin-top:15rem;}
.warning .list p {font-weight:600; font-family:'GmarketSans'; font-size:21rem;}
.warning .list .type1 {color:#fe6b02;}
.warning .list .type2 {color:#31f8f6;}
.warning .list li {position:relative; padding-left:10rem;}
.warning .list li:before {content:''; position:absolute; top:12px; left:0; width:5rem; height:2rem; background:#fff}
.warning .btn_area {margin-top:20rem; text-align:center;}
.warning .btn_area a {display:inline-block; padding:7rem 20rem; color:#fff; font-weight:600; border:2px solid #fff; border-radius:30rem; background:rgba(0,0,0,0.7);}
@media all and (max-width:560px){
	.warning .title {background-size:31rem;}
	.warning .title dt {font-size:29rem;}
	.warning .list p {font-size:18rem;}
	.warning .list li {font-size:17rem;}
	.warning .btn_area a {font-size:17rem;}
}

.survey {background:url('/data/link/20251216/8E12DA43F67D49348B783BA2CC7F8813.jpg') center top no-repeat #fff; background-size:100%, cover; padding:60rem 0 30rem 0;}
.survey .title {text-align:center;}
.survey .title dt {display:block; color:#3b76c7; font-size:37rem; font-weight:700; font-family:'GmarketSans'; line-height:1.2; letter-spacing:-1rem;}
.survey .title dt span {display:block; color:#ff0000;}
.survey .title dd {display:block; margin-top:15rem; padding:0 50rem; line-height:1.5; text-shadow:1px 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;}
.survey .title dd:last-child {display:inline-block; padding:5rem 50rem; font-weight:600; font-size:20rem;}
.survey .btn_area {margin-top:20rem; text-align:center;}
.survey .btn_area a {display:inline-block; padding:10rem 20rem; font-weight:700; border:2px solid #fff; border-radius:30rem; background:#3b76c7; color:#fff;}
@media all and (max-width:560px){
	.survey {padding-top:50rem; background-image:url('/Main/Images/new/ko2025/main/bg_survey.jpg');}
	.survey .title {background-size:31rem;}
	.survey .title dt {font-size:31rem;}
	.survey .title dd {margin-top:10rem; font-size:21rem; line-height:1.2;}
	.survey .btn_area a {font-size:20rem; padding:10rem 30rem;}
}

.newyear_governor {position:absolute; top:0; left:0; width:100%; height:100%;}
.newyear_governor div {position:relative; height:380rem; overflow-y:auto; padding:25rem;}
.newyear_governor div::before {content:''; position:absolute; left:50%; transform:translateX(-50%); top:0; width:125rem; height:7rem; background:url('/Main/Images/new/ko2025/main/newyear_top.png') no-repeat;}
.newyear_governor p {margin-top:12rem; line-height:1.3; letter-spacing:-1rem; text-shadow:1px 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;}
.newyear_governor span {display:block; font-weight:600; color:#174749; font-family:'GmarketSans'; transform:rotate(-0.03deg); letter-spacing:-1rem; font-size:18rem;}
.newyear_governor div::-webkit-scrollbar {width:6rem; height:6rem;}
.newyear_governor div::-webkit-scrollbar-track {background:transparent;}
.newyear_governor div::-webkit-scrollbar-thumb {background-color:rgba(0,0,0,0.3);}
.newyear_governor div::-webkit-scrollbar-thumb:hover {background-color:rgba(0,0,0,0.5);}
@media all and (max-width:560px){
	.newyear_governor div {height:420rem; padding:30rem;}
}