/* uclm - ISEC 2024 ¼³¹® ÀÌº¥Æ® ÆäÀÌÁö Á¦ÀÛ*/

/* pretendart À¥ÆùÆ® */
@font-face {
    font-family: "Pretendard";
    font-weight: 900;
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff') format('woff');
}
@font-face {
    font-family: "Pretendard";
    font-weight: 800;
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff') format('woff');
}
@font-face {
    font-family: "Pretendard";
    font-weight: 700;
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
}
@font-face {
    font-family: "Pretendard";
    font-weight: 600;
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
}
@font-face {
    font-family: "Pretendard";
    font-weight: 500;
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
}
@font-face {
    font-family: "Pretendard";
    font-weight: 400;
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
}
@font-face {
    font-family: "Pretendard";
    font-weight: 300;
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');
}
@font-face {
    font-family: "Pretendard";
    font-weight: 200;
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraLight.woff') format('woff');
}
@font-face {
    font-family: "Pretendard";
    font-weight: 100;
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin.woff') format('woff');
}


 #isec_event_page{
	position:relative;
 }
 #isec_event_page > div{
	display:grid;
	grid-template-columns:repeat(2, 1fr);
	gap:48px;
	max-width:1308px; 
	width:100%;
	margin:0 auto;
	padding-block:150px 166px;
 }
 @media screen and (max-width:1600px){
	#isec_event_page > div{
		grid-template-columns:1fr;
		max-width:630px;
	}
 }
 #isec_event_page::before{
	content:"";
	position:absolute;
	top:0;
	right:0;
	width:308px;
	height:216px;
	background-image:url(../images/isec_event/bg_1.svg);
	background-repeat:no-repeat;
 }
 #isec_event_page::after{
	content:"";
	position:absolute;
	bottom:0;
	left:0;
	width:308px;
	height:216px;
	background-image:url(../images/isec_event/bg_2.svg);
	background-repeat:no-repeat;
 }
 #isec_event_page .box{
	position:relative;
	border-radius:40px;
	background-color:#F5F6EC;
 }
 #isec_event_page .isec_event_left{
	padding:72px 60px 51px;
 }

 .isec_event_header{
	text-align:center;
 }
 .isec_event_header .desc_title{
	position:relative;
	display:inline-block;
	font-size:28px;
	font-weight:500;
	line-height:33.6px;
	color:#111;
	font-family: 'Pretendard';
 }
 .isec_event_header .desc_title.ico_colver::before{
	content:"";
	position:absolute;
	top:0;
	left:-38px;
	width:30px;
	height:30px;
	background-image:url(../images/isec_event/clover.svg);
	background-repeat:no-repeat;
 }
 .isec_event_header .desc_title.ico_colver::after{
 	content:"";
	position:absolute;
	top:3px;
	right:-38px;
	width:30px;
	height:30px;
	background-image:url(../images/isec_event/clover.svg);
	background-repeat:no-repeat;
 }
 .isec_event_header .title{
	font-weight:700;
	font-size:52px;
	line-height:62.05px;
	color:#035B3E;
	letter-spacing:-0.04em;
	font-family: 'Pretendard';
 }
 .isec_event_header .desc{
	position:relative;
	font-size:17px;
	line-height:25px;
	letter-spacing:-0.04em;
	color:#3E3E3E;
	font-family: 'Pretendard';
 }
