@charset "utf-8";
/* *******************************************************
 * filename : main.css
 * description : 메인 레이아웃 및 컨텐츠 CSS
 * date : 2022-08-08
******************************************************** */

/* ******************  메인 레이아웃(Fullpage) ********************** */
#fullpage #mainVisual{height:100vh}
@media all and ( min-width: 1281px ) and (max-height: 750px) {
	#fullpage .section:not(#mainFooter){min-height:750px;}
	#fullpage .section .fp-tableCell{height:100% !important;}
}

/* ******************  메인 비주얼 ********************** */
#mainVisual{ overflow:hidden; width:100%; height: 1060px; /* height:100vh !important; */ position:relative; background-color:#000;}
.main-visual-wrap {position: fixed; width: 100%; height: 100%; top: 0; left: 0;}
.main-visual-con {position: relative; width: 100%; height: 100%; background-color:#000;}
.main-visual-con-bg {position: absolute; width: 100%; height: 100%; top: 0; left: 0; overflow:hidden; }
.main-visual-item {position: absolute; width: 100%; height: 100%; top: 0; left: 0;}

/* 메인 비주얼 :: 이미지 */
.main-visual-item{position:relative; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.main-visual-item .main-visual-img{
	width:100%;
	height:100%;
	background-size:cover !important;
	transform: scale(1.08,1.08);
}
.main-visual-item.active{z-index: 1;}
.main-visual-item .main-visual-m-img{display:none;}
.main-visual-item.swiper-slide-active .main-visual-img,
.main-visual-item.active .main-visual-img{animation: image-zoom-out 8s 0s forwards;}

/* 메인 비주얼 :: 텍스트 */
.main-visual-txt-con{
	position:absolute; 
	top: 53.5%;
	left: 13.2%;
	right: 13.2%;
	transform:translateY(-50%);
	z-index:999;
}

/* swiper-container */
.main-visual-txt-container.swiper-container{max-width: 84rem; height: 54rem; margin-left: 0; margin-right: 0;}
.line-two .main-visual-txt-container.swiper-container{height: 64rem;}

/* swiper-wrapper */
.main-visual-txt-con-inner{}

/* swiper-slide */
.main-visual-txt-box {display: block;width: 100%; opacity: 0;filter:Alpha(opacity=0);}
.main-visual-txt-box .main-visual-txt1{font-size:3.2rem; font-weight:600; color:#fff; line-height: 1.11; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition: all .3s ease;}
.main-visual-txt-box .main-visual-txt2{font-size:1.75rem; letter-spacing:-0.035em; color:#fff; line-height: 1.71; padding-top: 1.5rem; display: none;}
.main-visual-txt-box.opa-40 {opacity: .4; height: auto !important; transition: all .3s ease;}
.main-visual-txt-box.swiper-slide-prev,
.main-visual-txt-box.swiper-slide-next {height: auto !important; opacity: 0.8;filter:Alpha(opacity=80); transition: all .3s ease;}
.main-visual-txt-box.swiper-slide-active {height: auto !important; z-index: 100; cursor: pointer; opacity: 1;filter:Alpha(opacity=100); transition: all .3s ease;}
.main-visual-txt-box.swiper-slide-active .main-visual-txt1 {margin-top: 2rem; font-size: 9rem; font-weight: 700; letter-spacing: -0.01em; overflow:hidden; display:block;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal;}
.main-visual-txt-box.swiper-slide-active .main-visual-txt2 {display: block;}

/* 메인 비주얼 :: 텍스트 :: active효과 */
.main-visual-txt-box .cm-word-split-JS.splitting .char {opacity: 1;} 

/* 메인 비주얼 :: Animation */
@keyframes image-zoom-out {
	from {
		transform: scale(1.08,1.08)
	}
	to {
		transform: scale(1.0,1.0)
	}
}
@keyframes text-active-animation {
	from {
		opacity:0;filter:Alpha(opacity=0);
		-webkit-transform: translateX(-20px); 
		transform: translateX(-20px); 
	}
	to {
		opacity:1.0;filter:Alpha(opacity=100);
		-webkit-transform: translateX(0); 
		transform: translateX(0); 
	}
}
@keyframes text-fade-out {
	from {
		opacity:1.0;filter:Alpha(opacity=100);
	}
	to {
		opacity:0;filter:Alpha(opacity=0);
	}
}

/* 메인 텍스트 hover 버튼 */
/* .main-mouse-pointer{display: block; position:fixed; top:0px; left:0px; z-index:9999999; pointer-events:none; }
.main-mouse-pointer{position:fixed; top:0px; left:0px; z-index:9999999; pointer-events:none;}	
.is-mobile .main-mouse-pointer{visibility: hidden; opacity: 0;}
.is-mobile .main-mouse-pointer{visibility: hidden; opacity: 0;}

.main-mouse-pointer .mouse-pointer {display: block; text-align: center; line-height: 8rem; width: 6rem; height: 6rem; border-radius: 1.5rem; transform: rotate(45deg); background: var(--main-color); opacity: 0; transition: all 0.3s ease;}
.main-mouse-pointer .mouse-pointer i {font-size: 2.8rem; color: #fefefe;  transform: rotate(-45deg);}
.main-mouse-pointer.active .mouse-pointer {transform: translate(-50%,-50%) rotate(45deg); opacity: 1;} */

/* 메인 비주얼 :: Dots */
.main-visual-con .slick-dots-wrapper{position:absolute; left:0; bottom:20px; width:100%; text-align:left; z-index:11; }
.main-visual-con .slick-dots{display:inline-block; vertical-align:top; *display:inline;*zoom:1; }
.main-visual-con .slick-dots li{float:left; margin-left:5px; }
.main-visual-con .slick-dots li:first-child{margin-left:0}
.main-visual-con .slick-dots li button{
	cursor:pointer; margin:0px; padding:0px; background:none; vertical-align:top; width:12px; height:12px; background-color:#fff; font-size:0; opacity:0.8;
	-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;
}
.main-visual-con .slick-dots li.slick-active button{background-color:#000; opacity:1.0; }

/* 메인 비주얼 :: 진행바 */
.main-visual-bar {display: none; position: relative;  width:200px; height:3px; margin: 2.5rem 0 5rem; z-index:1;}
.main-visual-bar .main-visual-loading-bar {position:relative; width:100%; height:100%; background:rgba(255,255,255,0.23); display:inline-block; vertical-align:middle;}
.main-visual-bar .main-visual-loading-bar span {position:absolute; top:0; left:0; height:100%; background-color:#fff}

.main-visual-txt-box.swiper-slide-active .main-visual-bar {display: block;}

/* 메인 비주얼 :: 화살표 */
.main-visual-btn-box.main-visual-mo-btn {display: none;}
.main-visual-btn-box {position:absolute; left: 7.3%; top:50%; transform:translateY(-50%); margin-top: -1.5%; z-index:100;}
.main-visual-btn-box button {position:absolute; left: 0; width:50px; border:0; cursor:pointer; font-size: 3.2rem; color:rgba(255,255,255,0.3);transition: all 0.3s;}
.main-visual-btn-box .arrow-prev {bottom:15px;}
.main-visual-btn-box .arrow-next {top:15px;}
.main-visual-btn-box button:hover {color: #fff;}

/* 메인 :: 상단 원형 배너 */
.main-circle-banner-wrap {display: block; position: fixed;  top: 50%; transform: translateY(-50%); margin-top: 10.5%; right: 13.2%; width: 27rem; height: 27rem; z-index: 1000;}
.main-circle-banner-wrap .circle-banner-close-btn {position: absolute; top: 0; right: 0; width: 3.7rem; height: 3.7rem; font-size: 2.4rem; color: #fff; cursor: pointer;
	text-shadow: 0px 0px 5px rgba(0,0,0,0.2);}
.main-circle-banner-wrap .main-circle-banner {display: block; width: 100%; height: 100%; border-radius: 50%; overflow: hidden; box-shadow: 8px 8px 20px rgba(0,0,0,0.1);}
.main-circle-banner-wrap .main-circle-banner img {max-width: 100%;}


/* ******************  메인 컨텐츠 ********************** */
/* -------- 메인 컨텐츠 :: 공통 -------- */
#mainContent {position: relative; background: #fff; border-radius: 0; overflow: hidden; transition: all 0.5s; /* transition-delay: 0.3s;  */}
#mainContent.on {border-radius: 6rem 6rem 0 0;}

/* 공통 :: 타이틀 */
.main-tit-box{margin-bottom:55px; letter-spacing:-0.75px; text-align:center;}
.main-tit-box .main-tit{color:#040404; font-size:40px; font-weight:300; }
.main-tit-box .main-tit strong{font-weight:600;}
.main-tit-box .main-sub-tit{display:block; margin-top:15px; color:#aaa; font-size:15px; letter-spacing:-0.75px; font-weight:300; line-height:1.5; }
.main-tit-box .main-tit.splitting .char{
	opacity:0;
	transform:translateY(100%);
	transition:var(--transition-custom2);
	transition-property:opacity, transform;
}
 /* animation일때 */ 
/* .aos-animate .main-tit-box .main-tit.splitting .char{
	-webkit-animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;
	animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;
} */
 /* transition일때 */ 
.active-section .main-tit.splitting .char,
.animated .main-tit.splitting .char{
	opacity:1.0;
	transform:translateY(0);
}

.cm-main-btn-style {display: flex; align-items: center; justify-content: center; width: 3.6rem; height: 3.6rem; background: var(--main-color); transform: rotate(45deg); border-radius: 1rem;}
.cm-main-btn-style i {font-size: 2.2rem; color: #fff; transform: rotate(-45deg);  transition: all 0.4s;}

/* -------- 메인컨텐츠 1 (상단 인트로)  -------- */
#mainIntroCon {position: relative; padding: 20rem 0; background: #fff; z-index: 1000;}
.main-intro-con {width: 100%; display: flex; align-items: center; justify-content: center;}
.main-intro-con li {width: 31rem; margin-right: 30px;overflow: visible !important;}
.main-intro-con li:last-child {margin-right: 0 !important;}
.main-intro-con li a {display: block; width: 100%; height: 100%; }
.main-intro-con li a .main-intro-item-img {width: 100%; height: 310px; -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;}
.main-intro-con li:nth-child(2) a .main-intro-item-img,
.main-intro-con li:last-child a .main-intro-item-img {border-radius: 31rem; }
.main-intro-con li:first-child a .main-intro-item-img {border-radius: 8.5rem;}
.main-intro-con li:nth-child(3) a .main-intro-item-img {border-radius: 3rem;}
.main-intro-con li a .main-intro-item-tit {width: 100%; display: flex; align-items: center; justify-content: center; padding-top: 3rem;}
.main-intro-con li a .main-intro-item-tit strong {display: inline-block; font-size: 2.6rem; font-weight: 700; color: #030303; padding-right: 0; transition: all 0.3s;}
.main-intro-con li a .main-intro-item-tit i { display: none; font-size: 2.8rem; color: var(--main-color); transition: all 0.3s; transform: rotate(45deg);}

.main-intro-con li a:hover .main-intro-item-img{ box-shadow: 5px 5px 20px rgba(0,0,0,0.18);}
.main-intro-con li:nth-child(2).active a .main-intro-item-img,
.main-intro-con li:last-child.active a .main-intro-item-img {border-radius: 31rem; } {border-radius: 15.5rem;}
.main-intro-con li.active a .main-intro-item-tit strong {color: var(--main-color); padding-right: 30%; transition: all 0.3s;}
.main-intro-con li.active a .main-intro-item-tit i {display: block; }

/* -------- 메인컨텐츠 2 (여행지 추천)  -------- */
#mainTravleCon {padding: 2rem 0 12rem;}
.main-travle-top-tit {text-align: center;}
.main-travle-top-tit .top-tit {font-size: 6.5rem; font-weight: 800; letter-spacing: -0.035em; color: #000; line-height: 1.23;}
.main-travle-top-tit .top-tit b {color: var(--main-color);}
.main-travle-top-tit .top-txt {font-size: 1.9rem; font-weight: 300; letter-spacing: -0.050em; color: #666666; line-height: 1.52;}
/* 탭 */
.main-travle-tab-con-wrap {margin-top: 6rem;}
.main-travle-tab-con {height: 50rem;}
.main-travle-tab-wrapper-style{position:relative; height:60px; z-index: 1000;}
.main-travle-list-style ul{display:table; width:100%; height:100%; table-layout:fixed; border-radius: 29.9rem; background: #f9f9f9; max-width: 84rem; margin: 0 auto;}
.main-travle-list-style ul:after{display:none}
.main-travle-list-style ul li{ display:table-cell; vertical-align:middle; position:relative; width:33.33%; background-color:#f9f9f9; border-radius: 29.8rem;}
.main-travle-list-style ul li a{display:table; width:100%; height: 60px; line-height: 60px; text-align: center;}
.main-travle-list-style ul li a em{position: relative; display:inline-block; vertical-align:middle; color:#aeaeae; font-size:18px; font-weight: 500; letter-spacing:-0.050em;text-align:center;}
.main-travle-list-style ul li a em:before {display: none; position: absolute; top: 0; left: 0; content: '\e92b'; color: var(--main-color); font-family: xeicon;}
.main-travle-list-style ul li.selected	{z-index:1; background-color:#fff; box-shadow: 0 0 30px rgba(0,0,0,0.08);}
.main-travle-list-style ul li.selected a em{ color: #333333; font-weight: 600;  padding-left: 30px;}
.main-travle-list-style ul li.selected a em:before {display: block;}

/* Tab Fixed Move*/
.main-travle-list-style.top-fixed{position:fixed; top:70px; left:0; width:100%; height:60px;}
/* Mobile Tab Drop Menu */
.main-travle-drop-open-btn-style{display:none}

/* 여행지 탭 내부 - 왼쪽 영역 */
.main-travle-sub-con {position: relative; display: flex; flex-wrap: wrap; align-items: center; margin-top: 8rem; height: 100%;}
.main-travle-left {position: relative; width: 36.56%; padding-left: 9.5rem; box-sizing: border-box; z-index: 11; }
.main-travle-left .main-travle-tit-box {margin-bottom: 5rem;}
.main-travle-left .main-travle-tit-box .main-travle-tit {font-size: 4.5rem; font-weight: 700; letter-spacing: -0.050em; color: #222222; line-height: 1.22; padding-bottom: 1rem;}
.main-travle-left .main-travle-tit-box .main-travle-txt {font-size: 1.9rem; font-weight: 300; letter-spacing: -0.050em; color: #666666; line-height: 1.52;}
.main-travle-btn-box {width: 100%;}
.main-travle-btn-box button {display: inline-block; width: 5.5rem; height: 5.5rem; vertical-align: middle; border:1px solid #d7d7d7; border-radius: 0.8rem; text-align: center; background: #fff; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;box-sizing: border-box; cursor: pointer; transition: var(--transition-custom)}
.main-travle-btn-box i { font-size: 2.5rem; color: #a2a2a2;}
.main-travle-btn-box .arrow-prev {margin-right: 0.8rem;}
.main-travle-btn-box button:hover {background: var(--main-color); border: 1px solid var(--main-color);}
.main-travle-btn-box button:hover i {color: #fff;} 



/* -------- 메인컨텐츠 3 (배너 슬라이드)  -------- */
#mainBannerCon {padding: 12rem 0 23.5rem;}
.main-banner-con {position: relative;}
.main-banner a {display: flex; align-items: center; width: 100%; height: 34.7rem; border-radius: 3rem; overflow: hidden;}
/* .main-banner a .main-banner-txt-box {position: relative; width: 100%; padding-left: 3rem; z-index: 10;}
.main-banner a .main-banner-txt-box .main-banner-txt01 {font-size: 2rem; font-weight: 700; letter-spacing: -0.025em; color: #3c3c3c; line-height: 1.3; padding-bottom: 3rem;}
.main-banner a .main-banner-txt-box .main-banner-txt02 {font-size: 4.5rem; font-weight: 900; letter-spacing: -0.035em; color: #222222; line-height: 1.22;}
.main-banner a .main-banner-txt-box .main-banner-txt03 {font-size: 4.5rem; font-weight: 400; letter-spacing: -0.035em; color: var(--main-color); line-height: 1.22;} */

.main-banner a .img-thum-box {position: absolute;top: 0; left: 0; width: 100%; height: 100%;  border-radius: 3rem; overflow: hidden; }
.main-banner a .img-thum-box .img-thum { position: absolute; top: 0; left: 0;right: 0; bottom: 0;display: block; overflow: hidden;}
.main-banner a .img-thum-box .img-thum img {position: absolute;top: 0;  left: 0; width: 100%; height: 100%;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s; transition: all 0.4s;}

/* 화살표 */
.main-banner-btn-box {position: absolute;display: inline-block; width: auto; text-align: right; right: 0; bottom:-7rem; z-index: 100;}
.main-banner-btn-box button {display: inline-block; width: 5.5rem; height: 5.5rem; vertical-align: middle; border:1px solid #d7d7d7; border-radius: 0.8rem; text-align: center; background: #fff; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;box-sizing: border-box; cursor: pointer;  transition: var(--transition-custom)}
.main-banner-btn-box i { font-size: 2.5rem; color: #a2a2a2;} 
.main-banner-btn-box button:hover {background: var(--main-color); border: 1px solid var(--main-color);}
.main-banner-btn-box button:hover i {color: #fff;} 
/* dots */
.main-banner-con .swiper-pagination {position: absolute; width: 100%; left: 50%; transform: translateX(-50%); bottom: -5rem;}
.main-banner-con .swiper-pagination-bullets {width: 100%; }
.main-banner-con .swiper-pagination-bullets .swiper-pagination-bullet { position: relative; width: 1.2rem;height: 1.2rem; margin: 0 1.7rem; background: #a2a2a2; opacity: 1;}
.main-banner-con .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {background: var(--main-color);}

/* -------- 메인컨텐츠 4 (하단 메뉴 영역)  -------- */
#mainBoardCon {padding: 10rem 0 17rem; background: #f6f6f6;}
/* 메뉴 리스트 */
.main-board-menu-list {display: flex; margin: 0 -0.95rem; padding: 9rem 0 ; }
.main-board-menu-list li {width: calc(11.11% - 1.9rem); margin: 0 0.95rem; border-radius: 2rem; text-align: center;}
.main-board-menu-list li a {display: block; width: 100%; height: 100%; border-radius: 2rem; background: #fff; padding: 3rem 1rem; box-sizing: border-box; transition: var(--transition-custom);}
.main-board-menu-list li span {display:block; text-align: center;}
.main-board-menu-list li span .icon-w {display: none;}
.main-board-menu-list li strong {display: inline-block; font-size: 1.65rem; font-weight: 500; letter-spacing: -0.025em; color: #333333; line-height: 1.1; padding-top: 1.5rem;}
@media all and ( min-width: 801px ){
	.main-board-menu-list li a:hover {background: #222222;}
	.main-board-menu-list li a:hover span .icon-w {display: inline-block;}
	.main-board-menu-list li a:hover span .icon {display: none;}
	.main-board-menu-list li a:hover strong {color: #fff;}
}
/* 게시판 영역 */
.main-board-info-con {display: flex; margin: 0 -2.7rem; min-height: 33rem;}
.main-board-info-con .main-sns-con {width: calc(22.27% - 5.4rem); margin: 0 2.7rem; display: flex; flex-direction: column; justify-content: space-between;}
.main-board-info-con .main-inquiry-con {width: calc(43.54% - 5.4rem);  margin: 0 2.7rem;}
.main-board-info-con .main-notice-con {width: calc(34.19% - 5.4rem);  margin: 0 2.7rem;}

.main-sns-con .main-board-tit {font-size: 4.5rem; font-weight: 700; letter-spacing: -0.030em; color: #000; line-height: 1.22; padding-top: 2rem;}
.main-sns-con .main-board-tit b {color: var(--main-color);}
.main-sns-con  .main-board-sns-list {width: 100%;}
.main-sns-con  .main-board-sns-list li {width: 100%; margin-bottom: 1rem; border-radius: 2.5rem;}
.main-sns-con  .main-board-sns-list li:last-child {margin-bottom: 0;}
.main-sns-con  .main-board-sns-list li a {display: flex; align-items: center; justify-content: space-between; width: 100%; height: 5rem; padding: 0 2rem; border-radius: 2.5rem; background: #fff; 
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.main-sns-con  .main-board-sns-list li a span {font-size: 1.8rem; font-weight: 600; letter-spacing: -0.050em; color: #4d4d4d; text-align: right;  transition: all 0.3s;}
.main-sns-con  .main-board-sns-list li a span i {padding-left: 1.7rem;}
.main-sns-con  .main-board-sns-list li a em {display: block;}
.main-sns-con  .main-board-sns-list li a em.kakao-icon {width: 32px; height: 30px;background: url('/images/img2023/main/main_kakao_icon.png')no-repeat 0 0 / cover;}
.main-sns-con  .main-board-sns-list li a em.online-icon {width: 29px; height: 33px; background: url('/images/img2023/main/main_online_icon.png')no-repeat 0 0 / cover;}
.main-sns-con  .main-board-sns-list li a .xi-message {font-size: 3.135rem; color: #010101;}

.main-sns-con  .main-board-sns-list li a:hover span {color: #ea1d22;}

.main-inquiry-con {display: flex; flex-wrap: wrap; border-radius: 2rem; box-shadow: 3px 3px 8px rgba(38,38,38,0.08); overflow: hidden;}
.main-inquiry-con .main-inquiry-box {width: 50%; background: #fff;}
.main-inquiry-box .inquiry-box-inner {padding: 3.5rem 3rem 2.5rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.main-inquiry-box.right-box {display: flex; flex-direction: column;}
.main-inquiry-box.right-box .inquiry-box-inner {height: 50%;}
.main-inquiry-box .inquiry-box-inner.air-box {border-bottom: 1px solid #eeeeee; background: #fff url('/images/img2023/main/main_inquiry_box02_bg.png')no-repeat bottom -2% right -2%;}
.main-inquiry-box .inquiry-box-inner.cruise-box {background: #fff url('/images/img2023/main/main_inquiry_box03_bg.png')no-repeat bottom -2% right -8%;}
.main-inquiry-box .inquiry-box-inner .main-inquiry-tit {font-size: 1.8rem; font-weight: 600; letter-spacing: -0.045em; color: #363636; }
.main-inquiry-box .inquiry-box-inner .main-inquiry-txt01 {font-size: 2.4rem; font-weight: 500; color: var(--main-color); letter-spacing: -0.025em; padding: 0.7rem 0 1.2rem;}
.main-inquiry-box .inquiry-box-inner .main-inquiry-txt02 {font-size: 1.5rem; font-weight: 600; color: rgba(34,34,34,0.2);  letter-spacing: -0.050em; line-height: 1.67;}
.main-inquiry-box.left-box {background: var(--main-color) url('/images/img2023/main/main_inquiry_box01_bg.png')no-repeat bottom -69% right -32%; }
.main-inquiry-box.left-box .inquiry-box-inner {padding: 4rem;}
.main-inquiry-box.left-box .inquiry-box-inner .main-inquiry-tit {font-size: 2rem; letter-spacing: -0.050em; color: #fff;}
.main-inquiry-box.left-box .inquiry-box-inner .main-inquiry-txt01 {font-size: 3.2rem; font-weight: 600; letter-spacing: -0.025em; color: #fff; padding: 1.3rem 0 1.8rem;}
.main-inquiry-box.left-box .inquiry-box-inner .main-inquiry-txt02 {color: #f1b7bb; font-weight: 600;}
.main-inquiry-box.left-box .inquiry-box-inner .main-inquiry-txt02:first-of-type {font-size: 1.7rem;}

.main-notice-con .main-notice-con-top {display: flex; align-items: center; justify-content: space-between; height: 8.5rem; border-bottom: 1px solid #222;}
.main-notice-con .main-notice-con-top strong {display: inline-block; font-size: 3.5rem; font-weight: 700; letter-spacing: -0.05em; color: #222222;}
.main-notice-con .main-notice-list {padding-top: 2.5rem;}
.main-notice-con .main-notice-list li {border-bottom: 1px solid #e8e8e8;}
.main-notice-con .main-notice-list li a {display: flex; align-items: center; justify-content: space-between; width: 100%; height: 100%; padding: 1.7rem 0;}
.main-notice-con .main-notice-list li a .main-notice-list-txt {position: relative; font-size: 1.75rem; font-weight: 500; letter-spacing: -0.040em; color: #5d5d5d; line-height: 1.3; padding-right: 3rem; white-space:nowrap; overflow:hidden;  transition: all 0.3s; text-overflow:ellipsis;}
.main-notice-con .main-notice-list li a:hover .main-notice-list-txt {color: #ea1d22;}
.main-notice-con .main-notice-list li a .main-notice-list-txt.new-list:before {position: absolute; top: 0.5px; right: 0; content: 'N'; width: 2rem; height: 2rem; border-radius: 50%; background: #000; color: #fff; font-size: 1rem; text-align: center; line-height: 2rem;}
.main-notice-con .cm-main-btn-style:hover i {transform: rotate(45deg);}