@media all and (min-width:1300px) {
	/* 헤더 기타 버튼 1*/
	.header .snsBox {
		display: block !important;
		position: absolute;
		top: 36px;
		right: 160px;
	}
	.footer .snsBox {
		display: none;
	}
}

@media all and (min-width:1200px) {
	
	body {padding:90px 0 0 0; background:#fff;}
	body.display_banner {padding:160px 0 0 0;}

	/* 메인 상단 배너 */
	.sub .main_top_banner {display:none;}
	.main_top_banner {width:100%; height:90px; background:#1b1d2a;}
	.main_top_banner_inner {position:relative; width:1200px; height:100%; margin:0 auto; text-align:center;}
	.main_top_banner_inner img {vertical-align:bottom}
	.main_top_banner_inner .btn_close {position:absolute; top:0; right:0; display:none;}

	/* 헤더 */
	.header {position:fixed; top:0; left:0; width:100%; background:#FFF; z-index:9999; *zoom:1; border-bottom:1px solid #333}
	.header:after {content:""; display:block; clear:both;}
	.header h1 {float:left; width:20%;}
	.header h1 .txt { margin-top:40px; margin-left:5px; display:inline-block}
	.header h1 a {display:block; padding:16px 0 16px 70PX; font-size:16px; color:#fff; text-align:center; letter-spacing:-1px;}
	.header h1 a * {vertical-align:middle;}
	.header_main {float:left; width:100%; padding:0 200px 0 0; /*padding:0 280px 0 0; box-sizing:border-box;*/}

	/* 헤더 메뉴 */
	.header_menu_wrap {display:block !important; float:left; width:60%; margin-top:20px}
	.header_menu {float:left; width:100%}
	.header_menu > li {position:relative; float:left; width:25%; }
	.header_menu > li > a {display:block; padding:27px 0; font-size:16px; color:#333; text-align:center; font-weight:bold;}
	.header_menu > li.active a {border:0;}
	/*
	.header_menu > li.menu01.active > a {background:#faab00; border-color:#faab00;}
	.header_menu > li.menu02.active > a {background:#ee6462; border-color:#ee6462;}
	.header_menu > li.menu03.active > a {background:#8bc958; border-color:#8bc958;}
	.header_menu > li.menu04.active > a {background:#6c85f1; border-color:#6c85f1;}
	.header_menu > li.menu01:hover > a {background:#faab00; border-color:#faab00;}
	.header_menu > li.menu02:hover > a {background:#ee6462; border-color:#ee6462;}
	.header_menu > li.menu03:hover > a {background:#8bc958; border-color:#8bc958;}
	.header_menu > li.menu04:hover > a {background:#6c85f1; border-color:#6c85f1;}*/
	.header_menu .two_depth {position:absolute; top:70px; left:0; width:95%; margin:auto; height:0; overflow:hidden; transition: all 500ms ease-out; text-align:center;border-bottom:1px solid #333; border-left:1px solid #333;border-right:1px solid #333}
	.header_menu .two_depth li a {display:block; padding:15px 0; background:#fff; border-bottom:1px solid #efefef; font-size:14px; color:#555;}
	.header_menu .two_depth li:last-of-type a {border:0;}
	.header_menu > li:hover .two_depth {height:auto;}
	/*
	.header_menu > li.menu01 .two_depth a:hover {background:rgba(250, 171, 0, 0.8); }
	.header_menu > li.menu02 .two_depth a:hover {background:rgba(238, 100, 98, 0.8); }
	.header_menu > li.menu03 .two_depth a:hover {background:rgba(139, 201, 88, 0.8); }
	.header_menu > li.menu04 .two_depth a:hover {background:rgba(108, 133, 241, 0.8); }*/
	
	/* 헤더 기타 버튼 2*/
	.header .snsBox > ul {
		display: inline-flex;
		justify-content: center;
		margin: 0 auto;
		width: 152px;
	}
	.header .snsBox > ul > li {
		width: 32px;
		margin-left: 8px;
	}
	.header .snsBox > ul > li:first-child {
		margin-left: 0;
	}

	/* 헤더 기타 버튼 */
	.header_etc {position:absolute; top:10px; right:70px;}
	.header_etc li.btn_sitemap_open { display:none}
	.header_etc li.btn_sitemap_close {display:none;}
	.header_etc li.newsletter a:hover {}


	/* 푸터 */
	.footer {background:#181818; position:relative}
	.footer .footer_inner {width:1150px; margin:0 auto; padding:25px; overflow:hidden;}
	.footer .footer_logo {margin:10px 0; width:35%}
	.footer .site_info {color:#555; width:35%; float:left}
	.footer .site_info address {margin:0 0 5px 0;}
	.footer .site_info .copyright { margin-top:0px}
	.footer .site_info p { line-height:1.3}
	.footer .site_info p a { color:#555}
	.footer .site_info p a:hover { text-decoration:underline}
	/*.footer .site_info a {display:block; clear:both;}*/
	
	/*푸터 SNS버튼*/
	footer .snsBox > ul {
		width: 100%;
		display: inline-flex;
		justify-content: center;
		margin: 0 auto;
	}

	.footer .top { position:absolute; top:0; right:20px;}
	.footer .familysite { float:left; width:30%; margin-top:10px}
	.footer .familysite > ul > li { float:left; padding-left:20px}
	.footer .catalog {float:left; margin-left:30px; width:20%; background:#242424; height:40px; line-height:40px; color:#fff; text-align:center; font-size:14px; margin-top:10px}
	.footer .catalog a:hover { color:#29a6e8}
	
	.sel_site {  /*background:#181818; color:#29a6e8; height:25px; border:none; padding:3px; text-indent:5px;*/
		-webkit-appearance: none;  /* 네이티브 외형 감추기 */
  		-moz-appearance: none;
  		appearance: none;
  		background: url("https://img.assesta.com/assesta/common/icon_sel_plus.png") no-repeat 95% 50%;
		width:140px;
		padding:10px 0px;
		border:none; 
		color:#29a6e8;
		border-bottom:1px solid #555;
		cursor:pointer;	
		
	}	
		
	/* IE 10, 11의 네이티브 화살표 숨기기 */
	.sel_site::-ms-expand { 
	  display: none;
	}

	/* 뉴스레터 신청 팝업 */
	.newsletters_poppup {width:590px; background:#fff;}
	.popup_close { position:absolute; top:0; right:-60px; font-size:42px; background:#3326d9; color:#fff; text-align:center; width:60px; height:60px; line-height:60px; cursor:pointer}
	.newsletters_poppup .popup_tit {margin:0 0 30px 0; text-align:center; padding:20px 0; background:#2ebfec; font-family:'Nanum Barun Gothic';}
	.newsletters_poppup .popup_tit strong {color:#000;display:block; font-size:36px; font-weight:normal;}

	.newsletters_poppup .popup_tit strong:before {content:''; display:block; width:50px; margin:20px auto ; border-bottom:1px solid #000;}
	.newsletters_poppup .pop_txt { font-size:13px; margin:20px; text-align:center; line-height:1.4}
	.newsletters_poppup .pop_txt .strong { font-size:24px; display:block; margin-bottom:20px}

	.newsletters_poppup .popup_section {padding:0px 25px; margin:0 30px}
	.newsletters_poppup .pop_txt .view_btn { color:#0044FF; text-decoration:underline; margin-bottom:10px}
	/*	
	.newsletters_poppup .popup_tabmenu {overflow:hidden;}
	.newsletters_poppup .popup_tabmenu li {float:left; width:50%; background:#545045; text-align:center; font-size:17px;}
	.newsletters_poppup .popup_tabmenu li a {display:block; padding:15px 0; color:#ccc; font-family:'NanumSquare';}
	.newsletters_poppup .popup_tabmenu li.current {background:#faab00} 
	.newsletters_poppup .popup_tabmenu li.current a {color:#fff;} */
	
	.newsletters_poppup .popup_tabcont_wrap {padding:0px;}		
	.newsletters_poppup .popup_form_layout {overflow:hidden;}
	.newsletters_poppup .popup_form_layout li {width:100%; overflow:hidden;}
	.newsletters_poppup .popup_form_layout li.half {float:left; width:50%;}
	.newsletters_poppup .popup_form_layout li.half:first-of-type {float:left; width:40%; margin:0 4% 0 0;}
	.newsletters_poppup .popup_form_layout li.half:last-of-type {float:left; width:56%;}
	.newsletters_poppup .popup_form_layout li .address {float:left; width:400px;}
	.newsletters_poppup .popup_form_layout label {display:block; float:left; width:70px; padding:7px 0; color:#000; font-weight:bold}
	.newsletters_poppup .popup_form_layout li span {display:inline-block; padding:7px 0;}
	
	.newsletters_poppup .popup_form_layout input[type='text'] {margin:0 0 15px 0; padding:5px; border:1px solid #333;}
	.newsletters_poppup .popup_form_layout select {margin:0 0 15px 0; padding:5px; border:1px solid #ddd; float:right}
	.newsletters_poppup .popup_form_layout select.left {float:none!important}
	.newsletters_poppup .popup_form_layout textarea {margin:0 0 15px 0; padding:5px; border:1px solid #ddd;}
	.newsletters_poppup .popup_form_layout input[type='file'] {height: 20px}
	.newsletters_poppup p {margin:0 0 10px 0;}
	.newsletters_poppup .popup_btns { text-align:center; padding:25px 0}
	.newsletters_poppup .popup_btns a {display:inline-block; padding:10px 15px; font-size:15px; border-radius:2px;}
	.newsletters_poppup .popup_btns a.black {background:#4b4b4b; color:#fff; border:1px solid #4b4b4b;}
	.newsletters_poppup .popup_btns a.white {color:#666; border:1px solid #e6e6e6;}
	
	/* 뉴스레터 미리보기 버튼 추가 2016-09-01 */
	.newsletters_poppup .popup_tab_content {position:relative}	
	.newsletters_poppup .popup_tab_content > p { margin:0 !important}
	.newsletters_poppup .popup_tab_content .preveiw {position:absolute; left:20px; top:30px; border:1px solid #fff;-webkit-border-radius: 10px; -moz-border-radius: 10px;border-radius:10px; background:#29c184;padding:35px 10px 10px 10px;}
	.newsletters_poppup .popup_tab_content .preveiw a {background:url('https://img.assesta.com/assesta/common/icon_newsletterview.png') center 6px no-repeat; color:#fff; padding:35px 0px 10px 0px }
	.newsletters_poppup .popup_tab_content .preveiw a:hover {color:#fff600}	

	/* 회사위치 _ 문의하기 팝업 */
	.newsletters_poppup .popup_section .qna {margin:0 -10px 10px -10px; *zoom:1;}
	.newsletters_poppup .popup_section .qna:after { content:""; display:block; clear:both;}	
	.newsletters_poppup .popup_section .qna > li {position:relative; float:left; width:33.3%; padding:10px; box-sizing:border-box; }	
	.newsletters_poppup .popup_section .qna > li a {text-align:center; position:relative; display:block; padding:10px; background:#fff; font-size:1.3em; line-height:1.3em; float:left; background:#fff; border:3px solid #2c91d5; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; height:90px}
	.newsletters_poppup .popup_section .qna > li a:after {/* content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; */}
	.newsletters_poppup .popup_section .qna > li a:hover { background:#ffef38; color:#2c91d5}
	.newsletters_poppup .popup_section p.qna_ment { padding:0 0 20px 0; text-align:center}
	
	/* 메인 어세스타 소개 */
	.post_list {/*margin:0 -10px 10px -10px;*/ *zoom:1;}	
	.post_list:after {content:""; display:block; clear:both;}
	.post_list > li {position:relative; float:left; width:25%; height:100%; box-sizing:border-box;}
	.post_list > li a {position:relative; display:block; height:275px}	
	.post_list > li a:after {
		content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background: rgba(0, 0, 0, 0) center center;
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#000,endColorstr=#60000000);
		zoom: 1;
		opacity:0;
		transition: all 0.2s ease-in;
	}
	.post_list > li a:hover:after {
		background: rgba(0, 0, 0, 0.7) url("https://img.assesta.com/assesta/common/ico_more01.png") no-repeat center center;
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#60000000,endColorstr=#60000000);
		opacity:1;
		zoom: 1;
	}	
	.post_list li .photo {margin:0 0 0 0px; }
	.post_list li .photo img {display:block;}
	.post_list li .info {position:absolute; top:50px; left:0px; width:100%; box-sizing:border-box;}
	

	.post_list li .tit {height:87px; color:#fff; font-size:30px; text-align:center; font-weight:bold; line-height:1.2;}
	.post_list li .view_count {position:absolute; top:20px; right:20px; color:#fff;}
	
	.post_list .big {width:50%; height:550px; background:#ffef38;}
	.post_list .big .photo {margin:40px 0 0 0;height:550px; /* background:url('https://img.assesta.com/assesta/contents/main_assesta.png') no-repeat center*/}
	.post_list .big .assesta {padding:250px 0 0 0; width:474px; margin:auto}
	.post_list .big .info {position:absolute; top:100px; left:0px; width:100%; box-sizing:border-box;}
	.post_list .big .tit {height:auto; font-size:48px; font-weight:bold; text-align:center; color:#010101}
		
	
	.post_list .service {background:#f6f6f6 url('https://img.assesta.com/assesta/contents/main_service.png') no-repeat center; height:275px; }
	.post_list .online {background:#27c386 url('https://img.assesta.com/assesta/contents/main_online.png') no-repeat center; height:275px; }
	/* .post_list .hr {background:#6ea2d2 url('https://img.assesta.com/assesta/contents/main_hr.png') no-repeat center; height:275px; } */
    .post_list .hr {background:#1d5188 url('https://img.assesta.com/assesta/contents/main_hr_btn.png') no-repeat center; height:275px; }
	.post_list .school {background:#ff9767 url('https://img.assesta.com/assesta/contents/main_school.png') no-repeat center; height:275px; }
	.post_list .saram {background:#6277f9 url('https://img.assesta.com/assesta/contents/main_saram_btn.gif') no-repeat center; height:275px; }	

	
	
	/* 메인 채용공고 리스트 */
	.recruit_list {/*margin:0 -10px 10px -10px;*/ *zoom:1;}	
	.recruit_list:after {content:""; display:block; clear:both;}
	.recruit_list li {position:relative; float:left; width:30%; height:100%; margin:0 20px; box-sizing:border-box;}
	.recruit_list li .box { background:#fff; height:270px}
	.recruit_list li .area {position:absolute; top:0px; left:0px; width:65px; height:30px; line-height:30px; text-align:center; background:#4c4c4c; color:#fff}
	.recruit_list li .info {width:90%; box-sizing:border-box; margin:auto; padding-top:50px}
	.recruit_list li .tit {height:auto; color:#010101; font-size:24px; text-align:left; font-weight:bold; line-height:1.4;}
	.recruit_list li .work {height:30px; color:#353535; font-size:14px; text-align:left; line-height:1.4; padding-top:10px}
	.recruit_list li .date {position:absolute; bottom:60px; left:0px; width:100%; height:30px; color:#353535; font-size:18px; text-align:center;}
	.recruit_list li .recruit_btn a {position:absolute; bottom:0px; left:0px; width:100%; height:60px; line-height:60px; background:#29a6e8; color:#fff; font-size:24px; text-align:center; font-weight:bold; }
	.recruit_list li .recruit_btn a:hover {background:#fed652;}
	
	/* 메인 채용공고 _상시채용 추가 수정 190425 */
	.recruit_list .big {height:270px; background:#48525b !important;}
	.recruit_list .big .photo {margin:0px;height:270px;  background:url('https://img.assesta.com/assesta/contents/recruit_big2.png') no-repeat center}
	.recruit_list .big .info {position:absolute; top:0px; left:30px; width:60%; box-sizing:border-box; }
	.recruit_list .big .info2 {position:absolute; top:20px; left:30px; width:60%; box-sizing:border-box; }
	.recruit_list .big .tit {height:auto; font-size:16px; text-align:left; color:#fff; font-weight:normal;}
	.recruit_list .big .tit2 {height:auto; font-size:24px; line-height:1.4; text-align:left; color:#ffef38; font-weight:normal;}
	.recruit_list .big .tit3 > p {height:auto; padding: 2px 0; font-size:14px; line-height:1.6; text-align:left; color:#ffdf9e; font-weight:normal;}
		
	.recruit_list .no_recruit {width:200%; height:270px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border:1px dotted #48525b;line-height:270px; margin:auto; font-size:18px; text-align:center; padding:40px 0 0 0;
	background:url("https://img.assesta.com/assesta/contents/icon_main_recruit.png") no-repeat center 50px;}

	
	/* 메인 비주얼 영역 */
	.main_visual_wrap {position:relative; width:100% !important;height:610px !important;}
	.main_visual_wrap .bx-wrapper {width:100% !important; height:610px !important;}
	.main_visual_wrap .bx-viewport {width:100% !important; height:610px !important;}
	.main_visual {width:100% !important; height:600px !important;}
	.main_visual li {position:relative; width:100% !important; height:410px !important; padding:200px 0 0 0; background-size:cover !important}
	.main_visual li:after {content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:url("https://img.assesta.com/assesta/common/bg_pattern.png") repeat; z-index:99;
		filter: alpha(opacity=25);  /* IE 5-7 */
		-moz-opacity: 0.25;          /* Netscape */
		-khtml-opacity: 0.25;        /* Safari 1.x */
		opacity: 0.25;               /* Good browsers */
	}
	.main_visual li .txt {position:relative; padding:0 20%; font-family:'Nanum Barun Gothic'; text-align:center; color:#fff; z-index:100;}
	.main_visual li .txt em {display:block; font-size:60px; font-weight:normal; /*text-shadow: -2px 2px 5px rgba(0, 0, 0, 0.5);*/ color:#29a6e8;}
	/*.main_visual li .txt em:after {content:''; display:block; width:60px; margin:0 auto 30px auto; padding:29px 0 0 0; border-bottom:4px solid #fff;}*/
	.main_visual li .txt .tit {display:block; margin:10px 0 70px 0; font-size:36px; line-height:1.3; /*text-shadow: -3px 3px 5px rgba(0, 0, 0, 0.5);*/}
	
	
	.main_visual li .txt a {position:relative; display:block; width:250px; margin:0 auto; padding:15px; font-size:16px; font-weight:bold; border:1px solid #fff; color:#fff; border-radius:2px;}
	.main_visual li .txt a i {position:absolute; top:50%; right:15px; margin:-8px 0 0 0;}
	.main_visual_control {}
	.main_visual_control div {position:relative; color:#fff; font-size:16px;}
	.main_visual_control div * {vertical-align:middle;}
	.main_visual_control div span {margin:0 5px;}
	.main_visual_control div a {position:absolute; top:0; left:0; display:block; width:100%; height:100%;}
	.main_visual_control .main_visual_prev {position:absolute; top:50%; left:40px; margin:-20px 0 0 0; z-index:999;}
	.main_visual_control .main_visual_next {position:absolute; top:50%; right:40px; margin:-20px 0 0 0; z-index:999;}

	/* 메인 포스트 탭 
	.main_post_tab {position:relative; width:1200px; margin:-46px auto 0 auto; z-index:1000;}
	.main_post_tab > ul {text-align:center;}
	.main_post_tab > ul > li {display:inline-block; width:200px; margin:0 -3px;}
	.main_post_tab > ul > li > a {display:block; padding:15px 0; color:#fff; font-size:16px; font-weight:bold; font-family:'NanumSquare'; text-align:center;}
	.main_post_tab .tab01 > a {background:#ee6462;} 
	.main_post_tab .tab02 > a {background:#4875db;}
	.main_post_tab .two_depth {position:absolute; bottom:0; left:0; display:none; width:100%; overflow:hidden;}
	.main_post_tab .two_depth li {position:relative; width:20%; float:left;}
	.main_post_tab .two_depth li:hover:after {content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background: rgba(26, 26, 26, 0.8); z-index:99; font-size:0; line-height:0;}
	.main_post_tab .two_depth li:hover a .txt {opacity:1;}
	.main_post_tab .two_depth li a {display:block; text-align:center; vertical-align:middle;}
	.main_post_tab .two_depth li a .photo img {display:block;}
	.main_post_tab .two_depth li a .txt {position:absolute; top:40%; left:0; width:100%; text-align:center; z-index:100; opacity:0;}
	.main_post_tab .two_depth li a .tit {margin:0 0 10px 0; padding:0 20px; color:#fff; line-height:1.3;}
	.main_post_tab .tab01 .view_count {color:#ee6462;}
	.main_post_tab .tab02 .view_count {color:#4875db;}
	.main_post_tab .tab_close {display:none; position:absolute; bottom:135px; right:0; padding:20px; background:rgba(26, 26, 26, 0.8); color:#fff; z-index:100; cursor: pointer;}
	.main_post_tab .tab_more {display:none; position:absolute; bottom:135px; right:52px; z-index:100; cursor: pointer;}
	.main_post_tab .tab_more a {display:block; padding:20px; background:rgba(26, 26, 26, 0.8); color:#fff; font-size:14px; font-weight:bold;}
	*/
	/* 메인 섹션별 스타일 */
	/*
	.section01 .post_list .big .sub_category {color:#faab00;}
	.section02 .post_list .big .sub_category {color:#ee6462;}
	.section03 .post_list .big .sub_category {color:#8bc958;}
	.section04 .post_list .big .sub_category {color:#6c85f1;}
	*/
	.main_section {padding:25px 0; overflow:hidden;}

	.main_section.section01 {}
	.main_section.section02 {width:1200px; margin:0 auto;}
	.main_section.section02 .w_50_l { width:50%; float:left;}
	.main_section.section02 .w_50_r { width:50%; float:right;}
	
	.main_section.section02 .w_50_l .left { margin-right:50px}
	.main_section.section02 .w_50_r .right { margin-left:50px}
	
	.main_section.section03 .big {/*float:right;*/}
	.main_section.section03 { background:#d0e8e8}


	.main_section.section01 .section_tit strong {color:#2c2e32;}
	.main_section.section02 .section_tit02 strong {color:#2c2e32;display:inline-block;}
	.main_section.section03 .section_tit strong {color:#2c2e32;}


	.main_section.section01 .section_tit a {border:1px solid #2c2e32; color:#2c2e32;}
	.main_section.section02 .section_tit02 a {border:1px solid #2c2e32; color:#2c2e32; float:right}
	.main_section.section02 .section_tit02 a:before {background:url("https://img.assesta.com/assesta/common/ico_plus.png") no-repeat center center;}
	.main_section.section03 .section_tit a {border:1px solid #2c2e32; color:#2c2e32;}
	.main_section.section03 .section_tit a:before {background:url("https://img.assesta.com/assesta/common/ico_plus.png") no-repeat center center;}
	
	
	.main_section .section_tit {margin:0 0 50px 0; text-align:center;}
	.main_section .section_tit strong {display:block; margin:0 0 40px 0; font-size:48px; font-family:'Nanum Barun Gothic' !important; color:#2c2e32}
	.main_section .section_tit a {display:inline-block; width:46px; height:46px; text-align:left; transition: all 0.2s ease-in; overflow:hidden;}
	.main_section .section_tit a * {vertical-align:middle;}
	.main_section .section_tit a:before {content:''; display:block; float:left; width:48px; height:48px; background:url("https://img.assesta.com/assesta/common/ico_plus.png") no-repeat center center; text-indent:-9999px; vertical-align:middle;}
	.main_section .section_tit a span {display:block; float:left; padding:16px 0 0 0; font-size:16px; opacity:0; transition: all 0s ease-in;}
	.main_section .section_tit a:hover {width:180px;}
	.main_section .section_tit a:hover span {opacity:1; transition: all 0.5s ease-in;}
	.main_section_inner {width:1200px; margin:0 auto;}
	
	/* 메인 공지사항 동영상 섹션 */
	.main_section .section_tit02 {margin:0 0 50px 0; text-align:left;}
	.main_section .section_tit02 strong {display:block; margin:0 0 40px 0; font-size:34px; font-family:'Nanum Barun Gothic' !important; color:#2c2e32}
	.main_section .section_tit02 a {display:inline-block; width:46px; height:46px; text-align:left; transition: all 0.2s ease-in; overflow:hidden; margin-top:-8px}
	.main_section .section_tit02 a * {vertical-align:middle;}
	.main_section .section_tit02 a:before {content:''; display:block; float:left; width:48px; height:48px; background:url("https://img.assesta.com/assesta/common/ico_plus.png") no-repeat center center; text-indent:-9999px; vertical-align:middle;}
	.main_section .section_tit02 a span {display:block; float:left; padding:16px 0 0 0; font-size:16px; opacity:0; transition: all 0s ease-in;}
	.main_section .section_tit02 a:hover {width:120px;}
	.main_section .section_tit02 a:hover span {opacity:1; transition: all 0.5s ease-in;}
	.main_section02_inner {/*margin:0 25px;*/}
	
	/* 메인 공지사항 */
	.news	{ margin:-50px 0 0;  border-top:1px solid #ccc;}
	.news li	{margin:10px 0; width:100%; height:106px; border-bottom:1px solid #ccc;  position:relative}
	.news li a	{display:block;}
	.news li a img	{ display:none} /*메인 리스트에서 이미지 안보임 */
	.news li a:after	{content:""; display:block; height:0; clear:both}	
	.news span	{ display:inline-block; vertical-align:top;}

	.news p.date	{display:block; margin:0 19px 0 0px; color:#20d0bc; font-size:34px; line-height:1.4; padding:10px 0 0 0 }
	.news p.year	{display:block; color:#c0c0c0; font-size:18px;}
	
	.news span.notice	{ position:absolute; right:0; top:12px; color:#444; width:70%;line-height:1.4; display:block;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}
	.news span.subject 	{ font-size:24px; width:100%; margin-bottom:0px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
	
	.news span .n_con 	{ width:100%; display: block;overflow: hidden;text-overflow: ellipsis;white-space: normal;line-height: 1.4;height: 2.8em;text-align: left; word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
	.news a:hover span.notice{text-decoration:underline;}
	
	/* 메인 동영상 */
	.movie {margin:-50px 0 0;  border-top:1px solid #ccc;}
	.movie li {margin:10px 0; width:50%; position:relative; float:left; text-align:center; padding:20px 0}
	.movie li > iframe { z-index:1 !important;}
	.movie p.movtit { font-size:14px; width:245px; margin:auto; color:#444; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin:20px}
	
	
	
	/*서브 페이지 */
		
	/* 컨텐츠 */
	.contents { width:100%; }
	.con_1200 {width:1200px; margin:0 auto;}
	
	/* 서브 비주얼 영역 */
	.sub_visual_wrap {position:relative; width:100% !important;height:180px !important;}
	
	.sub_visual {width:100% !important; height:180px !important;}
	.sub_visual li {position:relative; width:100% !important; height:180px !important; padding:0px 0 0 0; background-size:cover !important}
	.sub_visual li:after {content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%;/* background:url("http://urimal365.kr/images/common/bg_pattern.png") repeat; z-index:99; */
		filter: alpha(opacity=25);  /* IE 5-7 */
		-moz-opacity: 0.25;          /* Netscape */
		-khtml-opacity: 0.25;        /* Safari 1.x */
		opacity: 0.25;               /* Good browsers */ 
	}
	.sub_visual li .txt {position:relative; padding:40px 20%; font-family:'Nanum Barun Gothic'; text-align:center; color:#fff; z-index:100;}
	.sub_visual li .txt em {display:block; font-size:36px; font-weight:normal; /*text-shadow: -2px 2px 5px rgba(0, 0, 0, 0.5);*/ color:#fff;}
	.sub_visual li .txt em:before {content:''; display:block; width:50px; margin:20px auto ; border-bottom:1px solid #fff;}
	
	/*
	.sub_visual li .txt .tit {display:block; margin:10px 0 70px 0; font-size:36px; line-height:1.3; }
	
	
	.sub_visual li .txt a {position:relative; display:block; width:250px; margin:0 auto; padding:15px; font-size:16px; font-weight:bold; border:1px solid #fff; color:#fff; border-radius:2px;}
	.sub_visual li .txt a i {position:absolute; top:50%; right:15px; margin:-8px 0 0 0;}
	.sub_visual_control {}
	.sub_visual_control div {position:relative; color:#fff; font-size:16px;}
	.sub_visual_control div * {vertical-align:middle;}
	.sub_visual_control div span {margin:0 5px;}
	.sub_visual_control div a {position:absolute; top:0; left:0; display:block; width:100%; height:100%;}
	.sub_visual_control .main_visual_prev {position:absolute; top:50%; left:40px; margin:-20px 0 0 0; z-index:999;}
	.sub_visual_control .main_visual_next {position:absolute; top:50%; right:40px; margin:-20px 0 0 0; z-index:999;}
	*/
	
	.path_wrap { position:absolute; right:50px; top:150px; z-index:10;}
	.path_wrap > li { display:inline-block; color:#666; font-size:11px;}
	

	
	/* Tab메뉴  */
	.tabType1 {height:50px;border-bottom:1px solid #262626; }
	.tabType1 li {float:left;width:25%;text-align:center;font-size:14px;border-top:1px solid #e8e8e8; background:url("https://img.assesta.com/assesta/common/tab_bar.png") no-repeat center left; }
	.tabType1 li a {display:block;height:50px; line-height:50px;  }
	.tabType1 li a:hover	{ color:#29a6e8}
	.tabType1 li:first-child  {background:none}

	.tabType1 li.on a {color:#29a6e8; font-weight:bold; background:url("https://img.assesta.com/assesta/common/tab_arrow.png") no-repeat center 35px ;}
	.tabType1 li.on {height:50px;}
	/*.tabType1 li.on+li a {background-image:none;}*/
	
	.tabType1.two li {width:50%;}
	.tabType1.three li {width:33%;}
	.tabType1.three li:first-child {width:34%;}
	.tabType1.five li {width:20%;}
	.tabType1.six li {width:16%;}
	.tabType1.six li+li+li {width:17%;}
	.tabType1.seven li {width:14%;}
	.tabType1.seven li+li+li+li+li+li {width:15%;}
	.tabType1.nine li {width:11%;}
	.tabType1.nine li:first-child {width:12%;}	
	
	
	/* 서브 공통 */
	.sub_section {padding:25px 0; overflow:hidden; width:1200px; margin:auto; float:none; clear:both}
	.sub_section_all {padding:25px 0 0 0; overflow:hidden; width:100%; margin:auto; float:none; clear:both}
	
	.sub_tit {padding-top:30px; background:url("https://img.assesta.com/assesta/common/icon_subtit.png") no-repeat center top ;text-align:center }
	.sub_tit > strong {color:#2ebfec; font-size:36px; font-weight:bold; line-height:1.3}
	.sub_tit > p.txt {font-size:14px; line-height:1.4; padding-top:10px;}
	.sub_tit > p.txt_up {font-size:15px; line-height:1.5; padding-top:10px; width: 85%; margin: auto}
	.sub_tit > p.txt a { color:#0066fe; text-decoration:underline}
	.sub_tit > p.txt a:hover { color:#0066fe; text-decoration:underline}
	
	.sub_section > .sub_section_inner .real_con { margin:50px 0 100px 0; position:relative}
	.sub_section_all > .sub_section_inner .real_con {margin:50px 0 0px 0; position:relative}
		
	/* 회사소개_어세스타 */
	.whoweare	{ width:auto; position:relative}
	.whoweare > dl { float:none; clear:both}	
	.whoweare > dl > dt { font-size:18px; font-weight:bold;  width:20%; float:left}
	.whoweare > dl > dt .tit { display:inline-block; padding:10px 0 0 20px; width:120px; line-height:1.2; }
	.whoweare > dl > dt img {vertical-align:top ;}
	.whoweare > dl > dd { float:right; width:75%; font-size:14px ; line-height:1.6; border-left:1px solid #ccc; padding-left:20px; margin-bottom:50px }
	.whoweare > dl > dd > strong { font-size:18px;}
	
	/* 회사소개_미션과비전 */
	.mission {width:auto; position:relative; /*background:url("https://img.assesta.com/assesta/contents/mission.png") no-repeat center top; background-size:auto !important*/}
	/*.mission .mission_img > li { width:33.3%; text-align:center; float:left}*/
	.custom-main-sparkling-card {width:33%;text-align:center; display:inline-block;}
	
	
	.mission > dl { width:50%; float:left;padding-top:30px}
	.mission > dl > dt {color:#303030; font-size:30px; font-weight:bold;padding-left:30px;}
	.mission > dl > dt > strong { color:#29a6e8;}
	.mission > dl > dd { padding:30px; font-size:18px; line-height:1.4}
	
	/* 회사소개_히스토리 */	
	.history_wrap {width:auto; position:relative; height:100%; background:#000 url("https://img.assesta.com/assesta/contents/bg_history_.jpg") no-repeat bottom; background-size:cover;}
	
	.history_wrap1972 {background:#000 url("https://img.assesta.com/assesta/contents/bg_history_1972.jpg") no-repeat bottom; background-size:cover;}
	.history_wrap1972 > .history { width:50%; min-height:720px; float:left; color:#fff; padding-top:50px }
	.history_wrap1972 > .history > h2 { font-size:48px; text-transform: uppercase; margin:20px 50px}	
	.history_wrap1972 > .history h3.time { font-size: 2.8em !important;}
	.history_wrap1972 > .history .mtop { margin-top:88px;}
	
	.history_wrap > .history { width:50%; min-height:500px; height:100%; float:left; color:#fff; /*background:#000 url("https://img.assesta.com/assesta/contents/bg_history.jpg") no-repeat bottom; background-size:cover;*/}
	.history_wrap > .history > h2 { font-size:48px; text-transform: uppercase; margin:20px 50px}
	
	.history_wrap > .project  {width:50%; min-height:500px; height:100%; float:left; color:#010101; background:#e8e8e8 url("https://img.assesta.com/assesta/contents/bg_project.jpg") no-repeat center;background-size:cover;}
	.history_wrap > .project > h2 { font-size:48px; text-transform: uppercase; margin:20px 50px}
	.history_wrap > li { padding-top:50px;}		
	
	
	.history-tab {background:#2ebfec; display:table; margin:auto;padding:0 50px ;/*position:absolute; top:0; left:50%; margin-left:-280px; z-index:10; padding:0 50px */}
	.history-tab > ul > li { float: left; padding:10px 10px; }
	.history-tab > ul > li a { font-weight: 700; text-align:center; font-size:18px; color:#fff ; }
	.history-tab > ul .here a { color:#ffef38}
	.history-tab > ul > li a:hover { text-decoration: line-through;}
	.history-tab > ul > li a.active, .history-tab > ul > li a.active:hover { color: #962afb;}

	
	.section-1, .section-2 { width: 90%; position: relative; z-index: 1; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; margin:0 0 50px 0}	
	.schedule-row { width: 100%; overflow: hidden; position: relative; padding-bottom: 24px; padding-left: 230px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
	h3.time { line-height: 1em; letter-spacing: 1px; width: 150px; position: absolute; top: 0; left: 0; text-align: right; font-size: 3.4em; text-transform: uppercase; font-family: "adobe-garamond-pro", Georgia, serif; font-weight: 400; font-style: italic;}
	h3.time span { font-size: .7em;}
	p.session { line-height: 1.2em; margin-top: 6px; font-size: 14px; /* 대문자로 text-transform: uppercase; font-weight: 300;*/}
	p.session span { /*background: #111;*/ padding: 0 2px;}
	p.session span b{color: #2d56d6}
	
	.section-1 .dot { position: absolute; top: 10px; left: 184px; z-index: 2; width: 11px; height: 11px; background: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
	.section-2 .dot { position: absolute; top: 10px; left: 184px; z-index: 2; width: 11px; height: 11px; background: #010101; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
		
	hr.timeline { position: absolute; top: -20px; left: 189px; z-index: 1; width: 1px; height: 200%; background: #fff;  border: 0;}
	.section-2 hr.timeline { position: absolute; top: -20px; left: 189px; z-index: 1; width: 1px; height: 200%; background: #010101;  border: 0;}
	
	.first hr.timeline { top: 10px;}
	.last hr.timeline { top: -88px;  }
			
	
	/* 회사소개_회사위치 */	
	.map_tab {width:auto; position:relative; margin:0 -10px}
	.map_tab > li {width:20%; float:left}
	.map_tab > li .map_inner { margin:10px; padding:30px 15px; background:#f6f6f6}
	.map_tab > li .on {background:#ffef38}
	.map_tab > li a:hover .map_inner {background:#ffef38}
	.map_tab .maparea { font-size:24px; line-height:1.6; color:#010101; margin-bottom:20px}
	.map_tab .mapaddress {font-size:13px;line-height:1.4; color:#333;margin-bottom:10px}
	.map_tab .maptel {font-size:13px; line-height:1.4; color:#333;margin-bottom:5px}	
	.map {width:100%; position:relative; min-height:400px; text-align:center; margin-top:30px; background:#efefef}
	.iframe_map {width: 100%; height: 100%;}
	
	
	/* overview */
	.overview {width:auto; padding:0 180px; position:relative; background:url("https://img.assesta.com/assesta/contents/overview_bg.png") no-repeat center top; background-size:auto !important}	
	.overview > .custom-main-sparkling-card {width:19%;text-align:center; display:inline-block; position:relative}
	.custom-main-sparkling-card a {position:relative; display:block}
	.man_over {position:absolute; top:50%; left:50%; z-index:2; margin:-55px -65px 0 -65px; display:none; font-size:14px; line-height:1.3em; letter-spacing:-1px; color:#151515; }
	.m1 { width:128px; height:128px; background:#ff6741; text-align:center; border-radius:64px; display:table; display:none}
	.middle {vertical-align:middle; display:table-cell; height:100%; }
	.man a:hover .man_over {display: block;}
	.man a .man_over img { width:100%}
	.overview_con { font-size:14px; line-height:1.6em; margin:30px 30px}
	.overview_con > strong { font-size:18px; line-height:1.6em}
	
	/* 사이트 소개 */		
	.info_guide_box > p { line-height:1.6em;}
	.info_guide_box h3 { font-size:24px; color:#010101; margin:50px 0 10px 0}
	/* c4u */
	.list_box { margin:50px 0 0 0;}
	/*.info_guide_list > h3 { font-size:24px; color:#010101; margin:30px 0 10px 0}*/
	/* .info_guide_list > li { position:relative;margin-top:20px;padding:30px;background-color:#eee;overflow:hidden; } */
    .list_box p{ margin-bottom: 10px; }
    .info_guide_list > li {display: flex; margin-bottom: 14px; align-items: center; padding:30px; background-color:#eee;overflow:hidden;}
	/* .info_guide_list > li .num { display:block;position:absolute;top:50%;margin-top:-5px;font-size:16px;font-family:arial; } */
    .info_guide_list > li .num{display:block; margin-right: 30px; width: 120px; font-size:16px;font-family:arial; text-align: center;}
	/* .info_guide_list > li .title { display:block;position:absolute;top:50%;margin-top:-6px;font-size:18px; color:#010101; } */
    .info_guide_list > li .title { display:block; width: 300px; font-size:18px; color:#010101; }
	/* .info_guide_list > li .title2 { display:block;position:absolute;top:50%;margin:25px 0 0 120px;font-size:16px; line-height:1.2em; color:#010101; } */
    .info_guide_list > li .title2 { display:block; margin-top: 25px; font-size:16px; font-weight: 400; line-height:1.2em; color:#010101; }
	/* .info_guide_list > li .num { left:69px; } */
	/* .info_guide_list > li .title { left:150px; } */
	/* .info_guide_list > li .desc_wrap { float:right; } */
	.info_guide_list > li .desc_wrap .img_wrap { display:inline-block;margin-right:74px;vertical-align:middle; } 
	.info_guide_list > li .desc_wrap .img_wrap .info_icon { display:block;width:101px; } 
	.info_guide_list > li .desc_wrap .desc { display:inline-block;width:500px;font-size:14px;line-height:26px;vertical-align:middle; } 
	.info_guide_list > li .desc_wrap .desc > li { padding:6px 0; line-height:1.4em; background:url('https://img.assesta.com/assesta/common/bullet01.png') no-repeat left 12px; padding-left:15px}
	/* hr */
	.hr_guide_list	{ margin:50px 0 0 0;}
	.hr_guide_list > p	{  line-height:1.4em;}
	/*.hr_guide_list > h3 { font-size:24px; color:#010101; margin:30px 0 10px 0}*/
	.hr_guide_list > li { position:relative;margin-top:20px;padding:20px;background-color:#eee;overflow:hidden; }
	.hr_guide_list > li .desc_wrap {  }
	.hr_guide_list > li .desc_wrap .img_wrap { float:left;text-align:center; width:16.6%; vertical-align:middle;background:url('https://img.assesta.com/assesta/contents/info_icon_won.png') no-repeat top center ; } 
	.hr_guide_list > li .hr_tit { display:block; text-align:center; font-size:18px; color:#010101; padding:20px 0 0 0}
	.hr_guide_list > li .desc_wrap .img_wrap .info_icon { width:101px; padding:28px 0}
	
	.hr_con_list {margin:30px -20px 10px -20px;}
	.hr_con_list > li {  float:left; width:33.3%; }
	.hr_con_list > li .hr_box {background:#eee; margin:10px 20px;padding:15px 0;}
	.hr_con_list .hr_box .num { width:80px; text-align:center; display:inline-block;font-size:16px;font-family:arial;}
	.hr_con_list .hr_box .title {display:inline-block;font-size:16px; color:#010101; }
	
	.hr_txt { font-size:18px; color:#018ca0; text-align:center; width:700px; margin:auto; line-height:1.6em;}
	
	.hr_customer_list	{ margin:50px 0 0 0;}
	.hr_customer_list > h3 { font-size:24px; color:#010101; margin:30px 0 20px 0 !important}
	.hr_customer_list > li { width:20%; float:left;}
	.hr_customer_list > li span { padding:6px 15px; display:inline-block; background:url('https://img.assesta.com/assesta/common/bullet01.png') no-repeat left 7px;}
	
    
	/* 스쿨 */
	.sh_guide_list	{ margin:50px 0 0 0;}
	.sh_guide_list > p	{  line-height:1.4em;}
	/*.sh_guide_list > h3 { font-size:24px; color:#010101; margin:30px 0 10px 0}*/
	.sh_guide_list > li { position:relative;margin-top:20px;padding:20px;overflow:hidden; }
	.sh_guide_list > li .desc_wrap { width:75%; float:right  }
	.sh_guide_list > li .desc_wrap .img_wrap { display:inline-block; text-align:center; width:30%; vertical-align:middle;background:url('https://img.assesta.com/assesta/contents/sh_info_won.png') no-repeat top center ; } 
	.sh_guide_list > li .hr_tit { display:block; text-align:center; font-size:18px; color:#010101; padding:20px 0 0 0}
	.sh_guide_list > li .desc_wrap .img_wrap .info_icon { width:101px; padding:28px 0}
	.sh_guide_list > li .school_icon { position:absolute; left:90px; bottom:-1px;}
	
	
	.sh_con_list { border-top:1px solid #000}	
	.sh_con_list > li { position:relative;margin-bottom:10px;padding:30px;background-color:#eee;overflow:hidden; }
	.sh_con_list > li .num { display:block;position:absolute;top:50%;margin-top:-5px;font-size:16px;font-family:arial; }
	.sh_con_list > li .title { display:block;position:absolute;top:50%;margin-top:-6px;font-size:18px; color:#010101; }
	.sh_con_list > li .title a { color:#010101}
	.sh_con_list > li .title a:hover { color:#2ebfec}
	.sh_con_list > li .title i {font-size:14px}
	.sh_con_list > li .title2 { display:block;position:absolute;top:50%;margin:25px 0 0 120px;font-size:16px; line-height:1.2em; color:#010101; }
	.sh_con_list > li .num { left:69px; }
	.sh_con_list > li .title { left:150px; }
	.sh_con_list > li .desc_wrap { float:right; width:70% }
	.sh_con_list > li .desc_wrap .img_wrap { display:inline-block;margin-right:74px;vertical-align:middle; } 
	.sh_con_list > li .desc_wrap .img_wrap .info_icon { display:block;width:101px; } 
	.sh_con_list > li .desc_wrap .desc { display:inline-block;width:33%;font-size:14px;line-height:26px;vertical-align:middle; } 
	.sh_con_list > li .desc_wrap .desc > li { padding:6px 0; line-height:1.4em; background:url('https://img.assesta.com/assesta/common/bullet01.png') no-repeat left 12px; padding-left:15px}

    .sh_con_list .desc_wrap dd{padding: 6px 0; line-height: 1.4em; background: url('https://img.assesta.com/assesta/common/bullet01.png') no-repeat left 12px; padding-left: 15px;}


	
	.sh_con_list > li .desc_wrap .desc .mobile { display:none;}
	
	/* .sh_mov_list > li { width:33%; display:inline-block; text-align:center; padding:30px 0}
	.sh_mov_list > li iframe { margin-bottom:20px} */

    .sh_mov_list{display: flex; gap: 100px; margin-top: 30px;}
    .sh_mov_list > li{flex: 1; }
    .sh_mov_list > li div{position: relative; padding-top: 56.25%; margin-bottom: 20px;}
    .sh_mov_list > li iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
    .sh_mov_list > li p{text-align: center;}
	
	.sh_program_list {display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px 10px;}
	/* .sh_program_list > li { width:30%; text-align:center; position:relative; float:left; height:100px; margin:10px; display:table} */
    .sh_program_list > li{position: relative; width: 100%; height: 100px; line-height: 1.4em; text-align: center;}
	.sh_program_list > li .pro_box {/*padding:30px 20px; margin:10px 10px;*/display: flex; align-items: center; justify-content: center; color:#fff; font-size:18px; line-height:1.4em; width: 100%; height:100%;}
	.sh_program_list > li .pro_box a {color:#fff; height: 100%; display: flex; align-items: center; justify-content: center;}
	.sh_program_list > li .pro_box .tit {}
	.sh_program_list > li .pro1 { background:#f26b32}
	.sh_program_list > li .pro2 { background:#079f7a}
	.sh_program_list > li .pro3 { background:#2e81a9}
	.sh_program_list > li .pro4 { background:#f8ca50}
	.sh_program_list > li .pro5 { background:#b2d634}
	.sh_program_list > li .pro6 { background:#34e2d9}
	.sh_program_list > li .pro_box a:after {		
		content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background: rgba(0, 0, 0, 0) center center;
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#000,endColorstr=#60000000);
		zoom: 1;
		opacity:0;
		transition: all 0.2s ease-in;
	}
	
	
	.sh_program_list > li .pro_box a:hover:after {
		background: rgba(0, 0, 0, 0.7) url("https://img.assesta.com/assesta/common/ico_more01.png") no-repeat center center;
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#60000000,endColorstr=#60000000);
		opacity:1;
		zoom: 1;
	}	

    .sh_contents{margin: 40px 0;}

	
	/* 사람의 발견 */
	.info_guide_box >p sup{font-size: x-small; vertical-align: super;}
	.saram_info > p{line-height:1.6}
	.saram_info > p sup{font-size: x-small; vertical-align: super;}
	.saram_info > p a{margin-left:10px; font-weight:bold; color:#0066fe;}
	/* .saram_info > p a:hover{background-color:rgba(0,102,254,0.2)} */


	.saram_video > div {margin:30px auto 20px; width: 360px;}
	.saram_video > div > div{position: relative; padding-bottom: 56.25%; width: 100%;}
	.saram_video > div > div iframe {position: absolute; width: 100%; height: 100%; background-color: #333;}
	.saram_video > p{text-align:center;}

	.saram_con_list{padding-bottom:20px;}
	.saram_con_list .saram_pro_box{display:flex; flex-wrap: nowrap; border-bottom:1px solid black; /* margin-bottom:50px; */}
	.saram_con_list .saram_pro_box > .saram_pro_bg{width:294px; background:url('https://img.assesta.com/assesta/contents/saram_pro_icon5.png') no-repeat center bottom / 100%}
	.saram_con_list .saram_pro_box > ul{display:flex; margin-left:auto; margin-right:40px;}
	.saram_con_list .saram_pro_box > ul figure{display:flex; flex-direction: column; align-items: center; margin:0 20px 20px;}
	.saram_con_list .saram_pro_box > ul figure > div{display:flex; flex-direction:column; align-items:center; margin-bottom:20px; width:152px;height:152px; background-color:#eeeeee; border-radius:50%}
	.saram_con_list .saram_pro_box > ul figure > div > span{display:block;padding:15px 0}
	.saram_con_list .saram_pro_box > ul figure > div > img{display:block;}

	.saram_con_list .saram_pro_box > ul li:nth-of-type(1) span{padding-bottom:10px}
	.saram_con_list .saram_pro_box > ul li:nth-of-type(1) img{width:70px;}
	.saram_con_list .saram_pro_box > ul li:nth-of-type(2) span{padding-bottom:14px}
	.saram_con_list .saram_pro_box > ul li:nth-of-type(2) img{width:86px;padding-right: 12px}
	.saram_con_list .saram_pro_box > ul li:nth-of-type(3) span{padding-bottom:22px}
	.saram_con_list .saram_pro_box > ul li:nth-of-type(3) img{width:96px;}
	.saram_con_list .saram_pro_box > ul li:nth-of-type(4) img{width:88px;}



	.saram_con_list .saram_pro_box > ul figure figcaption{line-height:1.2; text-align:center; font-size:17px; font-weight:bold; color:black;}
	.saram_con_list .saram_pro_box > ul figure figcaption sup{font-size: x-small;vertical-align: super;}

	
	/* 서브페이지_공지사항 */
	.dataList { width:100%; }
	.dataList .dataListIn { padding:0px 40px}		
	
	.dataList .dataTable {width:100%;}
	.dataList .dataTable table {width:100%; border-bottom:1px solid #e1e1e1;}
	.dataList .dataTable table th {text-align:left; font-size:16px; color:#000; border-top:1px solid #e1e1e1; vertical-align:middle;}
	.dataList .dataTable table td {text-align:left; border-top:1px solid #e1e1e1;}
	.dataList .dataTable table td a {display:block; position:relative; padding:26px 200px 26px 0; /*background:url('http://www.yudo.com/ko/images/btn/btnOpen_off.png') no-repeat right 24px;*/ font-size:18px; color:#000; font-family:"Nanum Barun Gothic";}
	.dataList .dataTable table td a:hover {/*color:#dc0046;  background:url('http://www.yudo.com/ko/images/btn/btnOpen_ov.png') no-repeat right 24px; */}
	.dataList .dataTable table td a .icon {  position:absolute;top:34px;right:30px;width: 27px;height: 2px;background: #20d0bc;
  	
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
	
	}
	.dataList .dataTable table td a:hover .icon{
	 -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -moz-transform: rotate(180deg) ;
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg) ;
    -ms-transform: rotate(180deg) ;
    transform: rotate(180deg);		
	}

	
	.dataList .dataTable table td a.on .icon{	
    -moz-transform: rotate(45deg) ;
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg) ;
    -ms-transform: rotate(45deg) ;
    transform: rotate(45deg);		
	}	
		
	.dataList .dataTable table td a .icon:after{content:"";position:absolute;top:-13px;right:13px;width: 2px;height: 27px;background: #20d0bc;}
	.dataList .dataTable table td a:hover{/*background: #f9f9f9;*/ color:#2ebfec}
	.dataList .dataTable table td a:hover .date {color:#000;}
	.dataList .dataTable table td a.on {color:#29a6e8; font-weight:bold;}
	.dataList .dataTable table td a.on .date {color:#000; font-weight:normal;}
	.dataList .dataTable table td .date {position:absolute;top:26px;right:100px;font-family:"Nanum Barun Gothic","Arial"; font-size:16px;}
	.dataList .dataTable table .view {/*display:none;*/ background:#f6f6f6;}
	.dataList .dataTable table .view td {border:0; padding-bottom:100px; position:relative;}
	.dataList .dataTable table .view td .cont {/*padding:47px 20% 0 20%;*/ text-align:left; font-size:16px; line-height:26px; padding-top:47px; width:900px; margin:0 auto;}
	
	.dataList .dataTable table .view td .cont a { display:inline; padding:0 !important} /* 2016-07-01 추가 */
	.dataList .dataTable table .view td .cont td { padding:0 !important;} /* 2016-07-29 추가 */
	
	.dataList .dataTable table .view td .cont img {max-width:900px;}	
	.dataList .dataTable table .view td .btnClose {position:absolute;bottom:25px;right:35px; font-size:24px; display:block; /*width:17px; height:18px;*/ padding:0; }
	.dataList .dataTable table .view td .btnClose {/*background:url('https://img.assesta.com/assesta/common/btnClose_on.png') no-repeat;*/}
	
	.search { margin:20px 0 0px 40px; }	
	
	/* 테이블 밑 버튼 */
	.tableMoreBtn {width:60px; margin:0 auto; margin-top:40px; text-align:center;}
	.tableMoreBtn a {display:block; background:url('https://img.assesta.com/assesta/common/btnMore_off.png') no-repeat; width:60px; padding-top:40px; font-family:"Nanum Barun Gothic","Arial",sans-serif;
		  font-size:16px; text-align:center;}
	.tableMoreBtn a:hover {color:#dc0046; background:url('https://img.assesta.com/assesta/common/btnMore_on.png') no-repeat;}
	.tableMoreBtn span {font-size:16px; margin-top:8px; display:block; letter-spacing:-1px;}
	.tableMoreBtn span strong {font-weight:bold;}
	
	
	
	/* 동영상 
	.movie_con {margin:0 40px;  border-top:1px solid #ccc;}
	.movie_con li {margin:10px 0; width:50%; position:relative; float:left; text-align:center; padding:20px 0}
	.movie_con li > iframe { z-index:1 !important;}		
	.movie_con p.movtit { font-size:16px; width:430px; height:2em; text-align:left; line-height:1.2em; padding:5px 0 0 0; color:#444; margin:10px auto}
	.movie_con p.movcon { font-size:14px; width:430px; text-align:left; line-height:1.2em; padding:10px 0; color:#777;  margin:0px auto}	
	*/
	.movie_con {margin:0 40px;  border-top:1px solid #ccc;}
	.movie_con li {margin:10px 0; width:49.8%; position:relative; display:inline-block; text-align:center; padding:20px 0; vertical-align:top}
	.movie_con li > iframe { z-index:1 !important;}		
	.movie_con p.movtit { font-size:16px; width:430px; height:2em; text-align:left; line-height:1.2em; padding:5px 0 0 0; color:#444; margin:10px auto}
	.movie_con .movcon { font-size:14px; width:430px; text-align:left; line-height:1.4em; padding:20px 0; color:#777;  margin:0px auto; border-bottom:1px solid #ccc}	
	.movie_con .mcon_btn { padding:10px 0; color:#2ebfec}
	
	
	/* 언론보도 */	
	.report_bg {background:#eee url('https://img.assesta.com/assesta/contents/bg_report.jpg') no-repeat; height:100%; background-size:cover}	
	.report {background:url('https://img.assesta.com/assesta/contents/bgpat_report.png'); min-height:100%; padding:100px 100px 0 100px; }
	.report > ul > li { float:right; width:33.3%;}	
	.report_box { margin:40px auto; width:230px; background:#fff; box-shadow: 3px 3px 20px black; border-radius:10px; padding:50px 20px 20px 20px; position:relative}
	.report_box > p.r_view a { position:absolute; top:-37px; left:50%; margin-left:-37px; width:74px; height:74px;}
	.report_box > p.r_view a {background:url('https://img.assesta.com/assesta/contents/icon_report.png') no-repeat 0 0; text-indent:-99999em}
	.report_box > p.r_view a:hover{background:url('https://img.assesta.com/assesta/contents/icon_report.png') no-repeat 0 -74px; line-height:74px; color:#fed652; text-align:center;text-indent:0em}
	.report_box .r_date { color:#909090}
	.report_box .r_tit 	{ font-size:24px; color:#2f2f2f; margin:20px 0;  
/* 한 줄 자르기 */
display: block;
overflow: hidden;
text-overflow: ellipsis;

/* 여러 줄 자르기 추가 스타일 */
white-space: normal;
line-height: 1.2;
height: 3.5em;
text-align: left;
word-wrap: break-word;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical; }

	.report_box .r_talk { background:#f8f96f;}
	.report_box .r_talk > p { padding:10px; color:#202020}
	.report_box .r_talk > ul { padding:10px 15px}
	.report_box .r_con 	{ color:#5f5f5f;line-height:1.4em;}	
	
	/* 문의하기 */
	.inquiry { width:700px; margin:auto; padding:20px; border-top:1px solid #ccc}		
	.inquiry p label { display:inline-block; padding:8px 0; color:#000; /*display:block; float:left; padding:7px 0; color:#000;*/}
	.inquiry li span {display:inline-block; padding:7px 0;}
	
	.inquiry ul > li {/* background:#efefef;*/}
	.inquiry ul { border-bottom:1px solid #efefef}
	.inquiry p {margin:10px 0 20px 0; float:left; position:relative}	
	.inquiry .check { width:auto; padding:8px 0 ; display:inline-block }	
	.inquiry .view_btn2 {float:right; padding:15px; color:#0044FF; text-decoration:underline; }	

	/* 버튼 */
	.button { width:100%; margin:20px auto; text-align:center; clear:both; float:none}
	.button {position:relative; }
	.button a {display:inline-block; width:100px; padding:10px 0 8px 0;color:#fff; font-size:18px; line-height:30px; text-align:center;}
	.button a * {vertical-align:middle;}
	.button a:hover { color:#fff; background:#66d0f1}
	.button a span {margin:0 2px; font-size:18px; opacity:1;}
	.button .left {position:absolute; top:50%; right:50%; margin:0 1px 0 0; padding-right:2px;  background:#004993; }
	.button .right {position:absolute; top:50%; left:50%; padding-left:2px;  background:#a7a7a7; }
	.button .one { top:50%; left:50%; background:#004993; padding:6px 20px; min-width:140px }
	.button .list { top:50%; left:50%; background:#4c4c4c; padding:6px 5px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius:6px; min-width:80px }
		
	/* 심리서비스 바로가기 버튼 */	
	/* 	.btn_wrap { width:100%; margin:20px auto; text-align:center; clear:both; float:none; position:relative; }	
	.btn_wrap .left {position:absolute; top:50%; right:50%; margin:0 1px 0 0; padding-right:20px; }
	.btn_wrap .right {position:absolute; top:50%; left:50%; padding-left:20px; }	
	a.c_btn { display:block;position:relative;height:47px; line-height:47px;font-size:16px;color:#000; width:160px;border:4px solid #000;text-align:center;
	background-color:#fff;overflow:hidden;	
	-webkit-transition:all 500ms cubic-bezier(.19,1,.22,1);
	transition:all 500ms cubic-bezier(.19,1,.22,1);}
	a:hover.c_btn {border:4px solid #000;text-align:center;background-color:#000; color:#fff} */
	

	/* 버튼 수정 */
	.btn_wrap{display:flex; justify-content:center; align-items:center; gap:40px; margin-top:30px;}
	.btn_wrap > span{display:block;}
	.btn_wrap > span > a {display:block; width:160px;height:47px; line-height:47px; font-size:16px;color:#000; border:4px solid #000; text-align:center; transition:all 500ms cubic-bezier(.19,1,.22,1);}
	.btn_wrap > span > a:hover{border:4px solid #000; color:#fff; background-color:#000}


	
	/* 게시판 검색 영역 */
	.past_list_control {/*text-align:center;*/ margin:0 0 10px 40px;}
	.past_list_control * {vertical-align:middle;}
	.past_list_control select {padding:2px; font-size:14px;}
	.past_list_control input {padding:3px; font-size:14px;}
	.past_list_control button {padding:5px 20px; background:#2c2e32; font-size:14px; color:#fff; border-radius:4px;}
	
	
	/* 서브_채용공고 리스트 */
	.recruit2_box { width:auto; position:relative; margin:0 -20px}
	.recruit2_list {/*margin:0 -10px 10px -10px;*/ *zoom:1; }	
	.recruit2_list:after {content:""; display:block; clear:both;}
	.recruit2_list li { float:left; width:33.3%; }
	.recruit2_list li .box { background:#fff;position:relative; height:270px; margin:20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border:1px solid #ccc}
	.recruit2_list li .area {position:absolute; top:0px; left:0px; width:65px; height:30px; line-height:30px; text-align:center; background:#4c4c4c; color:#fff}
	.recruit2_list li .info {width:90%; box-sizing:border-box; margin:auto; padding-top:50px}
	.recruit2_list li .rtit {height:auto; color:#010101; font-size:24px; text-align:left; font-weight:bold; line-height:1.4;}
	
	.recruit2_list li .work {height:30px; color:#353535; font-size:14px; text-align:left; line-height:1.4; padding-top:10px}
	.recruit2_list li .date {position:absolute; bottom:60px; left:0px; width:100%; height:30px; color:#353535; font-size:18px; text-align:center;}
	.recruit2_list li .recruit_btn a {position:absolute; bottom:0px; left:0px; width:100%; height:60px; line-height:60px; background:#29a6e8; color:#fff; font-size:24px; text-align:center; font-weight:bold; }
	.recruit2_list li .recruit_btn a:hover {background:#fed652;}
	.recruit2_box .no_recruit {width:100%; height:400px; line-height:400px; margin:auto; font-size:24px; text-align:center; color:#000;  background:url("https://img.assesta.com/assesta/contents/bg_norecruit.png") no-repeat center top;}
	
	
		
	/* 서브_채용공고 뷰 */	
	.recruit_box {width:990px; position:relative; margin:auto; border-bottom:1px solid #ccc}
	.recruit_box .subject { border-top:2px solid #000;  border-bottom:1px solid #000; position:relative; padding:20px 20px}
	.recruit_box .subject span { font-size:18px; color:#101010}
	.recruit_box .subject .area { color:#555}
	.recruit_box .subject .date { position:absolute; right:10px; top:22px; font-size:14px}
	.recruit_box .subject .date i { color:#da1a2f;font-size:16px}
	
	.recruit_box .cont { padding:30px 40px; text-align:left; font-size:16px; line-height:26px;}
	.recruit_box .cont img { max-width:800px; margin:10px 0}
	
	/* 서브_상시채용 뷰 */	
	.re_txt {font-size:18px; color:#018ca0; text-align:center; width:auto; margin:auto; line-height:1.6em; padding-top: 10px}
	.line {text-decoration: underline}
	
	.recruit_box2 {width:auto; position:relative; margin:0 20px; border:1px solid #c8c8c8; padding: 20px 0; font-size: 14px;}
	.recruit_box2 > ul { float:left; width: 50%;}
	.recruit_box2 > ul > p.tit_big{ font-size: 18px; color: #000; padding: 10px 0; text-align: center}
	
	.re_notice > li.tit { font-size:16px; color: #2d56d6;padding:6px 0;  }
    .re_notice > li
	.re_notice > li a { color: #2051da; text-decoration: underline}
	.re_notice > li a:hover { color: #2051da; text-decoration: underline}
    .re_notice > li ul > li { padding:4px 0; padding-left: 15px; line-height:1.4em; background:url('https://img.assesta.com/assesta/common/bullet01.png') no-repeat left 8px; font-size: 14px; color: #515151;}

	
	
	.recruit3_list {/*margin:0 -10px 10px -10px;*/ *zoom:1; display: flex; justify-content: center;}	
	/* .recruit3_list:after {content:""; display:block; clear:both;} */
	.recruit3_list > li { /*float:left; width:33.3%;*/ flex: 1; font-size: 14px;}
	.recruit3_list > li .box { background:#fff;position:relative; height:440px; margin:20px; padding: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border:1px solid #ccc}

	
	.recruit3_list li .team { position: absolute; top: 0; left: 0; width:100%; height:60px; line-height:60px; background:#29a6e8; color:#fff; font-size:24px; text-align:center; font-weight:bold; }
	
    .re_common .re_notice > li{ font-size: 16px;}
	.re_common li {font-size: 14px;}
    .re_common .re_notice > li ul > li { padding:4px 0; padding-left: 15px; line-height:1.4em; background:url('https://img.assesta.com/assesta/common/bullet01.png') no-repeat left 8px; font-size: 14px; color: #515151;}
	.re_common h3 { font-size:24px; color:#010101; margin:50px 0 10px 0}
	.re_common .re_img {display: display;}
	.re_common .re_step {display: none;}

    .re_common .re_notice:nth-of-type(-n+2) > li {padding:4px 0; padding-left: 15px; line-height:1.4em; background:url('https://img.assesta.com/assesta/common/bullet01.png') no-repeat left 8px; font-size: 14px; color: #515151;}



	
	/* 메인 팝업_브라우저 업그레이드 */	
	.main_popup{ padding:0; margin:0}
	.main_popup .popup_con { height:450px}

}


@media (hover: hover){
	.btn_wrap > span > a:hover{border:4px solid #000; color:#fff; background-color:#000}
	.saram_info > p a:hover{background-color:rgba(0,102,254,0.2)}
}