html					{ height:100%; }
.wrap					{ width:987px; }
/*sub02*/
.ctn_frame 				{ padding-bottom:40px; }
.ctn_frame *			{ box-sizing:border-box; }
.frame_head_wrap		{ height:196px; position:relative; z-index:101; }
.frame_head 			{ padding:22px 0 19px 74px; background:#9172ff; position:fixed; top:0; width:100%; }
.frame_head h2 			{ color:#fff; font-size:25px; font-weight:700; }
.frame_head h2 span		{ background:url(/static/ucms/img/expo2020/frame/ic_heart_white.svg) center no-repeat; display:inline-block; width:37px; height:36px; vertical-align:text-bottom; }
.frame_head h2.active span	{ background-image:url(/static/ucms/img/expo2020/frame/ic_heart_pink.svg); }
.frame_head .ment 		{ margin-top:12px; color:#fff; font-weight:bold; font-size:14px; line-height:20px; }
.frame_head .ment a		{ display:inline-block; height:26px; line-height:26px; padding:0 15px; font-size:9px; color:#8d8d8d; background:#fff; border-radius:13px; margin-left:15px; position:relative; top:-1px; }
.frame_head .corp 		{ height:47px; margin-top:13px; overflow:hidden; width:calc(100% + 34px); margin-left:-17px; }
.frame_head .corp span	{ display:inline-block; }
.frame_head .corp a				{ height:47px; display:block; margin-left:17px; }
.frame_head .corp a img			{ width:auto; height:100%; }

.frame_head .corp span 	{ padding-right:14px; }
.frame_head .corp img 	{  }
.frame_body 			{ background:#eff2f7; width:987px; }
.frame_body .stepGroup 	{ padding:12px 0 25px 73px; margin-bottom:14px; background:#fff; }
.frame_body .step_inner	{ width:704px; }
.frame_body .tags 		{ padding:8px 0 2px; }
.frame_body .tags a		{ margin-right:15px; color:#9172ff; font-size:14px; line-height:26px; font-weight:bold; }
.frame_body .tags span	{ padding:0 0 0 26px; width:125px; height:26px; line-height:26px; font-size:9px; color:#8d8d8d; display:inline-block; background:url('/static/ucms/img/expo2020/frame/img_text.svg') 0 0 no-repeat; letter-spacing:-1px; }
.frame_body .step_tit 	{ font-size:15px; font-weight:bold; margin-left:-10px; line-height:53px; }
.frame_body .step_tit span 	{ display:inline-block; width:66px; height:53px; margin-top:-10px; line-height:53px; font-size:17px; vertical-align:middle; background:url('/static/ucms/img/expo2020/frame/ic_highlight.png') no-repeat 50% 50%; text-align:center; vertical-align:baseline; }
.frame_body .vodArea 	{ margin-top:6px; }
.frame_body .vodArea .video	{ position:relative; }
.frame_body .vodArea video 	{ border:0; }
.frame_body .playVod 	{ position:absolute; left:0; top:0; width:100%; height:100%; text-indent:-9999px; overflow:hidden; background:url('/static/ucms/img/expo2020/frame/btn_play_big.svg') no-repeat 50% 50%; }
.frame_body .vodArea .tit 	{ margin-top:15px; font-size:18px; font-weight:bold; line-height:27px; }
.frame_body .vodArea .desc	{ display:block; overflow:hidden; margin-top:9px; font-size:14px; line-height:22px; }
.frame_body .vodList 	{ margin-top:10px; }
.frame_body .vodList:after 	{ content:""; display:block; clear:both; }
.frame_body .vodList li	{ float:left; margin-right:16px; width:224px; }
.frame_body .vodList li a 	{ display:block; }
.frame_body .vodList li:last-child 	{ margin-right:0; }
.frame_body .vodList .thumb	{ position:relative; }
.frame_body .vodList .thumb:after 	{ content:""; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); display:inline-block; width:44px; height:43px; background:url('/static/ucms/img/expo2020/frame/btn_paly_small.svg') no-repeat; z-index:1; }
.frame_body .vodList .thumb.img:after	{ content:none; }
.frame_body .vodList .thumb img 	{ width:224px; height:127px; }
.frame_body .vodList .tit 	{ margin-top:6px; font-size:16px; font-weight:bold; line-height:24px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.frame_body .vodList .desc 	{ margin-top:5px; font-size:12px; line-height:23px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }

.frame_body .cntGroup 	{ margin-top:6px; }
.frame_body .cntGroup .cnt_tit 		{ font-size:18px; font-weight:bold; line-height:27px; }
.frame_body .cntGroup .cnt_detail 	{ margin-top:8px; font-size:14px; line-height:20px; }
.frame_body .cntGroup .cnt_detail pre 	{ white-space:pre-wrap; font-family:'Pretendard', sans-serif; font-size:14px; line-height:22px; }
.frame_body .cntList 	{ position:relative; width:calc(100% + 26px); margin:15px 0 0 -13px; }
.frame_body .cntList .slick-arrow		{ position:absolute; top:50%; width:24px; height:24px; text-indent:-9999px; overflow:hidden; margin-top:-16px; z-index:100;}
.frame_body .cntList .slick-prev		{ left:23px; background:url(/static/ucms/img/expo2020/frame/btn_arrow_circle_left.svg) 0 0 no-repeat; }
.frame_body .cntList .slick-next		{ right:23px; background:url(/static/ucms/img/expo2020/frame/btn_arrow_circle_right.svg) 0 0 no-repeat; }
.frame_body .cntList:after 			{ content:""; display:block; clear:both; }
.frame_body .cntList li 			{ float:left; margin-bottom:13px; padding:0 13px; }
.frame_body .cntList li:last-child 	{ margin-right:0; }
.frame_body .cntList li a 			{ display:block; }
.frame_body .cntList li .thumb 		{  }
.frame_body .cntList li .thumb img 	{ width:216px; }
.frame_body .cntList + .total		{ font-size:11px; line-height:17px; }

.frame_body .funcBtns 				{ position:relative; margin-top:26px; z-index:20; }
.frame_body .funcBtns:after 		{ content:""; display:block; clear:both; }
.frame_body .funcBtns button 		{ width:199px; height:46px; padding-left:34px; margin-right:19px; color:#fff; font-size:15px; text-align:left; background:url('/static/ucms/img/expo2020/frame/btn_purple_down_3dep.svg') no-repeat; }
.frame_body .funcBtns button.on 	{ background:url('/static/ucms/img/expo2020/frame/btn_purple_up_3dep.svg') no-repeat; }
.frame_body .funcBtns .group 		{ position:relative; float:left; }
.frame_body .funcBtns .opt 			{ position:absolute; left:0; top:55px; width:197px; background:#e1e1e1; border-radius:20px; overflow:hidden; }
.frame_body .funcBtns .opt a 		{ display:block; padding:0 20px; height:34px; line-height:34px; border-bottom:1px solid #8d8d8d; font-size:12px; }
.frame_body .funcBtns .opt a.down 	{ background:url('/static/ucms/img/expo2020/frame/btn_download.svg') no-repeat right 15px center; }
.frame_body .funcBtns .opt a.link 	{ background:url('/static/ucms/img/expo2020/frame/btn_arrow.svg') no-repeat right 15px center; }
.frame_body .funcBtns .opt a:last-child {border-bottom:0;}
.frame_body .stepGroup.step2 {z-index:20;}

/*.cntListPop				{ position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:200; display:none; }
.cntListPop .popClose	{ width:56px; height:56px; background:url(/static/ucms/img/expo2020/frame/btn_x_circle_popup.svg.svg) 0 0 no-repeat; position:absolute; top:-96px; right:-87px; }
.pop_cntListWrap		{ width:1212px; margin:139px auto 0; position:relative; }
.pop_cntList .slick-list			{ margin:139px auto 0; text-align:center; max-width:1071px; }
.pop_cntList img		{ height:801px; width:auto; }
.pop_cntList .slick-arrow		{ position:absolute; top:50%; margin-top:-12px; width:24px; height:24px; text-indent:-9999px; }
.pop_cntList .slick-next		{ right:-56px; border-top:3px solid #fff; border-right:3px solid #fff; transform:rotate(45deg); }
.pop_cntList .slick-prev		{ left:-56px; border-top:3px solid #fff; border-left:3px solid #fff; transform:rotate(-45deg); }
.pop_cntListWrap .customPaging	{ padding:30px 0 0; text-align:center; color:#fff; font-size:18px; font-weight:bold; }*/

.frame_body .roundBox 	{ position:relative; margin:5px 0 10px; border-radius:32px; box-shadow:0 3px 10px 0 rgba(0, 0, 0, 0.16); }
.frame_body .roundBox .inner 	{ position:relative; padding:28px 72px; border-radius:32px; background:#fafafa; z-index:2; }
.frame_body .roundBox:after 	{ content:""; position:absolute; bottom:-10px; left:0; right:0; display:block; height:50px; background:#9172ff; border-radius:0 0 32px 32px; z-index:1; }

.quizGroup 				{ position:relative; }
.quizGroup .q 			{ min-height:160px; }
.quizGroup .q img 		{ position:absolute; top:8px; left:28px; }
.quizGroup .q pre 		{ margin:15px 0 0 146px; font-size:17px; color:#9172ff; font-weight:bold; line-height:25px; }
.quizGroup .resultBtn 	{ margin-top:25px; }
.quizGroup .resultBtn .btResult { width:100%; height:55px; border:1px solid #9172ff; border-radius:28px; font-weight:bold; color:#9172ff; font-size:19px; }
.quizGroup .resultBtn .btResult:hover {background:#9172ff;color:#fff;transition:all 0.2s;}

.quizTypeOX .oxBtn 		{ display:flex; justify-content:space-between; flex-wrap:wrap; margin-top:5px; text-align:center; }
.quizTypeOX .oxBtn button 	{ width:270px; height:66px; border-radius:33px; font-size:49px; line-height:1; font-weight:bold; }
.quizTypeOX .oxBtn .btAnsO 	{ background:#9172ff; color:#fff; }
.quizTypeOX .oxBtn .btAnsX 	{ background:#e1e1e1; color:#8d8d8d; }

.quizTypeWord .q		{ min-height:0; padding-bottom:20px; }
.quizTypeWord .q img	{ top:30px; left:0; }
.quizTypeWord .kwdList	{ overflow:hidden; text-align:left; margin-left:146px; }
.quizTypeWord .kwdList span	{ float:left; margin:0 5px 0 0; display:inline-block; width:34px; height:34px; }
.quizTypeWord .insert_keyword 	{ position:relative; margin:34px 0 0; margin-left:146px; border-bottom:3px solid #292929; }
.quizTypeWord .insert_keyword input 	{ border:0; width:calc(100% - 80px); height:44px; font-size:15px; font-weight:bold; color:#292929; background:none; padding:0 15px; color:#292929; }
.quizTypeWord .insert_keyword .btResult { position:absolute; right:7px; top:0; font-size:15px; color:#808080; font-weight:500; line-height:44px; }

.quizTypeChoice .q		{ min-height:114px; }
.quizTypeChoice .q img	{ top:64px; left:63px; }
.quizTypeChoice .q p	{ margin-top:38px; }
.quizTypeChoice .choiceList { display:flex; flex-wrap:wrap; justify-content:space-between; padding-top:17px; }
.quizTypeChoice .choiceList button 		{ width:271px; height:55px; margin-top:13px; background:#e1e1e1; border-radius:28px; font-size:16px; font-weight:bold; text-align:center; }
.quizTypeChoice .choiceList button.on 	{ background:#9172ff; color:#fff; }

.quizTypeVoice .audioTxt	{ font-size:13px; color:#292929; font-weight:bold; line-height:20px; padding:7px 0 9px 262px; }
.quizTypeVoice #audioplayer	{ width:196px; height:28px; position:absolute; top:50%; left:75px; margin-top:-14px; }
.quizTypeVoice #playButton	{ height:28px; width:28px; background:url(/static/ucms/img/expo2020/frame/brn_audio_play.svg) 50% 50% no-repeat #292929; position:absolute; top:50%; left:50%; margin:-7px 0 0 -14px; border-radius:50%; z-index:5; background-size:28px; }
.quizTypeVoice #playButton.play			{ background-image:url('/static/ucms/img/expo2020/frame/brn_audio_play.svg'); }
.quizTypeVoice #playButton.pause		{ background-image:url('/static/ucms/img/expo2020/frame/brn_audio_stop.svg'); }
.quizTypeVoice #timeline	{ width:196px; height:28px; position:relative; }
.quizTypeVoice #timeline:after			{ position:absolute; top:21px; left:0; content:''; width:100%; height:1px; background:#292929; }
.quizTypeVoice #playhead	{ width:0px; height:4px; background:#292929; position:relative; top:19px; left:0; }


.frame_body .giftGroup 		{ margin-top:115px; }
.frame_body .giftGroup h4 	{ position:absolute; top:-67px; left:0; font-size:19px; font-weight:bold; }
.frame_body .giftGroup h4 img 	{ margin:-15px 7px 0 0; vertical-align:middle; }
.frame_body .giftGroup dl 	{ margin-bottom:20px; }
.frame_body .giftGroup dt 	{ font-weight:bold; font-size:13px; line-height:20px; }
.frame_body .giftGroup dd 	{ font-size:13px; line-height:20px; }
.frame_body .giftGroup .btn_event 	{  }
.frame_body .giftGroup .btEvent 	{ position:relative; width:199px; height:46px; padding-left:17px; color:#fff; font-size:15px; text-align:left; background:url('/static/ucms/img/expo2020/frame/btn_purple_visit event_3dep.svg') no-repeat; }
.frame_body .giftGroup .event_tip 	{ margin-top:20px; }
.frame_body .giftGroup .event_tip button 	{ text-decoration:underline; font-size:10px; padding-right:13px; }
.frame_body .giftGroup .event_tip button:after		{ content:''; display:inline-block; width:0; height:0; border-left:4px solid transparent; border-right:4px solid transparent; border-bottom:0; border-top:6px solid #292929; margin:6px 0 0 3px; }
.frame_body .giftGroup .event_tip button.open:after	{ content:''; display:inline-block; width:0; height:0; border-left:4px solid transparent; border-right:4px solid transparent; border-bottom:6px solid #292929; border-top:0; margin:6px 0 0 3px; }
.frame_body .giftGroup .event_tip ul			{ padding-top:14px; display:none; }
.frame_body .giftGroup .event_tip ul li	{ font-size:10px; line-height:15px; color:#292929; padding-left:6px; position:relative; }
.frame_body .giftGroup .event_tip ul li:after	{ position:absolute; top:7px; left:0; width:2px; height:2px; content:''; border-radius:50%; background:#292929;; }

.replyGroup { margin-top:20px; }
.replyGroup .rp_count 	{ font-size:19px; font-weight:bold; }
.replyGroup .profile 	{ position:absolute; left:0; top:16px; width:28px; height:28px; border-radius:50%; overflow:hidden; background:#80a3f6; }
.replyGroup .rp_insert 	{ position:relative; }
.replyGroup .rp_insert .insert 	{ margin:30px 0 0 43px; padding:20px 76px 20px 20px; border-radius:30px; box-shadow:0 0 6px 0 rgba(0, 0, 0, 0.16); }
.replyGroup .rp_insert textarea		{ width:100%; height:20px; line-height:20px; border:0; font-size:12px; color:#8d8d8d; padding-left:10px; resize: none; }
.replyGroup .rp_insert:after		{ content:''; position:absolute; bottom:0; left:65px; width:1px; height:12px; background:#8d8d8d; margin-bottom:25px; }
.replyGroup .rp_insert.rp_insert2 textarea		{ height:40px; resize: none; }
.replyGroup .rp_insert.rp_insert2:after			{ content:none; color:#292929; }
.replyGroup .rp_insert.rp_insert3 .insert p		{ font-size:11px; color:#292929; padding:0 0 18px 10px; }
.replyGroup .rp_insert.rp_insert3 .insert p span	{ display:inline-block; position:relative; padding-right:20px; }
.replyGroup .rp_insert.rp_insert3 .insert p span a	{ position:absolute; top:1px; right:0; line-height:0; }


.replyGroup .rp_insert .btInsert 	{ position:absolute; right:26px; top:20px; font-weight:700; line-height:20px; font-size:12px; font-weight:bold; }
.replyGroup .rp_insert .secret 		{ display:none; position:absolute; right:72px; bottom:21px; }
.replyGroup .rp_insert .secret input	{ display:none; }
.replyGroup .rp_insert .secret label	{ display:block; height:20px; background:url(/static/ucms/img/expo2020/frame/btn_lock_grey_big.svg) right center no-repeat; }
.replyGroup .rp_insert .secret label span	{ display:block; width:16px; height:16px; border:1px solid #707070; border-radius:50%; position:relative; margin:-2px 24px 0 0; top:3px; }
.replyGroup .rp_insert .secret input[type="checkbox"]:checked+label	{ background-image:url(/static/ucms/img/expo2020/frame/btn_lock_black_big.svg); }
.replyGroup .rp_insert .secret input[type="checkbox"]:checked+label span	{ border:1px solid #292929; }
.replyGroup .rp_insert .secret input[type="checkbox"]:checked+label::after	{ content:''; width:8px; height:8px; background:#292929; border-radius:50%; position:absolute; top:50%; left:4px; transform:translateY(-50%); }

.replyGroup .rp_list 	{ margin-top:10px; }
.replyGroup .rp_list .profile		{ top:19px; }
.replyGroup .rp_list li { position:relative; padding:20px 0 20px 43px; border-bottom:1px solid #e1e1e1; }
.replyGroup .rp_list li:last-child 	{ border-bottom:0; }
.replyGroup .rp_list .writer 		{  }
.replyGroup .rp_list .writer strong { font-size:12px; font-weight:bold; line-height:18px; }
.replyGroup .rp_list .cnt 			{ font-size:12px; line-height:18px; margin-top:2px; padding-right:110px; word-break:break-all; }
.replyGroup .rp_list .cnt img		{ position:relative; top:1px; padding-right:4px; }
.replyGroup .rp_list .rp_insert:after		{ content:none; }
.replyGroup .rp_list .cnt .insert 	{ margin:30px 0 0 0; padding:20px 76px 20px 20px; border-radius:30px; box-shadow:0 0 6px 0 rgba(0, 0, 0, 0.16); position:relative; width:calc(100% + 110px); }
.replyGroup .rp_list .cnt .insert textarea		{ width:100%; height:40px; line-height:20px; border:0; font-size:12px; color:#8d8d8d; padding-left:10px; resize:none; }
.replyGroup .rp_list .cnt .insert .btInsert 	{ position:absolute; right:26px; top:20px; font-weight:700; line-height:20px; font-size:12px; font-weight:bold; }

.replyGroup .rp_list .info 			{ position:absolute; right:0; top:5px; padding-top:35px; color:#8d8d8d; }
.replyGroup .rp_list .btEdit 		{ position:absolute; top:10px; right:0px; width:18px; height:18px; text-indent:-9999px; overflow:hidden; background:url('/static/ucms/img/expo2020/frame/ico_edit_rp.png') no-repeat; background-size:18px; } 
.replyGroup .rp_list .time 			{ color:#8d8d8d; vertical-align:middle; font-size:12px; line-height:18px; font-weight:500; }
.replyGroup .rp_list .btWrite 		{ margin-left:12px; color:#8d8d8d; vertical-align:middle; font-size:12px; line-height:18px; font-weight:500; }
.replyGroup .rpOpt 		{ position:absolute; right:-70px; top:5px; width:60px; background:#e1e1e1; border-radius:6px; display:none; }
.replyGroup .rpOpt.open	{ display:block; }
.replyGroup .rpOpt button	{ width:60px; height:28px; font-size:12px; text-align:center; border-bottom:1px solid #292929; }
.replyGroup .rpOpt button:last-child		{ border-bottom:0; }

.replyGroup .rp_list  .rere			{ padding:20px 0 0 43px; position:relative; }

/*.replyGroup .view_more_replay 		{ margin-top:60px; text-align:center; }
.replyGroup .view_more_replay .btViewMore	{ width:130px; height:37px; border:1px solid #292929; border-radius:20px; font-size:12px; transition:all 0.2s; }
.replyGroup .view_more_replay .btViewMore:hover {background:#292929;color:#fff}*/

.paging						{ height:30px; text-align:center; margin-top:40px; }
.paging>a					{ width:30px; height:30px; padding:4px; display:inline-block; }
.paging>span				{ padding:0 10px; display:inline-block; vertical-align:top; }
.paging>span>a				{ display:inline-block; width:30px; height:30px; border-radius:7px; border:1px solid #707070; background:#fff; text-align:center; line-height:28px; font-size:16px; color:#292929; font-weight:bold; }
.paging>span>a.on			{ background:#8d8d8d; border:0; color:#fff; }

.cautionTxt		{ width:100%; margin:55px 0 0; font-size:10px; color:#ddd; line-height:15px; text-align:center; }
.cautionTxt2		{ width:100%; margin:55px 0 0; font-size:12px; line-height:15px; text-align:center; }



.frame_nav 		{ position:fixed; right:0; top:0; width:170px; height:100%; padding-top:260px; background:url('/static/ucms/img/expo2020/frame/img_cloud_stepmenu.png') 0 260px no-repeat #fff; }
.frame_nav ul 	{ width:100%; text-align:right; }
.frame_nav ul:after 		{ content:""; display:block; clear:both; }
.frame_nav ul li 			{ float:right; margin-bottom:10px; text-align:left; }
.frame_nav ul li a 			{ display:block; height:66px; width:135px; border-radius:33px 0 0 33px; position:relative; }
.frame_nav ul li a.on 		{ color:#fff; background:#9172ff; }
.frame_nav ul li a.off 		{ color:#e1e1e1; }
.frame_nav ul li a.checked:after {content:"";position:absolute;top:14px;right:40px;display:inline-block;width:17px;height:18px;background:url('/static/ucms/img/expo2020/frame/ic_check_stepmenu.svg') no-repeat;}
.frame_nav ul li span 		{ display:block; padding:8px 0 0 19px; font-size:19px; line-height:28px; font-weight:bold; }
.frame_nav ul li strong 	{ display:block; padding:1px 0 0 19px; font-size:12px; }
.frame_nav .favorite 		{ padding-right:40px; }
.frame_nav .btFavorite 		{ padding-top:60px; background:url('/static/ucms/img/expo2020/frame/btn_heart_grey_stepmenu.svg') no-repeat 50% 0; font-size:11px; background-size:52px 43px; }
.frame_nav .btFavorite.active	{ background-image:url('/static/ucms/img/expo2020/frame/btn_heart_red_stepmenu.svg'); }


/*class별 색상분기*/
.cType_green .emp {color:#6addba !important}
.cType_green .frame_head {background-color:#6addba}
.cType_green .frame_nav ul li a.on {background-color:#6addba}
.cType_green .frame_body .tags a {color:#6addba}
.cType_green .quizGroup .q pre {color:#6addba}
.cType_green .quizTypeOX .oxBtn .btAnsO {border-color:#6addba;background-color:#6addba;}
.cType_green .quizGroup .resultBtn .btResult {border-color:#6addba;color:#6addba;}
.cType_green .quizGroup .resultBtn .btResult:hover {background:#6addba;color:#fff;}
.cType_green .frame_body .roundBox:after {background-color:#6addba;}
.cType_green .frame_body .step_tit span {background:url('/static/ucms/img/expo2020/frame/ic_highlight_green.png') no-repeat 50% 50%;}
.cType_green .frame_body .funcBtns button {background:url('/static/ucms/img/expo2020/frame/btn_mint_down_3dep.svg') no-repeat;}
.cType_green .frame_body .funcBtns button.on {background:url('/static/ucms/img/expo2020/frame/btn_mint_up_3dep.svg') no-repeat;}
.cType_green .frame_body .giftGroup .btEvent {background:url('/static/ucms/img/expo2020/frame/btn_mint_visit event_3dep.svg') no-repeat;}
.cType_green .quizTypeChoice .choiceList button.on {background-color:#6addba;}

.cType_pink .emp {color:#f3bea9 !important}
.cType_pink .frame_head {background-color:#f3bea9}
.cType_pink .frame_nav ul li a.on {background-color:#f3bea9}
.cType_pink .frame_body .tags a {color:#f3bea9}
.cType_pink .quizGroup .q pre {color:#f3bea9}
.cType_pink .quizTypeOX .oxBtn .btAnsO {border-color:#f3bea9;background-color:#f3bea9;}
.cType_pink .quizGroup .resultBtn .btResult {border-color:#f3bea9;color:#f3bea9;}
.cType_pink .quizGroup .resultBtn .btResult:hover {background:#f3bea9;color:#fff;}
.cType_pink .frame_body .roundBox:after {background-color:#f3bea9;}
.cType_pink .frame_body .step_tit span {background:url('/static/ucms/img/expo2020/frame/ic_highlight_pink.png') no-repeat 50% 50%;}
.cType_pink .frame_body .funcBtns button {background:url('/static/ucms/img/expo2020/frame/btn_pink_down_3dep.svg') no-repeat;}
.cType_pink .frame_body .funcBtns button.on {background:url('/static/ucms/img/expo2020/frame/btn_pink_up_3dep.svg') no-repeat;}
.cType_pink .frame_body .giftGroup .btEvent {background:url('/static/ucms/img/expo2020/frame/btn_pink_visit event_3dep.svg') no-repeat;}
.cType_pink .quizTypeChoice .choiceList button.on {background-color:#f3bea9;}

.cType_yellow .emp {color:#fac14b !important}
.cType_yellow .frame_head {background-color:#fac14b}
.cType_yellow .frame_nav ul li a.on {background-color:#fac14b}
.cType_yellow .frame_body .tags a {color:#fac14b}
.cType_yellow .quizGroup .q pre {color:#fac14b}
.cType_yellow .quizTypeOX .oxBtn .btAnsO {border-color:#fac14b;background-color:#fac14b;}
.cType_yellow .quizGroup .resultBtn .btResult {border-color:#fac14b;color:#fac14b;}
.cType_yellow .quizGroup .resultBtn .btResult:hover {background:#fac14b;color:#fff;}
.cType_yellow .frame_body .roundBox:after {background-color:#fac14b;}
.cType_yellow .frame_body .step_tit span {background:url('/static/ucms/img/expo2020/frame/ic_highlight_yellow.png') no-repeat 50% 50%;}
.cType_yellow .frame_body .funcBtns button {background:url('/static/ucms/img/expo2020/frame/btn_yellow_down_3dep.svg') no-repeat;}
.cType_yellow .frame_body .funcBtns button.on {background:url('/static/ucms/img/expo2020/frame/btn_yellow_up_3dep.svg') no-repeat;}
.cType_yellow .frame_body .giftGroup .btEvent {background:url('/static/ucms/img/expo2020/frame/btn_yellowvisit event_3dep.svg') no-repeat;}
.cType_yellow .quizTypeChoice .choiceList button.on {background-color:#fac14b;}



/* 페이지 공통// */
.contents					{ padding:0 0 100px 0px; display:inline-block; width:100%; }
.contents h2.title			{ position:relative; margin-top:45px; height:45px; }
.contents h2.title strong	{ position:relative; z-index:1; padding-right:20px; background:#fff; line-height:45px; font-size:30px; color:#61a331; font-weight:bold; }
.contents h2.title:after	{ content:''; width:100%; height:4px; background:#61a331; position:absolute; top:50%; left:0; margin-top:-2px; }
.contents h2.title a		{ position:relative; display:inline-block; padding-left:62px; background:url(/static/ucms/img/expo2020/frame/btn_heart_big_gray.svg) 0 0 no-repeat #fff; font-size:16px; line-height:62px; color:#b1b1b1; font-weight:bold; z-index:1; top:-8px; left:-8px; padding-right:18px; transition:.3s; }
.contents h2.title a.on		{ background-image:url(/static/ucms/img/expo2020/frame/btn_heart_big_pink.svg); color:#ff5c5c; }


.contents h2.title:after	{ content:''; width:100%; height:4px; background:#61a331; position:absolute; top:50%; left:0; margin-top:-2px; }
.contents .h2Txt			{ padding:24px 68px 30px 0; font-size:16px; line-height:24px; font-weight:bold; }
.contents .h2Txt_v2			{ padding:39px 68px 71px 0; background:url(/static/ucms/img/expo2020/frame/img_cloud_course.png) right 44px top 72px no-repeat; }
.contents .h2Txt_v2>strong	{ display:block; font-size:20px; line-height:29px; }
.contents .h2Txt_v2>span	{ display:block; font-size:14px; line-height:20px; font-weight:normal; padding:4px 0 27px; }
.contents .h2Txt_v2 a		{ display:inline-block; width:212px; height:49px; text-align:center; border:1px solid #707070; border-radius:35px; }
.contents .h2Txt_v2 a span	{ background:url(/static/ucms/img/expo2020/frame/ic_arrow_right.svg) 100% 50% no-repeat; padding-right:32px; font-size:16px; line-height:47px; }
.contents .vodArea 			{ margin-top:32px; width:851px; }
.contents .vodArea .video	{ position:relative; }
.contents .vodArea video 	{ border:0; }
.contents .playVod 			{ position:absolute; left:0; top:0; width:100%; height:100%; text-indent:-9999px; overflow:hidden; background:url('/static/ucms/img/expo2020/frame/btn_play_big.svg') no-repeat 50% 50%; }
.contents .vodArea .tit 	{ margin-top:15px; font-size:20px; font-weight:bold; line-height:27px; }
.contents .vodArea .desc	{ display:block; overflow:hidden; margin-top:9px; font-size:14px; line-height:22px; }
.contents .vodArea .video + .desc	{ margin-top:35px; }

.contents .slideArea .slideCon		{ width:851px; position:relative; }
.contents .slideArea .slideCon a.slick-slide			{ width:266px; margin-right:26.5px; }
.contents .slideArea .slideCon a.slick-slide strong		{ display:block; padding:9px 0 0; font-size:16px; line-height:24px; font-weight:normal; }
.contents .slideArea .slideCon .slick-arrow				{ position:absolute; top:50%; z-index:10; margin-top:-36px; width:36px; height:36px; text-indent:-99999px; }
.contents .slideAreaImg .slideCon .slick-arrow			{ margin-top:-18px; }
.contents .slideArea .slideCon .slick-arrow.slick-next	{ right:-48px; background:url(/static/ucms/img/expo2020/frame/btn_arrow_circle_right.svg) 0 0 no-repeat; background-size:36px; }
.contents .slideArea .slideCon .slick-arrow.slick-prev	{ left:-48px; background:url(/static/ucms/img/expo2020/frame/btn_arrow_circle_left.svg) 0 0 no-repeat; background-size:36px; }
.contents .slideAreaImg a span			{ position:relative; display:block; }
.contents .slideAreaImg a span:after	{ content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.29); background-size:42px; }
.contents .slideAreaImg a.active span:after	{ content:none; }


/* 실패박람회// */
.failure .h2Txt				{ padding:24px 68px 0 0; }
.failure .tab				{ padding:28px 68px 0 0; overflow:hidden; }
.failure .tab li			{ float:left; width:calc(25% - 12px); margin-left:16px; }
.failure .tab li:first-child	{ margin-left:0; }
.failure .tab li a			{ display:block; height:50px; border:2px solid #8d8d8d; line-height:46px; text-align:center; font-size:18px; color:#8d8d8d; font-weight:bold; border-radius:8px; letter-spacing:-1px; }
.failure .tab li a.active	{ border:0; background:#61a331; border:2px solid #61a331; color:#fff; }
.failure .slideArea			{ padding-right:68px; }
.failure .slideArea .slideTit		{ font-size:20px; line-height:29px; font-weight:bold; padding:50px 0 23px; }
.failure .slideArea .slideTxt		{ font-size:20px; line-height:29px; padding:0 0 23px; margin-top:-6px; color:#8d8d8d; }
.failure .slideArea .slideVod a span		{ position:relative; display:block; }
.failure .slideArea .slideVod a span:after	{ content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:url(/static/ucms/img/expo2020/frame/btn_paly_small.svg) center no-repeat rgba(0,0,0,.29); background-size:42px; }
.failure .toggleCont			{ padding:83px 68px 0 0; display:none; position:relative; }
.failure .toggleCont>div		{ display:none; }
.failure .toggleCont>a.toggleContClose		{ position:absolute; top:83px; right:68px; padding:22px 0 0 1px; font-size:16px; color:#61a331; line-height:24px; background:url(/static/ucms/img/expo2020/frame/btn_arrow_up_small.svg) 50% 0 no-repeat; width:40px; text-align:center; }
.failure .toggleCont .tit		{ font-size:16px; line-height:24px; padding-bottom:53px; }
.failure .toggleCont .txt		{ font-size:14px; line-height:28px; }
.failure .toggleCont .img		{ text-align:center; width:calc(100% + 10px); margin-left:-10px; display:flex; padding-bottom:15px; }
.failure .toggleCont .img span	{ flex:1; text-align:center; display:block; margin-left:10px; }
.failure .toggleCont .img span:firxt-child	{ margin-left:0px; }
.failure .toggleCont .img span img			{ width:auto; max-width:100%; }
.failure .slideAreaLine			{ width:851px; display:block; height:1px; background:#8d8d8d; margin:60px 0 50px; }
.failure .toggleContGallery>div	{ text-align:center; }
.failure .toggleContGallery>div .bigImg			{ padding:71px 0 36px; }
.failure .toggleContGallery>div .smallImg		{ max-width:580px; margin:0 auto; }
.failure .toggleContGallery>div .smallImg li 	{ display:inline-block; width:92px; height:92px; margin-bottom:4px; }
.failure .toggleContGallery>div .smallImg li a	{ display:block; position:relative; }
.failure .toggleContGallery>div .smallImg li a img		{ width:92px; height:92px; }
.failure .toggleContGallery>div .smallImg li a:after	{ content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.29); }
.failure .toggleContGallery>div .smallImg li a.active:after	{ content:none; }
.failure .slideAreaBt			{ text-align:center; margin:24px 0 0; }
.failure .slideAreaTab			{ width:100%; display:flex; padding-bottom:34px; }
.failure .slideAreaTab li		{ flex:1; }
.failure .slideAreaTab li a		{ display:block; height:45px; line-height:45px; border:1px solid #61a331; text-align:center; font-size:16px; font-weight:bold; color:#61a331; }
.failure .slideAreaTab li a.active		{ border:0; background:rgba(170,208,68,.29); }



/* 혁신성과// */
.innovation .tab				{ padding:28px 68px 0 0; overflow:hidden; }
.innovation .tab li				{ float:left; width:calc(25% - 12px); margin-left:16px; }
.innovation .tab li:first-child	{ margin-left:0; }
.innovation .tab li a			{ display:block; height:75px; border:2px solid #8d8d8d; line-height:27px; text-align:center; font-size:18px; color:#8d8d8d; font-weight:bold; border-radius:8px; padding:8px 0 0; }
.innovation .tab li a.active	{ border:0; background:#61a331; color:#fff; padding:10px 0 0; }
.innovation .slideArea			{ padding:54px 0 0; }
.innovation .toggleCont			{ display:block; padding:40px 0 0; }
.innovation .toggleCont>div		{ display:none; }
.innovation .toggleCont>div:first-child		{ display:block; }
.innovation .innovationBt		{ text-align:center; padding:33px 68px 0 0; }
.innovation .innovationBt a		{ display:inline-block; width:295px; height:48px; line-height:46px; background:url(/static/ucms/img/expo2020/frame/ic_arrow_right_white.svg) right 11px center no-repeat #61a331; border-radius:35px; color:#fff; font-size:16px; }
.innovation .innovationBt.pr a	{ padding-right:20px; }
.innovation .vodList 	{ margin:0; padding:40px 0 14px; }
.innovation .vodList:after 	{ content:""; display:block; clear:both; }
.innovation .vodList li	{ float:left; margin-right:16px; width:273px; }
.innovation .vodList li a 	{ display:block; }
.innovation .vodList li:last-child 	{ margin-right:0; }
.innovation .vodList .thumb	{ position:relative; }
.innovation .vodList .thumb:after 	{ content:""; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); display:inline-block; width:44px; height:43px; background:url('/static/ucms/img/expo2020/frame/btn_paly_small.svg') no-repeat; z-index:1; }
.innovation .vodList .thumb img 	{ width:273px; height:149px; }
.innovation .cardNews		{ width:851px; padding:40px 0 0; text-align:center; }
.innovation .slideArea		{ padding-bottom:18px; }
.innovation .slideArea .slideCon .slick-arrow				{ margin-top:-18px; }
.innovation .slideArea .slideVod a span		{ position:relative; display:block; }
.innovation .slideArea .slideVod a span:after	{ content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:url(/static/ucms/img/expo2020/frame/btn_paly_small.svg) center no-repeat rgba(0,0,0,.29); background-size:42px; }


/* 혁신TV */
body.tv	{ background:#aad044; height:100%; }
.contents.tv	{ padding:0; }
.tvTop			{ background:#fff; padding:60px 0 39px; }
.tvTop .tvTab			{ border-bottom:1px solid #8d8d8d; padding:0 0 22px 74px; }
.tvTop .tvTab:after		{ content:''; display:block; clear:both; }
.tvTop .tvTab li		{ float:left; margin-right:70px; }
.tvTop .tvTab li a		{ font-size:25px; line-height:37px; font-weight:bold; position:relative; }
.tvTop .tvTab li a.active:after		{ position:absolute; bottom:-24px; left:0; width:100%; height:5px; background:#aad044; content:''; }
.tvTop .tvVod	{ padding:32px 65px 0 74px; }
.tvTop .tvVod .tit		{ position:relative; }
.tvTop .tvVod .tit strong			{ display:block; font-size:25px; line-height:37px; }
.tvTop .tvVod .tit strong em		{ font-size:19px; line-height:28px; display:block; padding-top:12px; }
.tvTop .tvVod .tit span				{ position:absolute; top:0; right:0; display:inline-block; border:1px solid #3650ff; border-radius:23px; height:29px; line-height:29px; color:#3650ff; font-size:19px; font-weight:bold; padding:0 13px; }
.tvTop .tvVod .tit span.onair		{ position:absolute; top:0; right:0; display:inline-block; border:1px solid #ff5c5c; border-radius:23px; height:29px; line-height:29px; color:#ff5c5c; font-size:19px; font-weight:bold; padding:0 13px 0 29px; }
.tvTop .tvVod .tit span.onair:after	{ content:''; width:10px; height:10px; border-radius:50%; background:#ff5c5c; position:absolute; top:8.5px; left:12px; }
.tvTop .video .tvLayer				{ width:144px; height:155px; background:url(/static/ucms/img/expo2020/frame/tvLayerBg.svg) 0 0 no-repeat; position:absolute; top:50%; left:-72px; transform:translateY(-50%); }
.tvTop .video .tvLayer a.bt			{ height:100%; padding:29px 0 0; text-align:center; display:block; font-size:12px; color:#2f5810; line-height:18px; font-weight:bold; }
.tvTop .video .tvLayer a.close		{ position:absolute; top:16px; right:0; }
.tvTop .vodYoutube		{ background:#f2f2f2; border-radius:29px; padding:21px 35px; position:relative; margin:21px 0 0; }
.tvTop .vodYoutube strong			{ font-size:16px; line-height:48px; font-weight:bold; }
.tvTop .vodYoutube a	{ display:inline-block; width:172px; height:48px; line-height:46px; background:url(/static/ucms/img/expo2020/frame/ic_arrow_right_white.svg) right 11px center no-repeat #61a331; border-radius:35px; color:#fff; font-size:16px; padding-left:22px; position:absolute; top:21px; right:35px; }

.contents .vodArea video	{ width:851px; height:477px; }
.contents .vodArea .vjs-fullscreen video		{ width:100%; height:100%; }
.contents.tv .vodArea.onair .video-js					{ width:851px; height:477px; font-size:8px !important; }
.contents.tv .vodArea.onair .video-js .vjs-big-play-button		{ position:absolute; left:0; top:0; width:100%; height:100%; text-indent:-9999px; overflow:hidden; border-radius:0; background:url(/static/ucms/img/expo2020/frame/btn_play_big.svg) no-repeat 50% 50%; }
.contents.tv .vodArea.onair			{ width:851px; }
.contents.tv .vodArea.onair .video	{ width:851px; height:477px; }
.contents.tv .vodArea.onair .vjs-has-started.vjs-user-active.vjs-playing .vjs-control-bar *	{ color:#fff !important; font-size:8px !important; line-height:3em; }
.contents.tv .vodArea.onair .vjs-has-started.vjs-user-active.vjs-playing .vjs-control-bar	{ opacity:1 !important; font-size:8px !important; display:flex !important; }
.contents.tv .vodArea.onair .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar *	{ color:#fff !important; font-size:8px !important; line-height:3em; }
.contents.tv .vodArea.onair .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar	{ opacity:1 !important; font-size:8px !important; display:none !important; }
.contents.tv .vodArea.onair .vjs-has-started.vjs-user-active.vjs-paused .vjs-control-bar *	{ color:#fff !important; font-size:8px !important; line-height:3em; }
.contents.tv .vodArea.onair .vjs-has-started.vjs-user-active.vjs-paused .vjs-control-bar	{ opacity:1 !important; font-size:8px !important; display:flex !important; }
.contents.tv .vodArea.onair .vjs-has-started.vjs-user-inactive.vjs-paused .vjs-control-bar *	{ color:#fff !important; font-size:8px !important; line-height:3em; }
.contents.tv .vodArea.onair .vjs-has-started.vjs-user-inactive.vjs-paused .vjs-control-bar	{ opacity:1 !important; font-size:8px !important; display:flex !important; }




.tvTop .ready	{ padding:85px 0 54px; height:360px; text-align:center; background:url(/static/ucms/img/expo2020/frame/img_camera.svg) right 98px top 33px no-repeat; position:relative; }
.tvTop .ready p	{ padding:29px 0 0; font-size:26px; font-weight:bold; line-height:38px; }
.tvTop .ready .tvLayer				{ width:144px; height:155px; background:url(/static/ucms/img/expo2020/frame/tvLayerBg.svg) 0 0 no-repeat; position:absolute; top:50%; left:0; transform:translateY(-50%); padding:0; }
.tvTop .ready .tvLayer a.bt			{ height:100%; padding:29px 0 0; text-align:center; display:block; font-size:12px; color:#2f5810; line-height:18px; font-weight:bold; }
.tvTop .ready .tvLayer a.close		{ position:absolute; top:16px; right:0; }

.tvList			{ padding:40px 0 80px 53px; width:923px; }
.tvList ul			{ width:100%; }
.tvList ul:after	{ content:''; display:block; clear:both; }
.tvList>ul>li	{ float:left; margin:14px 0 0 20px; width:270px; }
.tvList>ul>li .top			{ position:relative; padding-bottom:19px; }
.tvList>ul>li .top strong	{ display:block; height:29px; line-height:29px; color:#fff; font-weight:bold; font-size:19px; }
.tvList>ul>li .top span		{ position:absolute; top:0; right:0; display:inline-block; border:1px solid #ff5c5c; border-radius:23px; height:29px; line-height:29px; color:#ff5c5c; font-size:19px; font-weight:bold; padding:0 13px 0 29px; }
.tvList>ul>li .top span:after	{ content:''; width:10px; height:10px; border-radius:50%; background:#ff5c5c; position:absolute; top:8.5px; left:12px; }
.tvList>ul>li .tit			{ padding-top:16px; height:92px; }
.tvList>ul>li .tit strong	{ display:block; line-height:28px; height:56px; overflow:hidden; font-size:19px; font-weight:bold; }
.tvList>ul>li .tit span		{ display:block; font-size:14px; line-height:20px; }
.tvList>ul>li a				{ display:block; position:relative; }
.tvList>ul>li a:after		{ content:''; width:100%; height:100%; position:absolute; top:0; left:0; background:url('/static/ucms/img/expo2020/frame/btn_paly_small.svg') center no-repeat rgba(0,0,0,.35); }
.tvList>ul>li a.onair:after	{ content:none; }
.tvList>ul>li a>span		{ display:none; }
.tvList>ul>li a>span>span	{ width:100%; display:inline-block; padding:17px 17px 12px; }
.tvList>ul>li a>span>span em	{ font-size:19px; line-height:28px; font-weight:bold; }
.tvList>ul>li a>span>span em.l	{ float:left; }
.tvList>ul>li a>span>span em.r	{ float:right; }
.tvList>ul>li a>span>strong		{ padding-top:57px; font-size:25px; font-weight:bold; line-height:37px; display:block; text-align:center; }
.tvList>ul>li a>span>span + strong	{ padding-top:0; }
.tvList>ul>li a:hover>span		{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:2; background:rgba(255,255,255,.35); display:block; }
.tvList>ul>li a:hover:after	{ content:none; }
.tvList>ul>li a.onair:hover>span	{ display:none; }

.tvProgram		{ padding:30px 75px 80px 82px; }
.tvProgram>.tit	{ font-size:18px; line-height:27px; font-weight:bold; padding-bottom:34px; }
.tvProgram>.tvProgramTab			{ display:inline-block; }
.tvProgram>.tvProgramTab li			{ float:left; width:194px; height:42px; margin-right:18px; }
.tvProgram>.tvProgramTab li a		{ display:block; height:42px; line-height:38px; font-size:18px; color:#8d8d8d; border:2px solid #8d8d8d; border-radius:8px; text-align:center; }
.tvProgram>.tvProgramTab li a.active		{ border:2px solid #61a331; color:#fff; background:#61a331; }

.dayProgram			{ width:830px; position:relative; margin-top:75px; }
.dayProgram:after	{ position:absolute; top:0; left:373px; width:1px; height:100%; background:#707070; content:''; }
.dayProgram .daySection		{ width:335px; }
.dayProgram .daySection:nth-child(even)		{ margin-left:495px; }
.dayProgram .daySection .dayCont			{ margin-top:130px; position:relative; }
.dayProgram .daySection .dayCont:first-child	{ margin-top:0; }
.dayProgram .daySection .dayCont .day		{ background:#fff; position:absolute; top:-20px; left:335px; width:160px; padding:20px 0 15px 20px; z-index:1; }
.dayProgram .daySection .dayCont .day a		{ display:block; height:51px; padding:6px 0 0 40px; margin-top:12px; font-size:18px; color:#ff5c5c; line-height:33px; background:url(/static/ucms/img/expo2020/frame/btn_play.svg) -9px 0 no-repeat; font-weight:bold; }
.dayProgram .daySection:nth-child(even) .dayCont .day		{ left:-160px; }
.dayProgram .daySection:last-child .dayCont .day	{ height:calc(100% + 20px); }
.dayProgram .daySection .dayCont .time		{ position:absolute; top:-40px; left:0; font-size:18px; font-weight:bold; line-height:27px; }
.dayProgram .daySection .dayCont .txt		{ padding:10px 0 0; }
.dayProgram .daySection .dayCont .txt strong	{ display:block; font-size:18px; font-weight:bold; color:#61a331; line-height:27px; }
.dayProgram .daySection .dayCont .txt span		{ display:block; padding:7px 0 0; font-size:18px; line-height:27px; }



/* 추천코스// */
body.courseEnd	{ height:100%; background:#aad044; }

.courseWrap .grayBox				{ background:#f2f2f2; border-radius:16px; width:622px; padding:11px 22px 15px; }
.courseWrap .grayBox p				{ margin-top:4px; height:24px; }
.courseWrap .grayBox p strong		{ width:52px; height:24px; background:#61a331; text-align:center; float:left; margin-right:7px; line-height:24px; color:#fff; font-size:13px; font-weight:bold; border-radius:10px; }
.courseWrap .grayBox p span			{ float:left; line-height:24px; font-size:13px; }
.courseWrap .grayBox em				{ margin-top:11px; line-height:19px; font-size:13px; display:block; }

.courseWrap .interest				{ padding:50px 0 0; }
.courseWrap .interest .tit			{ font-size:19px; font-weight:bold; line-height:28px; padding:0 0 16px; }
.courseWrap .interest ul 			{ width:858px; padding-top:16px; }
.courseWrap .interest ul:after		{ content:''; display:block; clear:both; }
.courseWrap .interest ul li			{ width:124px; height:44px; float:left; margin:0 19px 15px 0; position:relative; }
.courseWrap .interest ul li.tit						{ width:124px; height:44px; font-size:20px; font-weight:bold; line-height:44px; background:url(/static/ucms/img/expo2020/frame/ic_highlight_green.png) center no-repeat; text-align:center; }
.courseWrap .interest ul:nth-of-type(1) li.tit		{ background-image:url(/static/ucms/img/expo2020/frame/ic_highlight_green.png); }
.courseWrap .interest ul:nth-of-type(2) li.tit		{ background-image:url(/static/ucms/img/expo2020/frame/ic_highlight_pink.png); }
.courseWrap .interest ul:nth-of-type(3) li.tit		{ background-image:url(/static/ucms/img/expo2020/frame/ic_highlight_yellow.png); }
.courseWrap .interest ul li.tit		{  }
.courseWrap .interest ul li.tit		{  }
.courseWrap .interest ul li a.int	{ display:block; height:44px; line-height:44px; text-align:center; background:rgba(170,208,68,.28); border-radius:16px; font-size:14px; font-weight:bold; }
.courseWrap .interest ul li a.int.pink	{ background:rgba(255,92,92,.28); }
.courseWrap .interest ul li a.int.yellow	{ background:rgba(250,193,75,.28); }
.courseWrap .interest ul li.on a.int	{ background:rgba(170,208,68,1); }
.courseWrap .interest ul li.on a.int.pink	{ background:rgba(255,92,92,1); }
.courseWrap .interest ul li.on a.int.yellow	{ background:rgba(250,193,75,1); }
.courseWrap .interest ul li.on a.del	{ position:absolute; top:0; right:0; transform:translate(5px, -11px); }

.courseWrap .interestBt				{ padding:40px 68px 105px 0; text-align:center; }
.courseWrap .interestBt strong		{ display:block; padding-bottom:15px; font-size:12px; color:#ff5c5c; line-height:18px; }
.courseWrap .interestBt a			{ display:inline-block; width:194px; height:45px; text-align:center; background:#e1e1e1; border-radius:35px; }
.courseWrap .interestBt a.on		{ background:#61a331; }
.courseWrap .interestBt a span		{ background:url(/static/ucms/img/expo2020/member/ic_arrow_right.svg) 100% 50% no-repeat; padding-right:32px; font-size:15px; line-height:45px; color:#fff; }

body.courseEnd .courseWrap			{ padding:0; }
body.courseEnd .courseEndTop		{ background:#fff; padding-left:68px; display:inline-block; width:100%; }
.courseEndContent					{ padding:90px 0 0 68px; }
.courseEndContent ul				{  }
.courseEndContent ul:after			{ content:''; display:block; clear:both; }
.courseEndContent ul li				{ float:left; width:201px; height:90px; box-shadow:0 0 6px 0 rgba(0, 0, 0, 0.16); border:3px solid rgba(97,163,49,.23); margin:0 89px 53px 0; background:rgba(255,255,255,.23); border-radius:10px; position:relative; text-align:center; }
/*.courseEndContent ul li:after		{ content:''; width:10px; height:15px; position:absolute; top:50%; right:-44px; background:url(/static/ucms/img/expo2020/frame/ic_arrow_right_course.svg) 0 0 no-repeat; margin-top:-7.5px; }*/
.courseEndContent ul li:last-child:after	{ content:none; }
.courseEndContent ul li img			{ position:absolute; left:10px; top:-22px; }
.courseEndContent ul li span		{ font-size:14px; font-weight:bold; display:block; padding-top:23.5px; }
.courseEndContent ul li a			{ margin-top:9px; font-size:12px; font-weight:bold; padding-right:24px; background:url(/static/ucms/img/expo2020/frame/btn_arrow_circle_red_small.svg) 100% 50% no-repeat; }
.courseEndContent ul li.on			{ border:0; background:#61a331;  }
.courseEndContent ul li.on span,
.courseEndContent ul li.on a		{ color:#fff; }



/* 이벤트 안내 */
.eveTit 		{ margin-top:40px; margin-bottom:26px; color:#61a331; font-size:16px; font-weight:700; line-height:24px; }
.event .h2Txt				{ padding:24px 68px 0 0; }
.event .tab				{ padding:28px 68px 0 0; overflow:hidden; }
.event .tab li			{ float:left; width:calc(25% - 12px); margin-left:16px; }
.event .tab li:first-child	{ margin-left:0; }
.event .tab li a			{ display:block; height:50px; border:2px solid #8d8d8d; line-height:46px; text-align:center; font-size:20px; color:#8d8d8d; font-weight:bold; border-radius:8px; }
.event .tab li a.active	{ border:0; background:#61a331; color:#fff; line-height:50px; }
.eveStep 		{ position:relative; padding:0 80px 0 215px; margin-bottom:90px; }
.eveStep .tit 	{ position:absolute; left:0; top:0; }
.eveStep .tit span 		{ font-size:49px; color:#e1e1e1; font-weight:700; }
.eveStep .tit p { margin-top:7px; font-size:16px; line-height:150%; font-weight:700; }
.eveStep .cnt 	{ position:relative; }
.eveStep .grayBox 		{ display:flex; justify-content:space-between; padding:20px 0; background:#f2f2f2; border-radius:16px; }
.eveStep .grayBox dl 	{ width:33.3%; padding:0 20px; border-right:1px solid #292929; }
.eveStep .grayBox dl:last-child { border:0; }
.eveStep .grayBox dt 	{ font-size:16px; font-weight:700;}
.eveStep .grayBox dd 	{ margin-top:10px; font-size:12px; color:#8d8d8d; line-height:1.5; }
.eveStep .boxGroup 		{ display:flex; justify-content:space-between; flex-wrap:wrap; }
.eveStep .boxGroup .bx 	{ position:relative; width:286px; height:210px; margin-bottom:18px; padding:20px 16px; border-radius:36px; }
.eveStep .boxGroup .bx1 { background-color:#ffd7d7; background-image:url('/static/ucms/img/expo2020/frame/img_event.png'); background-repeat:no-repeat; background-position:100% 90%; }
.eveStep .boxGroup .bx2 { background-color:#d6fe6c; }
.eveStep .boxGroup .bx3 { background-color:#ded5ff; }
.eveStep .boxGroup .bx4 { background-color:#cdf4e8; }
.eveStep .boxGroup .bx5 { background-color:#fde4b1; background-image:url('/static/ucms/img/expo2020/frame/img_mail.png'); background-repeat:no-repeat; background-position:90% 90%; }
.eveStep .boxGroup .bx .num 	{ position:absolute; right:-22px; top:-6px; display:inline-block; width:79px; height:68px; line-height:68px; background-position:50% 50%; background-repeat:no-repeat; color:#fff; font-size:16px; font-weight:700; text-align:center; }
.eveStep .boxGroup .bx1 .num 	{ background-image:url('/static/ucms/img/expo2020/frame/img_highlight_red2.png'); }
.eveStep .boxGroup .bx2 .num 	{ background-image:url('/static/ucms/img/expo2020/frame/img_highlight_green2.png'); }
.eveStep .boxGroup .bx3 .num 	{ background-image:url('/static/ucms/img/expo2020/frame/img_highlight_purple2.png'); }
.eveStep .boxGroup .bx4 .num 	{ background-image:url('/static/ucms/img/expo2020/frame/img_highlight_mint2.png'); }
.eveStep .boxGroup .bx5 .num 	{ background-image:url('/static/ucms/img/expo2020/frame/img_highlight_yellow2.png'); }
.eveStep .boxGroup .bx h4 		{ font-size:15px; line-height:22px; font-weight:700; }
.eveStep .boxGroup .bx .t1 		{ margin-top:10px; font-size:11px; font-weight:700; line-height:17px; }
.eveStep .boxGroup .bx .t2 		{ margin-top:10px; font-size:11px; line-height:17px; }
.eveStep .boxGroup .bx1 h4 		{ color:#ff5c5c; }
.eveStep .boxGroup .bx2 h4 		{ color:#61a331; }
.eveStep .boxGroup .bx3 h4 		{ color:#9172ff; }
.eveStep .boxGroup .bx4 h4 		{ color:#21b286; }
.eveStep .boxGroup .bx5 h4 		{ color:#d18d00; }
.eveStep .boxGroup .bx2 a		{ display:block; width:160px; height:35px; background:url(/static/ucms/img/expo2020/frame/ic_arrow_right_white.svg) right 8px center no-repeat #61a331; border-radius:35px; padding-left:13px; line-height:35px; font-size:12px; color:#fff; margin-top:10px; }
.eveStep .arw 	{ position:absolute; }
.eveStep .arw1 	{ left:48%; top:14%; }
.eveStep .arw2 	{ left:48%; top:30%; }
.eveStep .arw3 	{ left:48%; top:47%; }
.eveStep .arw4 	{ left:48%; top:62%; }
.eveStep .tbRnd { padding-bottom:7px; border:1px solid #aad044; border-radius:30px; }
.eveStep .tbRnd table 		{ width:100%; }
.eveStep .tbRnd table th 	{ height:50px; font-size:12px; font-weight:700; text-align:center; }
.eveStep .tbRnd table td 	{ height:35px; font-size:12px; text-align:center; }
.eveStep .tbRnd table td strong { color:#ff5c5c; }
.eveStep .ms1Bt				{ margin-top:18px; text-align:left; }
.eveStep .ms1Bt a			{ display:inline-block; width:266px; height:48px; border-radius:16px; border:1px solid #61a331; color:#61a331; font-size:14px; font-weight:bold; text-align:center; line-height:47px; margin-right:16px; }
.eveStep .ms1Bt a.on		{ background:#61a331; color:#fff; }
.eveStep .notice 			{  }
.eveStep .notice li 		{ font-size:11px; line-height:17px; }

.eveStepSection2			{ padding-top:108px; }
.eveStepSection2 .evStep2	{ margin:0; }
.eveStepSection2 .evStep2 .cnt				{ padding-bottom:62px; }
.eveStepSection2 .evStep2 .cnt strong		{ font-size:14px; line-height:20px; font-weight:bold; }
.eveStepSection2 .evStep2 .cnt p			{ font-size:14px; line-height:20px; padding:12px 0 26px; }
.eveStepSection2 .evStep2					{ padding-bottom:230px; background:url(/static/ucms/img/expo2020/frame/img_event.svg) 0 bottom no-repeat; margin-bottom:38px; }
.eveStepSection2 .evStep3.eveStep .boxGroup .bx 	{ width:100%; border-radius:36px; padding:21px 0 34px 23px; height:auto; }
.eveStepSection2 .evStep3 .boxGroup .bx1			{ background:none #ffd7d7; }
.eveStepSection2 .evStep3.eveStep .boxGroup .bx2	{ background:#d6fe6c }
.eveStepSection2 .evStep3.eveStep .boxGroup .bx3	{ background:#ded5ff; padding-bottom:23px; margin:0; }
.eveStepSection2 .evStep3 .cnt .bx3 a		{ display:block; width:160px; height:35px; background:url(/static/ucms/img/expo2020/frame/ic_arrow_right_white.svg) right 8px center no-repeat #9172ff; border-radius:35px; padding-left:13px; line-height:35px; font-size:12px; color:#fff; margin-top:10px; }
.eveStepSection2 .evStep3 .cnt .tip			{ padding:18px 0 0; font-size:12px; line-height:18px; }
.event .evStepNew04 .cnt p,
.eveStepSection2 .evStep1 .cnt p			{ font-size:14px; line-height:20px; padding:6px 0 10px; }
.event .evStepNew04 .cnt a,
.eveStepSection2 .evStep2 .cnt a			{ display:block; width:186px; height:44px; background:url(/static/ucms/img/expo2020/frame/ic_arrow_right_white.svg) right 8px center no-repeat #61a331; border-radius:35px; padding-left:33px; line-height:44px; font-size:15px; color:#fff; font-weight:bold; }
.event .evStepNew04 .cnt a					{ padding-left:24px; }
.eveStepSection2 .evStep4 .cnt p			{ font-size:11px; line-height:17px; }

.event .replyGroup			{ padding-right:80px; }
.event .rpTit 	{ margin-top:45px; padding-bottom:20px; font-size:18px; font-weight:700; }


/* 박람회 안내 */
/*.info .contents				{ padding:69px 80px 100px 55px; }*/
.info .contents .infoTop	{ position:relative; }
/*.info .contents .infoTop:after		{ content:''; width:206px; height:291px; position:absolute; bottom:0; right:0;*/
/*    background:url(/static/ucms/img/expo2020/frame/img_poster.png) 0 0 no-repeat; */
/*}*/
.info .contents .titImg		{ padding-bottom:25px; }
.info .contents .infoTxt1	{ font-size:30px; line-height:45px; font-weight:bold; padding-bottom:50px;
    /*width:550px; */
    border-bottom:1px solid #007ed1; }
.info .contents .infoTxt2	{ font-size:18px; color:#8d8d8d; line-height:25px; padding-top:20px; }
.info .contents .infoBox	{ background:#f2f2f2; padding:14px 0 17px 16px; flex-grow: 1 }
.info .contents .infoBox p	{ overflow:hidden; padding: 0.5rem 0}
.info .contents .infoBox p strong		{ font-size:18px; line-height:25px; float:left; width:80px; }
.info .contents .infoBox p span			{ font-size:18px; line-height:25px; float:left; }
.info .contents .infoBox p span a		{ font-size:18px; line-height:25px;     color: #1806d6;}
.info .contents .infoTit	{ padding:60px 0 9px; font-size:20px; font-weight:bold; line-height:29px; }
.info .contents .vodArea	{ margin:0; }
.info .contents .infoTop3	{ font-size:14px; line-height:25px; }
.info .contents .infoTop3 img	{ vertical-align:-8px; }
.info .contents .infoImg	{ text-align:center; padding:37px 0 20px; }