@charset "utf-8";

/**************************************************
	Main CSS Document
	IEETU Web Standardization Team
	2023-04-01
**************************************************/

/**************************************************
	Common
**************************************************/

/**************************************************
	Content
**************************************************/
/* 검색 */
.ms_search{position:relative; z-index:1; max-width:825px; height:70px; margin:50px auto 35px; padding:0 70px 0 0; border:4px solid #09348d; border-radius:15px; background:#fff;}
.ms_search form{height:100%;}
.ms_search label{position:absolute; top:50%; left:30px; font-size:17px; color:#666; transform:translateY(-50%); transition:all .4s;}
.ms_search.on label{visibility:hidden; opacity:0;}
.ms_search .word{width:100%; height:100%; margin:0; padding:0 0 0 30px; border:0; background:transparent;}
.ms_search .word::placeholder{font-size:17px; color:#666;}
.ms_search .btn_srch{text-indent:-9999999px; position:absolute; top:-4px; right:-4px; bottom:-4px; width:70px; border-radius:15px; color:#fff; background:#09348d url(../images/common/ico_srch_btn.png) 50% 50% no-repeat;}

/* 학습신청 - 목록 */
.flx_list{display:flex;	justify-content:space-between; width:100%; margin:40px 0 0;}
.flx_list .list_r{width:calc(100% - 310px);}
.learning_list .top_area{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; margin:0 0 25px 0;}
.learning_list .top_area .total_info{margin:5px 0;}
.learning_list .top_area .total_info strong{font-weight:700;}
.learning_list .lst_area{display:flex; flex-wrap:wrap; gap:55px 25px; margin:0 0 60px;}
.learning_list .lst_area .item{width:calc(33.3333% - 17px);}
.learning_list .lst_area > div:nth-child(3n).item{margin-right:0;}
.learning_list .empty_txt{text-align:center; display:block; width:100%;}
.learning_list .thum_wrap{position:relative; padding-top:54.675%; border-radius:20px; overflow:hidden; margin:0 auto 20px; border:1px solid #f2f2f2; background:#f2f2f2;}
.learning_list .thum_wrap .btn_cart{position:absolute; bottom:11px; right:11px; z-index:30; width:40px; height:40px; border-radius:50%; text-indent:-999999px; background:url(../images/content/ico_cart.png); cursor:pointer;}
.learning_list .thum_wrap > img{position:absolute; top:0; left:0; width:100%; height:100%;}
.learning_list .r_txt{color:#e4007f; border:1px solid #f4accc; border-radius:4px; font-size:15px; padding:2px 8px;}
.learning_list .con_tit{font-size:20px; font-weight:700; min-height:60px; margin:12px 0 15px 0; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; line-height:1.5;}
.learning_list .tag_lst{display:flex; flex-wrap:wrap; margin:0 0 15px 0;}
.learning_list .tag_lst li{font-size:15px; border:1px solid #ccc; margin:0 5px 5px 0; padding:2px 10px; border-radius:12px;}
.learning_list .lst{padding-bottom:16px; border-bottom:1px solid #ccc;}
.learning_list .lst li{display:flex; align-items:center; margin:0 0 8px 0;}
.learning_list .lst li:last-child{margin:0;}
.learning_list .lst li .txt_l{padding:3px 7px; background:#ececec; border-radius:3px; margin:0 10px 0 0;}

.flx_list .list_l{width:260px; padding:0 0 50px;}

.flx_list .list_l .snb_wrap{}
.flx_list .list_l .snb_wrap .title{position:relative; margin:0 0 -12px; display:flex; align-items:center; justify-content:center; border-radius:8px 48px 8px 8px; height:146px; background:#17429a url(../images/common/bg_snb_tit.jpg) no-repeat 0 0; font-size:24px; line-height:1.2; color:#fff; word-break:keep-all; word-wrap:break-word;}
.flx_list .list_l .snb_wrap .title span{}
.flx_list .list_l .snb{border:1px solid #ccc; padding:20px 0 9px; border-radius:0 0 8px 8px;}
.flx_list .list_l .snb a{display:block; position:relative; line-height:1.2;}
.flx_list .list_l .snb a[target="_blank"]:after{content:''; width:15px; height:13px; margin:0 0 0 5px; background-position:-31px -49px; vertical-align:baseline;}
.flx_list .list_l .snb a.parent:after{display:none;}
.flx_list .list_l .snb a .unfd{position:absolute; top:0; right:30px; bottom:0;  width:8px; height:14px; margin:auto 0; background-position:0 -46px; transform:rotate(90deg);}
.flx_list .list_l .snb a.on .unfd{transform:rotate(-90deg);}

.flx_list .list_l .snb > li{}
.flx_list .list_l .snb > li.open{}
.flx_list .list_l .snb > li:first-child > a{border-top:1px solid #d9dce6;}
.flx_list .list_l .snb > li > a{padding:20px 45px 20px 30px; border-bottom:1px solid #d9dce6; font-size:17px;}
.flx_list .list_l .snb > li > a:after{content:''; position:absolute; top:0; right:30px; bottom:0; display:block; width:7px; height:11px; margin:auto 0; background-position:0 -77px;}
.flx_list .list_l .snb > li > a.on{color:#09348d; font-weight:700; background:#f3f5fe;}

.flx_list .list_l .snb > li > ul{display:none; padding:10px 30px; border-bottom:1px solid #d9dce6;}
.flx_list .list_l .snb > li.open > ul{display:block;}
.flx_list .list_l .snb > li > ul > li{margin:6px 0;}
.flx_list .list_l .snb > li > ul > li > a{padding:4px 0 3px 10px; font-size:15px; letter-spacing:-1.5px;}
.flx_list .list_l .snb > li > ul > li > a:before{content:''; display:inline-block; box-sizing:border-box; position:absolute; top:13px; left:0px; width:5px; height:1px; background:#111;}
.flx_list .list_l .snb > li > ul > li > a.on{color:#09348d; font-weight:600;}
.flx_list .list_l .snb > li > ul > li a .unfd{display:none;}

.flx_list .list_l .snb > li > ul > li > ul{display:none; margin:0 0 5px 10px;}
.flx_list .list_l .snb > li > ul > li.open > ul{display:block;}
.flx_list .list_l .snb > li > ul > li > ul > li > a{padding:6px 0 5px 10px; font-size:14px;}
.flx_list .list_l .snb > li > ul > li > ul > li > a:before{content:''; display:inline-block; box-sizing:border-box; position:absolute; top:13px; left:0; width:5px; border-bottom:1px solid #626262;}
.flx_list .list_l .snb > li > ul > li > ul > li a.on{font-weight:600; color:#2158a7; text-decoration:underline;}
.flx_list .list_l .snb > li > ul > li > ul > li a.on:before{border-color:#2158a7;}

/* 학습신청 - 상세 */
.learning_view .view_top{display:flex; align-items:flex-start; justify-content:space-between; margin:0 0 50px 0;}
.learning_view .view_top .thum_wrap{max-width:350px; border:1px solid #f2f2f2; background:#f2f2f2; border-radius:20px;}
.learning_view .view_top .thum_wrap img{width:348px; height:196px; border-radius:20px;}
.learning_view .view_top .info_wrap{width:calc(100% - 380px);}
.learning_view .view_top .sort_wrap{display:flex; flex-wrap:wrap; align-items:center;}
.learning_view .view_top .sort_wrap span.type{background:#004bb8; padding:3px 15px; border-radius:12px; color:#fff; font-size:15px;}
.learning_view .view_top .sort_wrap span.type02{background:#4c4949;}
.learning_view .view_top .sort_wrap span.sort,
.learning_view .view_top .sort_wrap .tag_lst li{padding:3px 15px; border-radius:15px; font-size:15px; margin:3px 5px 3px 0;}
.learning_view .view_top .sort_wrap .tag_lst{display:flex; flex-wrap:wrap;}
.learning_view .view_top .sort_wrap .tag_lst li{border:1px solid #ccc;}
.learning_view .view_top .sort_wrap span.sort{font-size:15px; background:#fff000; border:1px solid #fff000; font-weight:700;}
.learning_view .view_top .info_tit{font-size:30px; font-weight:700; margin:10px 0 20px;}
.learning_view .view_top .lst1{display:flex; flex-wrap:wrap; align-items:center; margin:0 0 20px 0;}
.learning_view .view_top .lst1 li{display:flex; align-items:center; margin:0 25px 0 0;}
.learning_view .view_top .lst1 li:last-child{margin-right:0;}
.learning_view .view_top .lst1 li:before{content:""; display:block; width:20px; height:16px; margin:0 5px 0 0; background:url(../images/main/sp_recom_ico.png); flex:0 0 auto;}
.learning_view .view_top .lst1 li.ico02:before{background-position:-20px 0;}
.learning_view .view_top .lst1 li.ico03:before{background-position:-40px 0;}
.learning_view .view_top .lst2{display:flex; flex-wrap:wrap; align-items:center;}
.learning_view .view_top .lst2 li{display:flex; align-items:center; margin:0 50px 0 0;}
.learning_view .view_top .lst2 li .txt_l{padding:5px 6px; background:#ececec; border-radius:3px; margin:0 10px 0 0; font-weight:700;}
.learning_view .view_tab .lst_tab{display:flex; margin:0 0 30px 1px; background:linear-gradient(to right, #61646c, #61646c) no-repeat 15px 100%/100% 1px;}
.learning_view .view_tab .lst_tab .tab_select{display:flex; justify-content:center; align-items:center; width:215px; height:65px; border:1px solid #61646c; font-weight:600; font-size:18px; margin-left:-1px;}
.learning_view .view_tab .lst_tab .tab_select:after{content:''; width:19px; height:19px; margin:0 0 0 5px; background:url(../images/content/ico_arrow.png) no-repeat 0 0; flex:0 0 auto;}
.learning_view .view_tab .lst_tab .tab_select.active{border:0; background:#09348d; color:#fff;}
.learning_view .view_tab .lst_tab .tab_select.active:after{background-image:url(../images/content/ico_arrow_on.png);}
.learning_view .view_tab .lst_tab .tab_select br{display:none;}
.learning_view .view_tab .lst_tab li:first-child .tab_select{border-bottom-left-radius:10px;}
.learning_view .view_tab .lst_tab li:last-child .tab_select{border-top-right-radius:10px;}

.form_group2{position:relative; margin-bottom:-1px; border:1px solid #d6d6d6;}
.form_group2.line {border-top:3px solid #61646c;}
.form_group2.line2 {border-top:1px solid #61646c;}
.form_group2:after{content:''; display:block; clear:both;}
.form_group2 dl{position:static; overflow:hidden;}
.form_group2 dl dt{display:flex; align-items:center; justify-content:center; position:absolute; top:0; bottom:0; box-sizing:border-box; width:150px; margin-left:-1px; padding:13px 10px; border-left:1px solid #d6d6d6; background:#f6f6f7; font-weight:700; font-size:1em; line-height:1.6; text-align:center;}
.form_group2 dl dt:before{content:''; display:inline-block; position:absolute; top:0; right:0; width:1px; height:100%; background:#d6d6d6;}
.form_group2 dl dd{box-sizing:border-box; min-height:49px; margin-left:150px; padding:13px 10px; line-height:1.6;}
.form_group2.low02 dl dd{min-height:74px;}
.form_group2 dl.title dd:after{content:''; display:inline-block; position:absolute; bottom:-1px; left:0; right:0; z-index:10; height:1px; background:#61646c;}
.form_group2.col02 dl:first-child{float:left; width:50%;}
.form_group2.col03 dl:first-child,
.form_group2.col03 dl:first-child+dl, 
.form_group2.col03 dl:nth-child(2)+dl{float:left; width:33.3%;}
.form_group2.col04 dl:first-child,
.form_group2.col04 dl:first-child+dl{float:left; width:25%;}
.form_group2 dl.content dt{position:relative; width:100%; border-bottom:1px solid #c8c8c8; font-weight:bold;}
.form_group2 dl.content dt:before{display:none;}
.form_group2 dl.content dd{margin:0; padding:15px; line-height:1.6;}
.form_group2 dl.content > dd{/* white-space:pre-line; */} /* 웹접근성 관련 에디터 제거시 */
.form_group2 dl.content dd pre{white-space:pre-wrap;}
.form_group2 dl.content dd img{max-width:100%; margin:5px 0;}
.form_group2 dl.content > dd p{margin:0;}
.form_group2 dl.content dd .img_preview{text-align:center;}
.form_group2 dl.content dd .img_preview.top{margin-bottom:15px;}
.form_group2 dl.content dd .img_preview.btm{margin-top:15px;}
.form_group2 dl.attfile dd .link_button{margin:8px 3px;}
.form_group2 dl.attfile dd > div{margin-top:-1px; border-top:1px solid #ddd;}
.form_group2 dl.attfile dd > div:first-child{border-top:0;}
.form_group2 .s_type{display:inline-block; height:20px; line-height:18px; padding:0 5px; border-radius:3px; border:1px solid #333; font-weight:600; font-size:13px; text-align:center;}
.form_group2 .s_type.type1{border-color:#4b0082; color:#4b0082;}
.form_group2 .s_type.type2{border-color:#8d14e2; color:#8d14e2;}
.form_group2 .s_type.type3{border-color:#e21448; color:#e21448;}

.learning_view .vod_wrap table .num{display:inline-flex; justify-content:center; align-items:center; width:27px; height:27px; border-radius:50%; background:#2b6db5; font-size:16px; color:#fff; font-weight:700;}
.learning_view .vod_wrap table .num2{width:auto; height:auto; padding:2px 5px 3px; border-radius:4px;}
.learning_view .vod_wrap .area_down{margin:0 0 15px 0;}

.learning_view .eval .info_eval{display:flex; margin:0 0 45px 0;}
.learning_view .eval .info_eval li{width:20%; text-align:center; padding:15px 10px; border:1px solid #e4e4e4; border-right-width:0; border-top:2px solid #4f4e4e;}
.learning_view .eval .info_eval li:last-child{border-right-width:1px;}
.learning_view .eval .box_eval .tit_lr{display:flex; justify-content:space-between; font-weight:700; color:#fff; margin:0 0 20px 0;}
.learning_view .eval .box_eval .tit_lr p{min-height:60px; margin:0;}
.learning_view .eval .box_eval .tit_lr .tit{padding:15px 30px 16px; background:#2e47a2; font-size:18px; width:calc(100% - 240px);}
.learning_view .eval .box_eval .tit_lr .time{background:#e21448; display:flex; justify-content:center; align-items:center; font-weight:700; text-align:center; width:230px;}
.learning_view .eval .box_eval .qna_wrap{border:1px solid #e4e4e4; padding:30px 30px 35px; background:#f9f9f9; margin:0 0 15px 0;}
.learning_view .eval .box_eval .qna_wrap .q_box{display:flex; font-size:18px; font-weight:700; padding:25px; background:#fff; border:1px solid #0146d6; border-radius:6px; margin:0 0 20px 0;}
.learning_view .eval .box_eval .qna_wrap .q_box .num{flex:0 0 auto; margin:0 5px 0 0;}
.learning_view .eval .box_eval .qna_wrap .a_box{background:#fff; border-radius:6px; border:1px solid #e4e4e4; padding:20px 35px;}
.learning_view .eval .box_eval .qna_wrap .a_box01 li{display:flex; align-items:center; border-bottom:1px solid #e4e4e4; padding:20px 0; font-weight:700;}
.learning_view .eval .box_eval .qna_wrap .a_box01 li:last-child{border-bottom:none;}
.learning_view .eval .box_eval .qna_wrap .a_box01 li input{width:13px; height:13px; margin:0 15px 0 0; cursor:pointer;}
.learning_view .eval .box_eval .qna_wrap .a_box02 textarea{display:block; width:100%;}

/* 강의보기 */
#wrap_online{position:relative; height:100vh; word-break:keep-all; word-wrap:break-word;}

/* 강의보기 - 헤더 */
.online_header{display:flex; align-items:center; position:relative; height:72px; padding-left:40px; padding-right:150px; background:#09348d; color:#fff;}
#wrap_online.open .online_header{padding-left:325px;}
.online_header .head_title{display:flex; align-items:center; overflow:hidden;}
.online_header .head_title .num{display:inline-flex; flex:0 0 auto; justify-content:center; align-items:center; width:47px; height:47px; margin:0 10px 0 0; border-radius:50%; background:#fff; font-weight:600; font-size:32px; color:#09348d; line-height:1;}
.online_header .head_title strong{font-weight:600; font-size:28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.online_header .btn_close{display:flex; align-items:center; position:absolute; top:0; right:40px; bottom:0; height:43px; margin:auto 0; background:none; font-size:15px; color:#fff;}
.online_header .btn_close:after{content:''; display:block; width:43px; height:43px; margin-left:5px; background:url(../images/content/ico_vod_close.png) no-repeat 0 0/cover;}

/* 강의보기 - 사이드 메뉴 */
.online_side{position:fixed; left:0; z-index:30; transform:translateX(-100%); top:30px; bottom:30px; width:286px; padding:50px 15px 50px 20px; border-radius:0 30px 30px 0; background-image:linear-gradient(to top, #ffedd0, #fddbda); box-shadow:5px 5px 18px rgba(9,43,80,.2);}
#wrap_online.open .online_side{transform:none;}
.online_side .btn_side_toggle{position:absolute; top:100px; left:100%; width:38px; height:78px; background:url(../images/content/btn_index_close.png) no-repeat 0 0; color:transparent;}
.online_side .btn_side_toggle:after{content:''; display:block; position:absolute; top:0; right:0; bottom:0; left:0; width:0; height:0; margin:auto; border:10px solid transparent; border-width:7px 0 7px 10px; border-left-color:#e44e7a;}
#wrap_online.open .online_side .btn_side_toggle:after{border-width:7px 10px 7px 0; border-right-color:#e44e7a;}
.online_side .lecture_title{position:relative; margin-bottom:20px; padding:0 10px 20px;  text-align:center;}
.online_side .lecture_title:after{content:''; display:block; position:absolute; bottom:0; left:0; right:0; width:24px; height:2px; margin:0 auto; background:#fff;}
.online_side .lecture_title em{display:block; overflow:hidden; text-overflow:ellipsis; font-weight:600; font-size:16px; margin:0 0 8px 0;}
.online_side .lecture_title strong{display:block; font-size:24px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.online_side .title_index{text-align:center;}
.online_side .title_index span{display:inline-flex; padding:6px 25px; border-radius:30px; background:#e44e7a; font-weight:600; font-size:24px; color:#fff;}
.online_side .area_index{position:absolute; top:235px; left:20px; right:10px; bottom:130px; overflow:hidden; overflow-y:auto; margin-top:20px; padding-right:25px;}
.online_side .area_index::-webkit-scrollbar{width:2px;}
.online_side .area_index::-webkit-scrollbar-thumb{background:#fff;}
.online_side .area_index::-webkit-scrollbar-track{background:#fff0e0;}
.online_side .area_index .lst_index li{padding:15px 0; border-top:1px solid rgba(255,255,255,0.5);}
.online_side .area_index .lst_index li:first-child{border-top:0; padding-top:0;}
.online_side .area_index .lst_index li .title,
.online_side .area_index .lst_index li .time{display:block;}
.online_side .area_index .lst_index li .title a{color:inherit; font-weight:700;}
.online_side .area_index .lst_index li .title a .num{display:inline-flex; justify-content:center; align-items:center; width:27px; height:27px; border-radius:50%; background:#fff; font-weight:600; color:#2e90fa;}
.online_side .area_index .lst_index li .time{margin-top:10px; font-size:15px;}
.online_side .area_btn{position:absolute; bottom:40px; left:0; width:100%; text-align:center;}
.online_side .area_btn .button{height:auto; line-height:1.4; padding:8px 20px;}

/* 강의보기 - 컨텐츠 */
.online_container{overflow:auto; height:calc(100vh - 142px); padding:0 40px;}
#wrap_online.open .online_container{padding-left:325px;}
.online_container .area_content{max-width:860px; margin:0 auto; padding:40px 0;}
.online_container .area_content .area_vod video{display:block; width:100%;}
.online_container .area_content .vod_caption{position:relative; border:1px solid #d5d5d5; background:#f6f6f6;}
.online_container .area_content .vod_caption > .inr{overflow:hidden; overflow-y:auto; height:76px; padding:30px 20px 15px; font-size:16px; line-height:23px;}
.online_container .area_content .vod_caption.open > .inr{height:auto;}
.online_container .area_content .vod_caption .btn_caption{display:flex; align-items:center; position:absolute; top:-1px; right:-1px; padding:5px 10px; background:#000; font-size:15px; color:#fff;}
.online_container .area_content .vod_caption .btn_caption:after{content:''; width:9px; height:5px; margin-left:5px; background:url(../images/content/ico_desc.png) no-repeat 0 0;}
.online_container .area_content .vod_content{margin-top:50px;}
.online_container .area_down .link_button{margin:35px 0 0;}
.online_container .info_txt{text-align:right; margin:15px 0 0; font-size:18px;}

/* 강의보기 - 푸터 */
.online_footer{display:flex; justify-content:flex-end; align-items:center; height:70px; padding:0 40px 0 0; border-top:1px solid #d5d5d5; background:#f6f6f6;}
.online_footer button{display:flex; align-items:center; position:relative; height:32px; margin:0 5px; padding:0 15px; border-radius:30px; background:#555; font-size:16px; color:#fff;}
.online_footer button.btn_prev:before{content:''; width:8px; height:13px; margin-right:8px; background:url(../images/content/ico_nextlecture.png) no-repeat 0 0; transform:scaleX(-1);}
.online_footer button.btn_next:after{content:''; width:8px; height:13px; margin-left:8px; background:url(../images/content/ico_nextlecture.png) no-repeat 0 0;}
.online_footer button.btn_next:before{content:''; display:block; position:absolute; top:0; right:calc(100% + 5px); bottom:0; height:13px; margin:auto 0; border-left:1px solid #d5d5d5;}

/* 소개 */
.cont_intro .vod_wrap{position:relative; max-width:917px; margin:0 auto; padding-bottom:46%; height:0;}
.cont_intro .vod_wrap .video{position:absolute; top:0; left:0; width:100%; height:100%;}
.cont_intro .intro_txt{/*margin:60px 0 0; padding:50px 0 0; border-top:1px solid #ddd;*/ background:url(../images/content/bg_intro.png) no-repeat 100% 100%;}
.cont_intro .intro_txt .tit{display:inline-block; font-size:21px; font-family:'s-core_dream_bold'; color:#fff; background-image:linear-gradient(135deg, #474dea, #7244ea 30%); padding:6px 30px; border-radius:30px;}
.cont_intro .intro_txt .tit > span{font-size:25px;}
.cont_intro .intro_txt .tit .yellow{color:#fff462;}
.cont_intro .intro_txt .txt{font-size:20px; padding:50px 0 70px; margin:0; line-height:1.8;}
.cont_intro .intro_txt .txt strong{color:#09348d;}

/* 소개 new */
.cont_intro{word-break:keep-all;}
.cont_intro .edu_wrap{display:flex; gap:20px;}
.cont_intro .edu_item{border:1px solid #cdd1d5; overflow:hidden; border-radius:8px; flex:1; text-align:center; margin:5px 0 0;}
.cont_intro .edu_tit{display:flex; justify-content:center; align-items:center; height:67px; background:#e5f7f6; color:#028a9a; font-size:19px; font-family:"s-core_dream_bold"; padding:10px;}
.cont_intro .edu_item.item2 .edu_tit{background:#e5f3fa; color:#0086cd;}
.cont_intro .edu_item.item3 .edu_tit{background:#fce5f2; color:#e4007f;}
.cont_intro .edu_txt{display:flex; justify-content:center; align-items:center; font-size:17px; min-height:112px; line-height:1.8; padding:15px 10px;}
.cont_intro .academic{font-size:17px; font-weight:700; color:#0b78cb; text-align:center; margin:0 0 20px 42.84%; background:url(../images/content/img_arrow.png) no-repeat 100% 8px;}
.cont_intro .academic.mobile{display:none;}
.cont_intro .academic span{background:#fff; padding:0 8px;}
.cont_intro .history{display:flex; margin:0 -8px;}
.cont_intro .history_item{display:flex; flex-direction:column; width:14.28%; text-align:center;}
.cont_intro .history_item .year{display:flex; justify-content:center; align-items:center; position:relative; color:#fff; font-size:20px; height:64px; background:#e1277e; font-family:"s-core_dream_bold"; flex:0 0 auto;}
.cont_intro .history_item.item1 .year{margin-left:8px;}
.cont_intro .history_item.item2 .year{background:#601986;}
.cont_intro .history_item.item3 .year{background:#593faf;}
.cont_intro .history_item.item4 .year{background:#3f4faf;}
.cont_intro .history_item.item5 .year{background:#0086cd;}
.cont_intro .history_item.item6 .year{background:#1b95b8;}
.cont_intro .history_item.item7 .year{background:#00aca7; margin-right:8px;}
.cont_intro .history_item .year:after{content:""; display:block; position:absolute; top:0; right:-14px; width:28px; height:64px; background:url(../images/content/bg_arrow1.jpg); z-index:30;}
.cont_intro .history_item.item2 .year:after{background:url(../images/content/bg_arrow2.jpg);}
.cont_intro .history_item.item3 .year:after{background:url(../images/content/bg_arrow3.jpg);}
.cont_intro .history_item.item4 .year:after{background:url(../images/content/bg_arrow4.jpg);}
.cont_intro .history_item.item5 .year:after{background:url(../images/content/bg_arrow5.jpg);}
.cont_intro .history_item.item6 .year:after{background:url(../images/content/bg_arrow6.jpg);}
.cont_intro .history_item.item7 .year:after{display:none;}
.cont_intro .history_item .img{position:relative; margin:20px auto;}
.cont_intro .history_item .img:after{content:""; display:block; position:absolute; top:50%; right:-100%; width:100%; height:1px; background:#cdd1d5; z-index:-1;}
.cont_intro .history_item.item7 .img:after{display:none;}
.cont_intro .history_item .desc{padding:25px 5px; border-radius:8px; border:1px solid #cdd1d5; min-height:194px; height:100%; margin:0 8px; line-height:1.5;}
.cont_intro .history_item .desc .desc_tit{font-size:17px; font-weight:700;}
.cont_intro .history_item .desc .desc_txt{margin:15px 0 0;}
.cont_intro .history_item .desc .desc_txt .fc03{color:#0b78cb;}
.cont_intro .degree_lst{display:flex; gap:45px; text-align:center; margin:20px 0 0;}
.cont_intro .degree_lst > li{display:flex; justify-content:center; align-items:center; position:relative; flex:1; border:1px solid #d6d6d6; background:#f0f4fa; padding:15px 10px; border-radius:20px; min-height:141px; flex-direction:column; line-height:1.5;}
.cont_intro .degree_lst > li:nth-child(2):before,
.cont_intro .degree_lst > li:nth-child(2):after{content:""; display:block; position:absolute; top:50%; left:-38px; margin-top:-14px; width:29px; height:29px; background:url(../images/content/sp_degree.png);}
.cont_intro .degree_lst > li:nth-child(2):after{left:initial; right:-38px; background-position:-31px 0;}
.cont_intro .degree_lst .degree_tit{font-size:18px;}
.cont_intro .degree_lst .degree_tit strong{color:#483079;}
.cont_intro .degree_lst .degree_txt{margin:5px 0 0;}

/* 공지사항 강사지원 + 교육과정 개설&콘텐츠 공동활용 */
.notice_con{border-radius:20px; padding:37px 80px 50px; background:url(../images/content/bg_notice01.jpg) 50% 50%; background-size:cover;}
.notice_con p{margin:0;}
.notice_con .tit{position:relative; text-align:center; font-size:48px; padding:85px 200px 70px; font-family:'s-core_dream_bold'; line-height:1.4; letter-spacing:-2.5px;}
.notice_con .tit:before,
.notice_con .tit:after{content:""; display:block; position:absolute; bottom:0;}
.notice_con .tit:before{width:220px; height:207px; left:75px; background:url(../images/content/img_notice01_1.png);}
.notice_con .tit:after{width:240px; height:177px; right:65px; background:url(../images/content/img_notice01_2.png);}
.notice_con .tit span{color:#09348d;}
.notice_con .details{background:#fff; border-radius:20px; padding:50px 80px; margin:0 0 30px 0;}
.notice_con .details .dt_lst{display:flex; flex-wrap:wrap; gap:15px 40px; margin:0 0 17px 0;}
.notice_con .details .dt_lst li{position:relative; display:flex; align-items:center;}
.notice_con .details .dt_lst li:after{content:""; display:block; position:absolute; right:-20px; top:50%; width:2px; height:17px; margin-top:-8px; background:#ccc;}
.notice_con .details .dt_lst li:last-child:after{display:none;}
.notice_con .details .dt_lst li .con_l{padding:5px 15px; background:#262626; color:#fff; font-size:20px; border-radius:20px; flex:0 0 auto;}
.notice_con .details .dt_lst li .con_r{font-size:20px; font-weight:700; margin:0 0 0 10px;}
.notice_con .details .dt_lst li .con_r .s_txt{font-size:17px; font-weight:400;}
.notice_con .details .dt_box{background:#f4f4f4; border-radius:8px; padding:25px 30px; color:#e83430; line-height:1.8;}
.notice_con .btn_wrap{text-align:center;}
.notice_con .btn_wrap .button{padding:12px 35px; height:auto; display:inline-flex; flex-direction:row-reverse; align-items:center;}
.notice_con .btn_wrap .button:before{content:""; display:block; margin:0 0 0 5px; width:17px; height:18px; background:url(../images/content/ico_down_wh.png); flex:0 0 auto;}

/* 교육과정 개설&콘텐츠 공동활용 */
.notice_con.con02{padding-top:40px; background:url(../images/content/bg_notice02.jpg) 50% 50%; background-size:cover;}
.notice_con.con02 .tit{font-size:44px; padding:95px 180px 60px;}
.notice_con.con02 .tit:before{width:222px; height:215px; left:-13px; bottom:-11px; background:url(../images/content/img_notice02_1.png);}
.notice_con.con02 .tit:after{width:270px; height:230px; right:16px; bottom:-39px; background:url(../images/content/img_notice02_2.png);}
.notice_con.con02 .details .dt_lst li .con_l{font-size:18px;}

/* 자주 묻는 질문 탭 */
.faq_tab_lst{display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin:40px 0;}
.faq_tab_lst a{display:block; border:1px solid #555; font-weight:700; padding:10px 20px; border-radius:30px;}
.faq_tab_lst a:hover,
.faq_tab_lst a:focus{color:#09348d;}
.faq_tab_lst .on a{background:#6457a3; color:#fff; border-color:#6457a3;}

/* 1024 ~ 1259px */
@media all and (max-width:1259px){
	/**************************************************
		Common
	**************************************************/

	/**************************************************
		Content
	**************************************************/

	/* 학습신청 - 목록 */
	.flx_list{margin:20px 0 0;}

	/* 학습신청 - 상세 */
	.learning_view .view_tab .lst_tab .tab_select{width:145px;}

	/* 소개 */
	.cont_intro .intro_txt{background-size:300px auto;}

	/* 공지사항 강사지원 + 교육과정 개설&콘텐츠 공동활용 */
	.notice_con .tit:before{left:0;}
	.notice_con .tit:after{right:0;}

}

/* ~ 1023px */
@media all and (max-width:1023px){
	/**************************************************
		Common
	**************************************************/

	/**************************************************
		Content
	**************************************************/
	/* 검색 */
	.ms_search{max-width:initial; margin:30px auto 20px; height:60px; padding:0 60px 0 0;}
	.ms_search label{font-size:15px; left:15px;}
	.ms_search .word{padding:0 0 0 15px;}
	.ms_search .word::placeholder{font-size:15px;}
	.ms_search .btn_srch{width:60px; background-size:20px;}

	/* 소개 */
	.cont_intro .intro_txt{padding:10px 0 0;}

	/* 소개 new */
	.cont_intro .edu_txt{line-height:1.6;}
	.cont_intro .history{flex-direction:column; margin:0; gap:10px;}
	.cont_intro .academic{position:relative; margin:15px 0 5px; background:none;}
	.cont_intro .academic:after{content:""; display:block; position:absolute; top:12px; left:0; width:100%; border:1px dashed #9ed2fa; z-index:-1;}
	.cont_intro .academic.pc{display:none;}
	.cont_intro .academic.mobile{display:block;}
	.cont_intro .history_item{flex-direction:row; width:100%; gap:10px;}
	.cont_intro .history_item .year{height:auto; width:60px; font-size:19px; border-radius:8px;}
	.cont_intro .history_item .year:after{display:none;}
	.cont_intro .history_item.item1 .year{margin:0;}
	.cont_intro .history_item.item7 .year{margin:0;}
	.cont_intro .history_item .img{display:none;}
	.cont_intro .history_item .desc{min-height:initial; margin:0; width:calc(100% - 70px); padding:15px 10px;}
	.cont_intro .history_item .desc .desc_tit br{display:none;}
	.cont_intro .history_item .desc .desc_txt{margin:8px 0 0;}
	.cont_intro .history_item .desc .desc_txt br{display:none;}
	.cont_intro .degree_lst .degree_tit{font-size:17px;}

	/* 학습신청 - 목록 */
	.flx_list{display:block;}
	.flx_list .list_r{width:100%; margin:20px 0 0;}
	.learning_list .lst_area{gap:40px 25px;}
	.flx_list .list_l{width:100%; padding:0;}
	.flx_list .list_l .snb_wrap .title{display:none;}
	.flx_list .list_l .snb{border:none; padding:0; display:flex; flex-wrap:wrap; border-radius:0;}
	.flx_list .list_l .snb > li > a{display:inline-block; font-size:16px; padding:7px 12px; margin:3px; border:1px solid #ddd; border-radius:30px;}
	.flx_list .list_l .snb > li > a.on{background:#64508d; color:#fff; border-color:#64508d;}
	.flx_list .list_l .snb > li:first-child > a{margin-left:0;}
	.flx_list .list_l .snb > li > a:after{display:none;}

	/* 학습신청 - 상세 */
	.form_group2.col02 dl{float:none; width:100%; position:relative;}
	.form_group2.col02 dl:first-child{float:none; width:100%; position:relative;border-bottom:1px solid #d6d6d6;}
	.form_group2.col03 dl:first-child, 
	.form_group2.col03 dl:nth-child(2)+dl, 
	.form_group2.col03 dl:first-child+dl{float:none; width:100%; position:relative;}
	.form_group2.col03 dl:first-child, 
	.form_group2.col03 dl:first-child+dl{float:none; width:100%; position:relative;border-bottom:1px solid #d6d6d6;}
	.learning_view .view_top .lst2 li{margin:0 50px 8px 0;}

	.learning_view .eval .box_eval .eval_l .button_wrap{margin:20px 0 40px;}

	/* 강의보기 */
	.online_header{padding-left:20px; padding-right:100px;}
	#wrap_online.open .online_header{padding-left:20px;}
	.online_header .head_title .num{width:30px; height:30px; font-size:18px;}
	.online_header .head_title strong{font-size:18px;}
	.online_header .btn_close{right:20px;}
	.online_header .btn_close:after{width:22px; height:22px;}

	.online_side{padding:30px 15px;}
	.online_side .lecture_title{margin-bottom:10px; padding:0 10px 10px;}
	.online_side .lecture_title em{font-size:12px;}
	.online_side .lecture_title strong{font-size:18px;}
	.online_side .title_index span{font-size:18px;}
	.online_side .area_index{top:170px; bottom:100px;}
	.online_side .area_index .lst_index li .title a .num{width:24px; height:24px;}
	.online_side .area_btn{bottom:20px;}

	.online_container{padding:0 20px;}
	#wrap_online.open .online_container{padding-left:20px;}

	.online_footer{justify-content:center; padding:0;}

	/* 공지사항 강사지원 + 교육과정 개설&콘텐츠 공동활용 */
	.notice_con{padding:50px 30px !important;}
	.notice_con .tit{padding:0 0 20px !important; font-size:40px !important;}
	.notice_con .tit:before,
	.notice_con .tit:after{display:none;}
	.notice_con .details{padding:30px;}
	.notice_con .details .dt_lst{flex-direction:column; gap:10px;}
	.notice_con .details .dt_lst li:after{display:none;}

}

/* ~ 767px */
@media all and (max-width:767px){
	/**************************************************
		Common
	**************************************************/

	/**************************************************
		Content
	**************************************************/
	/* 학습신청 - 목록 */
	.learning_list .lst_area{gap:30px 20px;}
	.learning_list .lst_area .item{width:calc(50% - 10px);}
	.learning_list .thum_wrap .btn_cart{background:url(../images/content/ico_cart_x2.png); background-size:40px;}
	.learning_list .con_tit{font-size:18px; min-height:55px;}

	/* 학습신청 - 상세 */
	.learning_view .view_tab .lst_tab{margin:0 0 20px 0;}
	.learning_view .view_tab .lst_tab .tab_select{width:auto; height:50px; padding:0 10px; font-size:15px; line-height:1.3;}
	.learning_view .view_tab .lst_tab .tab_select br{display:block;}

	.learning_view .view_top{flex-direction:column; margin:0 0 30px 0;}
	.learning_view .view_top .thum_wrap{max-width:initial;}
	.learning_view .view_top .thum_wrap img{width:100%; height:auto;}
	.learning_view .view_top .info_wrap{width:100%; margin:20px 0 0;}
	.learning_view .view_top .info_tit{font-size:24px; margin:15px 0;}
	.learning_view .view_top .lst1{margin:0 0 10px 0;}
	.learning_view .view_top .lst1 li,
	.learning_view .view_top .lst2 li{margin:3px 10px 3px 0;}

	.learning_view .eval .box_eval .tit_lr .tit{width:calc(100% - 190px); padding:15px; font-size:17px;}
	.learning_view .eval .box_eval .tit_lr .time{width:180px;}
	.learning_view .eval .info_eval{flex-wrap:wrap; margin:0 0 30px 0;}
	.learning_view .eval .info_eval li{width:33.3333%;}
	.learning_view .eval .info_eval li:nth-child(3){border-right-width:1px;}
	.learning_view .eval .info_eval li:nth-child(4),
	.learning_view .eval .info_eval li:nth-child(5){width:50%; border-top-width:0;}
	.learning_view .eval .box_eval .qna_wrap{padding:10px;}
	.learning_view .eval .box_eval .qna_wrap .q_box{padding:15px; font-size:17px; margin:0 0 10px 0;}
	.learning_view .eval .box_eval .qna_wrap .a_box{padding:10px 20px;}
	.learning_view .eval .box_eval .qna_wrap .a_box01 li{padding:15px 0;}

	/* 소개 */
	.cont_intro .intro_txt{/*margin:30px 0 0; padding:25px 0 0;*/ background-size:180px auto;}
	.cont_intro .intro_txt .tit{font-size:18px;}
	.cont_intro .intro_txt .tit > span{font-size:24px;}
	.cont_intro .intro_txt .txt{padding:20px 0 100px; font-size:17px;}
	.cont_intro .intro_txt .txt .pc{display:none;}

	/* 소개 new */
	.cont_intro .edu_wrap{gap:10px; flex-direction:column; margin:20px 0 0;}
	.cont_intro .edu_item{margin:0;}
	.cont_intro .edu_tit{font-size:18px; height:auto;}
	.cont_intro .edu_txt{font-size:16px; min-height:initial;}
	.cont_intro .degree_lst{flex-direction:column;}
	.cont_intro .degree_lst > li{min-height:initial;}
	.cont_intro .degree_lst .degree_tit strong br{display:none;}
	.cont_intro .degree_lst > li:nth-child(2):before, 
	.cont_intro .degree_lst > li:nth-child(2):after{left:50%; margin-top:initial; margin-left:-14px; top:-38px;}
	.cont_intro .degree_lst > li:nth-child(2):after{top:initial; bottom:-38px; transform:rotate(90deg);}

	/* 공지사항 강사지원 + 교육과정 개설&콘텐츠 공동활용 */
	.notice_con{padding:30px 15px !important;}
	.notice_con .tit{font-size:30px !important;}
	.notice_con .details{padding:20px 15px; margin:0 0 15px 0;}
	.notice_con .details .dt_lst li .con_l{font-size:16px !important;}
	.notice_con .details .dt_lst li .con_r{font-size:16px;}
	.notice_con .details .dt_lst li .con_r .s_txt{font-size:15px;}
	.notice_con .details .dt_box{padding:15px;}
	.notice_con .btn_wrap .button{padding:8px 15px; white-space:initial; line-height:1.4;}

	/* 강의보기 - 컨텐츠 */
	.online_container .info_txt{font-size:16px;}

	/* 자주 묻는 질문 탭 */
	.faq_tab_lst{gap:10px 5px; margin:30px 0;}
	.faq_tab_lst a{padding:5px 15px;}

}

/* ~ 639px */
@media all and (max-width:639px){
	/**************************************************
		Common
	**************************************************/

	/**************************************************
		Content
	**************************************************/

}

/* ~ 537px */
@media all and (max-width:537px){
	/**************************************************
		Common
	**************************************************/

	/**************************************************
		Content
	**************************************************/

	/* 학습신청 - 목록 */
	.learning_list .lst li .txt_l{margin:0 5px 0 0;}

	/* 학습신청 - 상세 */
	.form_group2 dl dt{width:120px;}
	.form_group2 dl dd{margin-left:120px;}

	.learning_view .eval .box_eval .tit_lr{flex-direction:column;}
	.learning_view .eval .box_eval .tit_lr p{min-height:auto; text-align:center;}
	.learning_view .eval .box_eval .tit_lr .tit,
	.learning_view .eval .box_eval .tit_lr .time{width:100%;}
	.learning_view .eval .box_eval .tit_lr .time{margin:5px 0 0; padding:10px;}

}

@media all and (max-width:430px){

	/* 학습신청 - 목록 */
	.learning_list .lst li{flex-direction:column; align-items:flex-start;}
	.learning_list .lst li:first-child{margin:0 0 10px 0;}
	.learning_list .lst li .txt_l{margin:0 0 5px 0;}

}

/* ~ 400px */
@media all and (max-width:400px){

	/**************************************************
		Content
	**************************************************/

	/* 학습신청 - 상세 */
	.learning_view .view_tab .lst_tab .tab_select{font-size:12px;}

}