@charset "utf-8";

/* index */
.main .container{padding:0;}
.main .container .innerWrap{padding:0;}
.main .sec01{overflow:hidden;padding:0 48px;height:calc(100vh - 96px);background:url(../images/bg_index01.jpg) no-repeat center;background-size:cover;}
.main .sec01 .tit{margin-top:30vh;font-size:64px;font-weight:400;color:#fff;text-align:center;text-shadow: 0 4px 4px rgba(0, 0, 0, 0.50);}
.main .sec02{padding:4.25vw 0 10px;text-align:center;background:url(../images/bg_index02.jpg) no-repeat center;background-size:cover;}
.main .sec02 .innerWrap{display:flex;align-items:center;justify-content: center;}
.main .sec02 .tit{margin-bottom:80px;}
.main .sec02 .txt *{font-size:24px;color:#fff;line-height:2}
.main .sec02 .col01{padding:9.8vw 9.5vw;position:relative;}
.main .sec02 .col02:before{content:'';display:block;width:1px;position:absolute;top:0;bottom:0;left:0;background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.80) 50%, rgba(255, 255, 255, 0.00) 100%);}
.main .sec02 .col02{position:relative;padding:9.8vw 6.7vw 9.75vw;}
.main .sec02 .col02 p + p{margin-top:48px;}
.main .sec02 .tit{font-size:48px;font-weight:400;color:#fff;}
.main .sec02 .tit img{width:auto;height:40px;vertical-align:middle;}


/* sub01 - gnb01.TEDxKEPCO 2025 */
.wrapper.sub01,
.wrapper.sub02{background:#010914 url(../images/bg_sub_type01.jpg) no-repeat center top;background-size:cover;}
.wrapper.sub01 .cntTitXL{max-width:486px;text-align:left;}
.wrapper.sub01 .wrapCol{margin-bottom:56px;}
.wrapper.sub01 .wrapCol .col01{width:33%;margin-right:4.8%;}
/*.wrapper.sub01 .wrapCol .col02{display:flex;width:63%;flex-wrap: wrap;align-content:space-between;}*/
.wrapper.sub01 .wrapCol .col02{display:flex;width:63%;flex-wrap: wrap;align-content:flex-start;}
.wrapper.sub01 .wrapCol .col02 [class^="row"]{}
.wrapper.sub01 .wrapCol .col02 .info {margin-top: 20px;}
.wrapper.sub01 .wrapCol .col02 .info li{position:relative;padding-left:105px;font-size:20px;color:#fff;line-height:1.5}
/*.wrapper.sub01 .wrapCol .col02 .info li{position:relative;padding-left:65px;font-size:24px;color:#fff;line-height:1.5}*/
.wrapper.sub01 .wrapCol .col02 .info li .el{position:absolute;top:6px;left:0;}
.wrapper.sub01 .wrapCol .col02 .info li .btn{display:inline-block;padding:3px;width:120px;margin-left:12px;height:30px;font-size:18px;font-weight:700;line-height:24px;color:#fff;text-align:center;background:#0090FF;border-radius:50px;}
/*.wrapper.sub01 .wrapCol .col02 .info li .btn{display:inline-block;padding:5px;width:150px;margin-left:12px;height:34px;font-size:20px;font-weight:700;line-height:24px;color:#fff;text-align:center;background:#0090FF;border-radius:50px;}*/
/*.wrapper.sub01 .wrapCol .col02 .info li .btn{display:inline-block;padding:10px;width:180px;margin-left:12px;height:44px;font-size:20px;font-weight:700;line-height:24px;color:#fff;text-align:center;background:#0090FF;border-radius:50px;}*/

/* sub02 - gnb02.강연자 */
.wrapper.sub02{}
.wrapper.sub02 .wrapTbl{max-width:1665px;}
.wrapper.sub02 .wrapTbl .list{margin-bottom:16px;text-align:center;border-radius:0}
.wrapper.sub02 .wrapTbl .list tbody{border:0}
.wrapper.sub02 .wrapTbl .list td{padding:0 3vw;}
.wrapper.sub02 .wrapTbl .list .tit{color:#fff;font-size:32px;font-weight:700;}
.wrapper.sub02 .wrapTbl .list .img{max-width:435px;margin:25px auto 14px;}
.wrapper.sub02 .wrapTbl .txt{margin-bottom:36px;color:#fff;font-size:24px;line-height:1.5;text-align:center;}
.wrapper.sub02 .wrapTbl > .txt{margin-top:20px;}

/* sub03 - gnb03.참가신청 */
.wrapper.sub03,
.wrapper.sub04{background:#010914 url(../images/bg_sub_type02.jpg) no-repeat center top;background-size:cover;}
.wrapper.sub03 .container{text-align:center;}
.wrapper.sub03 .container .cntTitXL{margin-bottom:0;}
/*.wrapper.sub03 .container .wrapCnt{height:49em;display:flex;align-items: center;justify-content: center;}*/
.wrapper.sub03 .container .wrapCnt{height:49em;display:flex;justify-content: center;margin-top: 50px;}
.wrapper.sub03 .container .listBtn{display:flex;margin:30px -60px 0;justify-content: center;}
.wrapper.sub03 .container .listBtn li{padding:0 3.3vw;}
.wrapper.sub03 .container .listBtn li a{display:block;min-width:435px;height:200px;color:#fff;line-height:200px;font-size:40px;font-weight:700;text-align:center;background:#3F3F3F;}
.wrapper.sub03 .container .listBtn li:first-child a{background:#6A6A6A;}
.wrapper.sub03 .container .wrapCnt .cntForm{width:100%;max-width:500px;margin:0 auto;}
.wrapper.sub03 .container .wrapCnt .cntForm .slct{display:flex;padding-left:100px;}
.wrapper.sub03 .container .wrapCnt .cntForm .slct li label{margin:0 32px 0 8px;font-size:24px;color:#fff;}
.wrapper.sub03 .container .wrapCnt .cntForm .list{}
.wrapper.sub03 .container .wrapCnt .cntForm .list li{display:flex;margin-top:16px;align-items:center;text-align:left;}
.wrapper.sub03 .container .wrapCnt .cntForm .list li label{width:100px;flex-shrink:0;font-size:24px;color:#fff;}
.wrapper.sub03 .container .wrapCnt .cntForm .list li .txt{font-size:24px;color:#fff;}


/* POPUP - 강연자 */
.popSpkr{}
.popSpkr .img{margin-bottom:24px;text-align:center;background: linear-gradient(180deg, #BEBEBE 0%, #E7E7E7 100%);}
.popSpkr .img img{max-width:435px;vertical-align:middle;}
.popSpkr .popCnt [class^="cnt0"]{display:none}
.popSpkr .popCnt .cnt01{display:block;}
.popSpkr .popCnt .tit{font-size:40px;font-weight:600;text-align:center;}
.popSpkr .popCnt .tit small{display:block;margin:16px auto;font-size:24px}
.popSpkr .popCnt .list li{position:relative;padding-left:36px;font-size:24px;line-height:1.33}
.popSpkr .popCnt .list li:before{content:'';position:absolute;top:12px;left:15px;width:3px;height:3px;border-radius:100%;background:#000}
.popSpkr .popCnt .list li li{padding-left:15px}
.popSpkr .popCnt .list li li:before{content:'-';top:0;left:0;border-radius:0;background:none}


/* POPUP - 커뮤니티 > 갤러리 */
.popGall{}
.popGall .popCnt{padding:72px 40px 60px;}
.popGall .img{max-width:500px;margin:0 auto 24px;}
.popGall .tit{font-size:24px;font-weight:700;color:#000;}
.popGall .txt{margin-top:16px;font-size:24px;color:#000;line-height:1.33}




/* 모바일-태블릿 화면 ~1280px */
@media (max-width:1280px){
	.wrapper.sub01 .wrapCol .col02 .info{margin-top:24px;}
	.wrapTbl .tblGall .img{display:inline-block;width:auto;height:auto}
	.wrapTbl .tblGall .txt{font-size:16px;}
	.wrapper.sub01 .cntTitXL{max-width:300px;}
	
}

/* 모바일-태블릿 화면 ~991px */
@media (max-width:991px){
	.main .sec02{padding:0}
	.main .sec02 .tit{font-size:24px;}
	.main .sec02 .txt *{font-size:12px;}
	.main .sec02 .col02:before{left:0;right:0;width:100%;height:1px;background:linear-gradient(-90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 100%);}
	
	.main .sec01{height:calc(100vh - 56px);padding:0 24px;}
	.main .sec01 .tit{margin-top:36.5vh;font-size:24px;}
	.main .sec02 .innerWrap{display:block;}
	.main .sec02 .tit{margin-bottom:36px;}
	.main .sec02 .tit img{height:24px;margin-top:-3px;}
	.main .sec02 .col01,
	.main .sec02 .col02{padding:44px 32px}
	.main .sec02 .col02 p + p{margin-top:24px;}

	.wrapper.sub01{background-image:url(../images/bg_sub_type01_mbl.jpg);background-size:100%}
	.wrapper.sub01 .wrapCol{display:block;margin-bottom:12px;}
	.wrapper.sub01 .wrapCol [class^="col"]{width:100%;padding:0;margin:0 auto}
	.wrapper.sub01 .wrapCol .col02{display:block;margin-top:40px;}
	/*.wrapper.sub01 .wrapCol .col02{display:block;margin-top:10px;}*/
	.wrapper.sub01 .wrapCol .col02 .info li{padding-left:75px;font-size:14px;line-height:1.5}
	/*.wrapper.sub01 .wrapCol .col02 .info li{padding-left:48px;font-size:18px;line-height:1.3}*/
	.wrapper.sub01 .wrapCol .col02 .info li .el{top:3px;}
	.wrapper.sub01 .wrapCol .col02 .info li .btn{width:100px;height:25px;padding:4px;margin-left:24px;font-size:14px;line-height:17px}
	.wrapper.sub03 .container .wrapCnt{display:block;padding:0}

	.wrapper.sub02 .container{padding:32px 62px}
	.wrapper.sub02 .wrapTbl .list td{display:block;padding:0}
	.wrapper.sub02 .wrapTbl .list .tit{font-size:16px !important;}
	.wrapper.sub02 .wrapTbl .list .img{margin:19px auto 12px}
	.wrapper.sub02 .wrapTbl .txt{margin-bottom:27px;}

	.wrapper.sub02,
	.wrapper.sub03,
	.wrapper.sub04{background-image:url(../images/bg_sub_type02_mbl.jpg);background-size:100%}
	.wrapper.sub03 .container{padding:32px 58px;text-align:left;}
	.wrapper.sub03 .container .cntTitXL{margin-bottom:24px;}
	.wrapper.sub03 .container .listBtn{margin:24px -8px 0;}
	.wrapper.sub03 .container .listBtn li{width:100%;padding:0 8px;}
	.wrapper.sub03 .container .listBtn li a{min-width:auto;height:50px;font-size:16px;line-height:50px;}
	.wrapper.sub03 .container .wrapCnt .cntForm .slct{padding-left:60px;}
	.wrapper.sub03 .container .wrapCnt .cntForm .slct li label{margin-right:16px;}
	.wrapper.sub03 .container .wrapCnt .cntForm label{font-size:16px !important;}
	.wrapper.sub03 .container .wrapCnt .cntForm .list li{margin-top:10px;}
	.wrapper.sub03 .container .wrapCnt .cntForm .list li label{width:70px;}


    .wrapPopLayer.popSpkr .popCnt{padding:40px 25px 24px;}
    .wrapPopLayer.popSpkr .popCnt .img{margin-bottom:10px;}
    .wrapPopLayer.popSpkr .popCnt .tit{font-size:24px;}
    .wrapPopLayer.popSpkr .popCnt .tit small{margin:12px auto;font-size:16px;}
    .wrapPopLayer.popSpkr .popCnt .list li{padding-left:18px;font-size:12px;}
    .wrapPopLayer.popSpkr .popCnt .list li:before{top:5px;left: 5px;}
    .wrapPopLayer.popSpkr .popCnt .list li li:before{top:0;left:0}


	.wrapPopLayer.popGall .tit,
	.wrapPopLayer.popGall .txt{font-size:16px;}
	.wrapPopLayer.popGall .img{margin-bottom:16px;}
	.wrapPopLayer.popGall .txt{margin-top:8px;}

}