@charset "utf-8";

/* COMMON */
html, body{overflow-x:hidden;}
.MarginBottom{margin-bottom:70px !important}
.WidthLimit{width:1200px;display:table;margin:0 auto;}
.mainA_wrap{position:relative;width:100%;display:table;margin:0 auto;overflow-x:hidden}
.mainASlideWrap{width:100%;position:relative;overflow:hidden;}
.mainASlide{overflow:hidden;width:100vw;height:720px}
.mainASlideImg{height:100%;cursor:pointer}

#Header{box-shadow:none;}

/* A */
	/* SLIDE */
	.mainAPageInfo{position:absolute;width:1200px;display:table;left:0;right:0;bottom:75px;margin:auto;color:#fff;z-index:10;font-family:'GF-L'}
	.mainAPageInfoIn{display:table}
	.mainANowSlide{display:table-cell;vertical-align:middle;font-family:'GF-M'}
	.mainASlideNum{display:table-cell;vertical-align:middle;font-size:15px;width:25px;height:20px;text-align:center;}
	.mainASlideBarWrap{width:60px;vertical-align:middle;display:table-cell;padding:0 10px}
	.mainAProgress{width:100%;height:2px;background-color:rgba(255,255,255,0.6)}
	.mainAProgressIn{width:0;height:2px;background-color:#fff}
	.mainASlideBtnWrap{display:table-cell;vertical-align:middle;}
	.mainASlideBtn{width:8px;cursor:pointer}
	.mainASlideLeft{padding-right:8px}
	.mainASlideRight{padding-left:8px}
	.mainASlideItemBg{width:100%;height:100%;display:table;position:absolute;right:0;bottom:0;}
	.mainASlideItemImgWrap{width:1200px;height:100%;display:table;margin:0 auto;position:relative;}
	.mainASlideItemImg{position:absolute;right:0;bottom:0;}
	.mainASlidePlayWrap{display:table-cell;vertical-align:middle;padding-left:15px;}
	.mainASlidePlayBtn{cursor:pointer;}

	/* CONTENT */
	.mainASlideTitleWrap{color:#fff;position:absolute;left:0;right:0;top:130px;width:1200px;display:table;margin:auto;font-family:'NanumSquareL';transition:0.4s;}
	.mainASlideTitleWrapIn{width:50%;}
	.mainASlideTitle1{font-size:20px;margin-bottom:20px;font-weight:bold;}	
	.mainASlideTitle2{font-size:70px;font-family:'NanumSquareEB';word-break:keep-all;margin-bottom:30px;}
	.mainASlideTitle3{font-size:21px;font-family:'nt-T';word-break:keep-all;margin-bottom:45px;}
	.mainAItemBtn{color:#fff;background-color:#46c3bb;width:165px;height:60px;border:none;border-radius:30px;cursor:pointer;font-family:'NanumSquareB';font-size:20px;transition:0.3s;}
	.mainAItemBtn:hover{background-color:#2e2e2e}

/* B */
.mainB_wrap{padding-top:120px;}
.mainBTitle{font-family:'GF-B';font-size:60px;color:#1e1d1d;text-align:center;margin-bottom:30px;}
.mainBSubTitle{font-family:'NanumSquareL';font-weight:bold;font-size:23px;line-height:30px;color:#3b3b3b;text-align:center;margin-bottom:35px;word-break:keep-all;}
.mainBConLine{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;}
.mainBConItem{float:left;padding:10px 20px;background-color:#eeeeee;font-size:14px;font-family:'NanumSquareR';color:#292929;border-radius:50px;transition:0.3s;margin:10px 8px;}
.mainBConItem:hover{color:#fff;background-color:#30bcb3;}

/* C */
.mainC_wrap{padding-top:110px;}
.mainC_wrapIn{position:relative;width:100%;}
.mainCTitleWrap{width:380px;padding-top:70px;color:#fff;display:inline-block;}
.mainCTitle{color:#fff;font-family:'GF-B';font-size:60px;margin-bottom:25px;}
.mainCSubTitle{font-family:'NanumSquareR';font-size:24px;word-break:keep-all;line-height:30px;margin-bottom:45px;}
.mainCBtn{color:#30bcb3;border:none;background-color:#fff;border-radius:100px;padding:20px;25px;font-family:'NanumSquareB';font-size:17px;cursor:pointer;transition:0.3s;}
.mainCBtn:hover{background-color:#2e2e2e}
.mainC_Content{position:relative;height:400px;}
.mainCVideoWrap{position:absolute;right:0;bottom:40px;border-radius:30px;overflow:hidden;width:810px;}
.mainCVideo{outline:none;margin:0;display:table;cursor:pointer;}
.mainCVideoController{width:100%;height:100%;position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;z-index:50;cursor:pointer;}
.mainCVideoController:hover .mainCVideoControlIcon{opacity:1 !important;}
.mainCVideoControlIcon{position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;opacity:1;transition:0.3s;}

/* D */
.mainD_wrap{padding-top:50px;}
.mainD_wrapIn{display:flex;align-items:center;flex-wrap:wrap;}
.mainD_Left{width:50%;}
.mainDTitle{font-family:'GF-B';color:#1e1d1d;font-size:60px;margin-bottom:80px;}
.mainDServceTitleWrap{display:flex;align-items:center;margin-bottom:55px;}
.mainDServceTitle{cursor:pointer;transition:0.3s;padding:0 25px;color:#b2b2b2;font-family:'NanumSquareB';font-size:17px;}
.mainDServceTitle:first-child{padding-left:0;}
.mainDServceTitle:hover{color:#000;}
.mainDServceTitleActive{color:#000;}
.mainDServiceTitleBar{color:#b2b2b2}
.mainDServiceConTitle{color:#1e1d1d;font-size:60px;font-family:'NanumSquareB';margin-bottom:35px;}
.mainDServiceCon{font-family:'nt-L';font-size:19px;color:#5e5e5e;margin-bottom:55px;word-break:keep-all;}
.mainDServiceMoreBtn{background-color:#30bcb3;color:#fff;padding:20px;border-radius:100px;border:none;font-family:'NanumSquareB';font-size:17px;cursor:pointer;transition:0.3s;}
.mainDServiceMoreBtn:hover{background-color:#2e2e2e}
.mainD_Right{height:550px;width:50%;display:none;}
.mainDServiceContent{display:none;}
.mainD_RightCon{display:table;margin:0 auto;}
.mainD_RightImgWrap{width:410px;border-radius:100%;margin-bottom:15px;}
.mainD_RightImgWrap:after {content: "";display: block;padding-bottom: 100%;}
.mainD_RightImg{width:410px;height:410px;object-fit: cover;}
.mainD_RightTitle{text-align:center;color:#3b3b3b;font-family:'NanumSquareB';font-size:20px;margin-top:15px;margin-bottom:20px;}
.mainD_RightSubTitle{text-align:center;font-family:'nt-L';font-size:17px;color:#5e5e5e;}

/* E */
.mainE_wrap{padding:90px 0;}
.mainE_title{font-family:'GF-B';color:#1e1d1d;font-size:60px;text-align:center;margin-bottom:30px;}
.MediaItemList{display:flex;justify-content:space-evenly;flex-wrap:wrap;width:100%;}
.MediaMenuBox{display:table;margin:30px auto;}
.MediaMenuBoxTag{margin:0 6px;display:inline-block;padding:12px 20px;color:#939393;font-size:17px;background-color:#efefef;border-radius:25px;text-align:center;font-family:'NanumSquareB';transition:0.3s;}
.MediaMenuBoxTag:hover{background-color:#111111;color:#fff}
.MediaLinkActive{background-color:#111111;color:#fff}
.MediaList{width:30%;border-radius:12px;box-sizing:border-box;box-shadow: 0 0 15px 0 #e6e6e6;background-color:#fff;transition:0.3s;overflow:hidden}
.MediaList:hover{-webkit-transition: all .3s ease;transition: all .3s ease;-webkit-transform: translateY(-6px);transform: translateY(-6px);-ms-transform: translateY(-6px);box-shadow: 4px 12px 22px 6px rgb(0 0 0 / 18%);}
.MediaListIconBox{margin-top:30px;padding:0 21px;}
.MediaListIconBox > *{vertical-align:middle;}
.MediaListIconBox > span{margin-lefT:5px;padding:6px 8px;font-size:12px;color:#292929;font-family:'nt-L';background-color:#eee;border-radius:5px;}
.MediaListConBox{padding:0 21px}
.MediaListConTitle{margin-top:20px;font-size:24px;color:#1e1d1d;font-family:'NanumSquareR';white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;white-space: normal;line-height: 1.2;height: 2.4em;text-align: left;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.MediaListConDate{margin-top:12px;font-size:14px;color:#5e5e5e;font-family:'nt-R';}
.MediaListConTxt{margin:30px 0 20px 0;min-height:144px;font-size:17px;color:#5e5e5e;font-family:'nt-L';white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;white-space: normal;line-height:1.2;height: 6.0em;text-align: left;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp:7;-webkit-box-orient: vertical;}
.MediaListConImg{margin:30px 0 20px 0;width:100%;height:155px;border-radius:20px;}
.MediaListConImg.Insta{height:280px;border-radius:0;margin-bottom:0;}
.MediaListTagContainer{padding:0 21px}
.MediaListTagBox{margin-bottom:30px;width:100%;border-collapse:collapse;table-layout:fixed;}
.MediaListTag{display:inline-block;padding-right:2px;font-size:11px;font-family:'dotum';color:#5e5e5e;}
.NullData{padding:200px 0;text-align:center;font-family:'nt-R';font-size:20px;border-radius:12px;box-shadow: 0 0 15px 0 #e6e6e6;background-color:#fff;width:100%;}
.MediaBtnWrap{width:100%;margin-top:45px;text-align:center;}
.MediaMoreBtn{text-align:center;color:#fff;padding:20px 35px;font-family:'NanumSquareB';font-size:17px;border-radius:50px;border:none;background-color:#30bcb3;cursor:pointer;transition:0.3s;}
.MediaMoreBtn:hover{background-color:#2e2e2e;}
.MediaListwrapIn{width:100%;height:490px;display:none;}

/* F */
.mainF_wrap{padding-top:40px;}
.mainF_title{color:#1e1d1d;text-align:center;font-family:'GF-B';font-size:60px;margin-bottom:45px;}
.mainF_subTitle{color:#3b3b3b;font-size:22px;font-family:'NanumSquareL';font-weight:bold;text-align:center;margin-bottom:40px;word-break:keep-all;}
.mainF_Content{width:100%;display:flex;justify-content: space-between;flex-wrap:wrap;}
.mainF_ContentItem{width:285px;box-sizing:border-box;}
.mainF_ConItemTitleWrap{background-color:#f8f9fa;padding:40px;text-align:center;margin-bottom:20px;}
.mainF_ConItemImgWrap{height:70px;display:flex;align-items:center;justify-content:center;margin-bottom:25px;}
.mainF_ConItemTitle{font-family:'NanumSquareEB';color:#46c3bb;font-size:30px;text-align:center;margin-bottom:25px;}
.mainF_ConItemCount{font-family:'GF-B';font-size:70px;color:#1e1d1d;font-size:70px;}
.mainF_CompanyListWrap{width:100%;height:240px;margin-bottom:20px;overflow:hidden;position:relative;}
.mainF_CompanyList{position:absolute;left:0;top:0;width:100%;transition:0.4s;}
.mainF_CompanyBtnWrap{width:100%;display:flex;align-items:center;justify-content:space-between;}
.mainF_CompanyBtn{width:140px;height:35px;display:flex;align-items:center;justify-content:center;background-color:#f8f9fa;cursor:pointer;transition:0.3s;}
.mainF_CompanyBtn:hover{background-color:#2e2e2e;}
.mainFItem{width:100%;height:55px;color:#1e1d1d;text-align:center;background-color:#f8f9fa;font-family:'NanumSquareB';display:flex;align-items:center;justify-content:center;margin-bottom:7px;font-size:17px;cursor:pointer;position:relative;}
.mainFItem > a{display:flex;width:100%;height:100%;align-items:center;justify-content:center;word-break:keep-all;}
.mainFItemLogo{max-width:110px;max-height:50px;position:absolute;left:0;right:0;bottom:0;top:0;margin:auto;}
.mainF_BtnWrap{margin-top:50px;text-align:center;}
.mainF_MoreBtn{text-align:center;color:#fff;padding:20px 35px;font-family:'NanumSquareB';font-size:17px;border-radius:50px;border:none;background-color:#30bcb3;cursor:pointer;transition:0.3s;}
.mainF_MoreBtn:hover{background-color:#2e2e2e;}

@media screen and (max-width:1300px){
	/* COMMON */
	.WidthLimit{width:90%;}

	/* A */
		.mainASlideItemBg{width:100%;}
		.mainASlide{height:600px;}
		.mainASlideImg{height:600px;}
		.mainASlideTitleWrap{top:100px;width:90%;}
		.mainASlideItemImgWrap{width:90%;}
		.mainASlideItemImg{max-width:600px;max-height:500px;}
		.mainASlideTitle1{font-size:19px;margin-bottom:20px;}
		.mainASlideTitle2{font-size:50px;margin-bottom:25px;}
		.mainASlideTitle3{font-size:19px;margin-bottom:35px;}
		.mainAItemBtn{font-size:17px;width:120px;height:40px;}
		.mainAPageInfo{bottom:50px;width:90%;}

	/* B */
		.mainB_wrap{padding-top:80px;}

	/* C */
		.mainC_wrap{padding-top:80px;}
		.mainCTitleWrap{width:350px;}
		.mainCTitle{color:#fff;font-family:'GF-B';font-size:50px;margin-bottom:25px;}
		.mainCSubTitle{font-size:20px;}
		.mainCVideoWrap{width:700px;}

	/* D */
		.mainDTitle{font-size:44px;}
		.mainDServiceCon{margin-bottom:50px;}
		.mainDServiceConTitle{font-size:50px;}
		.mainDServceTitle{font-size:16px;}

	/* E */
		.MediaList{width:32%;}
		.MediaListConTitle{font-size:20px;}
		.mainE_title{font-size:44px;margin-bottom:0px;}

	/* F */
		.mainF_ContentItem{width:24%;}
		.mainF_ConItemTitle{font-size:25px;}
		.mainF_ConItemCount{font-size:40px;}
		.mainF_ConItemTitleWrap{padding:40px 20px;}
}

@media screen and (max-width:1200px){
	/* C */
		.mainC_Content{height:350px;}
		.mainCTitle{margin-bottom:15px;}
		.mainCSubTitle{margin-bottom:20px;}
		.mainCVideoWrap{width:600px;}
}

@media screen and (max-width:1000px){
	/* A */
		.mainASlideItemBg{width:100%;}
		.mainASlide{height:500px;}
		.mainASlideImg{height:500px;}
		.mainASlideTitleWrap{top:50px;width:90%;}
		.mainASlideItemImgWrap{width:90%;}
		.mainASlideItemImg{max-width:500px;max-height:450px;}
		.mainASlideTitle1{font-size:17px;}
		.mainASlideTitle2{font-size:40px;}
		.mainASlideTitle3{font-size:18px;}
		.mainAItemBtn{font-size:17px;width:120px;height:40px;}
		.mainAPageInfo{bottom:50px;width:90%;}

	/* B */
		.mainB_wrap{padding-top:50px;}
		.mainBTitle{font-size:44px;}
		.mainBSubTitle{font-size:20px;line-height:25px;margin-bottom:25px;}
		.mainBConItem{margin:8px 4px;}

	/* C */
		.mainCTitle{font-size:38px;}
		.mainCSubTitle{font-size:17px;margin-bottom:10px;}
		.mainCVideoWrap{width:460px;}
		.mainCTitleWrap{padding-top:40px;}
		.mainC_Content{height:280px;}
		.mainCBtn{padding:10px;}

	/* D */
		.mainDTitle{margin-bottom:50px;font-size:38px;}
		.mainDServiceCon{margin-bottom:30px;}
		.mainD_Left{width:100%;}
		.mainD_Right{width:100%;}
}

@media screen and (max-width:768px){	/* 모바일 */
	/* A */
		.mainASlideTitleWrap{text-align:center;}
		.mainASlideItemBg{width:100%;height:100%;right:0;left:0;bottom:0;position:absolute;}
		.mainASlide{height:650px}
		.mainASlideItemImgWrap{display:table;width:100%;text-align:center;}
		.mainASlideTitleWrapIn{width:100%;}
		.mainASlideItemImg{left:0;margin:auto;width:90%;}
		.mainASlideTitle1{font-size:15px;margin-bottom:15px;}
		.mainASlideTitle2{font-size:37px;margin-bottom:20px;}
		.mainASlideTitle3{font-size:16px;margin-bottom:15px;}
		.mainAItemBtn{font-size:16px;width:120px;height:35px;}

	/* B */
		.mainB_wrap{padding-top:30px;}
		.mainBTitle{font-size:38px;margin-bottom:20px;}
		.mainBSubTitle{font-size:17px;margin-bottom:15px;}
		.mainBConItem{font-size:12px;padding:7px 14px;}

	/* C */
		.mainC_Content{height:auto;}
		.mainCTitle{margin-bottom:15px;}
		.mainCSubTitle{margin-bottom:10px;line-height:25px;}
		.mainCTitleWrap{width:100%;text-align:center;}
		.mainCVideoWrap{display:table;margin:20px auto;margin-bottom:40px;position:relative;right:auto;bottom:auto;width:100%;}
		.mainCVideoControlIcon{width:70px;height:70px;}
		.mainCBtn{font-size:15px;}
		.mainC_wrap{padding-top:0;}

	/* D */
		.mainD_wrap{padding-top:0;}
		.mainDTitle{font-size:40px;margin-bottom:30px;}
		.mainDServceTitleWrap{margin-bottom:30px;}
		.mainDServceTitle{padding:0 10px;font-size:15px;}
		.mainDServiceConTitle{font-size:35px;margin-bottom:20px;}
		.mainDServiceCon{font-size:16px;margin-bottom:20px;}
		.mainDServiceBtnWrap{text-align:center;margin-bottom:40px;}
		.mainDServiceMoreBtn{padding:10px 20px;font-size:15px;}
		.mainD_RightTitle{margin-bottom:10px;}
		.mainD_RightImgWrap{width:100%;display:table;margin:0 auto;margin-bottom:20px;max-width:410px;}
		.mainD_RightCon{width:100%;font-size:15px;}
		.mainD_RightSubTitle{font-size:16px;}

	/* E */
		.MediaMenuBox{margin:20px auto;}
		.MediaMenuBoxTag{padding:8px 12px;font-size:15px;}
		.MediaList{width:100%;margin-bottom:20px;}
		.MediaListConImg{height:170px;}
		.MediaListwrapIn{height:auto;width:100%;max-width:360px;display:table;margin:0 auto;}
		.MediaBtnWrap{margin-top:20px;}
		.MediaMoreBtn{font-size:15px;padding:15px 20px;}
		.mainE_wrap{padding:70px 0;}
		.mainE_title{font-size:38px;}

	/* F */
		.mainF_CompanyListWrap{height:0;opacity:0;}
		.mainF_CompanyBtnWrap{display:none;}
		.mainF_wrap{padding-top:0;}
		.mainF_ContentItem{width:49%;margin-bottom:0px;}
		.mainF_CompanyBtn{width:49%;}
		.mainF_ConItemTitleWrap{margin-bottom:0px;}
		.mainF_title{font-size:43px;margin-bottom:30px;}
		.mainF_subTitle{font-size:17px;}
		.mainF_ConItemTitle{font-size:20px;}
		.mainF_BtnWrap{margin-top:0px;}
		.mainF_MoreBtn{padding:15px 20px;font-size:15px;}
}