.isec_event_header .desc::after{
	content:"";
	position:absolute;
	top:33px;
	right:-20px;
	width:45px;
	height:55px;
	background-image:url(../images/isec_event/ico_star.svg);
	background-repeat:no-repeat;
}

 #isec_event_page .event_info_content{
	position:relative;
	border-radius:16px;
	padding:32px;
	background-color:#035B3E;
	color:white;
	margin-top:24px;
 }
 #isec_event_page .event_info_content::before{
	content:"";
	position:absolute;
	top:-44px;
	right:20px;
	width:150px;
	height:145px;
	background-image:url(../images/isec_event/gift.svg);
	background-repeat:no-repeat;
 }
 #isec_event_page .event_info_box{
	display:grid;
	gap:8px;
	position:relative;
 }
 #isec_event_page .event_info_box::before{
	content:"";
	position:absolute;
	top:80px;
	right:0;
	width:110px;
	height:20px;
	background-image:url(../images/isec_event/shadow.svg);
	background-repeat:no-repeat;
	background-position:center;
 }

 #isec_event_page .event_info{
	display:flex;
	align-items:center;
	gap:8px;
	font-family: 'Pretendard';
 }
 #isec_event_page .bedge_red{
	display:inline-block;
	height:23px;
	padding-inline:8px;
	background-color:#FF2A5C;
	font-size:13px;
	font-weight:600;
	line-height:24px;
	letter-spacing:-0.04em;
	margin-left:4px;
	border-radius:60px;
 }
 #isec_event_page .event_info_title{
	display:inline-flex;
	align-items:center;
	height:27px;
	padding-inline:12px;
	background-color: #40CE5A4D;
	border-radius:60px;
	font-size:16px;
	font-weight:600;
	line-height:19.09px;
	letter-spacing:-0.04em;
	font-family: 'Pretendard';
 }
 #isec_event_page .event_info_desc{
	font-size:16px;
	line-height:19.2px;
	letter-spacing:-0.04em;
	font-family: 'Pretendard';
 }
 #isec_event_page .event_info_notice{
	font-size:13px;
	line-height:15.6px;
	letter-spacing:-0.04em;
	margin-top:11px;
	font-family: 'Pretendard';
 }
 #isec_event_page .btn_join_event{
	display:inline-flex;
	justify-content:center;
	align-items:center;
	width:100%;
	height:64px;
	background-color:#FFE45C;
	color:#111;
	font-weight:600;
	font-size:20px;
	line-height:23.87px;
	box-shadow: 4px 4px 4px 0px #00000040;
	border-radius:12px;
	margin-top:24px;
	font-family: 'Pretendard';
 }
 #isec_event_page .btn_join_event::after{
	content:"";
	display:inline-block;
	width:32px;
	height:32px;
	background-image:url(../images/isec_event/ico_dirRight.svg);
	background-repeat:no-repeat;
 }
 
  #isec_event_page .isec_event_right{
	padding:72px 60px 57px;
 }

#isec_event_page .isec_download_box{
	display:grid;
	gap:14px;
	margin-top:28px;
}
#isec_event_page .download_btn{
	display:grid;
	grid-template-columns:100px 1fr 60px;
	align-items:center;
	gap:23px;
	height:76px;
	padding:8px;
	border-radius:60px;
	background-color:white;
	color:#111;
	font-size:16px;
	line-height:23.77px;
	box-shadow: 4px 4px 8px 0px #0000001A;
}
#isec_event_page .download_btn .text{
	text-align:left;
}
#isec_event_page .download_btn div{
	font-family: 'Pretendard';
}
#isec_event_page .download_btn::before{
	content:"";
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:100px;
	height:60px;
	border-radius:46px;
}
#isec_event_page .download_btn::after{
	content:"";
	display:inline-block;
	width:28px;
	height:28px;
	background-image:url(../images/isec_event/ico_download.svg);
	background-repeat:no-repeat;
	/* background-position: center 38px; */
}

#isec_event_page .download_btn.uclm::before{
	background: #4818D026;
	background-image:url(../images/isec_event/ico_uclm.svg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:29px 29px;
}
#isec_event_page .download_btn.ucert::before{
	background: #0079DA26;
	background-image:url(../images/isec_event/ico_ucert.svg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:24px 35px;
}
#isec_event_page .download_btn.usign::before{
	background: #00BC0026;
	background-image:url(../images/isec_event/ico_usign.svg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:29px 33px;
}
#isec_event_page .download_btn.ucker::before{
	background: #F9B00026;
	background-image:url(../images/isec_event/ico_ucker.svg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:31px 36px;
}

