@charset "utf-8"; 
@import url('fontawesome.css'); 
@import url('OpenSans.css'); 
@import url('NotoSansKR.css'); 
@import url('Montserrat.css'); 
@import url('Roboto.css'); 
@import url('Pretendard.css'); /* 241011 추가 */





/* ========================================================================================================== */
/* ================================================= 레이아웃 ================================================== */
/* ========================================================================================================== */


div.wrapper { position:relative; overflow:hidden; width:100%; min-width:1400px; font-family:'OpenSans',sans-serif; font-weight:400; }
div#headerWrap h1 { margin:0; }
div#headerWrap h1 a, 
div#headerWrap h1 img { display:block; }


div#headerWrap { z-index:100; position:absolute; left:0; top:0; width:100%; height:172px; padding-top:80px; box-sizing:border-box; 
    border-bottom:1px solid rgba(255,255,255,0.13); }
div#headerWrap:before { position:absolute; content:''; left:0; top:0; height:80px; width:100%; background-color:#fff; }
div#headerWrap h1 { position:absolute; left:50%; top:8px; margin-left:-650px; }
div#headerWrap h1 a,
div#headerWrap h1 img { display:block; }

/* GNB */
ul#gnb, ul#gnb ul, ul#gnb li { margin:0; padding:0; list-style:none; }
ul#gnb a { word-break:keep-all; text-decoration:none; }

div.headerUtil ul, div.headerUtil li, div.headerUtil a { margin:0; padding:0; list-style:none; text-decoration:none; }
div.headerUtil { position:absolute; left:50%; top:0; width:650px; height:80px; padding-right:0; text-align:right; font-size:0; line-height:0; box-sizing:border-box; }
div.headerUtil div,
div.headerUtil ul, 
div.headerUtil li { display:inline-block; vertical-align:top; }

div.dDay { display:none !important; position:absolute; left:50%; top:0; margin-left:150px; width:170px; height:80px; padding:10px 0; border-radius:0 0 30px 30px; 
    box-sizing:border-box; background:url('/image/common/dDayBg.png') 0 0 no-repeat; color:#fff; font-size:30px; line-height:40px; 
    font-weight:600; text-align:center; }
div.dDay:before { display:block; content:attr(data-today); font-size:15px; line-height:20px; }
div.dDay span { text-shadow:4px 4px 0 rgba(0,0,0,.2); font-weight:700; letter-spacing:-1px; }

div.headerUtil ul { position:absolute; right:0; top:23px; width:auto; height:34px; padding:7px 0; text-align:right; box-sizing:border-box; }
div.headerUtil li { position:relative; padding:0 0 0 9px; display:inline-block; vertical-align:top; margin-left:20px; }
div.headerUtil li:before { position:absolute; left:0; top:50%; width:3px; height:3px; transform:translateY(-50%); border-radius:50%; content:""; background-color:#5092e0; }
div.headerUtil li:first-child { margin-left:0; 	}

div.headerUtil li a { color:#282828; font-size:13px; line-height:20px; font-weight:400; }

ul#gnb { z-index:50; position:relative; width:1300px; height:92px; margin:0 auto; text-align:left; }
ul#gnb.bg:after { content:""; position:absolute; left:50%; top:0; width:100vw; height:100%; transform:translateX(-50%); background:url('/image/main/gnb_bg.jpg') 0 0 repeat-x; 
    background-size:auto 100%; }
ul#gnb > li { position:relative; display:inline-block; margin-left:55px; padding:36px 0; min-width:124px; text-align:center; }
ul#gnb > li:first-child { margin-left:0; }
ul#gnb > li > a { position:relative; z-index:2; display:inline-block; vertical-align:top; color:#fff; font-size:19px; line-height:20px; font-weight:600; letter-spacing:-1px; }
ul#gnb > li.on > a:after { position:absolute; z-index:-1; display:block; bottom:0; left:0; width:100%; height:8px; border-radius:8px; background-color:rgba(43,167,245,0.39); 
    content:''; }

ul#gnb ul { position:absolute; left:0; top:92px; width:100%; padding:10px 10px 25px; box-sizing:border-box; }
ul#gnb ul { background-color:transparent; }
ul#gnb ul li { padding-top:15px; text-align:center; }
ul#gnb ul a { font-weight:300; color:#fff; font-size:14px; line-height:22px; letter-spacing:-0.7px; }
ul#gnb ul a:hover,
ul#gnb ul a:focus { color:#ffffa8; font-weight:400; }

div.gnbBg { display:none; z-index:91; position:absolute; left:0; top:80px; width:100%; height:auto; background-color:rgba(29,48,84,.89); }
div#headerWrap.fixed { position:fixed; background-color:rgba(29,48,84,.89); }
div.gnbBg.fixed { position:fixed; top:172px; height:263px !important; }



