@charset "utf-8";

.flex {display:flex; display: -webkit-box; display:-ms-flexbox; margin-top:40rem;}
@media all and (max-width:1023px){
	.flex {flex-wrap:wrap; margin-top:30rem;}
}
@media all and (max-width:768px){
	.flex {flex-wrap:wrap; margin-top:20rem;}
}

main h2 {margin-bottom:15rem; color:#606674; font-size:22rem;}
main h2 span {color:#112240;}
@media all and (max-width:768px){
	main h2 {font-size:21rem;}
}
@media all and (max-width:480px){
	main h2 {margin-bottom:15rem; font-size:19rem;}
}

#container {clear:both; font-family:"SCDream", sans-serif;}
.section1 {position:relative;}
.section1.flex {margin-top:0;}
.visual {position:relative; width:calc(100% - 660rem);}
.visual img {height:350rem; border:1px solid #e6e6e6; border-radius:15rem;}
.visual .visual_slide {border-radius:15rem; overflow:hidden;}
.visual .visual_slide a {display:block;}
.visual .visual_slide a:focus {border:2px dashed #000;}
.visual > .control {position:absolute; right:0; bottom:0; padding:15rem 30rem; background:#11233f; border-radius:15rem; z-index:2;}
.visual > .control a {position:relative; display:block; float:left; width:24rem; height:24rem; text-indent:-9999rem; margin:0 7rem; overflow:hidden;}
.visual > .control a::before {content:''; position:absolute; left:0; top:0; width:24rem; height:24rem; background:url('/Main/Images/new/ko2022/main/control.png') no-repeat 0 0; z-index:1;}
.visual > .control a.next {transform:rotate(180deg);}
.visual > .control a.stop, .visual > .control a.play {position:relative; width:40rem; margin:0 0 0 10rem;}
.visual > .control a.stop::before, .visual > .control a.play::before {background-position:100% 0; transition:left 0.5s;}
.visual > .control a.stop::before {left:calc(100% - 24rem); background-position:50% 0;}
.visual > .control a.stop::after, .visual > .control a.play::after {content:''; position:absolute; left:0; top:50%; width:100%; height:18rem; background:#284977; border-radius:10rem; transform:translate(0, -50%); /*z-index:10;*/}
.visual > .control .count {float:left; font-size:19rem; margin:0 15rem 0 0; font-weight:600; color:#fff; font-size:18rem;}
.visual > .control .count span {font-weight:400; color:rgba(255,255,255,0.5);}

.governor {position:relative; width:460rem; margin-left:40rem; padding:30rem 30rem 0 30rem; background:url('/Main/Images/new/ko2022/main/governor.png') no-repeat right bottom #f7f7f7; border:1px solid #eee; border-bottom:0; border-radius:15rem;}
.governor > a {position:absolute; left:0; top:0; width:100%; height:100%; text-indent:-9999rem;}
.governor::before {content:''; position:absolute; left:0; bottom:0; width:100%; height:50rem; background:#11233f; border-radius:0 0 15rem 15rem;}
.governor dd {margin-top:5rem; font-size:20rem;}
.governor dd span {font-weight:600; color:#112240;}
.governor ul {margin:30rem 0 65rem 0;}
.governor li a {position:relative;display:block; width:185rem; margin-bottom:12rem; height:32rem; line-height:30rem; padding:0 20rem; font-size:15rem; border:1px solid #bfbfbf; border-radius:15rem;}
.governor li a:hover {color:#fff; background:#d5015e; border:0;}
.governor li a::before {content:''; position:absolute; right:20rem; top:50%; width:30rem; height:30rem; margin-top:-15rem; background:url('/Main/Images/new/ko2022/main/governorMore.png') no-repeat center; opacity:0; transition:all 0.3s ease-in-out;}
.governor li a:hover::before {right:0; opacity:1;}
.governor p {position:absolute; left:0; bottom:0; width:100%; display:flex; flex-direction:row; justify-content:space-around;}
.governor p a {display:flex; flex-direction:column; justify-content:center; align-items:center; color:#fff; line-height:50rem;}
.governor p a:hover {text-decoration:underline;}

.quick {width:130rem; margin-left:30rem; padding:25rem 0; background:linear-gradient(-45deg,#4e4fb4,#2f6dd0); border-radius:15rem;}
.quick ul {display:flex; flex-direction: column; justify-content: center; align-items: center;}
.quick li {position:relative; height:100rem; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.quick li a {color:#fff; font-size:15rem; font-weight:500; padding-top:50rem;}
.quick li a:hover {text-decoration:underline; text-underline-position:under;}
.quick li a::before {content:''; position:absolute; left:50%; top:5rem; width:50rem; height:50rem; margin-left:-25rem; background:url('/Main/Images/new/ko2022/main/ico_quick2.png') no-repeat;}
.quick li:nth-of-type(2) a:before {background-position:-50rem 0;}
.quick li:nth-of-type(3) a:before {background-position:-100rem 0;}
.quick li a:hover:before {transform:rotateY(360deg); transition:all 0.65s;}
@media all and (max-width:1600px){
	.visual {width:calc(100% - 535rem);}
	.governor {width:400rem; margin-left:20rem;}
	.quick {width:100rem; margin-left:15rem;}
}
@media all and (max-width:1400px){
	.section1.flex {flex-wrap:wrap;}
	.visual {float:left; width:calc(100% - 380rem);}
	.visual img {height:350rem;}
	.governor {float:left; width:360rem;  padding:25rem; background-size:215rem;}
	.governor dl {margin-bottom:25rem;}
	.governor dt img {width:155rem;}
	.governor dd {font-size:20rem;}
	.governor > ul {margin:15rem 0 0 0;}
	.governor p a {font-size:15rem;}
	.quick {display:block; width:100%; margin:20rem 0 0 0; padding:25rem;}
	.quick ul {flex-direction:row; justify-content:space-around;}
	.quick li {height:auto;}
	.quick li a {padding:0 0 0 60rem;}
	.quick li a::before {left:0; top:50%; margin:-25rem 0 0 0;}
}
@media all and (max-width:1200px){
	.section1.flex {display:block;}
	.governor {height:350rem;}
	.quick {float:right; margin-bottom:30rem;}
}
@media all and (max-width:1023px){
	.visual {float:none; width:100%; margin-bottom:20rem;}
	.visual img {height:auto;}
	.visual > .control {padding:10rem 20rem;}
	.visual > .control .count {font-size:17rem;}
	.weather {margin:0 0 5rem 0;}
	.governor {width:calc(100% - 200rem); height:290rem; margin-left:0;}
	.governor li {float:left; margin-right:15rem;}
	.governor li:nth-child(3) {width:100%;}
	.quick {width:170rem; margin:0 0 20rem 30rem; padding:10rem;}
	.quick ul {flex-direction: column; justify-content: center;}
	.quick li {height:90rem;}
	.quick li a {padding:30rem 0 0 0;}
	.quick li a::before {left:50%; top:0; margin:0 0 0 -25rem;}
}
@media all and (max-width:768px){
	.visual > .control {padding:7rem 15rem; border-radius:10rem;}
	.visual > .control .count {font-size:16rem; margin-top:2rem;}
	.governor {width:calc(100% - 150rem); background-size:210rem;}
	.governor dl {margin-bottom:15px;}
	.governor li {float:none; margin-right:0;}
	.governor li a {margin-bottom:7rem;}
	.governor p a {margin-left:10rem;}
	.quick {float:left; width:130rem; margin-left:20rem;}
	.quick li {height:90rem;}
}
@media all and (max-width:580px){
	.section1.flex {display:block;}
	.visual {margin-bottom:10rem;}
	.visual img {height:180rem;}
	.visual > .control {display:none;}
	.visual > .control a::before {backgroud-size:70%;}
	.governor {width:100%; height:auto; margin-bottom:10rem; padding:15rem; background-size:180rem;}
	.governor::before {height:40rem;}
	.governor dl {margin-bottom:7px;}
	.governor > ul {margin-top:7rem; margin-bottom:40rem;}
	.governor p a {font-size:15rem; line-height:40rem;}
	.quick {width:100%; margin:0 0 10rem 0; padding:15rem;}
	.quick ul {flex-direction:row; justify-content:space-around;}
	.quick li {height:auto;}
	.quick li a {padding:0;}
	.quick li a::before {display:none;}
}
@media all and (max-width:500px){
	.visual img {height:auto;}
	.governor {padding-top:15rem;}
	.governor > ul {margin-top:10rem;}
	.governor li {float:none; margin-right:0;}
	.governor li a {margin-bottom:7rem;}
}

.notice {position:relative; width:calc(100% - 660rem); font-size:17rem;}
.notice::before {content:''; position:absolute; left:0; top:50rem; width:100%; height:1rem; background:#d5015e;}
.notice > a {display:block; position:absolute; left:0; top:0; width:14%; height:50rem; line-height:50rem; border:1px solid #e6e6e6; border-bottom:0; border-left:0; text-align:center;}
.notice > a:first-of-type {border-left:1px solid #d9d9d9;}
.notice > a:nth-of-type(2) {left:14%;}
.notice > a:nth-of-type(3) {left:28%;}
.notice > a:nth-of-type(4) {left:42%;}
.notice > a:nth-of-type(5) {left:56%;}
.notice > a:nth-of-type(6) {left:70%;}
.notice > a.on {border:0; background:#d5015e; color:#fff; font-weight:600;}
.notice > div {display:none;}
.notice > a.on + div {display:block;}
.notice > div > a.more {display:block; position:absolute; top:0; right:0; width:50rem; height:50rem; text-indent:-9999rem; background:url('/Main/Images/new/ko2022/main/btn_more.png') no-repeat center center;}
.notice ul {margin-top:65rem; height:215rem;}
.notice li a {display:block; position:relative; width:100%; padding:9rem 0 9rem 27rem; overflow:hidden;}
.notice li a::before {content:''; position:absolute; left:10rem; top:17rem; width:4rem; height:4rem; background:#000;}
.notice li a span.subject {display:block; float:left; width:calc(100% - 130rem); white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.notice li a span.date {display:block; float:right; width:110rem; text-align:right; font-size:15rem; color:#888;}
.notice .list {margin-top:85rem; height:auto;}
.notice .list .photo {margin-top:0; height:auto;}
.notice .list .photo > li {position:relative; float:left; width:31.6666%; margin-left:2.5%; padding:0; border-radius:5rem;}
.notice .list .photo > li:nth-of-type(1) {margin-left:0;}
.notice .list .photo > li a {display:block; position:relative; width:100%; min-height:190rem; padding:0; border-radius:10rem;}
.notice .list .photo li a dt:hover, .notice .list .photo li a dt:focus {text-decoration:underline;}
.notice .list .photo > li a::before {content:''; position: absolute; left:0; top:0; display:block; width:100%; height:100%; background:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.9)); z-index:1;}
.notice .list .photo > li img {width:100%; height:186rem; /*position:relative;*/}
.notice .list .photo dl {position:absolute; bottom:20rem; width:100%;}
.notice .list .photo dl dt,
.notice .list .photo dl dd {padding:0 5%; color:#fff; z-index:1; position: relative;}
.notice .list .photo dl dt {font-size:17rem; margin-bottom:0px !important; overflow: hidden; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; word-wrap: break-word; height:25px; line-height:1.5;}
.notice .list .photo dl dd {color:#fff !important;}
.notice .list .photo dl dd:last-child {z-index:1; padding-top:0 !important; margin-top:0 !important;}
.favorite {width:620rem; margin-left:40rem; padding:25rem; background:#f0f0f0; overflow:hidden; border-radius:15rem;}
.favorite li {position:relative; float:left; width:31%; margin-left:3.5%; margin-top:10rem; background:#fff; border:1px solid #e6e6e6;}
.favorite li:nth-child(3n+1) {margin-left:0;}
.favorite li:nth-child(-n+3) {margin-top:0;}
.favorite li a {display:block; padding:15rem 15rem 15rem 55rem;}
.favorite li a::before {content:''; position:absolute; left:20rem; top:14rem; width:24rem; height:24rem; background:url('/Main/Images/new/ko2022/main/ico_favorite_n.png') no-repeat;}
.favorite li:nth-of-type(2) a:before {background-position:-24rem 0;}
.favorite li:nth-of-type(3) a:before {background-position:-48rem 0;}
.favorite li:nth-of-type(4) a:before {background-position:-72rem 0;}
.favorite li:nth-of-type(5) a:before {background-position:-216rem 0;}
.favorite li:nth-of-type(6) a:before {background-position:-120rem 0;}
.favorite li:nth-of-type(7) a:before {background-position:-144rem 0;}
.favorite li:nth-of-type(8) a:before {background-position:-168rem 0;}
.favorite li:nth-of-type(9) a:before {background-position:-192rem 0;}
@media all and (max-width:1200px){
	.section2.flex {display:block;}
	.notice {width:100%; margin:0 0 20rem 0; font-size:16rem; border-bottom:1px solid #e6e6e6;  overflow:hidden;}
	.notice ul {height:210rem;}
	.notice > a {font-size:15rem;}
	.favorite {width:100%; margin-left:0;}
	.favorite li {margin-top:10rem;}
	.favorite li:nth-child(-n+3) {margin-top:0;}
}
@media all and (max-width:640px){
	.notice {font-size:15rem;}
	.notice::before {top:98rem;}
	.notice > a {font-size:14rem; width:32%; margin:0; height:45rem; line-height:45rem; border:1px solid #e6e6e6;}
	.notice > div > a.more {display:none;}
	.notice > a:nth-of-type(2) {left:34%;}
	.notice > a:nth-of-type(3) {left:68%;}
	.notice > a:nth-of-type(4) {top:53rem; left:0;}
	.notice > a:nth-of-type(5) {top:53rem; left:34%;}
	.notice > a:nth-of-type(6) {top:52rem; left:68%;}
	.notice > a.on + div {margin-top:110rem;}
	.favorite li {width:48.5%; margin-left:3%;}
	.favorite li:nth-child(3n+1) {margin-left:3%;}
	.favorite li:nth-child(2n+1) {margin-left:0;}
	.favorite li:nth-child(3) {margin-top:10rem;}
	.notice .list .photo {margin-top:0; height:auto; padding:10rem 0 20rem 0; overflow:hidden;}
	.notice .list .photo > li {width:48.75%}
	.notice .list .photo > li:last-child {display:none;}
}
@media all and (max-width:480px){
	.notice ul {height:220rem;}
	.notice li a {padding:6rem 0 6rem 27rem;}
	.notice .list .photo > li {width:100%; margin-left:0;}
	.notice .list .photo > li:nth-child(n+2) {display:none;}
	.favorite {padding:15rem;}
	.favorite li {width:32%; margin-left:1%; padding:10rem; text-align:center;}
	.favorite li:nth-child(2n+1) {margin-left:1%;}
	.favorite li:nth-child(3n+1) {margin-left:0;}
	.favorite li:nth-child(3) {margin-top:0;}
	.favorite li a {padding:5rem 0;}
	.favorite li a::before {display:none;}
}


.section3 {background:#f0f4fd; overflow:hidden;}
.section3_slide li {padding:20rem 5rem;}
.section3_slide li a {position:relative; display:block; height:64rem; padding:11rem 0 0 74rem; color:#4d4d4d; font-size:14rem;}
.section3_slide li a span {display:block; font-size:17rem; font-weight:500; color:#333;}
.section3_slide li a::before {content:''; position:absolute; left:0; top:50%; width:64rem; height:64rem; margin-top:-32rem; background:#fff url('/Main/Images/new/ko2022/main/ico_site.png') no-repeat; border-radius:50%;}
.section3_slide li a:hover:before {transform:rotateY(360deg); transition:all 0.65s;}
.section3_slide li a.icon01:before {background-position:0 0;}
.section3_slide li a.icon02:before {background-position:-64rem 0;}
.section3_slide li a.icon03:before {background-position:-128rem 0;}
.section3_slide li a.icon04:before {background-position:-192rem 0;}
.section3_slide li a.icon05:before {background-position:-256rem 0;}
.section3_slide li a.icon06:before {background-position:-320rem 0;}
.section3_slide .prev,
.section3_slide .next {display:block; position:absolute; top:50%; width:40rem; height:40rem; padding:0; background:transparent; border:0; text-indent:-9999px; z-index:100; transform:translateY(-50%);}
.section3_slide .prev {left:0;}
.section3_slide .next {right:0;}
.section3_slide .prev:before,
.section3_slide .next:before {content:''; position:absolute; top:50%; left:50%; width:18rem; height:18rem; border-top:2px solid #333; border-right:2px solid #333;}
.section3_slide .prev:before {margin-left:4rem; transform:translate(-50%, -50%) rotate(-135deg);}
.section3_slide .next:before {margin-left:-4rem; transform:translate(-50%, -50%) rotate(45deg);}
@media all and (max-width:1400px){
	.section3 {padding:20rem;}
	.section3_slide li {padding:0;}
	.section3_slide > div {margin:0 20rem;}
	.section3_slide .prev {left:-20rem;}
	.section3_slide .next {right:-20rem;}
}
@media all and (max-width:768px){
	.section3 {padding:15rem;}
	.section3_slide li a {font-size:13rem; padding-left:64rem;}
	.section3_slide li a span {font-size:16rem;}
	.section3_slide li a::before {width:54rem; height:54rem; margin-top:-27rem; background-size:cover;}
	.section3_slide li a.icon01:before {background-position:0 0;}
	.section3_slide li a.icon02:before {background-position:-54rem 0;}
	.section3_slide li a.icon03:before {background-position:-108rem 0;}
	.section3_slide li a.icon04:before {background-position:-162rem 0;}
	.section3_slide li a.icon05:before {background-position:-216rem 0;}
	.section3_slide li a.icon06:before {background-position:-270rem 0;}
}
@media all and (max-width:376px){
	.section3_slide li {padding:0 50rem;}
}


.sns {width:calc(100% - 600rem);}
.sns > h2 {float:left;}
.sns .link {position:relative; float:right;}
.sns .link a {position:relative; display:block; float:left; width:36rem; height:36rem; margin-left:10rem; border-radius:50%; text-indent:-9999rem;}
.sns .link a.youtube {width:130rem !important; padding-left:41rem; color:#e04950; font-weight:800; text-indent:inherit; font-size:21rem; line-height:36rem;}
.sns .link a::before {content:''; position:absolute; left:0; top:0; width:36rem; height:36rem; background:url('/Main/Images/new/ko2022/main/ico_sns.png') no-repeat 0 0;}
.sns .link a.youtube::before {background-position:0 0;}
.sns .link a.insta::before {background-position:-36rem 0;}
.sns .link a.facebook::before {background-position:-72rem 0;}
.sns .link a.blog::before {background-position:-108rem 0;}
.sns .link a.twitter::before {background-position:-144rem 0;}
.sns .link a.kakao::before {background-position:-180rem 0;}
.sns .list {clear:both;}
.sns .list li {float:left; width:32%; margin-left:2%;}
.sns .list li:first-child {margin-left:0;}
.sns .list li a {display:block; border:1px solid #e6e6e6; border-radius:15rem; overflow:hidden;}
.sns .list li img {width:100%; height:185rem;}
.sns .list li span {display:block; padding:0 20rem; letter-spacing:-1rem;}
.sns .list .subject  {display:-webkit-box; height:50rem; line-height:25rem; margin-top:20rem; font-size:17rem; letter-spacing:-1rem; white-space:normal; word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.sns .list .date {margin-top:10rem; margin-bottom:27rem; color:#686868; font-size:15rem;}
.popup {position:relative; width:560rem; margin-left:40rem;}
.popup .owl-item {padding:3rem;}
.popup .popup_slide img {border-radius:15rem; overflow:hidden; border:1px solid #e6e6e6;}
.popup > .control {position:absolute; right:0; top:0;}
.popup > .control a {position:relative; display:block; float:left; width:24rem; height:24rem; text-indent:-9999rem; overflow:hidden;}
.popup > .control a::before {content:''; position:absolute; left:0; top:0; width:24rem; height:24rem; background:url('/Main/Images/new/ko2022/main/control.png') no-repeat 0 -24rem;}
.popup > .control a.next {transform:rotate(180deg);}
.popup > .control a.stop, .popup > .control a.play {position:relative; width:24rem;}
.popup > .control a.play::before {background-position:-48rem -24rem;}
.popup > .control a.stop::before {left:calc(100% - 24rem); background-position:-24rem -24rem;}
.popup > .control .count {float:left; font-size:20rem; margin:-3rem 15rem 0 0; font-weight:600; font-size:18rem;}
.popup > .control .count span {font-weight:400; color:rgba(0,0,0,0.5);}
@media all and (max-width:1600px){
	.sns {width:calc(100% - 520rem);}
	.sns .list li img {height:145rem;}
	.popup {width:500rem; margin-left:20rem;}
}
@media all and (max-width:1200px){
	.section4.flex {display:block;}
	.sns {width:100%; margin-top:20rem; overflow:hidden;}
	.popup {width:100%; margin:20rem 0 0 0; padding:0;}
	.popup::before {width:100%; border-radius:20rem;}
	.popup > h2 {padding-top:0 !important;}
	.popup > .control {right:25rem;}
}
@media all and (max-width:1203px){
	.sns .list li img {height:185rem;}
}
@media all and (max-width:768px){
	.sns .list li {width:48%; margin-left:4%;}
	.sns .list li:last-of-type {display:none;}
	.sns .link a.youtube {width:36rem !important; padding-left:0; text-indent:-9999rem;}
	.popup {margin-top:30rem;}
	.popup > .control {right:0;}
	.sns .list li img {height:145rem;}
}
@media all and (max-width:560px){
	.sns .link a {width:30rem; height:30rem; margin-left:5rem;}
	.sns .link a::before {width:30rem; height:30rem; background-size:cover;}
	.sns .link a.youtube {width:30rem !important; line-height:30rem;}
	.sns .link a.insta::before {background-position:-30rem 0;}
	.sns .link a.facebook::before {background-position:-60rem 0;}
	.sns .link a.blog::before {background-position:-90rem 0;}
	.sns .link a.twitter::before {background-position:-120rem 0;}
	.sns .link a.kakao::before {background-position:-150rem 0;}
	.sns .list .subject {margin-top:5rem; font-size:15rem;}
	.sns .list li span {padding:0 10rem;}
	.sns .list .date {margin-bottom:5rem;}
}


.keywords {position:relative; width:100%; background:#d3e5fe; border-radius:15rem; padding:15rem 15rem 15rem 230rem; box-sizing:border-box; overflow:hidden; font-family:"SCDream", sans-serif;}
.keywords h2 {position:absolute; left:-70rem; top:50%; text-transform:uppercase; color:#112240; font-size:15rem; font-weight:500; letter-spacing:2rem; margin:-13rem 0 0; transform:rotate(-90deg);}
.keywords > a {display:block; position:absolute; left:60rem; top:25rem; width:200rem; 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:#d5015e; color:#fff; border-radius:30rem; border-bottom:none;}
.keywords > a.on::before {right:20rem; opacity:1;}
.keywords > a.on span { display:inline;}
/*.keywords > a.on, .keywords > a:hover {background:#d5015e; color:#fff; border-radius:30rem; border-bottom:none;}
.keywords > a.on::before, .keywords > a:hover::before {right:20rem; opacity:1;}
.keywords > a.on span, .keywords > a:hover 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 35rem 0 35rem;}
.keywords > div.word {width:280rem; 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:#d5015e; font-size:29rem; font-weight:600;}
.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:#d5015e; border:1px solid #d5015e; color:#fff;}
.keywords > div.word #word_all {width:48%;}
.keywords > div:not(.word) {width:calc(100% - 280rem); padding-left:0; border-radius:0 7rem 7rem 0;}
.keywords_search {position:relative; background:#ededed; border-radius:10rem;}
.keywords_search div {line-height:55rem; height:55rem; border-radius:25rem;}
.keywords_search div label {font-weight:600; 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; font-size:15rem; 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 25rem; box-sizing:border-box; font-size:15rem; letter-spacing:-0.5rem; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.keywords .list a[target="_blank"] span {padding-right:15px; background:url('/Main/Images/new/ko2022/main/blank.png') no-repeat right 48%;}
.keywords .list a::before {content:''; position:absolute; left:0; top:4rem; width:16rem; height:16rem; background:url('/Main/Images/new/ko2022/main/keyword_ico.png') no-repeat;}
/*.keywords .list a:nth-of-type(3n+1) {clear:both;}
.keywords .list a:hover {color:#d5015e; text-decoration:underline; font-weight:600;}
.keywords .list a:hover::before {background-position:-16rem 0;}*/
@media all and (max-width:1600px){
	.section5.flex {display:block;}
	.keywords {width:100%;}
	.keywords .list a {width:33.3333%;}
}
@media all and (max-width:1023px){
	.keywords {padding:170rem 10rem 10rem 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.3); 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 #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){
	.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 > a:nth-of-type(5) {}
	.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:480px){
	.keywords {padding-top:140rem;}
	.keywords h2 {left:0; top:20rem; margin:0; width:100%; transform:none; text-align:center;}
	.keywords > a {top:50rem; height:33rem; line-height:33rem;}
	.keywords > a:nth-of-type(2) {left:26%; top:50rem;}
	.keywords > a:nth-of-type(3) {left:51%; top:50rem;}
	.keywords > a:nth-of-type(4) {left:76%; top:50rem;}
	.keywords > a:nth-of-type(5) {left:1%; top:90rem;}
	.keywords > a:nth-of-type(6) {left:26%; top:90rem;}
	.keywords > a:nth-of-type(7) {left:51%; top:90rem;}
	.keywords > a::before {display:none;}
	.keywords_search div label {position:absolute; left:-99999rem;}
	.keywords_search div input {width:100%; padding:0 100rem 0 30rem;}
}


/*ºñÁÖ¾ó Æ˾÷ À̹ÌÁö¸Ê*/
/*.map_div {position:absolute !important; top:0; left:0; width:100%; height:100%;}
.map_div a {position:absolute; text-indent:-9999rem;}
#Map_2919 a.btn1{bottom: 35%; left: 5.5%; width: 20%; height: 13%;}
#Map_2919 a.btn2{bottom: 35%; left: 26%; width: 22%; height: 13%;}*/



.map_div {position:absolute; top:0; left:0; width:100%; height:100%;}
.map_div a {position:absolute; text-indent:-99999px; z-index:100;}

.Map_pr_2919 a.btn1 {left:7.4%; top:71.5%; width:14%; height:13%;}
.Map_pr_2919 a.btn2 {left:22.7%; top:71.5%; width:14%; height:13%;}
.Map_pr_2919 a.btn3 {left:38.1%; top:71.5%; width:25.3%; height:13%;}

.Map_pr_3332 a.btn1 {left:4.4%; top:78.5%; width:20.5%; height:14%;}
.Map_pr_3332 a.btn2 {left:26.7%; top:78.5%; width:20.5%; height:14%;}


.layorPop {position:absolute; left:50%; top:200rem; width:940rem; margin-left:-800rem; z-index:5; background:#000;}
.video-wrap {position:relative;}
.layorPop iframe {height:410rem;}
.layorPop span {position:absolute; right:0; top:0; cursor:pointer;}
@media all and (max-width:1600px){
	.layorPop {left:2%; margin-left:0;}
}
@media all and (max-width:1400px){
	.layorPop {width:880rem;}
	.layorPop iframe {height:350rem;}
	.layorPop span img {width:50rem;}
}
@media all and (max-width:1023px){
	.layorPop {top:145rem; width:96%; margin:0 auto;}
	.layorPop iframe {height:310rem;}
	.layorPop span img {width:45rem;}
}
@media all and (max-width:768px){
	.layorPop iframe {height:230rem;}
	.layorPop span img {width:30rem;}
}