@charset "utf-8";
/*주관처 : ESG*/

/*고객센터 hidden 처리 */
.info_box{
    display:none;
}
/* 별점 hidden 처리 */
.ttb_rating{
    display:none;
}
/* 학습 상세보기 고정 */
.tabmenu_default.pwsFixed{
    top:100px;
}
[class^="popCardWrap_"].pwsFixed{
    top:100px;
}
/* 메인 팝업 페이지*/
.pop_warp_mainNoti{
	top:100px;
}

/* common */
[class^="btn_primary"], .tabmenu_line .btn_tab:after, .thumbnail_smeMini.on:before {background-color:#A86EFE;}
[class*="cMint"], .link_gnbMenu:hover, .link_gnbMenu.active, .btn_tab.active .txt_s20, .btn_tab.active .txt_s16, .cs_list.active .txt_s14cBlack,
[class^="btn_second"] [class^="txt_"], .sliderWrap_popChannel .slider_list:nth-child(n+1):nth-child(-n+3) .txt_sme_rank, .cb_title_w .btnIconLine_link .txt_s16cMint {color:#A86EFE;}
.btn_secondary_file [class^="txt_"] {color:#898989;}
[class^="btn_second"], [class^="btnIconLine_"], .btnIconBlue_next, .btnIconGray_prev, .tabmenu_default {border-color:#A86EFE;}
.btnIconBlue_next, .sts_list .sts_label, .social .link_menuIcon:hover, .social .link_menuIcon.active {background-color:#A86EFE;}
.ma_list .link_menuArrow:hover .txt_s14cGray, .ma_list .link_menuArrow.active .txt_s14cGray {color:#A86EFE !important;}
.inp_chk_btn input[type="checkbox"]:checked + .btn_chk_s16 {color:#A86EFE; border-color:#A86EFE;}
.chk_lists_w .inp_chk_btn input:checked + .btn_chk_s16 {border-right:1px solid #A86EFE;}
.grap_x .gBar, .grap_x_gray .gBar {background-color:#A86EFE;}
.progress {background-image:linear-gradient(to right, #A86EFE, #A86EFE);}
.cb_box_blueLine, .topinfoBox_social {background:rgba(168, 110, 254, 0.07);}
.table_wrap_stComplete td.bgGreen {background:rgba(168, 110, 254, 0.02);}
.txtLabel_qa_answer {background:rgba(168, 110, 254, 0.07); color:#A86EFE;}
.page_number [class^="link_"]:hover, .page_number [class^="link_"].active {background-color:#A86EFE;}
.tab_wrap_dtab .tab_list.active .btn_tab, .tab_wrap_dtab .tab_list:hover .btn_tab {background-color:#A86EFE;}

/* 로그인 */
.container_login {background:#fff;}
	.fbl_img {display:flex;}
	.fbl_info {padding:50px 40px 0; background:#fff; box-shadow:0px 2px 20px rgba(38, 97, 81, 0.102682); border-radius:3px;}
		.fi_inner .logo_w {width:166px;}
		.fl_inp_w .inp_txt_default {border:0; border-bottom:1px solid #DBDBDB;}
		.fl_inp_w [class^="inp_txt_"] input[type="text"], .fl_inp_w [class^="inp_txt_"] input[type="password"] {padding-left:0;}
		.fo_link_w .link_subj + .link_subj:before {background:#909090;}
	.fl_guide {position:relative; left:-40px; width:calc(100% + 80px); margin-top:40px; padding:16px; background:#F4F5F7;}

/* 헤더 */
.header {height:100px; border:0;}
	.h_inner {height:100px; padding-left:250px;}
		.logo_area {width:auto; max-width:248px;}
		.header.sub .logo_area {display:block;}

		.gnb_warp {display:flex; align-items:center; justify-content:flex-end; height:100%;}
			.gnb_warp ul {display:flex;}
				.gnb_warp ul li {margin-right:65px; padding:0;}
					.link_gnbMenu.active .txt_s18cBlack {color:#A86EFE;}
				
		.gbtn_w {position:relative; height:53px; padding:4px 21px 7px; background-image:linear-gradient(to right, #9050ee 0%, #775af3 100%); border-radius:7px; white-space:nowrap;}
		.gbtn_w.primary {padding:0; background:#A86EFE; overflow:hidden;}
		.gbtn_w + .gbtn_w {margin-left:8px;}
			.gbtn_w .btnTools, .btnIcon_menu {display:none;}	
			.btnIcon_menu {display:none; margin-left:10px; width:40px; height:40px; background:url('../../images/common/btn_menu.png') center no-repeat; background-size:24px auto;}		
			.gbtn_w button {height:100%; line-height:1.25;}
				.gbtn_w button span {display:block; font-weight:500;}
				.gbtn_w button + button {position:relative; margin-left:53px;}
				.gbtn_w button + button:before {position:absolute; top:50%; left:-27px; width:1px; height:10px; margin-top:-5px; background:#fff; content:'';}
				
			.gbtn_w.primary button {padding:4px 17px 7px; transition:all .3s ease-in;}
			.gbtn_w.primary button:hover {background:#A86EFE;}
			.gbtn_w.primary button + button {margin-left:0;}
			.gbtn_w.primary button + button:before {left:-3px;}
				.gbtn_w [class^="icon"] {width:16px; height:18px; margin-right:8px; background-repeat:no-repeat; background-size:100% auto; background-position:center; vertical-align:bottom;}
				.gbtn_w .icon_my {background-image:url('../../images/common/icon_my.png'); background-size:14px 16px;}
				.gbtn_w .icon_logout {background-image:url('../../images/common/icon_logout2.png');}
				
.exp_layer_wrap {top:100px;}

/* 전체화면 넓이 조정 */
.h_inner, .footer.main .f_inner, .visual_metaverse, [class^="mti_"], .mn_inner {width:1520px; max-width:1520px;}
.header.sub {height:100px; border-bottom:1px solid #e6e6e6;}
	.header.sub .h_inner {width:1384px; height:100px;}
[class^="mti_"] {margin-top:120px;}

/* 메인 */
.visual_metaverse {position:relative; margin:0 auto; padding:60px 0 72px; line-height:1.36; letter-spacing:-0.5px;}
	.visual_metaverse > img {position:absolute; top:10px; right:0; height:488px; z-index:9;}
	.visual_metaverse h1 {display:block; padding:0 0 42px; font-size:5.875rem; letter-spacing:-4px; line-height:1.12; font-family:'NotoSansKR-Black';}
	.visual_metaverse h1.tit_s76 {padding-bottom:22px;font-size:4.75rem;}
	.visual_metaverse h4 {font-size:1.75rem; font-weight:400;}
	.visual_metaverse h4.txt_s22 {font-size:1.375rem;}

.typeFix {display:flex; justify-content:space-between; padding:40px 0 30px;}
	.typeFix > div {flex:1; margin-right:30px;}
	.typeFix video {border-radius:10px;}
	.typeFix .mc_comp {margin-top:80px; padding:6px 15px 7px;}
		.typeFix .mc_comp .txt_s16 {font-size:0.875rem;}
		.typeFix .mc_comp div img {height:33px;}

.mti_contents_w {display:flex; margin-top:0;}
	.mc_video {flex:1; display:flex; flex-direction:column; justify-content:space-between;}
		.mc_video iframe {flex:1; min-height:545px; height:545px; margin-bottom:20px; overflow-y:auto; border-radius:10px;}
		.mc_video video {width:100%; height:100%; max-height:545px; border-radius:20px; background:#f4f5f7;}
		.mc_comp {display:flex; align-items:center; justify-content:space-between; padding:23px 30px; border:1px solid #e2e2e2; border-radius:10px;}
			.mc_comp div {position:relative; display:flex; align-items:center; justify-content:space-between;}
				.mc_comp .txt_s16 {position:relative; padding-right:37px; color:#909090;}
				.mc_comp .txt_s16:before {position:absolute; top:3px; right:20px; width:2px; height:15px; background:#b7b7b7; content:'';}
				.mc_comp div img + img {margin-left:30px;}
	.mc_study {width:520px; height:100%; margin-left:32px; padding:35px 25px; background:#f4f5f7; border-radius:20px;}
		.mc_study h4 {padding-bottom:30px; font-size:1.5rem;}
		.mc_study ul li {height:110px;}
		.mc_study ul li + li {margin-top:25px;}
			.mc_study ul li.noData {display:flex; align-items:center; justify-content:center; height:519px; background:#edeff2; border-radius:5px;}
				.mc_study ul li.noData .txt_s14cBlack {font-size:1rem; font-weight:400; color:#909090;}
			.col_thumbnail {position:relative; display:block; height:100%; padding-left:211px;}
				.col_thumbnail .img_w {position:absolute; top:0; left:0; width:196px; height:110px; border-radius:5px; background-color:#ebebeb; overflow:hidden;}
					.col_thumbnail .img_w img {width:100%; height:100%;}
					.col_thumbnail .img_w .thumb_img.book {height:100%;}
					    .col_thumbnail .img_w .thumb_img.book .img_book_w {height:calc(100% - 16px); padding:0 20px;}
					    .col_thumbnail .img_book {max-width:74px;}
					        .col_thumbnail .img_book img {width:100%; min-width:unset; max-width:unset; height:100%;}
				.col_thumbnail > [class^="txt_s14"] {position:relative; top:-3px; margin-bottom:4px; padding:2px 8px; background:#A86EFE; color:#fff; font-size:0.75rem; border-radius:1px;}
				.col_thumbnail .txt_s14cBlue {background:#4e56fb;}
				.col_thumbnail .ct_state {padding-top:10px;}
					.col_thumbnail .ct_state [class^="txt_"] {font-weight:400;}
					.col_thumbnail .ct_state p + p {margin-top:-5px;}
						.col_thumbnail div p span:first-child {position:relative; width:60px; margin-right:5px;}
						.col_thumbnail div p span:first-child:before {position:absolute; top:4px; right:0; width:1px; height:12px; background:#d8d8d8; content:'';}

.instudy_wrap {width:1520px; margin:0 auto;}
	.instudy_wrap .mc_study {width:100%; margin:0; padding:25px;}
		.instudy_wrap .mc_study h4 {padding-bottom:20px; font-size:1.25rem;}
		.instudy_wrap .mc_study ul {display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:0 25px;}
			.instudy_wrap .mc_study ul li + li {margin:0;}

.aside_banner {display:block; margin-top:-204px;}
.aside_banner.status {position:absolute;}

.mti_recommd_w {margin:0 auto; margin-top:80px; margin-bottom:105px;}
	.mti_tit_w {margin-top:0; padding-bottom:30px; text-align:left;}
	[class^="mti_"] .slider_list + .slider_list {margin-left:32px;}	
	.thumbSlider_recomd {top:auto; left:auto;}
		.thumbSlider_recomd .slick-list, .thumbSlider_newconts .slick-list {padding:0; width:100%;}
			.thumbSlider_recomd [class^="thumbnail_"] {width:356px; box-shadow:none; border:1px solid #ccc;}		
			.cwl_list [class^="thumbnail_"] {width:100%;}
			[class^="thumbnail_"]:hover {transform:translateY(0);}	
				[class^="thumbnail_"] .inp_chk_like {bottom:14px; right:20px; min-width:38px; height:38px; padding:0 10px; border-radius:10px; border:1px solid #e6e6e6;}
				.inp_chk_like:has(input[type="checkbox"]:checked){background-color:rgba(168, 110, 254, 0.07);}
					.inp_chk_like .icon_heart {width:20px; margin-left:-10px; background-image:url('../../images/common/icon_wheart_line.png');}				
					.inp_chk_like input[type="checkbox"]:checked + .icon_heart, .inp_chk_like input[type="checkbox"]:checked + .icon_heart:before {width:20px; background-image:url('../../images/common/icon_wheart_purple.png');}				
				.thumb_cont {padding:20px 22px;}
				.tc_top .txt_s14cMint, .tc_top .txt_s14cBlue {padding:2px 8px; background:#A86EFE; font-size:0.75rem; color:#fff; border-radius:1px;}				
				.tc_top .txt_s14cBlack{color:#fff !important;background-color:#4969F0;margin-left: 12px;flex: none !important;padding: 0 12px;max-width:50%;}
				.tc_top .txt_s14cBlack::before{display:none;}
				.tc_info {display:flex; padding-top:23px; justify-content:left;}
					.tc_info .txt_s14cLGray {color:#73788C;}
					.tc_info_r {float:unset; display:flex; align-items:center; margin-left:23px;}
						.tc_info_r .txt_view {background-image:url('../../images/common/icon_view2.png'); background-size:16px auto;}
						.tc_info_r .txt_comment {background-image:url('../../images/common/icon_comment2.png'); background-size:16px auto;}
						.tc_info_r [class^="txt_"] {color:#333;}
				[class^="mti_"] .thumb_img {height:200px;}
				.tc_opt {display:none;}

	[class^="thumbSlider_"] .slick-prev, [class^="thumbSlider_"] .slick-next {top:-47px; width:46px; height:46px;}
	[class^="thumbSlider_"] .slick-prev {left:auto; right:54px; background-image:url('../../images/main/btnSlider_prev_on.png');}
	[class^="thumbSlider_"] .slick-next {right:0; background-image:url('../../images/main/btnSlider_next_on.png');}
	[class^="thumbSlider_"] .slick-prev.slick-disabled {background-image:url('../../images/main/btnSlider_prev_off.png');}
	[class^="thumbSlider_"] .slick-next.slick-disabled {background-image:url('../../images/main/btnSlider_next_off.png');}

	.thumbSlider_instudy .slider_list {width:477px;}
	.thumbSlider_instudy .slider_list + .slider_list {margin-right:20px;}
	.thumbSlider_instudy .slick-prev, .thumbSlider_instudy .slick-next {top:-35px; width:33px; height:33px;}
	.thumbSlider_instudy .slick-prev {right:40px;}
	.thumbSlider_instudy .[class^="thumbSlider_"] .slick-prev {right:36px;}
	
.main_notice_w {padding:75px 0 120px; background:#f4f5f7;}
	.mn_inner {margin:0 auto;}
		.mn_inner > a {display:inline-block; margin-bottom:30px; padding-right:26px; font-size:1.625rem; font-weight:700; background:url('../../images/common/arrow_link_dark.png') right no-repeat; background-size:20px auto; letter-spacing:-.5px; color:#000;}
		.notice_lists {display:flex; justify-content:space-between;}
			.nl_lists {flex:1; width:100%; max-width:calc(100% - 636px); margin-right:42px; border-top:1px solid #e6e6e6;}
				.nl_lists li {border-bottom:1px solid #e6e6e6;}
				.nl_lists li.on {background:#edeff2;}
					.nl_lists li a {display:flex; align-items:center; padding:16px 20px;}
					.nl_lists li .txt_s14cLGray {margin-right:15px; padding:5px 15px 4px; border-radius:1px; background:#e5e5e5;}
					.nl_lists li .txt_s18cBlack_ellipsis {flex:1; max-width:100%; margin-right:104px; font-weight:400;}
					.nl_lists li .txt_s18cDGray {font-weight:400;}
			.nl_box {display:flex;}
				.nl_box li {position:relative; width:190px; height:253px; background:#fff; box-shadow:0 0 10px 0 rgba(168, 173, 185, 0.3); border-radius:20px; text-align:center;}
				.nl_box li + li {margin-left:12px;}
					.nl_box li a {display:flex; flex-direction:column; align-items:center; justify-content:space-between; height:100%; padding:40px 20px;}
						.nl_box a > [class^="icon_"] {display:block; width:50px; height:50px; margin:0 auto; background-repeat:no-repeat; background-size:100% auto; background-position:center;}
						.nl_box li .icon_group {background-image:url('../../images/common/icon_group_purple.png');}
						.nl_box li .icon_contact {background-image:url('../../images/common/icon_contact_purple.png'); background-size:auto 100%;}
						.nl_box li .icon_email {background-image:url('../../images/common/icon_email_purple.png'); background-size:auto 100%;}
						.nl_box li [class^="txt_"] {color:#000;}
						.nl_box li .txt_s14 {font-weight:400; word-break:break-word;}
							.nl_box li .icon_download {width:12px; height:15px; margin-left:5px; background:url('../../images/common/icon_download.png') center no-repeat; background-size:100% auto; vertical-align:sub;}

/* 로그인 */
.flb_full .btn_primaryh66 {background:#A86EFE;}
.flb_full .btn_primaryh66:hover {background:#A86EFE;}

.box_sort_w .inp_chk_btn .btn_chk_s14, .inp_chk_btn input[type="checkbox"]:checked + .btn_chk_s14 {background-color:#A86EFE;}
.bsc_list.active .txt_s14cBlack {color:#A86EFE;}

/* 탐색 */
.tab_wrap_discover .tabmenu_line {table-layout:unset;}

.tab_list .txt_s20 {font-size:1.25rem;}
.tab_list .txt_s16 {font-size:1.125rem;}
.tab_wrap_navTap .btn_tab.active {background:#A86EFE;}

.exp_btn_w {display:none;}

/* 학습 */
.topinfoBox_study, .topinfoBox_exp {background:rgba(168, 110, 254, 0.1);}
.tic_top .txtLabel_cMint, .tic_top .txtLabel_cBlue {background:#A86EFE; color:#fff;}
.tb_list .inp_chk_like input[type="checkbox"]:checked + .icon_heart + .txt_s16cLGray, .pcw_inner .tb_list .inp_chk_like input[type="checkbox"]:checked + .icon_heart + .txt_s16cLGray {color:#A86EFE;}
.tib_sub_box {padding-top:0;}
.ssc_list.active [class^="txt_"] {color:#A86EFE;}
.ssc_list.active:before {border-color:#A86EFE;}
.ssc_list.active:after {background:#A86EFE;}
.cb_link .btn_secondh40_url:hover {background-color:#A86EFE;}
.txtLabel_st_done {background-color:rgba(168, 110, 254, 0.1); background-image:url('../../images/common/icon_check_purple.png'); color:#A86EFE;}

.table_wrap_stContents .thumbnail_col {height:110px;}
	.table_wrap_stContents .thumbnail_col .thumb_img {width:196px; height:110px;}
	.table_wrap_stContents .tc_info {padding-top:5px;}

/* 학습창 */
.mhi_lists .txtIcon_view {background-image:url('../../images/common/icon_view2.png');}
.mhi_lists .txtIcon_comment {background-image:url('../../images/common/icon_comment2.png');}
.mhi_lists .txtIcon_heart {background-image:url('../../images/common/icon_wheart_purple.png');}

.rpw_list .inp_chk_like .icon_heart {background:url('../../images/common/icon_wheart_line.png') center bottom no-repeat; background-size:16px auto;}
.rpw_list .inp_chk_like input[type="checkbox"]:checked + .icon_heart {width:16px; background:url('../../images/common/icon_wheart_purple.png') center bottom no-repeat; background-size:16px auto;}

.stit_tit .txtLabel_cMint {background:#A86EFE; color:#fff;}
.pc_list.active {background-color:rgba(168, 110, 254, 0.1);}
.cs_control .btn_secondaryh30 {background:#A86EFE;}

.tab_wrap_micro .tabmenu_default {border-top:0;}

/* 마이페이지 */
.link_menuIcon.active:before {background:#A86EFE;}
.box_Gline_medium .bg_chart_w [class^="c100 p"] .fill, .box_Gline_medium .bg_chart_w [class^="c100 p"] .bar {border-color:#A86EFE;}
.my_profile_w .tc_info [class^="txt_"] + [class^="txt_"]:before {left:2px; color:#A86EFE;}

/* 공지사항 */
.table_wrap_stLists.tbType tbody td:nth-child(1) .txt_s14cDark, .table_wrap_stLists.board tbody td:nth-child(2) .txt_s14cDark {color:#A86EFE;}
	
/* 큰 태블릿 */
@media screen and (min-width:1024px) and (max-width:1536px) {
	.h_inner, .f_inner, .visual_metaverse, [class^="mti_"], .mn_inner {width:100%; max-width:100%;}	
	
	/* 헤더 */
	.h_inner {padding-right:24px;}
		.logo_area {width:200px;}
		.gbtn_w + .gbtn_w {margin-left:10px;}
			.gnb_warp ul li {margin-right:24px; white-space:nowrap;}
			.gbtn_w button + button {margin-left:25px;}
			.gbtn_w button + button:before {left:-14px;}

	/* 메인 */
	.visual_metaverse {padding:100px 24px 72px;}
		.visual_metaverse h1, .visual_metaverse h4 {position:relative;}
		.visual_metaverse h1 {font-size:5.25rem;}
		.visual_metaverse img {right:24px; height:468px; z-index:0;}

	.typeFix {flex-direction:column; padding-top:40px;}
		.typeFix .mc_comp {flex-direction:row; margin:30px 0;}
		.typeFix video {width:100%; height:auto;}

	.mti_contents_w {margin-top:55px; padding:0 24px;}	
		.mc_video iframe {min-height:500px; height:500px;}
		.mc_comp {flex-direction:column; margin-top:15px; padding:15px;}
			.mc_comp div {width:100%; justify-content:flex-start;}
		.mc_study {width:400px; margin-left:24px; padding:20px;}
			.mc_study ul li.noData {height:520px;}
			.col_thumbnail {margin-right:20px; padding-left:120px;}
				.col_thumbnail .img_w {display:flex; justify-content:center; width:110px;}
					.col_thumbnail .img_w img {position:absolute; top:50%; left:50%; width:100%; height:auto; transform:translate(-50%, -50%);}

	.instudy_wrap {width:calc(100% - 48px);}

	.mti_recommd_w {margin:120px 24px 105px;}
	[class^="mti_"]:not(.mti_tit_w) {width:calc(100% - 24px);}
		[class^="mti_"] .slider_list + .slider_list {margin-left:22px;}
			.thumbSlider_recomd [class^="thumbnail_"] {width:305px;}
				/* .cwl_list [class^="thumbnail_"] .inp_chk_like {bottom:auto; top:12px;}		 */
				[class^="mti_"] .thumb_img {height:171px;}
				.cwl_list .thumb_cont {padding:20px 12px;}
	
	.main_notice_w {padding:75px 24px 120px;}
		.nl_lists {max-width:calc(100% - 494px); margin-right:0;}	
			.nl_lists li .txt_s18cBlack_ellipsis {margin-right:20px;}
		.nl_box li {width:150px;}
		
	.aside_banner {width:130px;}

	.col_thumbnail .img_w .thumb_img.book .img_book_w {width:calc(100% - 24px); height:calc(100% - 32px); padding:0 16px;}
        .col_thumbnail .img_book {position:relative; max-width:100%; min-width:100%;}
            .col_thumbnail .img_w img {height:100%;}
	
	/* 학습 */
	.contBox_study {padding:50px 24px 0;}
		.contBox_study .contWrap_lists {padding:30px 0 0;}
			.top_slct_wA {height:40px;}
				.top_slct_wA .sw_right {padding-top:0;}
				
	.contBox_study .tab_wrap_line, .st_social_lists {padding:0;}
	.social .srchBox_gray {width:calc(100% - 32px); margin:0 auto; margin-bottom:30px;}
	
	/* 과정상세 */
	.tab_wrap_dtab .tab_list.active .btn_tab {background:#fff;}
		.tab_wrap_dtab .tab_list.active .btn_tab .txt_s15 {color:#A86EFE; font-weight:700;}
	
	/* 마이페이지 */
	[class^="box_Gline"] > [class^="tit_"] {font-size:1.125rem;}
	.btn_tab .txt_s16 {font-size:1rem;}
	
	/* 푸터 */
	.footer.main .f_inner, .f_inner {width:100%; max-width:100%; padding:35px 32px 52px;}
		.f_inner .logo_area {left:0;}
		.fi_links_w {right:20px;}

}

/* 큰 태블릿 (가로모드) */
@media screen and (min-width:1366px) and (max-width:1536px) {
	.logo_area {left:32px;}
	.typeFix {flex-direction:row;}

	[class^="topinfoBox"] {width:calc(100% - 48px); margin:0 auto;}
	.tab_wrap_discover, .tc_opt_w {padding:0 24px;}
	.tc_opt_w {padding-bottom:30px;}
}

@media screen and (min-width:1024px) and (max-width:1200px) {
	/* .gnb_warp ul {display:none;}
	.btnIcon_menu {display:block;} */

	.gnb_warp ul li .txt_s20cBlack {font-size:1.125rem;}

	.gbtn_w.primary button {font-size:0;}
		.gbtn_w {padding:6px 18px 7px;}
		.gbtn_w .txt_s16cWhiteFS {font-size:0.875rem;}
		.gbtn_w [class^="icon"] {margin:0;}
}

/* 태블릿 */
@media screen and (min-width: 768px) and (max-width: 1023px) {
	.mgm_box_menu {padding:0;}

}

/* 모바일~태블릿 */
@media screen and (min-width:100px) and (max-width:1023px) {
	.link_menuIcon.active [class^="txt_"] {color:#A86EFE;}
	
	.h_inner, .f_inner, .visual_metaverse, [class^="mti_"], .mn_inner {width:100%; max-width:100%;}
	[class^="mti_"]:not(.mti_tit_w, .mti_status_w) {border:0;}

	/* 헤더 */
	.header, .h_inner {height:58px;}
	.header.sub, .header.sub .h_inner {height:60px;}	
		.h_inner {padding-left:175px; border-bottom:1px solid #e6e6e6;}
		.logo_area {width:169px; left:18px;}
		.gnb_warp ul, .gnb_warp .gbtn_w {display:none;}
		.gnb_warp .gbtn_w {height:34px; padding:8px 14px 10px;}
			.gnb_warp .gbtn_w .btnTools {display:block; color:#fff; font-size:0.75rem;}
			.gnb_warp .btnTools_layer {display:none; position:absolute; top:40px; left:0; padding:8px 17px 12px; background:#fff; box-shadow:0 2px 10px 0 rgba(0, 0, 0, 0.3); border-radius:12px;}
				.gnb_warp .btnTools_layer button {color:#000; font-size:0.75rem; font-weight:400;}
				.gnb_warp .gbtn_w button + button {display:block; margin:19px 0 0 0;}
				.gnb_warp .gbtn_w button + button:before {top:-10px; left:0; width:100%; height:1px; margin-top:0; background:#e6e6e6;}
				.gnb_warp .btnTools_layer button span {display:none;}

		.btnIcon_menu {display:block;}
		
	/* 모바일 전체 메뉴 */
	.mgm_box_menu {background:#A86EFE; border:0;}
		.hi_menu_wrap .btnIcon_close {top:15px; right:10px; background-image:url('../../images/common/btn_close_white.png'); background-size:30px auto;}
		.hi_menu_wrap .gbtn_w {width:calc(100% - 32px); height:60px; margin:15px auto; padding:7px 25px;}
		.gbtn_w.flex {display:flex; align-items:center; justify-content:space-between; background:none; padding:0;}
		    .gbtn_w.flex button {width:100%; background:linear-gradient(to right, #9050ee 0%, #775af3 100%); border-radius:7px;}
			.gbtn_w.flex button + button {margin-left:7px;}
			.gbtn_w.flex button + button:before, .gbtn_w.flex button br {display:none;}				 
		.mgm_box_menu .gbtn_w.primary {display:flex; height:75px; margin:0;}
			.gbtn_w.primary button {padding:0;}
			.gbtn_w.primary button:hover {background:none;}
			.gbtn_w.primary button + button {margin:0 0 0 33px;}
			.gbtn_w.primary button + button:before {top:50%; left:-16px; width:1px; height:10px; margin-top:-5px;}
				.gbtn_w [class^="icon"] {height:16px;}

		.hi_menu_wrap .btnTools_layer {display:flex; justify-content:space-between;}
			.hi_menu_wrap .btnTools_layer button {width:50%; font-size:1rem;}
			.acodian_gnb {border-top:1px solid #eee;}
			.acodian_gnb .a_context {padding:5px 19px; background:#f9f9f9;}
				.a_context, .btn_a_toggle {border-color:#eee;}
				.btn_a_toggle:after {background-image:url('../../images/common/btn_toggle_down_dark.png');}
				.btn_a_toggle.active:after {background-image:url('../../images/common/btn_toggle_down_dark.png'); transform:rotate(180deg);}
				.hm_conts .a_context li a {display:block; padding:10px 0;}
					.hm_conts .a_context .txt_s14cBlack {display:block; font-weight:400;}
			.btn_a_toggle .txt_af_head {font-size:1rem; font-weight:700;}

	/* 로그인 */
	.container_login .content {background:#fff;}		

	/* 학습 */	
	.tab_wrap_navTap .btn_tab.active {background:unset;}
		.exp_navTap .tabmenu_default .btn_tab.active .txt_s16 {color:#A86EFE;}
		.exp_navTap .tabmenu_default .btn_tab.active:before {background:#A86EFE;}
	
	.table_wrap_stContents tr {min-height:unset;}
		.table_wrap_stContents .thumbnail_col {height:unset;}
		
	/* 과정상세 */
	.tab_wrap_dtab .tab_list.active .btn_tab {background:#fff;}
		.tab_wrap_dtab .tab_list.active .btn_tab .txt_s15 {color:#A86EFE; font-weight:700;}

    .mypage .my_profile_w .tc_info {flex-direction:row; flex-wrap:wrap;}
}

/* 태블릿 */
@media screen and (min-width:768px) and (max-width:1023px) {
	.h_inner, .footer.main .f_inner, .visual_metaverse, [class^="mti_"], .mn_inner {width:100%; max-width:100%;}
	
	.main_notice_w {padding:75px 16px;}
		.notice_lists {flex-direction:column;}
			.nl_lists {display:flex; flex-direction:column; justify-content:space-between; max-width:100%; margin:0 0 42px 0;}
				.nl_lists li .txt_s18cBlack_ellipsis {margin-right:30px;}
		.nl_box {}
			.nl_box li {width:100%; height:unset;}			
				.nl_box li a {padding:60px 15px 15px;}
					.nl_box a > [class^="icon_"] {position:absolute; top:15px; left:50%; width:30px; height:30px; margin-left:-15px;}
					.nl_box li .txt_s16FS {margin-bottom:3px;}
						.nl_box li .txt_s16FS br {display:none;}

	/* 메인 */
	.visual_metaverse {padding:120px 16px 31px;}
		.visual_metaverse img {right:16px; max-width:100%; height:377px; z-index:0;}
		.visual_metaverse h1 {position:relative; padding:0 0 19px; font-size:3.125rem; letter-spacing:-1px; z-index:3;}
		.visual_metaverse h4 {position:relative; font-size:1.25rem; letter-spacing:-1px;}

	.mti_contents_w {flex-direction:column; margin-top:75px; padding:0 16px;}		
		.mc_comp {flex-direction:column; margin-top:15px; padding:15px;}
		.mc_study {width:100%; margin:30px 0 0 0;}
			.mc_study h4 {font-size:1.25rem;}
			.mc_study .col_thumbnail {padding-left:240px;}

	.mti_tit_w {margin-left:16px;}
	.mti_recommd_w {margin:75px 0;}
		.mti_recommd_w .slick-list {padding-left:16px;}
			[class^="mti_"] .slider_list + .slider_list {margin-left:22px;}
				.thumbSlider_recomd [class^="thumbnail_"] {width:270px;}					
					[class^="thumbnail_"] .inp_chk_like {bottom:15px; right:13px;}	
					/* .cwl_list [class^="thumbnail_"] .inp_chk_like {bottom:auto; top:12px;}				 */
					[class^="mti_"] .thumb_img {height:150px;}
					.thumb_cont {padding:20px 16px;}
	
	.aside_banner {display:flex; align-items:center; justify-content:space-between; position:relative; top:auto !important; right:auto; margin:0 auto; margin-top:40px; width:calc(100% - 32px); padding:35px 40px;}
	.aside_banner.status {position:relative; width:calc(100% - 32px); margin-top:30px; padding:30px;}	
		.aside_banner .mp_top {display:block; align-items:center; margin-right:80px; padding-bottom:0;}
			.aside_banner .txt_s18cBlackFS {margin:0 0 0 16px;}
				.aside_banner .txt_s18cBlackFS br {display:none;}
		.aside_banner ul {display:flex; align-items:center; justify-content:space-between; flex:1;}
			.aside_banner li + li {padding:0;}
				.aside_banner li a {display:flex; flex-direction:column; justify-content:space-between; text-align:center;}						
					.aside_banner li .txt_s14cDGray6 {padding-bottom:10px; font-size:1rem;}
					.aside_banner li .txt_s20cBlackFS {font-size:1.125rem;}

	
	.typeFix {flex-direction:column;}
		.visual_metaverse.typeFix {padding-top:25px;}
		.typeFix > div {margin:0;}
			.typeFix .mc_comp {margin-top:20px;}
		.typeFix video {width:100%; margin-top:20px;}
		
		.box_scroll {width:100%; margin-top:20px; overflow-x:auto;}
			.box_scroll .mc_comp {display:flex; flex-direction:row; align-items:center; justify-content:flex-start; width:100%; margin:0;}
				.box_scroll .mc_comp > div {display:flex; align-items:center;}
				.box_scroll .mc_comp > div + div {margin:0 16px 0 30px; padding:0;}
					.box_scroll .mc_comp .txt_s16 {flex:1; padding:0 20px 0 0; font-size:0.75rem; color:#666; white-space:nowrap;}
					.box_scroll .mc_comp .txt_s16:before {display:block; top:3px; right:10px; width:1px; height:12px;}		
								
	.instudy_wrap {width:100%;}
		.instudy_wrap .mc_study {padding:25px 0 25px 25px; border-radius:0;}
			.instudy_wrap .thumbSlider_instudy .slider_list {width:calc((100vw - 60px) / 3); margin-right:20px;}
				.instudy_wrap .mc_study .col_thumbnail {padding-left:0;}
					.instudy_wrap .col_thumbnail .img_w {position:relative; top:auto; left:auto; width:100%; margin-bottom:8px;}
					
	/* 학습 */
	.tab_list .txt_s20 {font-size:1.125rem;}
	
	/* 마이페이지 */
	.btn_tab .txt_s16 {font-size:1rem;}

	/* 푸터 */
	.fi_links_w {right:0;}
}

/* 모바일 */
@media screen and (min-width:100px) and (max-width:767px) {
	/* 로그인 */
	.fbl_info {height:100%; padding:0;}
	.fl_guide {left:0; width:100%; margin-top:0;}

	/* 메인 */
	.mn_img_w {overflow-y:auto;}

	.visual_metaverse {padding:170px 16px 31px;}
		.visual_metaverse img {right:-18px; max-width:100%; height:277px; z-index:0;}
		.visual_metaverse h1 {position:relative; padding:0 0 19px; font-size:3.125rem; z-index:3;}
		.visual_metaverse h4 {font-size:1rem; letter-spacing:-1px;}

	.typeFix {flex-direction:column; padding:25px 0 30px;}
		.typeFix > div {margin:0;}
			.visual_metaverse h1.tit_s76, .visual_metaverse h4.txt_s22 {padding-left:16px; padding-right:16px;}
			.visual_metaverse h1.tit_s76 {font-size:2.063rem;}
			.visual_metaverse h4.txt_s22 {font-size:0.875rem;}
		.typeFix video {border-radius:0; width:100%; height:auto;}

		.box_scroll {width:100%; margin-top:20px; overflow-x:auto; border:1px solid #e2e2e2;}
			.box_scroll .mc_comp {display:flex; align-items:center; justify-content:flex-start; width:480px; margin:0; border-radius:0;}
				.box_scroll .mc_comp > div {display:flex; align-items:center;}
				.box_scroll .mc_comp > div + div {margin:0 16px 0 30px; padding:0;}
					.box_scroll .mc_comp .txt_s16 {flex:1; padding:0 20px 0 0; font-size:0.75rem; color:#666; white-space:nowrap;}
					.box_scroll .mc_comp .txt_s16:before {display:block; top:3px; right:10px; width:1px; height:12px;}
					.box_scroll .mc_comp div img {height:20px;}

		.box_scroll {-ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */}
		.box_scroll::-webkit-scrollbar {display: none; /* Chrome, Safari, Opera*/}

	.mti_contents_w {flex-direction:column;}
		.mc_video {flex-direction:column-reverse; width:100%;}
			.mc_video iframe {min-height:unset; height:auto; margin-bottom:0; aspect-ratio:16 / 9; border-radius:0;}
			.mc_video video {border-radius:0;}
		.mc_comp {display:block; padding:0 20px 40px; border:0;}
			.mc_comp div {display:block;}
			.mc_comp div + div {padding-top:14px;}
				.mc_comp .txt_s16 {padding-bottom:10px;}
				.mc_comp .txt_s16:before {display:none;}
				.mc_comp div img + img {margin-left:10px;}
		.mc_study {min-width:100%; width:100%; margin:30px 0 0 0; padding:30px 16px; border-radius:0;}
			.mc_study h4 {padding-bottom:20px; font-size:1.125rem;}
				.mc_study ul li {height:80px;}
				.mc_study ul li + li {margin-top:15px;}
				.mc_study ul li.noData {height:unset; padding:30px 0;}
					.mc_study ul li.noData .txt_s14cBlack {font-size:0.875rem; color:#666;}
					.col_thumbnail {padding-left:153px;}
						.col_thumbnail > [class^="txt_s14"] {top:-5px; margin-bottom:0; padding:1px 6px 0; font-size:0.625rem;}
						.col_thumbnail .img_w {width:143px; height:80px;}
						.col_thumbnail .ct_state {padding-top:0;}
							.col_thumbnail .ct_state [class^="txt_"] {font-size:0.75rem;}
							.col_thumbnail .ct_state p + p {margin-top:-8px;}
						.col_thumbnail div p span:first-child {width:45px;}
						.col_thumbnail div p span:first-child:before {right:-3px; height:10px;}

	.instudy_wrap {width:100%;}
		.instudy_wrap .mc_study {padding:25px 0 25px 16px;}
			.instudy_wrap .mc_study h4 {font-size:1.125rem; font-weight:500;}
			.thumbSlider_instudy .slider_list {width:calc(100vw - 32px); margin-right:10px;}
			.thumbSlider_instudy .slider_list + .slider_list {margin-right:10px;}

				.thumbSlider_instudy .slick-prev {right:50px;}
				.thumbSlider_instudy .slick-next {right:16px;}				.thumbSlider_instudy .txt_s16cBlack_ellipsis {position:relative; top:-5px;}				
				.thumbSlider_instudy .col_thumbnail .ct_state {margin-top:-5px;}

	.aside_banner {display:flex; align-items:center; justify-content:space-between; position:relative; top:auto !important; right:auto; margin:0 auto; margin-top:40px; width:calc(100% - 32px); padding:20px 25px;}
	.aside_banner.status {position:relative; width:calc(100% - 32px); margin-top:30px;}
		.aside_banner .mp_top {min-width:100px; margin-right:30px; padding-bottom:0;}
			.aside_banner .txt_s18cBlackFS {font-size:0.875rem;}
		.aside_banner ul {flex:1;}
			.aside_banner li + li {padding-top:7px;}
				.aside_banner li a {display:flex; align-items:baseline; justify-content:space-between;}
					.aside_banner li .txt_s14cDGray6 {padding-bottom:0;}
					.aside_banner li .s16 {font-size:0.875rem;}

	.mti_recommd_w {margin:50px 0 !important;}
		.thumbSlider_recomd .slick-prev, .thumbSlider_recomd .slick-next {top:-30px; width:38px; height:38px;}
		.thumbSlider_recomd .slick-next {right:16px;}
		.thumbSlider_recomd .slick-list {padding-left:16px;}
		[class^="mti_"] .slider_list + .slider_list {margin-left:11px;}
			.thumbSlider_recomd [class^="thumbnail_"] {width:166px; padding-bottom:0;}
				[class^="thumbnail_"] .inp_chk_like {top:10px; right:10px; min-width:32px; height:30px; padding:5px; border-radius:6px; }
				/* [class^="thumbnail_"] .inp_chk_like .icon_heart {background-image:url('../../images/common/icon_wheart_line.png');}
					.cwl_list [class^="thumbnail_"] .inp_chk_like {bottom:20px; right:10px;}  */
					[class^="mti_"] .inp_chk_like .icon_heart, [class^="mti_"] .inp_chk_like input[type="checkbox"]:checked + .icon_heart:before {width:16px; height:32px; background-size:16px auto;}
					.inp_chk_like input[type="checkbox"]:checked + .icon_heart, .inp_chk_like input[type="checkbox"]:checked + .icon_heart:before,
					.study_apply_w .inp_chk_like input[type="checkbox"]:checked + .icon_heart:before, .sr_wrap .inp_chk_like input[type="checkbox"]:checked + .icon_heart:before {width:16px; background-size:16px auto;}
					.study_apply_w .inp_chk_like input[type="checkbox"]:checked + .icon_heart + .txt_s16cLGray, .sr_wrap .inp_chk_like input[type="checkbox"]:checked + .icon_heart + .txt_s16cLGray {color:#A86EFE;}
					.tb_list .inp_chk_like input[type="checkbox"]:checked + .icon_heart,
					.cwl_list .inp_chk_like input[type="checkbox"]:checked + .icon_heart, .cwl_list .inp_chk_like input[type="checkbox"]:checked + .icon_heart:before {width:20px; background-size:20px auto;}
					[class^="mti_"] .inp_chk_like .icon_heart {margin-left:-8px; margin-bottom:-8px;}
				.thumb_img .btnIcon_rec {top:53px; right:18px;}
			[class^="mti_"] .thumb_img {height:93px; border-radius:5px 5px 0 0;}		
			[class^="mti_"] .thumb_img:before {display:none;}
			[class^="mti_"] .thumb_cont {padding:12px 10px;}
			.tc_top [class^="txt_"] {margin-bottom:4px; padding:1px 7px 0 !important; font-size:0.625rem; height:auto !important;}

			.tc_info {flex-direction:column; align-items:flex-start; padding-top:6px;}
			.my_profile_w .tc_info {flex-direction:row;}
			.tr_list .tc_info {flex-direction:row;}
				.tc_info .txt_s14cLGray {font-size:0.75rem;}
			.tc_info_r {margin:4px 0 0 0;}
				.tc_info_r [class^="txt_"] {padding-left:20px; background-size:14px auto;}
			.mti_tit_w {padding-bottom:15px;}
				.mti_tit_w .tit_s26cBlackFS, .mn_inner > a {font-size:1.25rem;}
				.mti_tit_w .tit_s26cBlackFS {padding-right:10px;}
				.mn_inner > a {margin-bottom:19px;}

		.thumb_cont [class^="tit_"] {max-width:100%;}

	.main_notice_w {padding:30px 16px;}
		.notice_lists, .nl_box {flex-direction:column;}
			.nl_lists {width:100%; max-width:100%;}
				.nl_lists li a {position:relative; display:block; padding:14px 0 14px 60px;}
					.nl_lists li a [class^="txt_s18"] {font-size:0.875rem;}
					.nl_lists li .txt_s18cBlack_ellipsis {width:100%; max-height:3em; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; white-space:pre-line;}
					.nl_lists li .txt_s14cLGray {position:absolute; top:14px; left:5px; margin-right:0; padding:4px 11px 2px; font-size:0.75rem;}
			.nl_box {margin-top:30px;}
				.nl_box li {width:100%; height:unset;}
				.nl_box li + li {margin:14px 0 0 0;}
					.nl_box li a {display:flex; align-items:baseline; padding:20px 16px 20px 90px; text-align:left;}
						.nl_box a > [class^="icon_"] {position:absolute; top:50%; left:30px; width:36px; height:36px; margin-top:-18px;}
						.nl_box li [class^="txt_"] br {display:none;}	

	.col_thumbnail .img_w .thumb_img.book .img_book_w {padding:0 13px;}
						
	/* 로그인 */				
	.flb_full .btn_primaryh66 {background:#A86EFE;}

	/* 탐색 */	
	.contBox.ty2 {padding-top:0;}
		.contBox.ty2 .tabmenu_line {border-top:0;}
			.tab_list .txt_s20 {font-size:1rem;}
			.tab_list .txt_s16 {font-size:0.875rem;}
			
	/* 학습 */
	.table_wrap_stContents .thumb_cont .tc_info + .txt_s14cLGray {min-height:14px; font-size:0.75rem;}	
	.topinfoBox_study .tib_inner {padding-left:0;}
	
	/* face */
	.formGroup_calendar .inp_txt_calendar {width:calc(100% - 200px);}
	.formGroup_calendar [class^="custom_select_"] {width:calc(((100% - 170px) - 33px) / 2);}

	/* 푸터 */
	.footer {display:block;}
		.footer.main .f_inner {position:relative; width:100%; max-width:100%; margin-bottom:64px; padding:26px 23px 30px 68px;}
			.f_inner .logo_area {position:absolute; top:79px; left:20px;}
			.fi_txt_w [class^="txt_cBlack"] {font-size:0.75rem;}
			.f_link_list .link_cGray {font-size:0.75rem;}

	/* 팝업 */
	.pop_header {background:#A86EFE;}
	.apply_contain {max-height:unset; padding-top:0;}
		.apply_contain .inp_chk_agree {margin-bottom:10px;}
			.apply_contain [class^="txt_"] {font-size:0.875rem;}
}