/* Sponsors */
dl.sponsors, dl.sponsors dt, dl.sponsors dd, dl.sponsors ul, dl.sponsors li, dl.sponsors a { margin:0; padding:0; list-style:none; text-decoration:none; }
dl.sponsors { position:relative; border-top:1px solid #e4e4e4; padding:10px 0; background-color:#f5f5f5; }
dl.sponsors > dt { position:absolute; left:50%; top:50%; transform:translateY(-50%); margin-left:-650px; font-size:16px; line-height:21px; font-weight:600; color:#444; }
dl.sponsors a { display:block; }
dl.sponsors img { display:block; width:100%; }


dl.sponsors > dd { position:relative; width:1300px; margin:0 auto; padding:0 37px 0 153px; box-sizing:border-box; }
dl.sponsors > dd > ul:first-child { margin-bottom:15px; }
dl.sponsors > dd > ul:after { clear:both; display:block; content:''; font-size:0; line-height:0; height:0; }
dl.sponsors > dd > ul li { float:left; margin-left:10px; margin-top:10px; }
dl.sponsors > dd > ul:first-child li:nth-child(4n+1) { margin-left:0; }
dl.sponsors > dd > ul:first-child li:nth-child(-n+4) { margin-top:0; }

dl.sponsors > dd > ul.rolling > li:first-child { margin-left:0; }
dl.sponsors div.bx-wrapper { position:relative; padding:0 35px; }

dl.sponsors a.bx-prev,
dl.sponsors a.bx-next { position:absolute; bottom:0; width:12px; height:51px; font-size:0; line-height:0; }
dl.sponsors a.bx-prev { left:0; background:url('/image/common/sponsor_prev.png') left center no-repeat; }
dl.sponsors a.bx-next { right:0; background:url('/image/common/sponsor_next.png') right center no-repeat; }


/* 2024-05-22 */
dl.sponsors.new > dd { padding:0 457px 0 153px; }
dl.sponsors.new > dd > ul li { margin-top:0; }
dl.sponsors.new .newsletter { width:420px; position:absolute; right:50%; top:50%; transform:translateY(-50%); padding:0; margin-right:-630px; z-index:10; }
dl.sponsors.new .newsletter h4 { font-size:22px; margin-bottom:10px; font-weight:600; color:#444444; }
dl.sponsors.new .toggle { position:relative; }
dl.sponsors.new .toggle a.trigger { position:relative; border:1px solid #c8d4e8; color:#42639d; font-size:15px; line-height:22px; padding:13px 63px 13px 15px; 
    background-color:#fff; box-sizing:border-box; }
dl.sponsors.new .toggle a.trigger:after { position:absolute; right:0; top:0; content:''; width:48px; height:48px; 
    background:#6f89b7 url('/image/main/newsletter_toggle.png') no-repeat center center; }
dl.sponsors.new .toggle .view a.trigger:after { transform:rotate(-180deg); }
dl.sponsors.new .toggleCon { position:absolute; left:0; top:50px; width:420px; padding:0; max-height:197px; background-color:#eff5ff; border:1px solid #c8d4e8; 
    border-top:0; box-sizing:border-box; }
dl.sponsors.new .toggleCon ul { overflow-y:auto; overflow-x:hidden; max-height:195px; padding:10px 0; box-sizing:border-box; }
dl.sponsors.new .toggleCon li a { color:#6e88b5; font-size:15px; line-height:35px; box-sizing:border-box; padding:0 15px; }
dl.sponsors.new .bx-wrapper + .bx-wrapper { margin:15px 0 0 !important; }

/* #wingBnr { z-index:50; position:absolute; left:50%; top:310px; width:200px; margin-left:700px; }
div.main #wingBnr { display:none !important; }

ul.deadline, ul.deadline li { margin:0; padding:0; list-style:none; }
ul.deadline { margin-bottom:200px; padding:15px; border-radius:30px 0 30px 0; background:#23487b url('/image/common/deadline_bg.png') right bottom no-repeat; color:#fff; }
ul.deadline li { padding:12px 10px; border-top:1px solid rgba(255,255,255,.15); font-size:15px; line-height:18px; font-weight:400; }
ul.deadline li:first-child { border-top:0 none; }
ul.deadline span { display:block; padding-top:10px; color:#ffea00; font-size:17px; line-height:20px; font-weight:700; } */

#goTop { z-index:50; position:absolute; left:50%; top:810px; margin-left:700px; }
div.main #goTop { display:none !important; }

p#goTop a { display:block; width:70px; margin:0 auto; padding:20px 0; border-radius:50%; text-align:center; color:#fff; font-size:18px; line-height:30px; 
    background-color:#333f4b; box-shadow:0 5px 9px rgba(10,11,11,.2); }

div#footerWrap { background-color:#414a5a; color:#7e8899; font-weight:300; }
div#footerWrap > div { position:relative; width:1300px; margin:0 auto; padding:50px 650px 50px 0; box-sizing:border-box; border-bottom:1px solid #6f7b91; } /* 240812 수정 */
div#footerWrap > div:after { clear:both; display:block; height:0; line-height:0; font-size:	0; content:""; }

div#footerWrap dl, div#footerWrap dt, div#footerWrap dd, div#footerWrap ul, div#footerWrap li, div#footerWrap a { margin:0; padding:0; list-style:none; 
    text-decoration:none; color:#7e8899; }
div#footerWrap dl { float:left; /* width:50%; */box-sizing:border-box; font-size:12px; line-height:20px; }
div#footerWrap dt { font-weight:600; color:#b9c2d4; font-size:15px; line-height:22px; margin-bottom:5px; }
div#footerWrap ul { overflow:hidden; }
div#footerWrap li { float:left; margin-left:15px; }
div#footerWrap li:first-child { margin-left:0; }
div#footerWrap li span { color:#b1b9c8; font-weight:600; }
div#footerWrap > p { margin:0; text-align:center; font-size:15px; line-height:60px; background-color:#414a5a; color:#e5e9f2; font-weight:600; }

/* 240812 추가 start */
div#footerWrap .endorsed-logo { position:absolute; top:16px; left:calc(55% + 8px); display:flex; align-items:center; gap:55px; }
div#footerWrap .endorsed-logo span { display:inline-block; }
div#footerWrap .endorsed-logo .img-box a + a { margin-left:11px; }
/* 240812 추가 end */

div#footerWrap ul.footLink { display:flex; align-items:center; gap:17px; position:absolute; bottom:15px; left:55%; } /* 240812 수정 */
div#footerWrap ul.footLink li { float:none; margin:0; /* margin-top:10px; */} /* 240726 수정 */
div#footerWrap ul.footLink li:first-child { margin-top:0; }
div#footerWrap ul.footLink a, 
div#footerWrap ul.footLink img { display:block; }

/*  ==========  Container  ==========  */
div#container { position:relative; padding-top:453px; background:url('/image/common/bg_sub.png') center 80px no-repeat; }

.pageTit { position:relative; width:1300px; margin:0 auto; padding:0 0 0 40px; color:#23497c; font-size:24px; line-height:30px; font-weight:600; 
    background:url('/image/common/pageTit.png') 0 13px no-repeat; box-sizing:border-box; }

div.lnbWrap { position:absolute; left:0; top:364px; width:100%; height:48px; border-bottom:1px solid #e4e4e4; background-color:#fff; }
div.lnbWrap:after { clear:both; display:block; height:0; line-height:0; font-size:0; content:""; }

div.lnbWrap.fixed { z-index:100; position:fixed; left:0; top:0; }

div.lnbWrap * { margin:0; padding:0; list-style:none; }
div.lnbWrap a { display:block; text-decoration:none; font-weight:400; color:#222; }

div.lnbWrap > div { z-index:70; position:relative; width:1300px; height:48px; padding-left:50px; margin:0 auto; box-sizing:border-box; }

div.lnbWrap a.home { position:absolute; left:0; top:-1px; display:block; width:50px; height:50px; border-left:1px solid #e4e4e4; border-right:1px solid #e4e4e4; 
    font-size:0; line-height:0; background:url('/image/common/lnb_home.png') center center no-repeat; }

div.lnbWrap dt a { position:relative; display:block; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box; }
div.lnbWrap dl:first-of-type dt a { font-weight:600; }

div.lnbWrap dd { display:none; position:absolute; left:0; padding-bottom:15px; border:1px solid #e4e4e4; background-color:#fff; }
div.lnbWrap dd li { padding-top:8px; }


div.lnbWrap dl { position:relative; float:left; height:48px; }
div.lnbWrap dt a { min-width:120px; font-size:16px; line-height:20px; padding:14px 30px 14px 20px; border-right:1px solid #d2d2d2; }
div.lnbWrap dt a:after { position:absolute; right:15px; top:50%; width:12px; height:10px; margin-top:-5px; content:""; 
    background:url('/image/common/lnb_bl.png') center center no-repeat; }
div.lnbWrap dt.view a:after { transform:rotate(180deg); }


div.lnbWrap dt a:after { ; }
div.lnbWrap dd { top:48px; width:220px; }
div.lnbWrap dl:last-child > dd { left:-1px; padding-right:1px; }
div.lnbWrap dd a { display:block; font-size:16px; padding:4px 20px 6px; }
div.lnbWrap dd a:hover,
div.lnbWrap dd a:focus { text-decoration:underline; }


div.contents { width:1300px; margin:0 auto; padding:50px 0; font-size:15px; line-height:20px; color:#565e65; font-weight:400; }

a.trigger { position:relative; display:block; }
a.trigger i { position:absolute; right:10px; top:50%; height:1em; margin-top:-.5em; }

.subTit { margin:50px 0 10px; color:#2b8cc9; font-size:24px; line-height:40px; font-weight:600; }
.subTit + * { margin-top:0 !important; }
.subTit_bl { margin:50px 0 10px; color:#563ea4; font-size:20px; line-height:40px; padding-left:15px; font-weight:600; 
    background:url('/image/common/subTit_bl.png') no-repeat left center; }
.subTit_bg { margin:50px 0 10px; color:#fff; font-size:20px; line-height:54px; padding-left:40px; font-weight:600; border-radius:27px 0 27px 0; 
    background:#6583ac url('/image/common/subTit_bl_01.png') no-repeat 21px center; }


.subTit:first-child,
.subTit_bl:first-child,
.pointTit:first-child,
.subTit_bg:first-child,
.subTit_bl + *,
.pointTit + *,
legend + * { margin-top:0 !important; }


.pointTit { margin-bottom:10px; padding-left:8px; background:url('/image/common/point_tit_bl.png') no-repeat left center; color:#333; }
.boldTit { margin:25px 0 5px; font-size:18px; line-height:35px; color:#111; font-weight:600; }

div.ing { }
div.ing img { display:block; margin:0 auto; }


/*  ==========  Main  ==========  */
div.mainWrap { }
div#container.main { background-image:none; padding-top:80px; }

div.mainBnr { position:relative; }
div.mainBnr > ul { }
div.mainBnr li { background-repeat:no-repeat; background-position:center top; }

/* 240607 css 수정 start */
div.mainBnr li .info-box { 
	max-width:1300px; 
	height:650px; 
	margin:0 auto; 
	letter-spacing:-0.02em; 
	box-sizing:border-box; 
}
div.mainBnr li.type-01 .info-box { 
	padding-top:233px; 
}
div.mainBnr li.type-02 .info-box { 
	padding-top:203px; 
}
div.mainBnr li .info-box .info-title { 
	font-size:50px; 
	font-weight:bold; 
	line-height:1; 
}
div.mainBnr li.type-01 .info-box .info-title { 
	color:#000; 
}
div.mainBnr li.type-02 .info-box .info-title { 
	color:#ffffff; 
}
div.mainBnr li .info-box p { 
	font-size:22px; 
	line-height:1.5; 
}
div.mainBnr li .info-box p:not(:first-child) { 
	margin-top:30px; 
}
div.mainBnr li.type-02 .info-box p { 
	color:#818f9e; 
}
div.mainBnr li .info-box a { 
	display:inline-block; 
	margin-top:30px; 
}
div.mainBnr li.type-01 .info-box a { 
	margin-top:60px; 
}
div.mainBnr li .info-box a span { 
	display:flex; 
	align-items:center; 
	gap:33px; 
	padding:13px 25px; 
	background-color:#104491; 
	font-size:19px; 
	font-weight:bold; 
	color:#fff; 
}
div.mainBnr li .info-box a span::after { 
	content:''; 
	display:block; 
	width:18px; 
	height:7px; 
	background:url(/image/icon/icon_mainVisual_arrow.png) no-repeat; 
}
div.mainBnr li.type-02 .info-box .info-notice { 
	font-size:18px; 
	color:#7bdbfa; 
}

div.mainBnr li .info-box a.color-type1 span { 
	background:#4d1091; 
}

div.mainBnr li.video { position:relative; }
div.mainBnr li.video a { display:block; }
/* 2024-09-10 링크 수정
	div.mainBnr li.video a { position:absolute; left:50%; bottom:71px; transform:translateX(-50%); width:376px; height:96px; font-size:0; }
*/

/* 240607 css 수정 end */
div.mainBnr li img { display:block; margin:0 auto; opacity:0; animation:fadeUp 1s linear forwards; -webkit-animation:fadeUp 1s linear forwards; overflow:hidden; }

div.mainBnr .bx-pager { position:absolute; bottom:75px; left:50%; margin-left:-650px; padding:13px 25px; font-size:0; line-height:0; text-align:center; 
    background-color:#4770ae; border-radius:18px; opacity:0; animation:fadeUp 1s linear forwards; -webkit-animation:fadeUp 1s linear forwards; overflow:hidden; }
div.mainBnr .bx-pager > div { display:inline-block; vertical-align:top; text-align:center; margin-left:4px; }
div.mainBnr .bx-pager > div:first-child { margin-left:0; }
div.mainBnr .bx-pager > div a { display:block; width:10px; height:10px; border-radius:5px; background-color:rgba(255,255,255,0.5); }
div.mainBnr .bx-pager > div a.active { background-color:#fff; }

@keyframes fadeUp { 
	from { opacity:0; -webkit-transform:translateY(50px); transform:translateY(50px); }
	50% { opacity:0.5; }
	to { opacity:1; -webkit-transform:translateY(0px); transform:translateY(0px); }
}


div.mainVod { z-index:90; position:absolute; left:0; top:172px; width:100%; height:558px; background-color:#e6efff; }
div.mainVod iframe { position:absolute; left:0; top:0; width:100%; height:100%; }

ul.mainQuick { margin:0; padding:34px 0; text-align:center; list-style:none; font-size:0; line-height:0; background-color:#e6efff; 
    background-image:url('/image/main/mainQuick_bg_l.png'),url('/image/main/mainQuick_bg_r.png'); background-position:left top, right top; background-repeat:no-repeat; box-sizing:border-box; }
ul.mainQuick li { display:inline-block; vertical-align:top; margin-left:125px; }
ul.mainQuick li:first-child { margin-left:0; }
ul.mainQuick li a { position:relative; display:block; font-size:23px; line-height:26px; font-weight:400; color:#2d456b; }
ul.mainQuick li img { position:relative; z-index:2; display:block; margin:0 auto 10px; transition:.2s linear; }
ul.mainQuick li a:before { position:absolute; top:0; left:50%; transform:translateX(-50%); width:170px; height:170px; border-radius:50%; background-color:#fff; content:''; }
ul.mainQuick li a:hover { }
ul.mainQuick li a:hover img { transform:scale(1.2); }

ul.mainQuick li span { }


dl.mainDate, dl.mainDate dt, dl.mainDate dd, dl.mainDate ul, dl.mainDate li { margin:0; padding:0; list-style:none; }
dl.mainDate { width:1313px; margin:0 auto; padding:30px 0; }
dl.mainDate dt { padding:10px 0 40px; color:#252626; font-size:36px; line-height:40px; text-align:center; font-weight:700; letter-spacing:-1px; }
dl.mainDate ul { display:grid; grid-template-columns:repeat(3, 1fr); gap:52px; }
dl.mainDate li { background-repeat:no-repeat; background-position:left top; padding:60px 0 30px; text-align:center; color:#000; font-size:22px; line-height:32px; 
    font-weight:400; transition:.2s linear; letter-spacing:-1.2px; }
dl.mainDate li strong { position:relative; z-index:2; display:block; margin-bottom:45px; font-size:28px; font-weight:600; }
dl.mainDate li strong:after { opacity:0.5; position:absolute; top:-42px; left:50%; z-index:-1; transform:translateX(-50%); width:276px; height:142px; content:''; 
    background:url('/image/main/mainDate.png') center center no-repeat; }

dl.mainDate li:nth-child(1) { background-image:url('/image/main/mainDate_bg_01.png'); }
dl.mainDate li:nth-child(2) { background-image:url('/image/main/mainDate_bg_02.png'); }
dl.mainDate li:nth-child(3) { background-image:url('/image/main/mainDate_bg_03.png'); }

dl.mainDate li:hover { transform:translateY(-20px); font-size:28px; }
dl.mainDate li:hover  strong:after { opacity:1; }



div.mainCon { overflow:hidden; position:relative; }

div.mainVideo { z-index:50; position:absolute; left:0; top:0; width:100%; height:740px; background:#e6efff url('/image/main/mainVod_bg.png') center top no-repeat; }
div.mainVideo iframe { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); }

div.mainBnr2 { overflow:hidden; position:relative; height:740px; }
div.mainBnr2 > ul { }
div.mainBnr2 li { position:relative; height:740px; background-repeat:no-repeat; background-position:center top; }

div.mainVideo iframe,
div.mainBnr2 li > * { display:block; width:992px; height:558px; padding-right:308px; }
div.mainBnr2 li > * { margin:0 auto; }
div.mainBnr2 span { font-size:0; line-height:0; }

div.mainBnr2 .bx-pager { z-index:70; position:absolute; bottom:75px; left:50%; margin-left:-650px; padding:13px 25px; font-size:0; line-height:0; text-align:center; 
    background-color:#4770ae; border-radius:18px; opacity:0; animation:fadeUp 1s linear forwards; -webkit-animation:fadeUp 1s linear forwards; overflow:hidden; }
div.mainBnr2 .bx-pager > div { display:inline-block; vertical-align:top; text-align:center; margin-left:4px; }
div.mainBnr2 .bx-pager > div:first-child { margin-left:0; }
div.mainBnr2 .bx-pager > div a { display:block; width:10px; height:10px; border-radius:5px; background-color:rgba(255,255,255,0.5); }
div.mainBnr2 .bx-pager > div a.active { background-color:#fff; }


ul.quickMenu, ul.quickMenu li, ul.quickMenu a { margin:0; padding:0; list-style:none; text-decoration:none; }
ul.quickMenu { z-index:80; position:absolute; left:50%; top:50%; transform:translateY(-50%); overflow:hidden; width:308px; height:558px; margin-left:342px; 
    border-radius:0 0 50px 0; background:url('/image/main/quickMenu_bg.png') 0 0 repeat-x; background-size:auto 100%; }
ul.quickMenu { display:grid; grid-template-columns:repeat(2, 1fr); grid-template-rows:repeat(3, 1fr); }

ul.quickMenu li:not(:nth-child(-n+2)) { border-top:1px solid rgba(255,255,255,.25); }
ul.quickMenu li:nth-child(even) { border-left:1px solid rgba(255,255,255,.25); }

ul.quickMenu a { display:block; height:100%; padding-top:40px; text-align:center; color:#fff; font-size:15px; line-height:16px; letter-spacing:-1px; font-weight:400; 
    box-sizing:border-box; }
ul.quickMenu img { display:block; margin:0 auto 10px; }


/*  ==================================================================================  */
/*  ============================  2024-07-16 메인 개편  ==============================  */
/*  ==================================================================================  */
.renewal.mainWrap #headerWrap,.renewal.mainWrap #headerWrap.fixed { border-bottom:0; background-color:#193c64; }
.renewal #headerWrap { height:160px; }
.renewal #headerWrap ul#gnb { height:80px; font-size:0; }
.renewal #headerWrap ul#gnb > li { padding:30px 0; margin-left:72px; }
.renewal #headerWrap ul#gnb > li:first-child { margin-left:0; }
.renewal #headerWrap ul#gnb ul { top:80px; }
.renewal div.gnbBg.fixed { top:160px; }

.renewal div.d-day { position:absolute; left:50%; top:10px; width:356px; margin-left:-440px; border-radius:5px 31px 31px 31px; 
    background:linear-gradient(to right,#3b92d9,#2a59a5); display:flex; align-items:center; box-sizing:border-box; padding:0 26px 0 14px; }
.renewal div.d-day img { margin-top:-7px; margin-right:13px; }
.renewal div.d-day span { color:#fff; font-size:14px; font-weight:600; line-height:20px; padding:11px 0; }
.renewal div.d-day .day { position:relative; padding-left:32px; font-size:40px; line-height:1; font-weight:700;letter-spacing:-1px; }
.renewal div.d-day .day:before { position:absolute; left:16px; top:50%; width:1px; height:34px; transform:translateY(-50%); content:''; background:rgba(22,73,130,0.3); }

.renewal div#container.main { padding:180px 0 40px; background:url('/image/main/renew_main_bg_l.png') no-repeat left top 160px,url('/image/main/renew_main_bg_r.png') no-repeat right top 160px; }
.renewal div#container.main .contents { padding:0; }
.renewal div#container.main .section { display:flex; gap:34px; }
.renewal div#container.main .section + .section { margin-top:50px; gap:36px; }
.renewal div#container.main ul { margin:0; padding:0; list-style:none; }

.renewal div.mainBnr { width:538px; }
.renewal div.mainBnr li .info-box { max-width:538px; height:540px; }
.renewal div.mainBnr .bx-pager { margin-left:-51px; bottom:20px; background:rgba(0,0,0,0.6); }
.renewal div.mainBnr li.type-01 .info-box { padding:70px 30px 70px 60px; }
.renewal div.mainBnr li .info-box .info-title { font-size:40px; line-height:1.25; font-weight:700; }
.renewal div.mainBnr li .info-box p { font-size:17px; color:#333333; font-weight:300;}
.renewal div.mainBnr li .info-box a { margin-top:20px; }
.renewal div.mainBnr li .info-box a span { border-radius:5px; font-size:15px; gap:14px; font-weight:600; }
.renewal div.mainBnr li img,.renewal div.mainBnr .bx-pager { animation:none; -webkit-animation:none; overflow:hidden; opacity:1; }
.renewal div.mainBnr li .info-box p:not(:first-child) { margin-top:14px; }


.renewal div.mainQuick { padding-top:30px; }
.renewal div.mainQuick ul { display:grid; grid-template-columns:repeat(3, 1fr); gap:19px; }
.renewal div.mainQuick ul li { width:230px; height:230px; }
.renewal div.mainQuick ul li a { position:relative; display:block; background-color:#fff; height:100%; border-radius:5px 50px 50px 50px; border:2px solid #fff; 
    box-shadow:0 0 3px rgba(0,0,0,0.1),9px 0 6px rgba(0,0,0,0.05); padding:28px; box-sizing:border-box; font-size:18px; line-height:1.2; font-weight:700;transition:all 0.25s; }
.renewal div.mainQuick ul li a img { position:absolute; }
.renewal div.mainQuick ul li a p { position:relative; padding-bottom:48px; }
.renewal div.mainQuick ul li a p:before { position:absolute; left:0; bottom:0; width:26px; height:26px; content:''; background-image:url('/image/main/renew_quick_plus.png');
     background-repeat:no-repeat; text-align:center; background-position:center center; border-radius:3px; color:#fff; }

.renewal div.mainQuick ul li.scientific a { color:#d8255a; }
.renewal div.mainQuick ul li.presentation a { color:#df8300; }
.renewal div.mainQuick ul li.awards a { color:#459721; }
.renewal div.mainQuick ul li.program a { color:#4ebce0; }
.renewal div.mainQuick ul li.abstract a { color:#165399; }
.renewal div.mainQuick ul li.onsite a { color:#37174a; }
.renewal div.mainQuick ul li.lecture a { color:#8148dc; }
.renewal div.mainQuick ul li.photo a { color:#f77721; }

.renewal div.mainQuick ul li.scientific:hover a { border-color:#d8255a; }
.renewal div.mainQuick ul li.presentation:hover a { border-color:#df8300; }
.renewal div.mainQuick ul li.awards:hover a { border-color:#459721; }
.renewal div.mainQuick ul li.program:hover a { border-color:#4ebce0; }
.renewal div.mainQuick ul li.abstract:hover a { border-color:#165399; }
.renewal div.mainQuick ul li.onsite:hover a { border-color:#37174a; }
.renewal div.mainQuick ul li.lecture:hover a { border-color:#8148dc; }
.renewal div.mainQuick ul li.photo:hover a { border-color:#f77721; }

.renewal div.mainQuick ul li.scientific a p:before { background-color:#d8255a; }
.renewal div.mainQuick ul li.presentation a p:before { background-color:#df8300; }
.renewal div.mainQuick ul li.awards a p:before { background-color:#459721; }
.renewal div.mainQuick ul li.program a p:before { background-color:#4ebce0; }
.renewal div.mainQuick ul li.abstract a p:before { background-color:#165399; }
.renewal div.mainQuick ul li.onsite a p:before { background-color:#37174a; }
.renewal div.mainQuick ul li.lecture a p:before { background-color:#8148dc; }
.renewal div.mainQuick ul li.photo a p:before { background-color:#f77721; }

.renewal div.mainQuick ul li.scientific a img { right:30px; bottom:26px; }
.renewal div.mainQuick ul li.presentation a img { right:21px; bottom:32px; }
.renewal div.mainQuick ul li.awards a img { right:38px; bottom:32px; }
.renewal div.mainQuick ul li.program a img { right:23px; bottom:33px; }
.renewal div.mainQuick ul li.abstract a img { right:29px; bottom:35px; }
.renewal div.mainQuick ul li.onsite a img { right:25px; bottom:30px; }
.renewal div.mainQuick ul li.lecture a img { right:30px; bottom:26px; }
.renewal div.mainQuick ul li.photo a img { right:22px; bottom:32px; }

.renewal div#container.main .dates { width:884px; }
.renewal div#container.main .dates dt { font-size:26px; line-height:1; font-weight:700;color:#222; margin-bottom:19px; }
.renewal div#container.main .dates ul { display:flex; gap:22px; }
.renewal div#container.main .dates ul li { width:280px; height:200px; border-radius:25px; padding:32px 24px 24px 32px; box-sizing:border-box; color:#333; font-size:18px; 
    line-height:24px; font-weight:400; }
.renewal div#container.main .dates ul li p { margin-top:22px; display:flex; justify-content:space-between; align-items:center; }
.renewal div#container.main .dates ul li p .title { position:relative; padding-top:17px; font-size:22px; font-weight:700;line-height:1.2; letter-spacing:-1px; }
.renewal div#container.main .dates ul li p .title:before { position:absolute; left:0; top:0; content:''; width:29px; height:2px; }
.renewal div#container.main .dates ul li p .day { display:inline-block; width:82px; height:82px; text-align:center; font-size:20px; line-height:82px; font-weight:700;
    color:#fff; border-radius:50px; }
.renewal div#container.main .dates ul li:nth-child(1) { background-color:#fff6f8; }
.renewal div#container.main .dates ul li:nth-child(2) { background-color:#e6f9ea; }
.renewal div#container.main .dates ul li:nth-child(3) { background-color:#e1f5fc; }
.renewal div#container.main .dates ul li:nth-child(1) p .title { color:#da335f; }
.renewal div#container.main .dates ul li:nth-child(1) p .title:before { background-color:#da335f; }
.renewal div#container.main .dates ul li:nth-child(1) p .day { background-color:#da335f; }
.renewal div#container.main .dates ul li:nth-child(2) p .title { color:#33a64a; }
.renewal div#container.main .dates ul li:nth-child(2) p .title:before { background-color:#33a64a; }
.renewal div#container.main .dates ul li:nth-child(2) p .day { background-color:#33a64a; }
.renewal div#container.main .dates ul li:nth-child(3) p .title { color:#2bb4e0; }
.renewal div#container.main .dates ul li:nth-child(3) p .title:before { background-color:#2bb4e0; }
.renewal div#container.main .dates ul li:nth-child(3) p .day { background-color:#2bb4e0; }
.renewal div#container.main .newsletter { width:380px; height:245px; background-color:#eef0f4; border-radius:25px; box-sizing:border-box; padding:48px 26px 42px; z-index:10; }
.renewal div#container.main .newsletter .logo { margin-bottom:40px; }
.renewal div#container.main .newsletter img { display:block; margin:0 auto; }
.renewal div#container.main .newsletter .toggle { position:relative; }
.renewal div#container.main .newsletter .toggle dt a { position:relative; background-color:#fff; color:#606060; border-radius:5px; padding:16px 60px 16px 19px; 
    font-weight:400; font-size:16px; line-height:20px; }
.renewal div#container.main .newsletter .toggle dt a:after { position:absolute; content:''; right:0; top:10px; width:49px; height:32px; border-left:1px solid #a9b2bc; 
    background:url('/image/main/renew_newsletter_toggle.png') no-repeat center center; }
.renewal div#container.main .newsletter .toggle dt.view a:after { transform:rotate(180deg); border-left:0; border-right:1px solid #a9b2bc; }
.renewal div#container.main .newsletter .toggleCon { position:absolute; left:0; top:48px; width:328px; padding:0; height:160px; max-height:160px; background-color:#fff; 
    border-top:0; box-sizing:border-box; border-radius:0 0 5px 5px; overflow-x:hidden; overflow-y:auto; box-shadow:0px 6px 6px rgba(0, 0, 0, 0.25); }
.renewal div#container.main .newsletter .toggleCon ul { padding:5px 0; }
.renewal div#container.main .newsletter .toggleCon li a { padding:0 19px; display:block; line-height:30px; color:#606060; font-weight:400; }

.renewal div#quickMenu { position:fixed; right:30px; top:350px; z-index:11; background-color:#fff; }
.renewal div#quickMenu ul { margin:0; padding:9px 0 0; list-style:none; width:110px; box-sizing:border-box; border:2px solid #3b92d9; border-radius:10px; }
.renewal div#quickMenu ul li { margin-top:7px; padding:0 7px; }
.renewal div#quickMenu ul li:first-child { margin-top:0; }
.renewal div#quickMenu ul li a { display:block; height:82px; border-radius:20px; text-align:center; padding:9px; box-sizing:border-box; font-size:12px; line-height:1.2; 
    font-weight:400; color:#202020; transition:.2s linear; }
.renewal div#quickMenu ul li a img { display:block; margin:0 auto 5px; }
.renewal div#quickMenu ul li:hover a { background-color:#eef6fa; }
.renewal div#quickMenu ul li.top { padding:0; }
.renewal div#quickMenu ul li.top a,.renewal div#quickMenu ul li.top:hover a { width:auto; height:auto; color:#fff; background-color:#3b92d9; 
    border-radius:10px 10px 5px 5px; font-size:14px; padding:15px 0; font-weight:700;}

.renewal .layerPopup { z-index:200; position:fixed; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,.5); display:none; }
.renewal .layerPopup .popupWrap { position:absolute; left:50%; top:50%; background-color:#fff; }
/* .renewal #popDownload .popupWrap { width:650px; height:414px; border-radius:20px; transform:translate(-50%,-50%); background-color:#fff; } */
.renewal #popDownload .popupWrap { width:650px; height:500px; border-radius:20px; transform:translate(-50%,-50%); background-color:#fff; }
.renewal #popDownload h1 { background-color:#e7f1fc; color:#1c5390; padding:27px 35px; font-size:22px; border-radius:20px 20px 0 0; font-weight:700;}
.renewal #popDownload .close { position:absolute; content:''; right:30px; top:27px; width:27px; height:28px; }
.renewal #popDownload .close a { display:block; width:27px; height:28px; font-size:0; background:url('/image/common/renew_pop_close.png') no-repeat center center; }
.renewal #popDownload .popupCon { padding:30px 65px 30px 75px; box-sizing:border-box; height:calc(100% - 84px); }
.renewal #popDownload ul { margin:0; padding:0; padding-right:10px; list-style:none; display:flex; gap:10px; align-items:center; height:100%; flex-wrap:wrap; 
    overflow-y:auto; overflow-x:hidden; }
.renewal #popDownload ul::-webkit-scrollbar { background-color:#e7f1fc; width:10px; border-radius:5px; }
.renewal #popDownload ul::-webkit-scrollbar-thumb { background-color:#1c5390; border-radius:5px; }
/*
.renewal #popDownload ul li { width:100%; height:130px; }
 .renewal #popDownload ul li a { display:block; color:#fff; border-radius:20px; font-size:22px; background-repeat:no-repeat; background-position:right 40px center; box-sizing:border-box; padding:32px 40px; font-weight:700;}
 */
 .renewal #popDownload ul li { width:100%; height:110px; }
.renewal #popDownload ul li a { display:block; color:#fff; border-radius:20px; font-size:22px; background-repeat:no-repeat; background-position:right 40px center; 
    box-sizing:border-box; padding:22px 40px; font-weight:700;}
.renewal #popDownload ul li.poster a { background-color:#493fce; background-image:url('/image/main/renew_poster_download.png'); }

.renewal dl.sponsors { padding:20px 0; border-color:#e5e5e5; }
.renewal dl.sponsors > dd { padding-left:156px; padding-right:0; }
.renewal dl.sponsors a.bx-prev,
.renewal dl.sponsors a.bx-next { position:absolute; bottom:0; width:12px; height:54px; font-size:0; line-height:0; }
.renewal dl.sponsors a.bx-prev { left:0; background:url('/image/spon/renew_spon_prev.png') left center no-repeat; }
.renewal dl.sponsors a.bx-next { right:0; background:url('/image/spon/renew_spon_next.png') right center no-repeat; }
.renewal dl.sponsors div.bx-wrapper { padding:0 32px; }
.renewal dl.sponsors > dd > ul:first-child { margin-bottom:0; }
.renewal dl.sponsors > dd > ul { display:flex; gap:12px; padding:0 32px; box-sizing:border-box; }
.renewal dl.sponsors > dd > ul li { float:none; margin-left:0; margin-top:0; }
.renewal dl.sponsors > dd > ul li:nth-child(4n+1) { margin-top:0; }
.renewal dl.sponsors > dd > ul:after { display:none; }
.renewal dl.sponsors li a { width:170px; height:54px; }
.renewal dl.sponsors li a img { height:54px; }

.renewal div#footerWrap { font-size:13px; font-weight:400; }
.renewal div#footerWrap a { font-weight:400; }
.renewal div#footerWrap dl { font-size:13px; }

/* 2024-07-22 스폰서 영역 수정 */
.renewal div.sponsorWrap { padding:20px 0; background-color:#f5f5f5; border-top:1px solid #e5e5e5; }
.renewal div.sponsorWrap dl.sponsors { padding:0; background-color:transparent; border-top:0; margin-bottom:20px; }
.renewal div.sponsorWrap dl.sponsors > dd { padding-left:109px; padding-right:0; }
.renewal div.sponsorWrap ul.sponList { position:relative; width:1300px; margin:0 auto; list-style:none; display:flex; gap:12px; padding:0; box-sizing:border-box; }
.renewal div.sponsorWrap dl.sponsors li a { width:210px; height:65px; }
.renewal div.sponsorWrap dl.sponsors li a img { height:65px; }
.renewal div.sponsorWrap dl.sponsors ul { padding:0; }
.renewal div.sponsorWrap dl.sponsors div.bx-wrapper { padding:0 32px; }

.renewal div.sponsorWrap > div.bx-wrapper { position:relative; padding:0 32px; max-width:1300px !important; margin:0 auto; box-sizing:border-box; }
.renewal div.sponsorWrap > div.bx-wrapper ul.sponList { gap:0; }
.renewal div.sponsorWrap > div.bx-wrapper a.bx-prev,
.renewal div.sponsorWrap > div.bx-wrapper a.bx-next { position:absolute; bottom:0; width:12px; height:54px; font-size:0; line-height:0; }
.renewal div.sponsorWrap > div.bx-wrapper a.bx-prev { left:0; background:url('/image/spon/renew_spon_prev.png') left center no-repeat; }
.renewal div.sponsorWrap > div.bx-wrapper a.bx-next { right:0; background:url('/image/spon/renew_spon_next.png') right center no-repeat; }
.renewal div.sponsorWrap > div.bx-wrapper li a { width:166px; height:54px; }
.renewal div.sponsorWrap > div.bx-wrapper li a img { height:54px; }

/* modify main sponsor - 24.09.24 minji park */
.inner-layer { 
	max-width:1300px; 
	margin:0 auto; 
}
.sponsor-wrap { 
	display:flex; 
	justify-content:space-between; 
	align-items:center; 
}
.sponsor-wrap .sponsors { 
	display:flex; 
	align-items:center; 
	width:50%; 
}
.sponsor-wrap .sponsors > dt { 
	flex:0 0 auto; 
	position:static; 
	left:auto; 
	top:auto; 
	transform:none; 
	margin-left:0; 
	width:120px; 
}
.sponsor-wrap .sponsors > dd { 
	width:auto; 
	padding:0 !important; 
	margin:0; 
}
.renewal div.sponsorWrap ul.sponList { 
	padding-left:120px; 
}
div#footerWrap ul.footLink { 
	top:50%; 
	transform:translateY(-50%); 
	bottom:auto; 
}