@charset "utf-8";

/* Main Common */
.sec_main {position:relative; padding-top:4rem;padding-bottom:4rem;}
.sec_main .title_area {display: flex;flex-direction: column; justify-content:flex-start;align-items:flex-start;margin-bottom:2.4rem}
.sec_main .title_area h2 {margin-bottom:1.2rem}
.sec_main .title_area .headline {margin-bottom:1.6rem;width:70%;text-align: left}

@media (min-width: 1200px) {
	
	.sec_main {padding-top:10rem;padding-bottom:10rem;}
	.sec_main .title_area {margin-bottom:7.2rem;justify-content:center;align-items: center;}
	.sec_main .title_area .headline {width:100%;text-align: center}
	
}


/* main - visual */

.visual {position: relative;height:400px;display: flex;justify-content: center;align-items: center;background-image: url(../img/main/visual_bg.jpg);z-index: -1}
.visual .main_banner .text_area {padding-bottom:2rem;z-index: 100}
.visual .main_banner .text_area .headline {color:#fff;padding-top:1.2rem;padding-bottom:1.2rem;}

.visual .main_banner .headline p:last-child:before {content:'';display:inline-block;width:100px;height:7px;background:#fff;margin-right:3.2rem;vertical-align: middle}


.vimeo-wrapper {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: -1;
   pointer-events: none;
   overflow: hidden;
   opacity: 0.7
}
.vimeo-wrapper iframe {
   width: 100vw;
   height: 100%; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
   min-height: 100vh;
   
   min-width: 100vw; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}



@media (min-width: 1200px) {

	.visual {height:760px;}	
	.visual .main_banner .text_area {padding-bottom:8rem}

	
}


/* main - quick */

.main_quick {position:relative;z-index: 100;background:var(--bg-dark);padding:2.4rem 0 4rem}
.main_quick .quick_item {position: relative;background:#fff;display: flex; flex-direction: column; justify-content:flex-start;align-items: flex-start;padding:2.4rem 3.5rem;}
.main_quick .quick_item.quick_item1 {border-right:1px solid var(--line-gray1);border-radius: var(--radius-s) var(--radius-s) 0 0}
.main_quick .quick_item.quick_item2 {border-radius: 0 0 var(--radius-s) var(--radius-s);border-top:1px solid var(--line-gray2)}
.main_quick .quick_item .title {margin-bottom:0.4rem}
.main_quick .quick_item .text_area {margin-bottom:1.2rem}


@media (min-width: 1200px) {
	
	.main_quick {position:absolute;left:0;right:0;margin-top:-100px;z-index: 100;padding:0;background:transparent}
	.main_quick .quick_item {padding:4.4rem;flex-direction: row; justify-content: space-between;align-items: center;}
	.main_quick .quick_item .title {margin-bottom:1.2rem}
	.main_quick .quick_item.quick_item1 {border-radius: var(--radius-s) 0 0 var(--radius-s)}
	.main_quick .quick_item.quick_item2 {border-radius: 0 var(--radius-s) var(--radius-s) 0;border:0}
	.main_quick .quick_item .text_area {margin-bottom:0rem}
	
}



/* main - intro*/ 

.main_intro {height:440px; background: var(--bg-gr-light);display: flex;justify-content: center;align-items: center;}
.main_intro .text_area {display: flex;justify-content: center;align-items: center;margin-top:-4rem}
.main_intro:after {content:'';display: block;width:100%;height:160px;background: linear-gradient(180deg, rgba(25,26,29,0), rgba(25,26,29,1));position: absolute;bottom:0;left:0;right:0;z-index:10}


@media (min-width: 1200px) {
	.main_intro {height:640px;padding-bottom:200px;}
	.main_intro .text_area {margin-top:0;padding-top:4.4rem}
	.main_intro:after {height:200px}
}



/* main - conference */
.card_list .card_item {position: relative;background:rgba(255,255,255,0.1);border-radius: var(--radius-s);overflow:hidden;box-shadow: 1px 1px 20px rgba(0,0,0,0.15);}
.card_list .card_item .thumb {position:relative;display:block;overflow:hidden;}
.card_list .card_item .thumb:before {content:'';padding-top:85%;float:left;}
.card_list .card_item .thumb img {position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;}
.card_list .card_item .text_area {position: relative;text-align: center;padding-top:1.2rem;padding-bottom:2rem;display: flex;flex-direction: column; justify-content:flex-end;align-items:center;}
.card_list .card_item .text_area .title {color:#fff}
.card_list .card_item .text_area .speaker {margin-top: 0.4rem; display: none}
.card_list .card_item .tag_area {position: absolute;left:0;top:0;right:0;z-index:10;padding:0.8rem}

.sec_main_conference .messagebar {margin-top:4rem;}

	
	@media (min-width: 1200px) {
		
		
		
		.card_list .card_item {transition:all .2s ease-out;-webkit-transition:all .2s ease-out;}
		.card_list .card_item:hover {-webkit-transform:translateY(-6px);transform:translateY(-6px)}
		
		.card_list .card_item .text_area {position: absolute;left:0;bottom:0;right:0;padding-top:0;padding-bottom:2.4rem;height:50%;z-index: 10;
			background:linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,1));padding-left:2rem;padding-right:2rem;}
		.card_list .card_item .tag_area {padding:1.2rem}
		
		
		/*.sec_main_conference .card_list .row > div:nth-child(2),
		.sec_main_conference .card_list .row > div:nth-child(5) {margin-top:7rem} 4개 들어갈 경우 숨김*/ 
		

		.sec_main_conference .card_list {width:920px;margin-left:auto;margin-right:auto}
		.sec_main_conference .messagebar {width:920px;margin-left:auto;margin-right:auto}
		
		.sec_main_conference .messagebar {margin-top:6.4rem;}

		
	}





/* main - funding, 더 알아보기 */

.funding_card .funding_item {position: relative;background:#222;border-radius:var(--radius-m);height:280px;margin-bottom:2rem;}
.funding_card .funding_item .text_area {position:absolute;top:0;left:0;padding:2.5rem 3rem;}
.funding_card .funding_item .text_area h3 {margin-bottom:1.2rem; display: inline-block}
.funding_card .funding_item .text_area .btn-text {margin-top:1.6rem}

.sec_main_funding .funding_card .funding_item.item1 {background:url(../img/main/img_main_funding1.jpg) no-repeat 0 0;box-shadow: 1px 4px 15px rgba(0,0,0,0.1)}
.sec_main_funding .funding_card .funding_item.item2 {background:url(../img/main/img_main_funding5.jpg) no-repeat 0 0;box-shadow: 1px 4px 15px rgba(0,0,0,0.3)}
.sec_main_funding .funding_card .funding_item.item3 {background:url(../img/main/img_main_funding3.jpg) no-repeat 0 0;box-shadow: 1px 4px 15px rgba(0,0,0,0.3)}
.sec_main_funding .funding_card .funding_item.item4 {background:url(../img/main/img_main_funding4.jpg) no-repeat 0 0;box-shadow: 1px 4px 15px rgba(0,0,0,0.1)}

.sec_main_etc {background: #f2f2f2}
.sec_main_etc .funding_card .funding_item.item1 {box-shadow: 1px 4px 20px rgba(0,0,0,0.3)}
.sec_main_etc .funding_card .funding_item.item2 {background:url(../img/main/img_main_small_business.svg) no-repeat right bottom;background-size: 100%;box-shadow: 1px 4px 20px rgba(0,0,0,0.05)}


	@media (min-width: 1200px) {
		
		.funding_card .funding_item {height:315px;}
		.funding_card .funding_item .text_area  {padding:4rem 4.4rem;}
		
		.sec_main_etc .funding_card .funding_item {height:440px}
		
	}




/* main - academy */

.sec_main_academy .text_area {visibility: hidden}
.sec_main_academy .messagebar {margin-top:4rem}


@media (min-width: 1200px) {
	
		.sec_main_academy .card_list .row > div:nth-child(2),
		.sec_main_academy .card_list .row > div:nth-child(5) {margin-top:7rem}
		
		.sec_main_academy .card_list {width:920px;margin-left:auto;margin-right:auto}
		.sec_main_academy .messagebar {width:920px;margin-left:auto;margin-right:auto}
	
		.sec_main_academy .messagebar {margin-top:6.4rem;}

	}



/* main - cta */

.sec_main_cta {position:relative;height:320px;display: flex;justify-content: center;align-items: center;background: url(../img/main/bg-poster.jpg) no-repeat center center #000; background-size:cover;}
.sec_main_cta .headline {margin-bottom:4.4rem}


@media (min-width: 1200px) {

	.sec_main_cta {height: 500px;}

	}