@charset "utf-8";

*{font-family:'SUIT', 'Noto Sans KR', sans-serif; line-height:1.5; letter-spacing:-0.2pt;}
.C00188 *{font-family:'SUIT',"Noto Sans JP","Noto Sans KR","돋음, Dotum","Arial","sans-serif"; line-height:1.5; letter-spacing:-0.2pt;}

/* 메인전용컨텐츠 */
.MainContents_Area{content:""; clear:both; display:block; position:relative; width:100%; text-align:center; box-sizing:border-box; white-space:normal; word-break:keep-all;}
/* 영역 */
.MainContents_Area section{content:""; clear:both; display:block; position:relative; width:100%; text-align:center; margin:auto; z-index:1;} /* AOS때문에z-index:1 */
.MainContents_Area section:after{}
.MainContents_Area .Inner{width:1630px; min-width:1630px;}

.MainContents_Area .mainTitle h3{font-size:24pt; font-weight:600; color:#828282;}
.MainContents_Area .mainTitle h3 b{color:#000; font-weight:800;}
/* =============================================================================================================== */
/* [세션01] 1번배너 */
.MainSection01{content:""; clear:both; display:block; position:relative; width:100%;}
.MainSection01{padding:0px;}
.MainSection01 .Inner{width:100%;}
	/* 롤링배너일때 */
	.MainSection01 .slider_box{width:100%; position:relative;}
	.MainSection01 .Banner01.MultiSlider{height:640px; overflow:hidden;}
	.MainSection01 .MultiSlider .slick-list{}
	.MainSection01 .MultiSlider .BannerThum{display:block; position:relative; width:100%; background-repeat:no-repeat; background-position:center top; background-size:auto 100%; background:none; overflow:hidden;}
	.MainSection01 .MultiSlider .BannerThum a{display:block; position:relative; width:100%; height:inherit; text-align:center; overflow:hidden;}
	.MainSection01 .MultiSlider .BannerThum a img{width:auto; text-align:center; margin:auto;}
	.MainSection01 .MultiSlider .TextBox{display:table; position:relative; width:50%; height:inherit; margin:auto; display:none;}
	.MainSection01 .MultiSlider .TextBox p{display:table-cell; position:relative; width:100%; height:inherit; vertical-align:middle; text-align:center;}
	.MainSection01 .MultiSlider .TextBox strong{display:block; font-size:30pt; line-height:1.2em; margin-bottom:0.5em;}
	/*네비게이션*/
	.MainSection01 .slider_box .slider_navigation{position:relative; width:100%;}
	.MainSection01 .slider_box .slider_pagination{display:inline-flex; flex-direction:row-reverse; align-items:center; position:absolute; left:50%; bottom:20px; transform:translate(-50%,0); width:auto;}
	.MainSection01 .slider_box .slider_pagination .slider_counter{margin-left:20px; font-size:12px; background:rgba(0,0,0,0.3); color:#fff; border-radius:8px; padding:2px 8px; cursor:pointer;}
	.MainSection01 .slider_box .slider_pagination .slider_counter span{display:inline-block; margin:0 4px;}
	.MainSection01 .slider_box .slider_pagination .slider-dots{display:flex; justify-content:center; justify-content:center;}	
	.MainSection01 .slider_box .slider_pagination .slider-dots button{display:block; border:0; margin:0 4px; background-color:transparent; cursor:pointer; display:flex; justify-content:center; justify-content:center; flex-wrap:wrap; padding:0; transition:.3s all; position:relative; z-index:0; font-size:0; width:10px; height:10px; background:#828282; opacity:0.7; border-radius:500px; margin:0 4px;}
	.MainSection01 .slider_box .slider_pagination .slider-dots li.slick-active button{width:30px; background:#b73852; opacity:1;}
	/*전체배너*/
	.MainSection01_AllBanner.active{display:flex;}
	.MainSection01_AllBanner{display:none; position:fixed; width:100%; height:100%; left:0; top:0; z-index:9999; align-items:center; justify-content:center;}
	.MainSection01_AllBanner .allBanner{background:rgba(0,0,0,0.9); position:absolute; width:100%; height:100%; z-index:10;}
	.MainSection01_AllBanner .allBannerCont{position:absolute; width:100%; height:100%; display:flex; align-items:center; justify-content:center;}
	.MainSection01_AllBanner .allBannerCont .allBannerList{position:relative; display:flex; flex-wrap:wrap; width:90%; height:90%; margin:10% auto 0; padding-bottom:10%; justify-content:flex-start; z-index:15; overflow-y:scroll;}
	.MainSection01_AllBanner .allBannerCont .allBannerList::-webkit-scrollbar{display:none;}
	.MainSection01_AllBanner .allBannerCont .allBannerList .allBannerItem{width:30%; margin-right:2%;}
	.MainSection01_AllBanner .allBannerCont .allBannerList .allBannerItem img{width:100%; border-radius:10px; display:inherit;}
	.MainSection01_AllBanner .allBannerCont .allBannerList .allBannerItem .allBannerTxt{text-align:center; margin-top:15px; color:#fff;}
	.MainSection01_AllBanner .allBannerCont .allBannerList .allBannerItem .allBannerTxt h3{font-size:14pt; margin-bottom:8px; font-weight:600;}
	.MainSection01_AllBanner .allBannerCont .allBannerList .allBannerItem .allBannerTxt p{font-size:12pt; font-weight:400; margin-bottom:10px; padding:0 2%;}
	.MainSection01_AllBanner .allBannerCont .allBannerList .allBannerItem .allBannerTxt a{font-size:10pt; color:#cc6277; cursor:pointer; font-weight:600;}
	.MainSection01_AllBanner .allBannerCont .allBannerList .allBannerItem .allBannerTxt a span{margin-left:5px;}
	.MainSection01_AllBanner .allBannerCont .allBannerList .allBannerItem:nth-child(n + 4){margin-top:3%;}

	.MainSection01_AllBanner .allBannerCont .allBannerClose{display:inline-block; color:#fff; position:absolute; right:10.5%; top:5%; transform:translate(0,0); font-size:16pt; z-index:15; cursor:pointer; font-weight:900;}
	
	.C00188 .MainSection01 .slider_box .slider_pagination .slider_counter{display:none !important;}
	.C00188 .MainSection01_AllBanner{display:none !important;}

/* =============================================================================================================== */
/* [세션02] 2번배너 */
.MainSection02{content:""; clear:both; display:block; position:relative; width:100%; padding:50px 0;}
.MainSection02 .Inner{width:100%; min-width:100%;}
.MainSection02 .mainTitle{margin-left:145px;}
	/*슬라이드레이아웃*/
	.MainSection02 .Banner02{margin-left:145px; overflow:hidden; width:100%; padding-top:25px; filter:drop-shadow(3px 3px 5px rgba(120, 120, 120, 0.1));}
	.MainSection02 .Banner02 .BannerThum{border-radius:20px; overflow:hidden; background:#fff;}
	.MainSection02 .Banner02 .BannerThum img{width:100%; border-radius:20px;}
	/*슬라이드 텍스트*/
	.MainSection02 .Banner02 .BannerThum .thumTxt{background:#fff; text-align:left; padding:20px 10px;}
	.MainSection02 .Banner02 .BannerThum .thumTxt h4{font-size:14pt; font-weight:800; line-height:1.2; width:100%;}
	.MainSection02 .Banner02 .BannerThum .thumTxt h5{font-size:12pt; color:#828282; font-weight:500; width:100%; border-bottom:2px solid #000; padding-bottom:10px;}
	.MainSection02 .Banner02 .BannerThum .thumTxt a{border-bottom:1px solid #828282; display:block; width:100%; font-size:10pt; color:#828282; font-weight:500; padding:5px 0;}
	.MainSection02 .Banner02 .BannerThum .thumTxt a p{text-align:left; display:inline-block;}
	.MainSection02 .Banner02 .BannerThum .thumTxt a span{text-align:right; float:right; color:#b73852; font-weight:700; font-size:9pt;}
	
	.C00188 .MainSection02 .Banner02 .BannerThum .thumTxt h5{font-size:10.5pt; letter-spacing:-1px;}

/* =============================================================================================================== */
/* [세션03,04,05] 3,4,5번배너 */
.MainSectionLarge{content:""; clear:both; display:block; position:relative; width:100%; padding:50px 0; background:#f3f4f6;}
.MainSectionLarge .mainTitle{padding-bottom:5px;}
.MainSectionLarge .MainSectionSmall{background:#fff; border-radius:20px; padding:25px 40px; margin-top:20px; filter:drop-shadow(3px 3px 5px rgba(90, 90, 90, 0.1));}
.MainSectionLarge .MainSectionSmall .mainSmallTitle{width:100%; text-align:left; padding-bottom:15px;}
.MainSectionLarge .MainSectionSmall .mainSmallTitle h4{width:fit-content; text-align:left; font-size:12pt; color:#000; font-weight:700; display:inline-block; line-height:1;}
.MainSectionLarge .MainSectionSmall .mainSmallTitle a{width:fit-content; text-align:right; float:right; font-size:9pt; color:#b73852; font-weight:700; display:inline-block; line-height:1;}
	/*3번배너(쇼츠)*/
	.MainSectionLarge .MainSectionSmall .Banner03{clear:both; width:100%;}
	.MainSectionLarge .MainSectionSmall .Banner03 a{transition:0.5s;}
	.MainSectionLarge .MainSectionSmall .Banner03 a:hover{opacity:0.7;}
	.MainSectionLarge .MainSectionSmall .Banner03 img{width:100%; border-radius:20px;}
	/*4번배너(Q&A)*/
	.MainSectionLarge .MainSectionSmall .Banner04{clear:both; width:100%;}
	.MainSectionLarge .MainSectionSmall .Banner04 a{transition:0.5s;}
	.MainSectionLarge .MainSectionSmall .Banner04 a:hover{opacity:0.7;}
	.MainSectionLarge .MainSectionSmall .Banner04 img{width:100%; border-radius:20px;}
	.MainSectionLarge .MainSectionSmall .Banner04 .TextBox{display:none;}
	/*5번배너(리얼리뷰)*/
	.MainSectionLarge .MainSectionSmall .Banner05{clear:both; width:100%;}
	.MainSectionLarge .MainSectionSmall .Banner05 a{transition:0.5s;}
	.MainSectionLarge .MainSectionSmall .Banner05 a:hover{opacity:0.7;}
	.MainSectionLarge .MainSectionSmall .Banner05 img{width:100%; border-radius:20px;}
	.MainSectionLarge .MainSectionSmall .Banner05 .TextBox{display:none;}
	
	.C00188 .MainSectionLarge .MainSection03{background:none; box-shadow:none; padding:25px 80px; margin:0;}
	.C00188 .MainSectionLarge .MainSection04{display:none !important;}
	.C00188 .MainSectionLarge .MainSection05{display:none !important;}
	.C00188 .MainSectionLarge .MainSectionSmall .Banner03 img{border-radius:0;}
	.C00188 .MainSectionLarge .MainSectionSmall .mainSmallTitle{margin-bottom:15px;}
	.C00188 .MainSectionLarge .MainSectionSmall .mainSmallTitle h4{display:none !important;}
	.C00188 .MainSectionLarge .MainSection03 .swiper-button-prevLarge,
	.C00188 .MainSectionLarge .MainSection03 .swiper-button-nextLarge{position:absolute; top:50%; width:70px; height:80px; margin-top:-40px;}
	.C00188 .MainSectionLarge .MainSection03 .swiper-button-prevLarge{left:-1%; font-size:40pt; z-index:1; cursor:pointer; color:#ffb9c1;}
	.C00188 .MainSectionLarge .MainSection03 .swiper-button-prevLarge:hover{}
	.C00188 .MainSectionLarge .MainSection03 .swiper-button-prevLarge:after{display:none}
	.C00188 .MainSectionLarge .MainSection03 .swiper-button-nextLarge{right:-1%; top:50%; font-size:40pt; z-index:1; cursor:pointer; color:#ffb9c1;}
	.C00188 .MainSectionLarge .MainSection03 .swiper-button-nextLarge:hover{}
	.C00188 .MainSectionLarge .MainSection03 .swiper-button-nextLarge:after{display:none}

/* =============================================================================================================== */
/* [세션06] 6번배너 */
.MainSection06{content:""; clear:both; display:block; position:relative; width:100%; padding:50px 0; text-align:left !important;}
.MainSection06 .bnfCont{visibility:hidden; height:0;}
.MainSection06 .bnfCont.tabActive{visibility:visible; width:100%;}
	/*네비*/
	.MainSection06 .bnfNav{text-align:left; padding-left:145px; position:relative; z-index:999; display:inline-block; vertical-align:top;}
	.MainSection06 .bnfNav ul li{border-bottom:1px solid #fff; width:95px; display:block;}	
	.MainSection06 .bnfNav ul li a{display:block; width:100%; height:100%; text-align:center; padding:25px 0; font-size:10pt; line-height:1.3; font-weight:600; color:#000; background:#f3f4f6; transition:0.5s;}
	.MainSection06 .bnfNav ul li a.navActive{background:#000; color:#fff;}
	/*내용영역*/
	.MainSection06 .bnfArea{width:80%; position:relative; display:inline-block; vertical-align:top;}
	.MainSection06 .bnfArea .backImg{position:absolute; top:0;}
	.MainSection06 .bnfArea .mainTitle{position:absolute; width:50%; top:30px; left:50%; z-index:50;}

	.MainSection06 .bnfArea .mainTitle h3{color:#000;}
	.MainSection06 .bnfArea .mainTitle p{font-size:12pt; color:#000; font-weight:500;}
	.MainSection06 .bnfArea .mainTitle a{font-size:9pt; color:#b73852; font-weight:700; margin-left:10px;}

	.MainSection06 .bnfArea .Banner06{position:absolute; width:50%; top:150px; left:50%;}
	.MainSection06 .bnfArea .Banner06 img{width:100%;}

	.MainSection06 .swiper-scrollbar6{position:absolute; left:50%; top:450px; height:2px; background:#9f9f9f; width:60%; border-radius:500px;}
	.MainSection06 .swiper-scrollbar-drag{background:#000000;}

/* =============================================================================================================== */
/* [세션07] 7번배너 */
.MainSection07{content:""; clear:both; display:block; position:relative; width:100%; padding:50px 0; background:#f3f4f6;}
	/*이벤트롤링원상복구*/
	.MainSection07 .EventMultiSlider.LabelThum_Height .LabelThum{margin-bottom:0; margin-top:0;}
	.MainSection07 .EventMultiSlider .LabelThum label{border-radius:20px; box-shadow:none; padding:0; width:94%; border:0;}
	.MainSection07 .EventMultiSlider.LabelThum_Height .LabelThum label dd{display:none;}
	.MainSection07 .LabelThum_Height .LabelThum dt{border-radius:20px; overflow:hidden;}
	.MainSection07 .LabelThum_Height .LabelThum label dt u{display:none;}
	.MainSection07 .EventMultiSlider .LabelThum label .TagBox{display:none;}
	/*이너 조정*/
	.MainSection07 .Inner{width:100%; min-width:100%; margin-left:145px;}
	/*타이틀, 모어*/
	.MainSection07 .mainTitle h3{display:inline-block;}
	.MainSection07 .mainTitle a{display:inline-block; padding-left:10px; font-size:9pt; color:#b73852; font-weight:700;}
	.MainSection07 .mainTitle{padding-bottom:25px;}
	/*호버*/
	.MainSection07 .EventMultiSlider.LabelThum_Height .LabelThum img{transition:0.5s;}
	.MainSection07 .EventMultiSlider.LabelThum_Height .LabelThum img:hover{opacity:0.7;}
	/*화살표*/
	.MainSection07 .arrowWrap{display:block; width:100%; position:relative; padding-top:15px;}
	.MainSection07 .arrowWrap .slick-button-prev07{display:inline-block; line-height:1; cursor:pointer; background:#828282; border-radius:500px; width:20px; height:20px; position:relative; transition:0.5s;}
	.MainSection07 .arrowWrap .slick-button-prev07:hover{background:#000;}
	.MainSection07 .arrowWrap .slick-button-prev07 span{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); font-size:12pt; color:#fff; font-weight:700; width:100%; text-align:center;}
	.MainSection07 .arrowWrap .slick-button-next07{display:inline-block; line-height:1; cursor:pointer; background:#828282; border-radius:500px; width:20px; height:20px; position:relative; transition:0.5s;}
	.MainSection07 .arrowWrap .slick-button-next07:hover{background:#000;}
	.MainSection07 .arrowWrap .slick-button-next07 span{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); font-size:12pt; color:#fff; font-weight:700; width:100%; text-align:center;}
	
	.C00188 .MainSection07{display:none !important;}

/* =============================================================================================================== */
/* [세션08] 8번배너 */
.MainSection08{content:""; clear:both; display:block; position:relative; width:100%; padding:50px 0;}
.MainSection08 .Banner08{display:table;}
.MainSection08 .Banner08 .mainCont{display:table-cell; width:50%;}
.MainSection08 .Banner08 .mainCont1{padding-right:15px;}
.MainSection08 .Banner08 .mainCont2{padding-left:15px;}
	/*이미지*/
	.MainSection08 .Banner08 .mainCont .mainImg{border-radius:20px; overflow:hidden;}
	.MainSection08 .Banner08 .mainCont .mainImg img{width:100%;}
	/*텍스트*/
	.MainSection08 .Banner08 .mainCont .mainTxt{text-align:center; padding-top:15px;}
	.MainSection08 .Banner08 .mainCont .mainTxt h3{font-size:22pt; color:#000; font-weight:800;}
	.MainSection08 .Banner08 .mainCont .mainTxt a{font-size:9pt; color:#b73852; font-weight:700; padding-top:10px;}
	
	.C00188 .MainSection08{display:none !important;}

/* =============================================================================================================== */
/* [세션09] 9번배너 */
.MainSection09{content:""; clear:both; display:block; position:relative; width:100%; padding:50px 0; background:#f3f4f6;}
.MainSection09 .Banner09{display:table; padding-top:25px;}
.MainSection09 .Banner09 .mainCont{display:table-cell; width:calc(100%/3);}
.MainSection09 .Banner09 .mainCont1{padding-right:10px;}
.MainSection09 .Banner09 .mainCont2{padding:0 5px;}
.MainSection09 .Banner09 .mainCont3{padding-left:10px;}
	/*이미지*/
	.MainSection09 .Banner09 .mainCont .mainImg{border-radius:20px; overflow:hidden;}
	.MainSection09 .Banner09 .mainCont .mainImg img{width:100%; transition:0.5s;}
	.MainSection09 .Banner09 .mainCont .mainImg:hover img{opacity:0.7;}