@charset "utf-8";

.container {position:relative;  background-color:#e8e8e8;}
	.visual_main  {height:640px; background-color:#fff;}
		.vm_big_w {position:relative; width:100%; height:640px; }
			.vmb_lists_w {overflow:hidden; width:100%; height:640px;}
				.vmb_list {float:left; width:100%; height:640px;}
					[class^="vm_cont"] {position:relative; width:100%; height:640px; background-repeat:no-repeat; background-position:center center;}
						[class^="slogan"] {margin:0 auto; padding-top:206px; width:1140px;}
							[class^="sg"] {display:inline-block; overflow:hidden; position:relative; padding:10px 20px; }
								[class^="sg"]:after {display:block; content:''; position:absolute; left:0; top:0; z-index:0; width:100%; height:70px; background-color:#02a5b1; opacity:0.7;}
								[class^="txt_sg"] {position:relative; z-index:1; font-size:50px; font-weight:100; color:#fff; line-height:1;}									
									.txt_sg_sm {font-size:30px;}
					.vm_cont_01 {background-image:url('../images/main/KV_main_01.png');}
					.vm_cont_02 {background-image:url('http://placehold.it/1920x640/333');}
					.vm_cont_03 {background-image:url('http://placehold.it/1920x640/666');}
					.vm_cont_04 {background-image:url('http://placehold.it/1920x640/888');}

			/*.vm_ctr_w {  }*//*2024-01-30*/
				.vm_ctr_w [class^="btn_icon"] {width:60px; height:60px; background-repeat:no-repeat; background-position:center center;border-radius:50%;background-color:rgba(0,0,0,0.5);}/*2024-01-25*/
				.vm_ctr_w [class^="btn_icon"]:disabled {opacity:0.5; background-color:rgba(0,0,0,0.5);}/*2024-01-25*/
				.vm_ctr_w .btn_icon_vmPrev {margin-right:15px; background-image:url('../images/common/icon_arrow_left_off.png');margin-left:-530px;left:50%;  top: 60%;    position: absolute;    transform: translate(-50%);}/*2024-01-30*/
				.vm_ctr_w .btn_icon_vmPrev:hover, .vm_ctr_w .btn_icon_vmPrev.active {background-image:url('../images/common/icon_arrow_left_on.png');}
				.vm_ctr_w .btn_icon_vmNext {margin-left:15px; background-image:url('../images/common/icon_arrow_right_off.png'); margin-left:540px;  z-index:10; top: 60%; left: 50%;   position: absolute;    transform: translate(-50%);}/*2024-01-30*/
				.vm_ctr_w .btn_icon_vmNext:hover, .vm_ctr_w .btn_icon_vmNext.active {background-image:url('../images/common/icon_arrow_right_on.png');}
				.vm_ctr_w .btn_icon_vmPause {background-image:url('../images/common/icon_pause_off.png');display:none}/*2024-01-25*/
				.vm_ctr_w .btn_icon_vmPause:hover {background-image:url('../images/common/icon_pause_on.png');}
				.vm_ctr_w .btn_icon_vmPlay {display:none; background-image:url('../images/common/icon_play_off.png');display:none}/*2024-01-25*/
				.vm_ctr_w .btn_icon_vmPlay:hover {background-image:url('../images/common/icon_play_on.png');}
			
			.vm_indicator_w {position:absolute; left:50%; top:562px; z-index:2; margin-left:-178px; height:116px; right:300px;display:none!important} /*2024-01-25*/
				.vmi_list {float:left; margin-left:2px; margin-bottom: 5px;}
					.link_vmi {padding:15px; width:174px; height:116px; text-align:left; background-color:#fff; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.22); box-sizing:border-box;}
						.link_vmi .txt_fBarSb_cBlue {display:block; padding-bottom:5px; border-bottom:2px solid #b8b8b8; font-size:16px;}
						.link_vmi .txt_cont03_cDarkgray1 {margin-top:5px;}
					.link_vmi:hover {text-decoration:none;}
						.link_vmi:hover .txt_cont03_cDarkgray1 {text-decoration:underline;}
					.link_vmi.active {} 
						.link_vmi.active .txt_fBarSb_cBlue {border-color:#02a5b1;}
		
		.vm_big_w.eng img {width:100%; height:100%;}
        .visual_main .lSSlideOuter .lSPager.lSpg {position: absolute;    left: 50%;    bottom: 20px;    transform: translateX(-50%);}/*2024-01-25*/
	.visual_main2  {background:#e8e8e8;}
	
	.mebers_box {overflow:hidden; position:absolute; left:50%; top:502px; margin-left:-570px; width:1140px; height:197px;display:none!important} /*2024-01-25*/
		.mebers_box .bg {display:block; position:absolute; left:0; top:0; z-index:0; width:945px; height:197px; background-color:#02a5b1; opacity:0.7;}
		.mebers_box .mb_info {position:relative; z-index:1; padding:10px 20px; width:394px; box-sizing:border-box;}
			.mebers_box .tit_fBarSb_cWhite {font-size:16px;}
				/*.mebers_box .txt_fTul_cWhite {position:relative; display:block; font-size:170px; line-height:1;}*/
				.mebers_box .txt_fTul_cWhite {position:relative; display:block; font-weight:100; font-size:105px; letter-spacing:-8px;}
	
	[class^="main_section"] {margin-top:50px; width:100%; min-width:1140px;} /*2024-01-25*/
		.ms_inner {position:relative; margin:0 auto; padding-top:60px; width:1140px;}
			.ms_inner .tit_main_cDarkgray1 {position:absolute; left:0; top:0; font-weight:400;}
				.msi_header {position:absolute; left:0; top:0; width:1000px;}
					.msi_header .tit_main_cDarkgray1 {position:relative; vertical-align:middle;}
					.msi_header .msi_btn_w {display:inline-block; margin-left:15px; vertical-align:middle;}
						.msi_header .msib_lists_w {display:block; letter-spacing:-5px;}
							.msi_header .msib_list {display:inline-block; margin-left:5px; letter-spacing:-1px;}
							.msi_header .msib_list:first-child {margin-left:0;}
								.msi_header .btn_keyword {padding:5px 15px; height:30px; border:1px solid #b8b8b8;}
									.msi_header .btn_keyword .txt_btn_name {font-size:12px;}
			.ms_slider_controls {position:absolute; top:0; right:0; letter-spacing:-5px;}
				.ms_slider_controls [class^="btn_icon"] {width:50px; height:50px; background-repeat:no-repeat; background-position:center center; letter-spacing:-1px;}
				.ms_slider_controls [class^="btn_icon"]:hover {background-color:#8f8f8f;}
				.ms_slider_controls [class^="btn_icon"]:disabled {background-color:transparent;}
				.ms_slider_controls [class^="btn_icon"] + [class^="btn_icon"] {margin-left:20px;}
				.ms_slider_controls .btn_icon_prev {background-image:url('../images/common/icon_slideLeft_off.png');}
				.ms_slider_controls .btn_icon_prev.active {background-image:url('../images/common/icon_slideLeft_on.png');}
				.ms_slider_controls .btn_icon_next {background-image:url('../images/common/icon_slideRight_off.png');}
				.ms_slider_controls .btn_icon_next.active {background-image:url('../images/common/icon_slideRight_on.png');}
				.ms_slider_controls .btn_icon_more {background-image:url('../images/common/icon_more_view.png');}

			.ms_slider_w {width:100%; height:360px;}
				.mss_lists_w {position:relative; left:-25px; height:360px;}
					.mss_list {float:left; height:360px; box-sizing:border-box;}
						.mss_list [class^="thumbnail_"], .mss_list [class^="thumbnail_big"] {margin-left:25px; }
							.mss_list [class^="thumbnail_"] .thum_cont, .mss_list [class^="thumbnail_big"] .thum_cont {border:0;}
						
				
				.msSlider_lists_w {height:360px;}
					.msSlider_list {float:left; height:360px;}
						.msSlider_list .mss_lists_w {width:1165px;}
							.msSlider_list .mss_list {margin-left:25px;}
								.msSlider_list .mss_list [class^="thumbnail_"] {margin-left:0;}

	[class^="main_section"] + [class^="main_section"] {margin-top:40px;}

	[class^="main_section_white"] {margin-top:45px; padding:50px 0; background-color:#fff; }
		[class^="main_section_white"] .ms_inner {min-height:272px;}
			[class^="main_section_white"] .ms_inner:before {display:block; content:''; position:absolute; left:0; top:0; width:945px; height:324px; background-color:#02a5b1;}
			[class^="main_section_white"] .ms_inner .tit_main_cWhite {position:absolute; left:15px; top:5px; font-weight:400;}
			
			[class^="main_section_white"] .ms_slider_w {padding-left:194px; height:232px; box-sizing:border-box;}
				.link_talk {position:relative; margin-left:25px; padding:60px 30px 15px 30px; width:460px; height:232px; background-color:#f6f6f6; box-sizing:border-box;}
					.link_talk .tit_question_cBlue {position:absolute; left:30px; top:20px; font-size:22px;}
					[class^="main_section_white"] .link_talk .txt_question_cDarkgray2 {width:100%; /*padding-bottom:25px; border-bottom:4px solid #02a5b1;*/ font-size:22px;}
					.link_talk .txt_cont02_cDarkgray2 {margin-top:15px;}
				.link_talk:hover {text-decoration:none;}
					.link_talk:hover .txt_question_cDarkgray2 {text-decoration:underline;}
					
				.link_talk + .se_component {display:none;}
				
	[class^="main_section_white"] + .main_section_banner {margin-top:0;}
	.main_section_banner {overflow:hidden; background-color:#efefef;}
		.main_section_banner .ms_inner {padding:55px 0; overflow:hidden;}
			[class^="msb_box"] {position:relative; float:left; width:266px; height:128px; padding:20px; background:#fff; border-top:8px solid #be9669; box-sizing:border-box;}
				[class^="msb_box"] + [class^="msb_box"] {margin-left:25px;}
				[class^="msb_box"] a {color:#333;}
					.msb_box .msb_tit {font-size:22px; font-weight:700;}				

			.msb_box_big {width:412px;}
				.msb_box_big .msb_tit {float:left; width:50%; color:#333; font-size:16px; font-weight:700;}
				
				.msb_list_w {position:absolute; top:12px; right:20px; overflow:hidden;}
					.msb_list_w .msb_list {min-width:90px; border-bottom:1px solid #be9669; padding:0 5px 5px 5px; box-sizing:border-box;}
						.msb_list_w .msb_list + .msb_list {margin-top:5px;}
						.msb_list_w .msb_list a {font-size:13px; color:#363636}
							.msb_list_w .msb_list a:hover {text-decoration:none; color:#be9669;}

			.mci_lists_w {clear:both; padding:50px 20px 0; overflow:hidden;}
				.mci_lists_w .mci_list {float:left;}
					/*.mci_lists_w .mci_list + .mci_list {padding-left:125px;}*/
					/*.mci_lists_w .mci_list + .mci_list {padding-left:90px;}*/
                    .mci_lists_w .mci_list + .mci_list {padding-left:68px;} /*2023-04-08 추가*/
		

	/* 학습현황 */
	.main_section_studyStatus {margin-top:0; padding:50px 0 65px 0; background-color:#fff; box-shadow:0 4px 5px 0 rgba(0, 0, 0, 0.12);}
		.main_section_studyStatus .ms_inner {}
			.msss_a_link {position:absolute; top:20px; right:0;}
		.main_section_studyStatus .mss_lists_w {left:0;}

			.ms_studyStatus {overflow:hidden; width:100%; border-width:1px 0; border-style:solid; border-color:#b8b8b8;}
				[class^="ms_status"] {float:left; padding:0 10px; width:380px; box-sizing:border-box;}
					[class^="ms_status"] .tit_status_cDarkgray2 {display:block; padding:10px 0; border-bottom:1px solid #b8b8b8; font-size:16px; text-align:center;}
					[class^="ms_status"] .mss_info {position:relative; padding:12px 0; width:100%; height:200px;}
						[class^="ms_status"] .mss_info:before {display:block; content:''; position:absolute; left:-10px; top:12px; width:1px; height:200px; background-color:#d8d8d8;}
						[class^="ms_status"] .mss_chart {position:absolute; left:10px; top:22px; width:160px; }
							[class^="ms_status"] .mssc_inner {position:relative; width:100%; height:156px;}
								
								[class^="ms_status"] .level_w {position:absolute; left:0; top:0; z-index:1; width:100%; height:156px; box-sizing:border-box; text-align:center; letter-spacing:-5px;}
									[class^="ms_status"] .level_w .align_maker {width:0; height:156px;}
									[class^="ms_status"] .level_w .txt_status_cDarkgray2 {position:relative; left:-2px; font-size:18px; letter-spacing:-1px; vertical-align:middle; }
								
								[class^="ms_status"] .guide_status_w {position:absolute; bottom:15px; left:10px; width:156px; text-align:center;}
									[class^="ms_status"] .guide_status_w .txt_status_cDarkgray2 {font-size:12px;}
									[class^="ms_status"] .btn_txtIcon_level {min-width:0; height:auto; padding:5px 23px 5px 2px; } 
									[class^="ms_status"] .btn_txtIcon_level:hover {box-shadow:none;}
										[class^="ms_status"] .btn_txtIcon_level .txt_btn_name {font-size:12px; color:#333;}
										[class^="ms_status"] .btn_txtIcon_level .icon_guide {position:absolute; right:0; top:50%; margin-top:-7px; width:17px; height:17px; background-image:url('../images/main/icon_guide.png');}

								[class^="ms_status"] .mssc_inner .c100 {float:none; margin:0; background-color:#b8b8b8; font-size:156px; }
									[class^="ms_status"] .mss_chart .c100:after {top:0.04em; left:0.04em; width:0.92em; height:0.92em; top:0.04em; left:0.04em; width:0.92em; height:0.92em; background-color:#fff;}
									[class^="ms_status"] .mss_chart .c100 .bar {border-color:#02a5b1; transition: all ease 1s;}

				.ms_status_study {padding:0 10px 0 0;}
					.ms_status_study .mss_info {padding-left:176px;}
						.ms_status_study .mss_info:before {display:none;}

				.ms_status_creator {padding:0 0 0 10px;}

	.main_section_studyStatus + .main_section_studyStatus {padding-top:0;}
	.main_section_studyStatus + [class^="main_section"] {margin-top:55px;} 

	.main_section_studyStatus .ms_slider_w, .main_section_studyStatus .mss_lists_w, .main_section_studyStatus .mss_list {height:174px !important;}

	/* 학습중 */
	.ms_StudyAtive {overflow:hidden;}
		.ms_status_active {width:558px; height:174px; padding:10px 0; border-width:1px 0; border-style:solid; border-color:#b8b8b8;}
			.ms_status_active .thumbnail_colType2 {padding-left:270px; margin-left:0;}
				.ms_status_active .thum_img {width:257px; height:150px;}
					.ms_status_active .thum_img img {height:100%;}
				.ms_status_active .thum_cont {height:150px; padding:0 0 40px 0;}
					.ms_status_active .thumbnail_colType2 .thum_cont .tit_sub02_cDarkgray2 {max-width:85%;}
					.msa_bar_active {padding-top:10px;}
						.msa_bar_active .grap_stick {width:215px;}
						.msa_bar_active .grap_stick,
						.msa_bar_active .grap_stick .gsBar_green {height:6px;}
						.msa_bar_active .txt_percent_cBluefBo {font-size:18px; padding-left:15px;}
						
						.grap_stick {display:inline-block; position:relative; overflow:hidden; height:20px; background-color:#f6f6f6; vertical-align:middle;}
						.grap_stick [class^="gsBar"] {display:inline-block; position:absolute; left:0; top:0; height:20px;}
						.grap_stick .gsBar_green {background-color:#02a5b1;}
					.ms_status_active .btn_blue_small {position:absolute; bottom:0; left:0;}

		.ms_status_active + .ms_status_active {margin-left:24px;}

		.ms_StudyAtive.ty2 .ms_status_active {width:100%;}

	/* 연수결과 조회 */
	.popup_big_trainResult {width:580px; /* margin-left:-290px; */ margin-left:auto; /* margin-top:auto !important; */ transform:translateX(-50%);}
		.pop_content.tresult {text-align:left;}

			.pop_content.tresult .inp_text_bo {width:210px;}
			.pop_content.tresult .inp_text_company {min-width:80px; width:80px;}
				.pop_content.tresult .inp_text_company:after {display:none;}
				.pop_content.tresult .inp_text_company input[type="text"] {padding-right:10px !important;}
			.pop_content.tresult .btn_blue_srch {width:100px; min-width:100px;}
			.pop_content.tresult .inp_selectbox_agency {width:210px;}

			.pop_content.tresult .txt_icon_cDarkgray2 {width:90%; margin:10px 0 0 10px; font-weight:normal;}

			.pop_content.tresult .wrap_form_boreslut {margin-top:30px;}

			.guideBox_tresult {margin-top:50px;}
				.guideBox_tresult .txt_icon_cDarkgray2 {margin-top:0; padding-left:25px; font-size:15px;}
				.guideBox_tresult .context_lists {padding:10px 0 0 25px;}
					.guideBox_tresult .txt_dash_cDarkgray4 {font-size:14px;}


/* 메인 공지 팝업 */
.popup_big_mainNotice {position:absolute; width:350px; /* margin-top:-209px !important; */ top:228px; margin-top:0 !important; margin-left:220px; z-index:600;}
	.popup_big_mainNotice .pop_content {max-height:350px; padding-top:0; overflow-y:auto;}
	.mnoti_list {position:relative; padding:15px 10px; text-align:left; box-sizing:border-box;}		
		.mnoti_list:last-child {padding-bottom:0;} 
		.mnoti_list + .mnoti_list {border-top:1px dotted #c9c9c9;}
		.mnoti_list a {display:block; color:#282828;}
			.mnoti_list a:hover {text-decoration:none;}
			.mnoti_list .icon_noti {display:inline-block; width:35px; height:35px; margin-right:10px; background:url('../images/common/icon_apply.png') no-repeat; vertical-align:middle;}
			.mnoti_list .txt_tit {display:inline-block; width:210px; vertical-align:middle;}

/* 메인 개인정보 업데이트 캠페인 */
.popup_big_mainCampaign {position:absolute; width:350px; margin-left:-175px; z-index:900; top:228px; margin-top:0 !important; }
	.popup_big_mainCampaign .btn_blue_line_join {margin-top:30px;}

/* 고객센터 채팅상담 팝업 */
.popup_big_mainNotice.chat {position:fixed; top:auto; bottom:20px;}
	.popup_big_mainNotice.chat .pop_bottom, .popup_big_mainNotice.chat .pop_bottom [class^="btn_"] {height:40px;}
	.popup_big_mainNotice.chat .pop_bottom [class^="btn_"] {padding:10px 20px;}
	
/* 관심분야 설정 */
.main_section_setInterest {margin-top:55px;}
	.main_section_setInterest .ms_inner {padding-top:0;}
		.ksi_box {box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.22); background:rgba(255,255,255,0.8); padding:35px 10px; text-align:center; box-sizing:border-box;}
			.ksi_box .txt_cont01_cDarkgray1 {line-height:1.87; padding:20px 0 30px;}
			.ksi_box .btn_blue_set {width:160px;}
				.ksi_box .btn_blue_set .txt_btn_name {font-weight:700;}

.main_section_setInterest.ty2 {margin-top:129px;}
	.main_section_setInterest + #inst_form + .main_section_kbiTube {margin-top:65px;}



/******************** 영문 사이트 ********************/
.main_section_pagelink {margin-top:0;}
	.banner_box {width:1140px; height:150px; margin:0 auto; background:#fff; border-top:8px solid #be9669;}
		[class^="bbox_list"] {position:relative; float:left; height:150px; padding:20px; box-sizing:border-box;}
		[class^="bbox_list"] + [class^="bbox_list"]:before {position:absolute; left:-2px; top:0; width:2px; height:130px; background:#be9669; content:'';}
		.bbox_list_englink {width:50%; background:#f4f5f5 url("../images/eng/bg_link01.png") right no-repeat; background-size:contain;}
		.bbox_list_engkbiglance {width:50%; background:#eeeeee url("../images/eng/bg_link02.png") right no-repeat; background-size:contain;}
			[class^="bbox_list"] .bbl_tit {font-size:16px; color:#333; font-weight:700;}
			[class^="bbox_list"] .bbl_down {position:absolute; left:20px; bottom:25px; width:185px;}
				[class^="bbox_list"] .bbl_down a {font-size:13px; color:#363636;}
				[class^="bbox_list"] .bbl_down a:hover {color:#be9669;}
				[class^="bbox_list"] .bbl_down [class^="icon_link_"] {position:absolute; bottom:-5px; right:0;}			
			[class^="bbox_list_eng"] .bbl_down {width:530px;}
			[class^="bbox_list_eng"] .bbl_tit {font-size:22px; color:333;}
			[class^="bbox_list_eng"] .bbl_down a {font-size:14px; color:#363636;}

.main_section_white_news {}
	#newsroom_slider {margin-left:15px;}
	.main_section_white_news .ms_slider_w {padding:10px 0 0 35px;}
	.main_section_white_news .link_talk {margin-left:10px; padding:20px 30px; width:269px;}		
		.main_section_white_news .link_talk .txt_question_cDarkgray2 {height:100px; padding-bottom:0; border-bottom:0; font-size:20px;} 
		.main_section_white_news .link_talk .txt_cont02_cDarkgray2 {padding-top:10px; border-top:4px solid #02a5b1;} 
		.main_section_white_news .link_talk .txt_cont03_cDarkgray3 {position:absolute; bottom:20px; right:30px;}
	.main_section_white_news .ms_slider_controls {top:10px;}

.main_section_programs {margin-top:0 !important; background:#f6f6f6;}
	.main_section_programs .mci_lists_w {padding-top:0;}
		.main_section_programs .mci_lists_w .mci_list + .mci_list {padding-left:108px;}
		.main_section_programs .mci_list {text-align:center;}
			.main_section_programs .mci_list a, .main_section_programs .mci_list [class^="msp_"] {color:#333;}
			.main_section_programs .mci_list .msp_tit {padding:10px 0; font-size:16px; font-weight:700;}

.main_section_help {margin-top:0 !important; padding-bottom:100px; background:#f6f6f6;}
	.main_section_help .bkHelp_w {text-align:center;}
		.bk_msh_w {display:inline-block;}
			.bk_msh_w .bke_list {width:400px; margin-left:0;}
			.bk_msh_w .btn_txtIcon_bkh {padding-top:28px;}
			.bk_msh_w .icon_visit {background:url("../images/eng/link_visit.png") no-repeat;}