@charset "utf-8";

/**************************************************
*
*   main.css
*
***************************************************/
img {display: block; max-width: 100%;}   
/* 공통 */
#container{ position:relative; width:100%; z-index:15}

/* Skip */
#skipnavigation{position:absolute;left:0;top:0;width:100%;text-align:center;z-index:9999}
#skipnavigation a{overflow:hidden;white-space:nowrap;display:block;width:100%;height:0}
#skipnavigation a:focus, #skipnavigation a:active{display:block;width:100%;height:36px;color:#fff;background:#000;line-height:36px;text-decoration:underline !important;font-size:14px;}
.thispage {
    position: relative;
    display: block;
    width: 1200px;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
}
html a:focus, html area:focus, html button:focus, html input:focus, html textarea:focus, html object:focus, html select:focus{
	outline: 1px solid rgba(82, 168, 236, 0.8) !important;
	border-color: rgba(82, 168, 236, 0.8); 
	-webkit-box-shadow:  2px 2px 4px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
	-moz-box-shadow:  2px 2px 4px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
	box-shadow:  2px 2px 4px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}
.lst_gnb li ul li a:focus{color:#005aab; font-weight:bold}
.lst_evtbanner li a{display:inline-block;}
.box_bannerZone .ban_list li a{display:inline-block;}
.lst_evtbanner li a:focus,
.box_bannerZone .ban_list li a:focus{outline:1px solid rgba(82, 168, 236, 0.8) !important;border:1px solid rgba(82, 168, 236, 0.8) !important;box-sizing: border-box;}

.main-title-01 {font-size: 35px; font-weight: 600;}

@media screen and (max-width: 1080px) {
    .main-title-01 {font-size: 26px;}
    
}

@media screen and (max-width: 480px) {
    .main-title-01 {font-size: 24px;}
    
}


/* 메인 슬라이드 */
#main-slide-wrap {position: relative; width: 100%; height: 464px; display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start;}
#main-slide-wrap h1 {color: #fff; font-weight: 600; font-size: 35px; margin-bottom: 40px;}
#main-slide-wrap .bg-vid {width: 100%; height: 100%; object-fit: cover; object-position: center right; position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index: -1;}
#main-slide-wrap .side-txt {height: 100%; text-align: center; padding: 20px 0; position: absolute; right: 50px; top: 50%; transform: translateY(-50%); writing-mode: vertical-lr; color: #fff; font-size: 17px;}
#main-slide-wrap .slide-wrap {width: 60%; padding-left: 50px; padding-right: 5.5%; margin-top:3.5%;}
#main-slide-wrap .swiper {}
#main-slide-wrap .swiper h2 {color: #00FFFF; font-weight: 600; font-size: 27px; margin-bottom: 15px;}
#main-slide-wrap .swiper p {min-height: 117px; color: #fff; font-size: 23px; line-height: 1.3;}
#main-slide-wrap .swiper-pagination {width: auto; height: auto; position: static; transform: none; margin: 0; padding: 0; display: flex; align-items: center; gap: 20px;}
#main-slide-wrap .swiper-pagination-bullet {width: 11px; height: 11px; margin: 0; background-color: rgba(255, 255, 255, 0.5); opacity: 1; transition: 0.3s;}
#main-slide-wrap .swiper-pagination-bullet.swiper-pagination-bullet-active {width: 41px; background-color: #fff; border-radius: 20px;}
#main-slide-wrap .ctrl-box {display: flex; align-items: center; gap: 30px; margin-top: 40px;}
#main-slide-wrap button {display: none; background-color: transparent; color: #fff; justify-content: center; align-items: center; font-size: 20px;}
#main-slide-wrap button.active {display: flex;}
#main-slide-wrap .main-video {padding-top: 3.5%; position: absolute; right:180px; }
#main-slide-wrap .main-video > a > img {width: 560px; height: 316px; border-radius: 20px;}

/* 메인 이미지 링크 */
#main-img-link {}
#main-img-link ul {display: flex;}
#main-img-link li {width: 25%;}
#main-img-link li:nth-of-type(1) {background: url('../images/main_new/main_quick_menu_01.jpg') no-repeat center center/cover;}
#main-img-link li:nth-of-type(3) {background: url('../images/main_new//main_quick_menu_02.jpg') no-repeat center center/cover;}
#main-img-link li:nth-of-type(4) {background: url('../images/main_new//main_quick_menu_03.jpg') no-repeat center center/cover;}
#main-img-link li:nth-of-type(5) {background: url('../images/main_new//main_quick_menu_04.jpg') no-repeat center center/cover;}
#main-img-link a {height: 304px; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; position: relative; gap: 15px; padding: 20px;}
#main-img-link a::before, #main-img-link a::after {content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; transition: 0.2s;}
#main-img-link a::before {background-color: rgba(0, 0, 0, 0.7); opacity: 1;}
#main-img-link a::after {opacity: 0;}
#main-img-link a:where(:hover,:focus)::before {opacity: 0;}
#main-img-link a:where(:hover,:focus)::after {opacity: 1;}
#main-img-link li:nth-of-type(1) a::after {background: linear-gradient(180deg, #00000073, #FF511480 100%);}
#main-img-link li:nth-of-type(3) a::after {background: linear-gradient(180deg, #00000073, #7EBA0080 100%);}
#main-img-link li:nth-of-type(4) a::after {background: linear-gradient(180deg, #00000073, #00FFFF80 100%);}
#main-img-link li:nth-of-type(5) a::after {background: linear-gradient(180deg, #00000073, #3662FF80 100%);}
#main-img-link p {width: 100%; position: relative; z-index: 10;}
#main-img-link .kor {font-size: 28px; font-weight: 600; color: #fff;}
#main-img-link .eng {font-size: 20px; color: rgba(255,255,255,0.5);}

/*20241115*/
#main-img-link li:nth-of-type(2) {background: url('../images/main_new/main_quick_menu_01.jpg') no-repeat center center/cover;}
#main-img-link li:nth-of-type(2) a::after {background: linear-gradient(180deg, #00000073, #FF511480 100%);}
#main-img-link .dm_app_detail a {height: 152px; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; position: relative; gap: 15px; padding: 20px;}
#main-img-link .dm_app_detail a::before, #main-img-link a::after {content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; transition: 0.2s;}
#main-img-link .dm_app_detail a::before {background-color: rgba(0, 0, 0, 0.7); opacity: 1;}
#main-img-link .dm_app_detail a::after {opacity: 0;}
#main-img-link .dm_app_detail a:where(:hover,:focus)::before {opacity: 0;}
#main-img-link .dm_app_detail a:where(:hover,:focus)::after {opacity: 1;}
.hidden {display:none;}
/*20241115*/

/* 202502 */
#main-img-link .kor_ex {font-size: 23px; font-weight: 600; color: #fff;}
#main-img-link .eng_ex {font-size: 20px; color: rgba(255,255,255,0.5); text-align:left; top:22px;}

#main-img-link .dm_app_detail .support {height: 152px; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; position: relative; gap: 1px; padding: 20px;}
#main-img-link .dm_app_detail .support::before, #main-img-link .support::after {content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; transition: 0.2s;}
#main-img-link .dm_app_detail .support(:hover,:focus)::before {opacity: 0;}
#main-img-link .dm_app_detail .support(:hover,:focus)::after {opacity: 1;}
#main-img-link .dm_app_detail .support::before {background-color: rgba(187, 18, 18, 0.62); opacity: 1;} 
/* 202502 */

/* 메인 도메인 */
#main-domain {padding: 0 20px;}
#main-domain > .inner {width: 100%; max-width: 1660px; margin: 0 auto; padding-top: 96px;}
#main-domain .domain-status {display: flex; gap: 40px 56px;}
#main-domain .domain-status .brd-box {width: 50%;}
#main-domain .domain-status .brd-box .hd-box {display: flex; justify-content: space-between; align-items: center;}
#main-domain .domain-status .brd-box .hd-box .btn-more {padding: 9px 19px; font-weight: 600; display: flex; justify-content: center; align-items: center; gap: 5px; border: 1px solid #ddd; border-radius: 30px;}
#main-domain .domain-status .brd-box .hd-box .btn-more:where(:hover,:focus) {background-color: #f1f1f1;}
#main-domain .domain-status .brd-box .list {margin-top: 27px;}
#main-domain .domain-status .brd-box .list > li:not(:last-of-type) {margin-bottom: 20px;}
#main-domain .domain-status .brd-box .list a {border: 1px solid #ddd; border-radius: 10px; display: flex; justify-content: space-between; align-items: center; position: relative; padding: 20px 50px 20px 30px; gap: 40px;}
#main-domain .domain-status .brd-box .list a:where(:hover,:focus) {border-color: #0A62D3; box-shadow: 0 5px 10px #ddd;}
#main-domain .domain-status .brd-box .list a:where(:hover,:focus) .hover-arrow {opacity: 1;}
#main-domain .domain-status .brd-box .list .hover-arrow {width: 40px; height: 40px; background-color: #0A62D3; border-radius: 5px; position: absolute; top: 50%; right: 0; transform: translate(50%,-50%); display: flex; justify-content: center; align-items: center; opacity: 0; transition: 0.2s;}
#main-domain .domain-status .brd-box .list .title {font-size: 20px; font-weight: 600; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: 15px; padding-right: 30px;}
#main-domain .domain-status .brd-box .list .title::before {content: ""; aspect-ratio: 1 / 1; width: 5px; background-color: #333; border-radius: 50%; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
#main-domain .domain-status .brd-box .list .icon-new {position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
#main-domain .domain-status .brd-box .list .date {flex-shrink: 0;}
#main-domain .domain-status .link-list {width: 50%; display: flex; gap: 30px;}
#main-domain .domain-status .link-list > li {width: 100%;}
#main-domain .domain-status .link-list > li:nth-of-type(1) a {background-color: #fff;}
#main-domain .domain-status .link-list > li:nth-of-type(2) a {background-color: #f6f6f6;}
#main-domain .domain-status .link-list a {height: 100%; border-radius: 10px; border: 1px solid #ddd; display: block; padding: 40px 25px 0px 40px;}
#main-domain .domain-status .link-list a:where(:hover,:focus) {border-color: #0A62D3;}
#main-domain .domain-status .link-list a:where(:hover,:focus) .title {color: #0A62D3;}
#main-domain .domain-status .link-list a:where(:hover,:focus) .title .icon {opacity: 1;}
#main-domain .domain-status .link-list .title {font-size: 27px; font-weight: 800; display: flex; justify-content: space-between; align-items: center; transition: 0.2s; gap: 15px;}
#main-domain .domain-status .link-list .title .icon {width: 40px; height: 40px; background-color: #0A62D3; color: #fff; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 18px; opacity: 0; transition: 0.2s;}
#main-domain .domain-status .link-list .title .icon i {font-weight: 800;}
#main-domain .domain-status .link-list .ctt {font-size: 21px; margin-top: 12px; margin-bottom: 38px;}
#main-domain .domain-status .link-list > li:nth-of-type(2) .ctt {margin-bottom: 38px;}
#main-domain .domain-type {margin-top: 76px; margin-bottom: 76px; display: flex;}
#main-domain .domain-type > div {width: 50%; display: flex; flex-direction: column;}
#main-domain .domain-type .link-box {display: flex; align-items: center; gap: 10px; font-size: 35px; font-weight: 600; color: #fff; padding: 28px 50px;}
#main-domain .domain-type .link-box:where(:hover,:focus) {filter: brightness(0.8);}
#main-domain .domain-type > div:nth-of-type(1) .link-box {background: url('../images/main_new//domain_kr_bg.jpg') no-repeat center right/cover; border-radius: 10px 0 0 10px;}
#main-domain .domain-type > div:nth-of-type(2) .link-box {background: url('../images/main_new//domain_udrp_bg.jpg') no-repeat center right/cover; border-radius: 0 10px 10px 0;}
#main-domain .domain-type .info-box {height: 100%; padding: 0 30px; display: flex; flex-direction: column; justify-content: space-between; gap: 45px; margin-top: 55px;}
#main-domain .domain-type .info-box .txt-box .title {font-size: 25px; font-weight: 600; color: #000;}
#main-domain .domain-type .info-box .txt-box .ctt {font-size: 19px; margin-top: 12px;}
#main-domain .domain-type .info-box .list li {border-bottom: 1px solid #ddd;}
#main-domain .domain-type .info-box .list a {display: flex; justify-content: space-between; align-items: center; padding: 20px 17px;}
#main-domain .domain-type > div:nth-of-type(1) .info-box .list a:where(:hover,:focus) .arrow {color: #fff; background-color: #0A62D3;}
#main-domain .domain-type > div:nth-of-type(2) .info-box .list a:where(:hover,:focus) .arrow {color: #fff; background-color: #ED3833;}
#main-domain .domain-type .info-box .list .txt {display: flex; align-items: center; gap: 10px; font-weight: 500; color: #0080C8; text-decoration: underline; text-underline-position: under; font-size: 20px;}
#main-domain .domain-type .info-box .list .arrow {aspect-ratio: 1 / 1; width: 35px; display: flex; justify-content: center; align-items: center; color: #aaa; border-radius: 50%; background-color: #eee; font-size: 13px; transition: 0.2s;}


/* MARQUEE */
#main-marquee {font-size: 97px; font-weight: 800; pointer-events: none; position: relative; z-index: -1; color: #fff; overflow: hidden; padding: 15px 0 10px;}
#main-marquee .swiper {width: 150%; min-width: 2500px;}
#main-marquee .swiper-wrapper {transition-timing-function: linear !important;}
#main-marquee .swiper-slide {-webkit-text-stroke: 1px #ddd;}

/* 메인 뉴스 */
#main-news {height: 500px; display: flex; flex-direction: column; justify-content: center; background-size: auto 560px; background: url('../images/main_new//main_news_bg.jpg') no-repeat center center; overflow: hidden; background-size: cover;}
#main-news .hd-box {padding: 0 20px;}
#main-news .hd-box > .inner {width: 100%; max-width: 1660px; margin: 0 auto; color: #fff; display: flex; justify-content: space-between; align-items: center;}
#main-news .hd-box .ctrl-box {display: flex; gap: 10px;}
#main-news .hd-box .ctrl-box button {width: 50px; height: 50px; border-radius: 50%; display: flex; justify-content: center; align-items: center; background-color: transparent; border: 1px solid #d9d9d9; font-size: 20px;}
#main-news .hd-box .ctrl-box button:where(:hover,:focus) {background-color: #d9d9d9; color: #333;}
#main-news .hd-box .ctrl-box :is(.btn-play,.btn-pause) {display: none;}
#main-news .hd-box .ctrl-box :is(.btn-play,.btn-pause).active {display: flex;}
#main-news .slide-box {padding: 0 20px; margin-top: 43px;}
#main-news .slide-box > .inner {width: 100%; height: 280px; max-width: 1660px; margin: 0 auto; position: relative;}
#main-news .swiper {width: 110%; height: 100%; position: absolute; top: 0; left: 0;}
#main-news .swiper-slide {width: 460px;}
#main-news .swiper-slide > .box {width: 430px; height: 100%; padding: 40px; padding-bottom: 0; position: relative; background-color: #fff; border-radius: 10px; overflow: hidden;}
#main-news .swiper-slide .icon-new {flex-shrink: 0; width: 26px;}
#main-news .swiper-slide .title {display: flex; align-items: center; gap: 16px;}
#main-news .swiper-slide .title p {font-size: 20px; font-weight: 600; color: #000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
#main-news .swiper-slide .ctt {font-size: 17px; color: #555; line-height: 1.4; margin-top: 24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
#main-news .swiper-slide .date {display: flex; align-items: center; margin-top: 45px; color: #555; gap: 5px;}
#main-news .swiper-slide .btn-detail {width: 60px; height: 60px; font-size: 24px; background-color: #e9e9e9; color: #aaa; display: flex; justify-content: center; align-items: center; position: absolute; right: 0; bottom: 0;}
#main-news .swiper-slide .btn-detail:where(:hover,:focus) {filter: brightness(0.9);}

@media screen and (max-width: 1540px) {
	/* 2501 */
	#main-slide-wrap .slide-wrap {width: 57%;}
	#main-slide-wrap .main-video {position: absolute; right:100px;}
}

@media screen and (max-width: 1400px) {
    #main-domain .domain-status {flex-wrap: wrap;display:none;}
    #main-domain .domain-status .brd-box {width: 100%;}
    #main-domain .domain-status .link-list {width: 100%;}
    #main-domain .domain-status .link-list .ctt br {display: none;}
    #main-domain .domain-status .link-list a > img {margin: 0 auto;}

	/* 2501 */
	#main-slide-wrap .slide-wrap {width: 54%;}
	#main-slide-wrap .main-video {position: absolute; right:100px;}

}

@media screen and (max-width: 1336px) {
	/* 2501 */
	#main-slide-wrap .slide-wrap {width: 45%;}
	#main-slide-wrap .main-video {position: absolute; right:100px;}
}

@media screen and (max-width: 1080px) {
    #main-slide-wrap {height: 650px; display:none;}
    #main-slide-wrap .bg-vid {object-position: left center;}
    #main-slide-wrap h1 {font-size: 37px; margin-bottom: 35px;}
    #main-slide-wrap .swiper h2 {font-size: 28px; margin-bottom: 10px;}
    #main-slide-wrap .swiper p {font-size: 22px; min-height: 130px;}
    #main-slide-wrap .ctrl-box {margin-top: 30px; gap: 20px;}
    #main-slide-wrap .swiper-pagination {gap: 15px;}
    #main-slide-wrap .swiper-pagination-bullet {width: 9px; height: 9px;}
    #main-slide-wrap .swiper-pagination-bullet.swiper-pagination-bullet-active {width: 30px;}
    #main-slide-wrap .side-txt {display: none;}

    #main-img-link ul {flex-wrap: wrap;}
    #main-img-link li {width: 50%;}
    #main-img-link a {height: 280px; gap: 5px;}
    #main-img-link .eng {font-size: 20px;}
    #main-img-link .kor {font-size: 25px;}
	#main-img-link .dm_app_detail a {height: 140px; gap: 5px;} /* 202502 */

	
    #main-domain > .inner {padding-top: 55px;}
    #main-domain .domain-status .brd-box .hd-box .btn-more {font-size: 15px;}
    #main-domain .domain-status .brd-box .list {margin-top: 20px;}
    #main-domain .domain-status .brd-box .list .title {font-size: 18px; padding-right: 25px;}
    #main-domain .domain-status .brd-box .list .title::before {width: 4px;}
    #main-domain .domain-status .brd-box .list .date {font-size: 14px;}
    #main-domain .domain-status .brd-box .list .icon-new {width: 18px; height: 18px;}
    #main-domain .domain-status .brd-box .list > li:not(:last-of-type) {margin-bottom: 15px;}
    #main-domain .domain-status .brd-box .list a {gap: 30px; padding: 25px 35px 25px 25px;}
    #main-domain .domain-status .brd-box .list .hover-arrow {width: 30px; height: 30px;}
    #main-domain .domain-status .brd-box .list .hover-arrow img {height: 10px;}
    #main-domain .domain-status .link-list {gap: 20px;}
    #main-domain .domain-status .link-list .title {font-size: 23px;}
    #main-domain .domain-status .link-list .title .icon {width: 30px; height: 30px; font-size: 13px;}
    #main-domain .domain-status .link-list > li:nth-of-type(2) .ctt {margin-bottom: 50px;}
    #main-domain .domain-status .link-list .ctt {font-size: 18px;}
    #main-domain .domain-status .link-list a {padding: 30px;}
    #main-domain .domain-status .link-list a > img {width: 200px;}
    #main-domain .domain-type {margin-top: 45px;}
    #main-domain .domain-type .link-box {font-size: 25px; padding: 20px 25px;}
    #main-domain .domain-type .link-box img {width: 30px;}
    #main-domain .domain-type .info-box {margin-top: 35px; padding: 0 20px; gap: 25px;}
    #main-domain .domain-type .info-box .txt-box .title {font-size: 20px;}
    #main-domain .domain-type .info-box .txt-box .ctt {font-size: 17px; margin-top: 10px;}
    #main-domain .domain-type .info-box .list a {padding: 15px;}
    #main-domain .domain-type .info-box .list .txt {font-size: 17px;}
    #main-domain .domain-type .info-box .list .txt img {width: 15px;}
    #main-domain .domain-type .info-box .list .arrow {width: 30px; font-size: 11px;}

    #main-marquee {font-size: 70px;}
    #main-marquee .swiper {min-width: 1800px;}

    #main-news {height: 450px;}
    #main-news .hd-box .ctrl-box {gap: 8px;}
    #main-news .hd-box .ctrl-box button {width: 40px; height: 40px; font-size: 18px;}
    #main-news .hd-box .ctrl-box :is(.btn-prev,.btn-next) {font-size: 14px;}
    #main-news .slide-box {margin-top: 25px;}
    #main-news .slide-box > .inner {height: 235px;}
    #main-news .swiper-slide {width: 420px;}
    #main-news .swiper-slide > .box {width: 400px; padding: 30px; padding-bottom: 0;}
    #main-news .swiper-slide .icon-new {width: 25px;}
    #main-news .swiper-slide .title {gap: 10px;}
    #main-news .swiper-slide .title p {font-size: 18px;}
    #main-news .swiper-slide .ctt {font-size: 15px; margin-top: 17px;}
    #main-news .swiper-slide .date {font-size: 14px; margin-top: 35px;}
    #main-news .swiper-slide .btn-detail {width: 50px; height: 50px; font-size: 20px;}


}

@media screen and (max-width: 768px) {
    #main-img-link li {width: 100%;}
    #main-img-link a {height: 200px;}
	#main-img-link .dm {display:none;}
	#main-img-link .dm_app {display:none;}
	
    #main-domain .domain-status .link-list {flex-wrap: wrap;}
    #main-domain .domain-type {flex-wrap: wrap; gap: 50px;}
    #main-domain .domain-type > div {width: 100%;}
    #main-domain .domain-type > div:is(:nth-of-type(1),:nth-of-type(2)) .link-box {border-radius: 10px;}

    #main-news {height: auto; padding: 40px 0;}
    #main-news .hd-box .ctrl-box {gap: 6px;}
    #main-news .hd-box .ctrl-box button {width: 35px; height: 35px; font-size: 15px;}
    #main-news .hd-box .ctrl-box :is(.btn-prev,.btn-next) {font-size: 12px;}
    #main-news .slide-box {margin-top: 20px; padding: 0;}
    #main-news .slide-box > .inner {height: 210px;}
    #main-news .swiper {width: 100%; position: static;}
    #main-news .swiper-slide {width: 380px;}
    #main-news .swiper-slide > .box {width: auto; padding: 20px;}
    #main-news .swiper-slide .title p {font-size: 16px;}
    #main-news .swiper-slide .ctt {font-size: 14px; margin-top: 14px;}
    #main-news .swiper-slide .date {font-size: 13px; margin-top: 30px;}
    #main-news .swiper-slide .icon-new {width: 22px;}
    #main-news .swiper-slide .btn-detail {width: 40px; height: 40px; font-size: 17px;}


}

@media screen and (max-width: 480px) {
    #main-slide-wrap {height: 550px;}
    #main-slide-wrap h1 {font-size: 30px;}
    #main-slide-wrap .swiper h2 {font-size: 22px;}
    #main-slide-wrap .swiper p {min-height: 100px; font-size: 18px;}



    #main-img-link a {height: 150px; gap: 3px;}
    #main-img-link .eng {font-size: 18px;}
    #main-img-link .kor {font-size: 22px;}


    #main-domain > .inner {padding-top: 35px;}
    #main-domain .domain-status .brd-box .hd-box .btn-more {font-size: 13px; padding: 7px 13px;}
    #main-domain .domain-status .brd-box .list > li:not(:last-of-type) {margin-bottom: 10px;}
    #main-domain .domain-status .brd-box .list a {flex-wrap: wrap; gap: 8px; padding: 20px 30px 20px 20px;}
    #main-domain .domain-status .brd-box .list .title {font-size: 16px; padding-left: 12px;}
    #main-domain .domain-status .brd-box .list .icon-new {width: 17px; height: 17px;}
    #main-domain .domain-status .brd-box .list .date {padding-left: 12px;}
    #main-domain .domain-status .link-list .title {font-size: 20px;}
    #main-domain .domain-status .link-list .title .icon {width: 25px; height: 25px; font-size: 10px;}
    #main-domain .domain-status .link-list .ctt {font-size: 16px;}
    #main-domain .domain-status .link-list a {padding: 20px;}
    #main-domain .domain-status .link-list a > img {width: 160px;}
    #main-domain .domain-status .link-list .ctt {margin-top: 10px; margin-bottom: 30px;}
    #main-domain .domain-status .link-list > li:nth-of-type(2) .ctt {margin-bottom: 35px;}
    #main-domain .domain-type .link-box {font-size: 20px; padding: 15px 20px;}
    #main-domain .domain-type .link-box img {width: 25px;}
    #main-domain .domain-type .info-box {margin-top: 20px; padding: 0 15px; gap: 20px;}
    #main-domain .domain-type .info-box .txt-box .title {font-size: 18px;}
    #main-domain .domain-type .info-box .txt-box .ctt {font-size: 15px;}
    #main-domain .domain-type .info-box .list a {padding: 12px 10px;}
    #main-domain .domain-type .info-box .list .txt {font-size: 15px;}
    #main-domain .domain-type .info-box .list .txt img {width: 14px;}
    #main-domain .domain-type .info-box .list .arrow {width: 25px; font-size: 9px;}


    #main-marquee {font-size: 50px;}
    #main-marquee .swiper {min-width: 1400px;}

    #main-news .swiper-slide {width: auto; padding: 0 20px;}
    
}








@media screen and (max-width: 1560px) {
    
}
@media screen and (max-width: 1400px) {
    
}
@media screen and (max-width: 1240px) {
    
}
@media screen and (max-width: 1080px) {
    
}
@media screen and (max-width: 768px) {
    
}
@media screen and (max-width: 480px) {
    
}