@media all and (max-width:640px) {
	/*푸터 SNS버튼*/
	.footer .snsBox > ul {
		width: 100%;
		display: inline-flex;
		margin: 0 auto;
		padding-top: 50px;
	}
	/* 로딩 */
	.loading {position:fixed; top:0; left:0; width:100%; height:100%; background:#fff; z-index:9999;}
	.loading .img {position:absolute; top:0; bottom:0; left:0; right:0; width:64px; height:64px; margin:auto; text-align:center;}

	body {padding:50px 0 0 0; }
	body.display_banner {padding:120px 0 0 0;}

	/* 메인 상단 배너 */
	.sub .main_top_banner {display:none;}
	.main_top_banner {width:100%; height:70px; background:#1b1d2a; overflow:hidden;}
	.main_top_banner_inner {position:relative; 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;}

	/*팝업*/
	#pop01 {left: 0px !important;}
	#pop02 {left: 0px !important;}
	#pop03 {left: 0px !important;}
	/* 헤더 */
	.header {position:fixed; top:0; left:0; width:100%; background:#fff; z-index:9999;border-bottom:1px solid #333}
	.header h1 {}
	.header h1 a {display:block; padding:6px 15px; font-size:16px; color:#fff; text-align:center; letter-spacing:-1px;}
	.header h1 a * {vertical-align:middle;}
	.header_main {position:relative; width:auto !important;}
	.header h1 .txt { display:none}

	/* 헤더 메뉴 */
	.header_menu_wrap {display:none; position:absolute; top:65px; left:0; width:100%;}
	.header_menu {height:500px; overflow:scroll; -webkit-overflow-scrolling:touch;}
	.header_menu > li {}
	.header_menu > li > a {display:block; padding:10px 0; border-left:1px solid #333; font-size:14px; background:#29a6e8; color:#fff; text-align:center; font-weight:bold; letter-spacing:-1px;}
	.header_menu .two_depth {text-align:center;}
	.header_menu .two_depth li a {display:block; padding:10px 0; background:rgba(26, 26, 26, 0.9); border-bottom:1px solid #333; font-size:14px; color:#fff;}
	.header_menu .two_depth li:last-of-type a {border:0;}
	
	/* 헤더 기타 버튼 */
	.header_etc {}
	.header_etc li {display:table; float:left; width:50px; height:50px;}
	.header_etc li a {display:table-cell; width:50px; height:50px; font-size:24px; font-weight:bold; color:#333; text-align:center; vertical-align:middle;}
	.header_etc li.newsletter {position:absolute;top:10px; right:10px;}
	.header_etc li.btn_sitemap_open {position:absolute; bottom:0; left:0;}
	.header_etc li.btn_sitemap_close {display:none; position:absolute; bottom:0; left:0; background:#fff;}

	
	/* 푸터 */
	.footer {background:#181818; position:relative}
	.footer .footer_inner {padding:15px; overflow:hidden;}
	.footer .footer_logo {margin:10px 0; width:35%}
	.footer .site_info {color:#555; width:80%; float:left; margin-top:10px; font-size:10px}
	.footer .site_info address {margin:0 0 5px 0;}
	.footer .site_info .copyright { margin-top:0px}
	.footer .site_info p { line-height:1.5}
	.footer .site_info p a { color:#555}
	.footer .site_info p a:hover { text-decoration:underline}
	/*.footer .site_info a {display:block; clear:both;}*/
	
	.footer .top { position:absolute; top:0; right:10px; width:35px;}
	.footer .familysite { width:80%; position:absolute; top:20px; left:0px;}
	.footer .familysite > ul > li { float:left; padding-left:20px}
	.footer .catalog { position:absolute; top:100px; right:10px; width:20%;font-size:10px; background:#242424; height:60px; line-height:40px; color:#fff; text-align:center; font-size:14px;}
	.footer .catalog a { font-size:10px;}
	.fa-download { display:block !important}

	.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:100px;
		padding:10px 0px;
		font-size:10px;
		border:none; 
		color:#29a6e8;
		/*border-bottom:1px solid #555;*/
		cursor:pointer;	
		
	}	
		
	/* IE 10, 11의 네이티브 화살표 숨기기 */
	.sel_site::-ms-expand { 
	  display: none;
	}

	/* 뉴스레터 신청 팝업 */	
	.popup_cont { width:95% !important;}
	
	.newsletters_poppup {width:95%;margin:0 auto; background:#fff; position:relative}
	.popup_close { display:none;/* position:absolute; top:0; right:5%; font-size:36px; color:#fff; text-align:center; width:40px; height:40px; line-height:40px; cursor:pointer*/}
	.newsletters_poppup .popup_tit {margin:0 0 10px 0; text-align:center; padding:10px 0; background:#2ebfec; font-family:'Nanum Barun Gothic';}
	.newsletters_poppup .popup_tit strong {color:#000;display:block; font-size:24px; 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:10px; text-align:center; line-height:1.4}
	.newsletters_poppup .pop_txt .strong { font-size:14px; display:block; margin-bottom:10px}	
	.newsletters_poppup .pop_txt .view_btn { color:#0044FF; text-decoration:underline; margin-bottom:10px}
			
	.newsletters_poppup .popup_section {padding:0px; margin:0 15px}	
	.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:100%; 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; width:80px !important}
	.newsletters_poppup .popup_form_layout select {margin:0 0 15px 0; padding:5px; border:1px solid #ddd;}
	.newsletters_poppup .popup_form_layout textarea {margin:0 0 15px 0; padding:5px; border:1px solid #ddd;}
	.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; right:10px; top:20px; border:1px solid #fff;-webkit-border-radius: 10px; -moz-border-radius: 10px;border-radius:10px; background:#29c184;padding:25px 6px 6px 6px;}
	.newsletters_poppup .popup_tab_content .preveiw a {background:url('https://img.assesta.com/assesta/common/icon_newsletterview.png') center 5px no-repeat; background-size:14px; color:#fff; padding:25px 0px 6px 0px }	
	.newsletters_poppup .popup_tab_content .preveiw a:hover {color:#fff600}	
	
	/* 회사위치 _ 문의하기 팝업 */
	.newsletters_poppup .popup_section .qna {margin:0 -5px 10px -5px; *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:5px; box-sizing:border-box; }	
	.newsletters_poppup .popup_section .qna > li a {text-align:center; position:relative; display:block; padding:5px; background:#fff; font-size:1.1em; line-height:1.1em; 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:80px}
	.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:100%; padding:10px; box-sizing:border-box;}
	.post_list li a {position:relative; display:block; padding:10px; background:#fff;}
	.post_list li .photo {margin:0 0 10px 0;}
	.post_list li .photo img {display:block; width:100%;}
	.post_list li .info {padding:10px;}
	.post_list li .sub_category {margin:0 0 5px 0; color:#666;}
	.post_list li .tit {margin:0 0 5px 0; color:#2e2e2e; font-size:15px; line-height:1.5;}
	.post_list li .sns {}
	.post_list li .view_count {position:absolute; bottom:20px; right:20px; color:#787878;}
	.post_list li .view_count i {font-size:16px;}
	.post_list .big {width:100%;}
	.post_list .big .photo {margin:0;}
	.post_list .big .info {position:absolute; bottom:10px; left:10px; width:calc(100% - 20px); padding:20px; background: rgba(0, 0, 0, 0.5); box-sizing:border-box;}
	.post_list .big .sub_category {margin:0 0 5px 0;}
	.section01 .post_list .sub_category {color:#faab00;}
	.section02 .post_list .sub_category {color:#ee6462;}
	.section03 .post_list .sub_category {color:#8bc958;}
	.section04 .post_list .sub_category {color:#6c85f1;}
	.post_list .big .tit {height:auto; font-size:18px; color:#fff;}
	.post_list .big .sns {display:none;}
	.post_list .big .view_count {position:absolute; bottom:20px; right:20px; color:#fff;}*/
	
	.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:50%; height:100%; box-sizing:border-box;}
	.post_list li a {position:relative; display:block; height:180px}	
	.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 10px;}
	.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:18px; text-align:center; font-weight:bold; line-height:1.5;}
	.post_list li .view_count {position:absolute; top:20px; right:20px; color:#fff;}
	
	.post_list .big {width:100%; height:250px; background:#ffef38;}
	.post_list .big .photo {margin:auto;height:220px; /*width:95%; background:url('https://img.assesta.com/assesta/contents/main_assesta.png') no-repeat bottom center;background-size: contain*/}
	.post_list .big .assesta {padding:80px 0 0 0; width:80%; margin:auto}	
	.post_list .big .info {position:absolute; top:20px; left:0px; width:100%; box-sizing:border-box;}
	.post_list .big .tit {height:auto; font-size:36px; 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:180px;background-size: contain }
	.post_list .online {background:#27c386 url('https://img.assesta.com/assesta/contents/main_online.png') no-repeat center; height:180px;background-size: contain }
	.post_list .hr {background:#1d5188 url('https://img.assesta.com/assesta/contents/main_hr_btn.png') no-repeat center; height:180px; background-size: contain}
	.post_list .school {background:#ff9767 url('https://img.assesta.com/assesta/contents/main_school.png') no-repeat center; height:180px;background-size: contain }	
	.post_list .saram {background:#6277f9 url('https://img.assesta.com/assesta/contents/main_saram_btn.gif') no-repeat center; height:180px;background-size: contain }	


	
	.section01 .post_list .sub_category {color:#faab00;}
	.section02 .post_list .sub_category {color:#ee6462;}
	.section03 .post_list .sub_category {color:#8bc958;}
	.section04 .post_list .sub_category {color:#6c85f1;}
	

	/* 포스트 더보기 버튼 */
	.btn_post_more a {display:block; background:#fff; padding:20px; font-size:15px; text-align:center; color:#2e2e2e;}

	/* 포스트 타이틀 비주얼 */
	.post_visual_tit {position:relative; display:table; width:70%; padding:0 15%; height:200px; background-size:cover !important;}
	.post_visual_tit:after {content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:url("/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 */
	}
	.post_visual_tit h2 {position:relative; display:table-cell; font-size:24px; font-family:'NanumSquare'; text-align:center; vertical-align:middle; color:#fff; line-height:1.3; letter-spacing:2px; z-index:100; text-shadow: -3px 3px 5px rgba(0, 0, 0, 0.5);}
	.post_visual_tit h2 em {display:block; font-size:16px; font-weight:normal;}
	.post_visual_tit h2 em:after {content:''; display:block; width:60px; margin:0 auto 10px auto; padding:9px 0 0 0; border-bottom:1px solid #fff;}
	.post_visual_tit h2 .tit {font-size:24px;}
	
	/* 채용공고 리스트 */
	.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:50%; height:100%; text-align:center; }
	.recruit_list li .box { background:#fff; height:200px; margin:10px; position:relative}
	.recruit_list li .area {position:absolute; top:0px; left:0px; width:55px; height:24px; line-height:24px; text-align:center; background:#4c4c4c; color:#fff}
	.recruit_list li .info {width:90%; box-sizing:border-box; margin:auto; padding-top:40px}
	.recruit_list li .tit {height:auto; color:#010101; font-size:16px; text-align:left; font-weight:bold; line-height:1.2;}
	.recruit_list li .work {height:24px; color:#353535; font-size:11px; text-align:left; line-height:1.4; padding-top:10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
	.recruit_list li .date {position:absolute; bottom:30px; left:0px; width:100%; height:30px; color:#353535; font-size:12px; text-align:center;}
	.recruit_list li .recruit_btn a {position:absolute; bottom:0px; left:0px; width:100%; height:40px; line-height:40px; background:#29a6e8; color:#fff; font-size:18px; 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;}
	.recruit_list .big .info {position:absolute; top:0px; left:10px; width:90%; box-sizing:border-box; }
	.recruit_list .big .info2 {position:absolute; top:20px; left:10px; width:90%; box-sizing:border-box; }
	.recruit_list .big .tit { height:auto; font-size:11px; line-height:1.3; text-align:left; color:#fff; font-weight:normal;}
	.recruit_list .big .tit2 {height:auto; padding-bottom: 6px; font-size:16px; line-height:1.4; text-align:left; color:#ffef38; font-weight:normal;}
	.recruit_list .big .tit3 { margin:10px 0; }
	.recruit_list .big .tit3 > p {height:auto; padding: 2px 0; font-size:12px; text-align:left; color:#ffdf9e; font-weight:normal;}

	.recruit_list .cont img { width:100%;}
	.recruit_list .cont img{transform-origin: 0% 0%; transform: translate(0px, 0px) scale(1) translateZ(0px); transition-duration: 0ms; transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1);}
	.recruit_list .no_recruit {width:50%; height:180px;  margin:auto; font-size:18px; text-align:center;  padding:130px 0 0 0;
	background:url("https://img.assesta.com/assesta/contents/icon_main_recruit.png") no-repeat center 20px;}
	

	/* 메인 비주얼 영역 */
	.main_visual_wrap {position:relative;}
	.main_visual {}
	.main_visual li {width:100%; height:250px; background-size:cover !important}
	.main_visual li:after {content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:url("/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 */
	}
	.main_visual li .txt {position:relative; display:table; width:100%; height:100%; font-family:'NanumSquare'; color:#fff; z-index:100;}
	.main_visual li .txt > div {display:table-cell; width:100%; height:100%; text-align:center; vertical-align:middle;}
	.main_visual li .txt em {display:block; font-size:24px; font-weight:bold; color:#29a6e8;}
	.main_visual li .txt .tit {display:block; margin:5px 0 20px 0; padding:0 10%; font-size:14px; line-height:1.3; font-weight:normal;}


	.main_visual li .txt a {position:relative; display:block; width:150px; margin:0 auto; padding:10px; font-size:18px; font-weight:bold; border:1px solid #fff; color:#fff; border-radius:2px;}
	.main_visual_control {display:none;}

	

	/* 메인 섹션별 스타일 
	.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:0;}

	.main_section.section01 {}
	.main_section.section02 {}
	.main_section.section02 .w_50 { width:100%; float:none; clear:both}
	.main_section.section03 {background:#d0e8e8;float:none; clear:both}

	.main_section.section01 .section_tit a {border:1px solid #2c2e32; color:#2c2e32;}
	.main_section.section02 .section_tit02 a {}
	.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 { display:none}

	.main_section .section_tit {margin:0 0 20px 0; text-align:center;}
	.main_section .section_tit strong {display:block; margin:0 0 20px 0; font-size:30px; font-family:'Nanum Barun Gothic' !important; color:#2c2e32; padding-top:20px}
	.main_section .section_tit a {display:inline-block; width:36px; height:36px; background:url("https://img.assesta.com/assesta/common/ico_plus.png") no-repeat center center; text-indent:-9999px;}

	.main_section_inner {padding:0px}

	/*공지사항 동영상 섹션 */
	.main_section .section_tit02 {margin:40px 0 60px 0; text-align:left; position:relative}
	.main_section .section_tit02 strong {display:block; margin:0 0 40px 0; font-size:30px; font-family:'Nanum Barun Gothic' !important; color:#2c2e32; text-align:center}
	
	.main_section .section_tit02 a { position:absolute; right:5px; top:0px; text-indent:-99999px; width:21px; height:21px; background:url("https://img.assesta.com/assesta/common/ico_plus.png") no-repeat; /*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 { position:absolute; right:5px; top:0px; width:21px; height:21px;  text-indent:-9999px; vertical-align:middle;}
	
	.main_section .section_tit02 a span {}
	.main_section .section_tit02 a:hover {}
	.main_section .section_tit02 a:hover span {}
	/**/
	.main_section02_inner {margin-right:0px;}
	
	/* 메인 공지사항 */
	.news	{ margin:-50px 0 0;  border-top:1px solid #ccc;}
	.news li	{margin:10px auto; width:95%; height:86px; 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	{float:left; display:inline-block; vertical-align:top;}

	.news p.date	{display:block; margin:0 19px 0 0px; color:#20d0bc; font-size:24px; line-height:1.4; }
	.news p.year	{display:block; color:#c0c0c0; font-size:14px;}
	
	.news span.notice	{ position:absolute; right:0; top:2px; height:60px; color:#444; width:78%;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:18px; width:100%; margin-bottom:0px;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
	.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 p.movtit { font-size:14px; width:90%; padding-top:10px; margin:auto; color:#444; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin:20px auto;}
	.movie li > iframe { width:90%;}

	/* 유투브 영상 세로사이즈 자동조절 */
	.videoWrapper {position: relative;padding-bottom: 56.25%; /* 16:9 */padding-top: 25px;height: 0;}
	.videoWrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}


 

	
	
	
	/*서브 페이지 */
		
	/* 컨텐츠 */
	.contents { width:100%; }
	.con_1200 {width:100%; margin:0 auto;}
	
	/* 서브 비주얼 영역 */
	.sub_visual_wrap {position:relative; width:100% !important;height:160px !important;}
	
	.sub_visual {width:100% !important; height:160px !important;}
	.sub_visual li {position:relative; width:100% !important; height:160px !important; padding:0px 0 0 0; background:none !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%;*/ padding:40px 20% 0 20%; font-family:'Nanum Barun Gothic'; text-align:center; color:#010101; 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:#010101;}
	.sub_visual li .txt em:before {content:''; display:block; width:30px; margin:20px auto ; border-bottom:1px solid #010101;}
			
	.path_wrap { display:none; /*position:absolute; right:50px; top:150px; z-index:10;*/}
	.path_wrap > li { display:inline-block; color:#666; font-size:11px;}
	

	
	/* Tab메뉴  */
	.tabType1 {height:47px;border-bottom:1px solid #262626; }
	.tabType1 li {float:left;width:25%;text-align:center;font-size:14px; background:url("https://img.assesta.com/assesta/common/tab_bar_mobile.png") repeat-y center left; }
	.tabType1 li a {display:flex;align-items:center;justify-content:center;padding: 0 2px;height:47px; line-height:1.2; border-top:3px solid #afafaf; word-break: keep-all;box-sizing:border-box}
	.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 32px ; border-top:3px solid #29a6e8;}
	.tabType1 li.on {height:47px}
	/*.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%;}	

	.tabType1.five{height:69px}
	.tabType1.five li a{height:69px}
	.tabType1.five li.on{height:69px}
	.tabType1.five li.on a{background-position:center 54px}

	
	
	/* 서브 공통 */
	.sub_section {padding:25px 0px; overflow:hidden; width:100%; 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_section > .sub_section_inner {padding:0 20px}
	.sub_section_all > .sub_section_inner {padding:0}
	
	.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:32px; font-weight:bold; }
	.sub_tit > p.txt {font-size:14px; line-height:1.4; padding-top:10px;}
	.sub_tit > p.txt_up {font-size:14px; line-height:1.4; padding-top:10px;}
	.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:auto;  text-align:center}
	.whoweare > dl > dt .tit { display:block; padding:10px 0px;line-height:1.2;}
	.whoweare > dl > dt img {}
	.whoweare > dl > dd { width:auto; font-size:14px ; line-height:1.6;  margin-bottom:50px }
	.whoweare > dl > dd > strong { font-size:14px;line-height:1.6; }
	
	/* 회사소개_미션과비전 */
	.mission {width:auto; position:relative;}	
	.mission > div {width:100% !important; text-align:center;}
	.mission .mission_img > li { width:100%; text-align:center;}
	.webL .custom-main-sparkling-card {width:100%; text-align:center;}
		
	.mission > dl { width:100%; padding-top:30px;}
	.mission > dl > dt {color:#303030; font-size:18px; font-weight:bold;padding-left:15px;}
	.mission > dl > dt > strong { color:#29a6e8;}
	.mission > dl > dd { padding:15px; font-size:14px; line-height:1.4}
	
	/* 회사소개_히스토리 */	
	.history_wrap {width:auto; position:relative}
	.history_wrap1972 {background:#000 url("https://img.assesta.com/assesta/contents/bg_history_1972.jpg") no-repeat right bottom; background-size:cover; padding-top:50px}	
	.history_wrap1972 > .history { width:100%; min-height:400px; float:left; color:#fff; }
	.history_wrap1972 > .history > h2 { font-size:48px; text-transform: uppercase; margin:20px 10px}	
	.history_wrap1972 > .history h3.time { font-size: 24px !important;}
	.history_wrap1972 > .history .mtop { margin-top:0px;}
	
	.history_wrap > .history { width:100%; min-height:400px; 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 10px}
	
	.history_wrap > .project  {width:100%; min-height:400px;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 10px}
	.history_wrap > li { padding-top:50px;}		
	
	
	.history-tab {background:#2ebfec; display:table; margin:auto;padding:0 50px; text-align:center;/*position:absolute; top:0; left:50%; margin-left:-280px; z-index:10; padding:0 50px */}
	.history-tab > ul > li { float: left; }
	.history-tab > ul > li a { font-weight: 700;padding:10px 10px;  text-align:center !important; font-size:18px; color:#fff ; width:50%; display:inline-block }
	.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;}	
	.schedule-row { width: 100%; overflow: hidden; position: relative; padding-bottom: 24px; padding-left: 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
	h3.time { line-height: 1em;  width: 100%; text-align: left; font-size: 24px; 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 { display:none; 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 { display:none;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 { display:none;position: absolute; top: -20px; left: 189px; z-index: 1; width: 1px; height: 100px; background: #fff;  border: 0;}
	.section-2 hr.timeline {display:none; position: absolute; top: -20px; left: 189px; z-index: 1; width: 1px; height: 100px; background: #010101;  border: 0;}
	
	.first hr.timeline { top: 10px;}
	.last hr.timeline { top: -88px;  }
	
	/* 회사소개_회사위치 */	
	.map_tab {width:auto; position:relative}
	.map_tab > li {width:100%; float:none; clear:both}
	.map_tab > li .map_inner { margin:10px 0; padding:10px 20px; min-height:90px; background:#f6f6f6}
	.map_tab > li .on {background:#ffef38}
	.map_tab > li a:hover .map_inner {background:#ffef38}
	.map_tab .maparea { font-size:18px; line-height:1.6; color:#010101; }
	.map_tab .mapaddress {font-size:13px;line-height:1.4; color:#333; }
	.map_tab .maptel {font-size:13px; line-height:1.4; color:#333;}
	/*.map_tab .maptel:last-child { padding-left:10px;}*/	
	.map {width:100%; position:relative; min-height:200px; text-align:center; margin-top:30px; background:#efefef}
	
	
	/* overview */
	.overview {width:auto; padding:0; position:relative;}	
	.overview > .custom-main-sparkling-card:first-child { display:none;}
	.overview > .custom-main-sparkling-card {width:49%;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:-20px -65px 0 -65px;}
	.man a .man_over img { width:100%}
	
	.man a:hover .man_over {display: block;}	
	.overview_con { font-size:14px; line-height:1.6em; margin:20px 0}
	.overview_con > strong { font-size:18px; line-height:1.6em}
	
	
	/* 사이트 소개 */
	.info_guide_box > p { line-height:1.6em;}
	.info_guide_box p.txt { line-height:1.6em;}
	.info_guide_box h3 { font-size:24px; color:#010101; margin:30px 0 10px 0}	
	
	/*  c4u */
	.info_guide_list > li { position:relative;margin:10px 0;padding:30px 20px;background-color:#eee;overflow:hidden; }
	.info_guide_list > li .num	{ display:block; text-align:center; margin-bottom:10px}
	.info_guide_list > li .title { display:block;text-align:center;font-size:18px; color:#010101; }	
	.info_guide_list > li .desc_wrap .img_wrap { display:block;position:relative;margin:18px auto 40px; text-align:center} 
	.info_guide_list > li .desc_wrap .img_wrap .info_icon { display:block;width:101px; margin:auto } 
	.info_guide_list > li .desc_wrap .desc {width:90%; margin:auto; font-size:14px;line-height:20px;vertical-align:middle; } 
	.info_guide_list > li .desc_wrap .desc > li { padding:6px 0; line-height:1.6em; background:url('https://img.assesta.com/assesta/common/bullet01.png') no-repeat left 10px; padding-left:15px}	
	.info_guide_list > li .title2 { text-align:center; font-size:14px; line-height:1.4em; color:#010101; }
	.info_guide_wrap .img_wrap { height:auto; }
	.info_guide_wrap .img_wrap p { margin-top:-64px;left:27px;width:auto;font-size:24px;line-height:32px; }
	.info_guide_wrap .img_wrap p br { display:block; }
	.info_guide_wrap .img_wrap img { margin-top:0 !important;top:0;height:100%; }
	

	/* hr */
	.hr_guide_list	{ margin:50px 0 0 0;}
	.hr_guide_list > p	{  line-height:1.6em;}
	.hr_guide_list > li { position:relative;margin-top:20px;padding:20px 0;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:50%; 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:10px 0 20px 0}
	.hr_guide_list > li .desc_wrap .img_wrap .info_icon { width:101px; padding:28px 0}
	
	.hr_con_list {margin:30px -2px 10px -2px;}
	.hr_con_list > li {  float:left; width:100%; }
	.hr_con_list > li .hr_box {background:#eee; margin:5px 2px;padding:15px 5px;}
	.hr_con_list .hr_box .num { width:40px; text-align:center; display:inline-block;font-size:16px;font-family:arial;}
	.hr_con_list .hr_box .title {display:inline-block;font-size:14px; color:#010101; }
	
	.hr_txt { font-size:14px; color:#018ca0; text-align:center; width:100%; 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}
	.hr_customer_list > li { width:50%; 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.6em;}	
	.sh_guide_list > li { position:relative;margin-top:20px;padding:20px;overflow:hidden; }
	.sh_guide_list > li .desc_wrap { width:100%; }
	.sh_guide_list > li .desc_wrap .img_wrap { display:inline-block; text-align:center; width:100%; 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:10px 0 20px 0}
	.sh_guide_list > li .desc_wrap .img_wrap .info_icon { width:101px; padding:28px 0}
	.sh_guide_list > li .school_icon { display:none;}
		
	.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; text-align:center; margin-bottom:10px}
	.sh_con_list > li .title { display:block;text-align:center;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:0.8em}
	.sh_con_list > li .title2 { text-align:center; font-size:14px; line-height:1.4em; color:#010101; }
	
	.sh_con_list > li .desc_wrap { margin:20px 0 0 0}	
	.sh_con_list > li .desc_wrap .desc { display:inline-block;width:100%;font-size:14px;line-height:26px;vertical-align:middle; } 
	.sh_con_list > li .desc_wrap .desc > li { padding:6px 0; line-height:1.6em; 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 { padding:12px 0 0 0; font-size:16px; color:#ff4c00}

    .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_mov_list{display: flex; flex-direction: column; gap: 7px; 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 { margin:auto;}
	.sh_program_list > li { width:100%; text-align:center; position:relative; float:left; height:100px; margin:10px 0; display:table}
	.sh_program_list > li .pro_box {/*padding:30px 20px; margin:10px 10px;*/ color:#fff; font-size:18px; line-height:1.4em; height:100%; vertical-align:middle; display:table-cell}
	.sh_program_list > li .pro_box a {color:#fff;}
	.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_contents{margin: 40px 0;}
    .sh_contents > p{line-height: 1.5;}


	/* 사람의 발견 */
	.info_guide_box >p sup{font-size: x-small; vertical-align: super;}

	.saram_video{margin:20px 0}
	.saram_video > div{margin-bottom:10px;}
	.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_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:active{color:#0066fe;}

	.saram_con_list .saram_pro_box{display:flex; flex-wrap: nowrap;}
	.saram_con_list .saram_pro_box > .saram_pro_bg{display:none;}
	.saram_con_list .saram_pro_box > ul{display: grid; grid-template-columns: 1fr 1fr; gap: 10px 15px; margin: 20px auto 0; }
	.saram_con_list .saram_pro_box > ul figure{display:; flex-direction: column; align-items: center; margin:0 0 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:0}		
	
	.dataList .dataTable {width:100%;}
	.dataList .dataTable table {width:100%; border-bottom:1px solid #e1e1e1;}
	.dataList .dataTable table th { display:none; 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 50px 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:0px;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; font-size:12px}
	.dataList .dataTable table td .date { display:none;/*position:absolute;top:30px;right:40px;font-family:"Nanum Barun Gothic","Arial"; font-size:12px;*/}
	.dataList .dataTable table .view {/*display:none;*/ background:#fff;}
	.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:14px; line-height:26px; padding:20px 10px; width:auto; 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;*/ width:auto; height:auto}			
	.dataList .dataTable table .view td .btnClose {position:absolute;bottom:20px;right:10px; 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;*/}
		
	
	/* 테이블 밑 버튼 */
	.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;  border-top:1px solid #ccc;}
	.movie_con li {margin:0; width:100%; position:relative; float:left; text-align:center; padding:10px 0}
	.movie_con li > iframe { z-index:1 !important; width:90%; height: 181px; margin:10px auto}
	.movie_con p.movtit { font-size:16px; width:90%; text-align:left; line-height:1.2em; padding:5px 0 0 0; color:#444; margin:0px auto}	
	.movie_con .movcon { font-size:14px; width:90%; 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:contain}
	.report {background:url('https://img.assesta.com/assesta/contents/bgpat_report.png'); min-height:100%; padding:20px 0}	
	.report > ul > li {width:100%; margin:50px 0 0 0}	
	.report_box { margin:0 auto; width:70%; background:#fff; box-shadow: 3px 3px 20px black; border-radius:10px; padding:50px 20px 40px 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; padding:20px 0; line-height:1.2em;}	
	.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:100%; margin:auto; padding:20px 0; 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; padding:12px;color:#fff; font-size:14px; line-height:20px; text-align:center;}
	.button a * {vertical-align:middle;}
	.button a:hover { color:#fff; background:#66d0f1}
	.button a span {margin:0 5px; font-size:14px; opacity:1;}
	.button .left {position:absolute; top:50%; right:50%; margin:0 1px 0 0; background:#004993; }
	.button .right {position:absolute; top:50%; left:50%;  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:2px; }
	.btn_wrap .right {position:absolute; top:50%; left:50%; padding-left:2px; }
	a.c_btn { display:block;position:relative;height:47px; line-height:43px;font-size:16px;color:#000; width:160px;border:2px solid #000;text-align:center;
	background-color:#fff;overflow:hidden;	box-sizing:border-box;	
	-webkit-transition:all 500ms cubic-bezier(.19,1,.22,1);
	transition:all 500ms cubic-bezier(.19,1,.22,1);}
	a:active.c_btn {border:2px solid #000;text-align:center;background-color:#000; color:#fff} */

	/* 버튼 수정 */
	.btn_wrap{display:flex; justify-content:center; align-items:center; gap:4px; margin-top:30px;}
	.btn_wrap > span{display:block; box-sizing: border-box;}
	.btn_wrap > span > a {display:block; width:160px;height:47px; line-height: 43px; font-size:16px;color:#000; border:2px solid #000; text-align:center;transition:all 500ms cubic-bezier(.19,1,.22,1); box-sizing: border-box;}
	.btn_wrap > span > a:active{border:2px solid #000; color:#fff; background-color:#000}
	
	
	/* 게시판 검색 영역 */
	.past_list_control {text-align:center; margin:0 0 20px 0px;}
	.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:100%; position:relative; margin:0}
	.recruit2_list {/*margin:0 -10px 10px -10px;*/ *zoom:1; }	
	.recruit2_list:after {content:""; display:block; clear:both;}
	.recruit2_list li { float:left; width:100%; }
	.recruit2_list li .box { background:#fff;position:relative; height:270px; margin:20px; 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; white-space:normal !important}
	.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:270px; line-height:270px; margin:auto; font-size:18px;color:#000; text-align:center;  background:url("https://img.assesta.com/assesta/contents/bg_norecruit.png") no-repeat center top; background-size:cover}
	
		
	/* 서브_채용공고 뷰 */	
	.recruit_box {width:100%; 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; line-height:1.4em; color:#101010}
	.recruit_box .subject .area { color:#555}
	.recruit_box .subject .date { font-size:14px; margin:10px 0 0 0}
	.recruit_box .subject .date i { color:#da1a2f;font-size:16px}
	
	.recruit_box .cont { padding:20px 10px; text-align:left; font-size:16px; line-height:26px;}
	.recruit_box .cont img { margin:10px 0; width:auto}
	
	/* 서브_채용공고 뷰 */	
	.recruit_box {width:100%; 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; line-height:1.4em; color:#101010}
	.recruit_box .subject .area { color:#555}
	.recruit_box .subject .date { font-size:14px; margin:10px 0 0 0}
	.recruit_box .subject .date i { color:#da1a2f;font-size:16px}
	
	.recruit_box .cont { padding:20px 10px; text-align:left; font-size:16px; line-height:26px;}
	.recruit_box .cont img { margin:10px 0; width:auto}
	
	/* 서브_상시채용 뷰 */	
	.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:auto; border:1px solid #c8c8c8; padding: 20px 0; font-size: 14px;}
	.recruit_box2 > ul { width: auto;}
	.recruit_box2 > ul > p.tit_big{ font-size: 18px; color: #000; padding: 10px 0; text-align: center}
	
	.re_notice {padding: 10px}
	.re_notice > li.tit { font-size:16px; color: #2d56d6;padding:6px 0;  }	
	.re_notice > li ul > li { padding:4px 0; line-height:1.4em; background:url('https://img.assesta.com/assesta/common/bullet01.png') no-repeat left 8px; font-size: 14px; padding-left:15px; color: #515151;}
	.re_notice > li a { color: #2051da; text-decoration: underline}
	.re_notice > li a:hover { color: #2051da; text-decoration: underline}
	
	
	.recruit3_list {/*margin:0 -10px 10px -10px;*/ *zoom:1; }	
	.recruit3_list:after {content:""; display:block; clear:both;}
	.recruit3_list > li { width:auto; font-size: 14px;}
	.recruit3_list > li .box { background:#fff;position:relative; min-height:270px; margin:20px 0; padding-top: 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 li {font-size: 14px; word-break: break-all}
	.re_common h3 { font-size:24px; color:#010101; margin:50px 0 10px 0}

    .re_common .re_notice:last-of-type > li{ font-size: 16px; background: 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;}
    .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: none;}
	.re_common .re_step {display: display; line-height: 180%; border-top: 1px solid #727c89; border-bottom: 1px solid #727c89; color: #2361b4; font-size: 15px}
	
	/* 메인 팝업_브라우저 업그레이드 */	
	.main_popup	{ display:none;}	
	
	
	
	
	
	
	
	
	

	/* 리스트 제목 */
	.list_tit {padding:25px 0 0 0; text-align:center; font-size:24px; font-family:'NanumSquare'; color:#666; line-height:1.3;}
	.list_tit:after {content:''; display:block; width:60px; margin:0 auto 25px auto; padding:24px 0 0 0; border-bottom:1px solid #2c2e32;}
	.list_tit strong {display:block; color:#000;}

	/* 기간별 리스트 */
	.date_control {margin:0 0 25px 0; text-align:center; font-size:18px; line-height:26px; font-family:'NanumSquare'; color:#666;}
	.date_control * {vertical-align:middle; line-height:1;}
	.date_control strong {color:#000;}
	.date_control a {margin:0 10px; color:#000;}

	/* 탭메뉴 */
	.tab_menu {margin:0 0 5px 0; border:1px solid #eee; border-right:0; overflow:hidden;}
	.tab_menu.five li {float:left; width:100%; text-align:center;}
	.tab_menu.five li a {padding:10px 0; border-bottom:1px solid #eee;}
	.tab_menu.three li {float:left; width:50%; text-align:center;}
	.tab_menu li a {display:block; padding:15px 0; background:#fff; border-right:1px solid #eee; font-size:14px; color:#1a1a1a; font-family:'NanumSquare';}
	.tab_menu li.on a {background:#2c2e32; color:#fff;}
	
	/* 포스트 서브 타이틀 */
	.post_sub_tit {padding:35px 0; border-bottom:1px solid #cbcbcb;}
	.post_sub_tit h3 {font-size:20px; font-family:'NanumSquare'; font-weight:normal; text-align:center; color:#333;}
	
	/* 포스트 이전글 다음글 */
	.post_control {position:relative; margin:-22px 0 80px 0; z-index:999;}
	.post_control a {display:inline-block; padding:12px; background:#333; color:#fff; font-size:14px; text-align:center;}
	.post_control a * {vertical-align:middle;}
	.post_control a span {margin:0 5px; letter-spacing:-1px;}
	.post_control .prev {position:absolute; top:50%; right:50%; margin:0 1px 0 0;}
	.post_control .next {position:absolute; top:50%; left:50%;}

	/* 다른 포스트 이동 */
	.other_posts {overflow:hidden;}
	.other_posts li {float:left; width:33.3%;}
	.other_posts li:last-of-type {width:33.4%;}
	.other_posts li a {display:block; padding:15px 0; background:#d9d9d9; font-size:14px; line-height:1; text-align:center; color:#333; letter-spacing:-1px;}
	.other_posts li a i {font-size:14px;}
	.other_posts li.top a {background:#a6a6a6;}

	/* 최근 포스트 목록 */
	.recent_posts_wrap {padding:50px 0; background:#f2f2f2; border-bottom:1px solid #e6e6e6}
	.recent_posts_list {padding:0 15px;}
	.recent_posts_list .recent_posts_tit {margin:0 0 40px 0; text-align:center; font-size:21px; font-family:'NanumSquare'; color:#666;}
	.recent_posts_list .recent_posts_tit strong {display:block; margin:0 0 5px 0; color:#000;}
	.recent_posts_list .list {margin:0 -10px; *zoom:1;}
	.recent_posts_list .list:after {content:""; display:block; clear:both;}
	.recent_posts_list .list li {position:relative; float:left; width:50%; padding:10px; box-sizing:border-box;}
	.recent_posts_list .list li a {display:block; color:#2e2e2e; font-size:13px;}
	.recent_posts_list .list li a div {margin:0 0 5px 0;}
	.recent_posts_list .list .tit {display: -webkit-box; height:34px; color:#666; line-height:1.3; white-space: normal; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
	.recent_posts_list .list .tit span {white-space: normal !important;}
	
	/* 메인 포스트 탭 
	.main_post_tab {position:relative; height:216px; overflow:hidden;}
	.main_post_tab > ul {text-align:center;}
	.main_post_tab > ul > li {float:left; width:50%;}
	.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 .tab01 .two_depth {display:block;}
	.main_post_tab .two_depth {position:absolute; top:46px; left:0; display:none; width:100%; background:#ccc; z-index:999;}
	.main_post_tab .two_depth li {padding:10px; overflow:hidden;}
	.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:none;}
	.main_post_tab .two_depth li a .txt {}
	.main_post_tab .two_depth li a .tit {float:left;}
	.main_post_tab .two_depth li a .view_count {float:right;}
	.main_post_tab .tab_close {display:none !important;}
	*/
	
	/* 사이트맵 */
	.sitemap_wrap {display:none; position:absolute; top:50px; left:0; width:100%; padding:0 !important; background:#333; z-index:9999;}
	.sitemap > li {padding:10px; border-bottom:1px solid #222;}
	.sitemap > li > a {display:block; margin:0 0 10px 0; font-size:16px;}
	.sitemap .two_depth li {margin:0 0 5px 0;}
	
	/* 통합검색 */
	.total_search {display:none; position:absolute; bottom:-50px; left:0; width:100%; background:#333; padding:13px; text-align:left; z-index:9999; box-sizing:border-box;}
	.total_search input[type='text'] {width: calc(100% - 36px); height:20px; margin:0 5px 0 0; padding:2px; border:0; background:none; font-size:15px;  color:#fff;}
	.total_search button {font-size:24px; color:#fff;}

	/* 패밀리사이트 */
	.family_site {background:#1a1a1a;}
	.family_site_inner {overflow:hidden;}
	.family_site_inner li {float:left; width:33.3%;}
	.family_site_inner li:nth-child(1) a {border-bottom:1px solid #333;}
	.family_site_inner li:nth-child(2) a {border-bottom:1px solid #333;}
	.family_site_inner li:nth-child(3) a {border-bottom:1px solid #333;}
	.family_site_inner li:nth-child(4):after {content:''; clear:both;}
	.family_site_inner li a {display:block; padding:20px 0; border-left:1px solid #333; text-align:center; color:#909195; font-size:12px; letter-spacing:-1px;}

	
	
	/* 수직 슬라이드 포스트 */
	.vertical_slider_post_wrap {background:#fff; overflow:hidden;}
	.vertical_slider_post_wrap .bx-wrapper {}
	.vertical_slider_post li {padding:20px;}
	.vertical_slider_post li a {display:block; font-size:15px; line-height:1.3; color:#2e2e2e; overflow:hidden;}
	.vertical_slider_post li a .rank {float:left; width:10px; height:10px; margin:0 10px 0 0; padding:3px 4px 5px 4px; color:#fff; border-radius:10px; text-align:center; font-size:12px;}
	
	.main_section.section01 .vertical_slider_post li a .rank {background:#faab00;} 
	.main_section.section02 .vertical_slider_post li a .rank {background:#ee6462;} 
	.main_section.section03 .vertical_slider_post li a .rank {background:#8bc958;} 
	.main_section.section04 .vertical_slider_post li a .rank {background:#6c85f1;} 

	.vertical_slider_post li a .sub_category {float:left; margin:0 5px 0 0;}
	.vertical_slider_post li a .tit {float:left;}
	.vertical_slider_post li a .view_count {display:none;}

	.vertical_slider_control {border-top:1px solid #e6e6e6;}
	.vertical_slider_control div {position:relative; float:left; width:50%; padding:10px 0; text-align:center;}
	.vertical_slider_control div span {display:none;}
	.vertical_slider_control div i {}
	.vertical_slider_control div a {position:absolute; top:0; left:0; display:block; width:100%; height:100%; border-left:1px solid #e6e6e6; box-sizing:border-box;}
	.vertical_slider_control div:first-of-type a {border:0;}

	/* 한글 맞춤법 */
	.hangle_spelling {margin:0 0 25px 0; padding:25px; background:#fff url("/images/main/bg_hangle_spelling.png") no-repeat right top; text-align:center; box-sizing:border-box;}
	.hangle_spelling a {display:block;}
	.hangle_spelling .sub_category {display:inline-block; margin:0 0 25px 0; padding:0 0 13px 0; border-bottom:2px solid #3ac286; color:#3ac286; font-size:14px;}
	.hangle_spelling .tit {margin:0 0 25px 0; font-size:28px; font-weight:bold; line-height:1.3; letter-spacing:-1px; color:#2e2e2e;}
	.hangle_spelling .tit strong {color:#3ac286;}
	.hangle_spelling p {font-size:15px; color:#2a2d32; line-height:1.3;}

	/* 우리말 달인 */
	.urimal_quiz {position:relative; margin:0 0 25px 0; padding:0 25px 0 25px; background:url("/images/quiz/bg_quiz01.png") repeat; box-sizing:border-box;}
	.urimal_quiz:after {content:''; display:block; width:100%; height:100%; position:absolute; top:0; left:0; background:url("/images/quiz/bg_quiz_tit.png") no-repeat center center; background-size:300%;}
	.urimal_quiz .tit {width:80px; height:54px; margin:0 0 25px 0; padding:32px 0 0 0;  font-size:20px; background:url("/images/main/tit_urimal_quiz.png") no-repeat; text-align:center; color:#282b31; background-size:cover;}
	.urimal_quiz .status {margin:0 0 25px 0; font-size:28px; font-weight:bold; letter-spacing:-1px; color:#fdb813; line-height:1.3;}
	.urimal_quiz .status  strong {color:#3ac286;}
	.urimal_quiz p {margin:0 0 25px 0; font-size:17px; line-height:1.3; color:#e9e9e9;}
	.urimal_quiz a {position:relative; display:block; width:100%; margin:0 0 25px 0; padding:15px 0; background:#fdb813; border-radius:24px; text-align:center; color:#fff; font-size:18px; font-weight:bold; letter-spacing:-1px; z-index:999;}
	.urimal_quiz .head {width:100px; margin:0 auto; text-align:center;} 
	.urimal_quiz .head img {display:block;}

	/* 우리말 갈무리 소식*/
	.word_posts {overflow:hidden;}
	.word_posts li {position:relative; margin:0 0 25px 0; background:#fff;}
	.word_posts li:after {position:absolute; top:10px; right:10px; content:''; display:block; width:27px; height:27px; background:url("/images/main/ico_plus02.png") no-repeat;}
	.word_posts li a {display:block; height:100%; text-align:center; }
	.word_posts li .tit_wrap {display:table; width:100%; height:130px;}
	.word_posts li .tit_wrap .tit {display:table-cell; font-size:20px; color:#fff; line-height:1.3; vertical-align:middle;}
	.word_posts li .sub_category {padding:15px 0; background: rgba(0, 0, 0, 0.6); color:#fff;}
	.word_posts .type01 {background:#1bb1e6 url("/images/main/bg_word_posts.png") no-repeat bottom left;}
	.word_posts .type02 {background:#c4b37b url("/images/main/bg_word_posts.png") no-repeat bottom left;}
	.word_posts .type03 {background:#3ac286 url("/images/main/bg_word_posts.png") no-repeat bottom left;}

	/* 국립국어원 소식지 신청 원고 응모 */
	.application {}
	.application_innner {overflow:hidden;}
	.application_innner li {}
	.application_innner li a {display:block; padding:25px;}
	.application_innner li .tit {margin:0 0 15px 0; font-size:24px; color:#fff; font-weight:bold;}
	.application_innner li p {font-size:13px; color:#fff; line-height:1.3; letter-spacing:-1px;}
	.application_innner li.left {text-align:right; background:#3bc287 url("/images/main/img_application_left.png") no-repeat 5% top; background-size:100px;}
	.application_innner li.right {text-align:left; background:#ffbe42 url("/images/main/img_application_right.png") no-repeat 95% bottom; background-size:85px;}

	.quiz_body {width:100%; background:url("/images/quiz/bg_quiz01.png") repeat; overflow-x:hidden;}

	/* 우리말 달인 타이틀 */
	.quiz_tit {padding:20px 0; background:url("/images/quiz/bg_quiz_tit.png") no-repeat center center; text-align:center;}
	.quiz_tit strong {display:block; margin:0 0 10px 0; font-size:25px; font-family:'NanumSquare'; color:#fdb813; letter-spacing:-1px; text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);}
	.quiz_tit div {width:50%; margin:0 auto 20px auto;}
	.quiz_tit p {padding:0 20px; color:#e9e9e9; font-size:14px; line-height:1.5; color:#fff; text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);}
	.quiz_tit p br {display:none;}
	
	/* 퀴즈 풀이 전체 영역 */
	.quiz_body_wrap {position:relative; margin:0 20px 20px 20px; padding:20px 20px 10px 20px; background:url("/images/quiz/bg_wood.jpg") no-repeat; background-size:100% 100%; border:8px solid #654a45; border-radius:12px; box-sizing:border-box; transition: all 0.1s ease-in;}
	.quiz_body_wrap * {transition: all 0.1s ease-in;}
	.quiz_body_wrap .quiz_wait {text-align:Center;}
	.quiz_body_wrap .quiz_wait .wait_tit {margin:0 0 10px 0; font-weight:bold; font-size:23px; letter-spacing:-2px; color:#493532; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8); line-height:1.3;}
	.quiz_body_wrap .quiz_wait p {margin:0 0 10px 0; font-size:16px; letter-spacing:-1px; line-height:1.3; color:#4d4b4b;}
	.quiz_body_wrap .quiz_wait a {}
	.quiz_body_wrap .mascot01 {position:absolute; top:-25%; left:-20px; z-index:-1; width:160px;}
	.quiz_body_wrap .mascot02 {position:absolute; top:-35%; right:-20px; z-index:-1; width:150px;}
	.quiz_body_wrap .status {margin:0 0 10px 0; font-size:14px; color:#513c38; letter-spacing:-2px; line-height:1.3; text-align:center; font-weight:bold;}
	.quiz_body_wrap .status strong {color:#202020; letter-spacing:-1px;}
	.quiz_body_wrap .quiz_board {margin:0 0 30px 0;}
	.quiz_body_wrap .question {text-align:center;}
	.quiz_body_wrap .question .type {margin:0 0 15px 0; font-size:16px; line-height:1.3; letter-spacing:-1px; color:#322522;}
	.quiz_body_wrap .question .txt {margin:0 0 20px 0; font-weight:bold; font-size:18px; letter-spacing:-2px; line-height:1.3; color:#493532; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);} 
	.quiz_body_wrap .question .txt strong {color:#be5b5a; text-decoration:underline;}
	.quiz_body_wrap .answer {margin:0 0 20px 0; text-align:center; overflow:hidden;}
	.quiz_body_wrap .answer > div {width:33%;}
	.quiz_body_wrap .answer .o {float:left; cursor: pointer;}
	.quiz_body_wrap .answer .x {float:left; cursor: pointer;}
	.quiz_body_wrap .time_limit {float:left; width:33%; padding:10px 0 0 0; vertical-align:top; box-sizing:border-box;}
	.quiz_body_wrap .time_limit dt {margin:0 0 10px 0; font-size:16px; font-weight:bold; letter-spacing:-2px; color:#fff; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);}
	.quiz_body_wrap .time_limit dd {width:50px; margin:0 auto; padding:0 5px; text-align:Center;}
	.quiz_body_wrap .time_limit dd img {max-width:100%;}
	.quiz_body_wrap .scoreboard {width:100%; text-align:center; clear:both;}
	.quiz_body_wrap .scoreboard dt {margin:0 0 15px 0; font-size:16px; font-weight:bold; letter-spacing:-2px; color:#fff; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);}
	.quiz_body_wrap .scoreboard dd span {display:inline-block; width:10px; height:10px; margin:0 1px; background:url("/images/quiz/bg_empty.png") no-repeat; background-size:10px !important;}
	.quiz_body_wrap .ico span {display:inline-block; width:10px; height:10px; margin:0 1px; background:url("/images/quiz/bg_empty.png") no-repeat; background-size:10px !important;}
	.quiz_body_wrap .ico .correct {background:url("/images/quiz/bg_correct.png") no-repeat !important; background-size:10px !important;}
	.quiz_body_wrap .ico .incorrect {background:url("/images/quiz/bg_incorrect.png") no-repeat !important; background-size:10px !important;}
	.quiz_body_wrap .quiz_bottom_txt {overflow:hidden; text-align:right;}
	.quiz_body_wrap .quiz_bottom_txt .tips {margin:0 0 5px 0; color:#26292f; font-size:12px; letter-spacing:-1px; font-weight:bold;}
	.quiz_body_wrap .quiz_bottom_txt .score_info {font-size:12px;}
	.quiz_body_wrap .quiz_bottom_txt .score_info * {vertical-align:middle; color:#26292f;}
	.quiz_body_wrap .quiz_bottom_txt .score_info span {display:inline-block; width:10px; height:10px; margin:0 1px; background:url("/images/quiz/bg_empty.png") no-repeat; background-size:10px !important;}
	.quiz_body_wrap .blue {color:#5aafb3;}
	.quiz_body_wrap .red {color:#be5b5a;}

	/* 퀴즈 팝업 */ 
	.quiz_popup {position:absolute; top:0; left:0; width:100%; height:100%; background:url("/images/quiz/bg_50per.png") repeat; opacity:0; z-index:-1; text-align:center;}
	.quiz_popup_inner {position:absolute; top:50%; left:50%; width:280px; height:280px; margin:-140px 0 0 -140px; background:#fff; border:4px solid #654a45; border-radius:12px; box-sizing:border-box; overflow:hidden;}
	.quiz_popup.result .quiz_popup_inner {left:0; top:0; width:100%; height:100%; margin:0; padding:10px;}
	.quiz_popup.application .quiz_popup_inner {left:0; top:0; width:100%; height:100%; margin:0; padding:10px; text-align:left;}
	.quiz_popup.explanation .quiz_popup_inner {left:0; top:0; width:100%; height:100%; margin:0; padding:10px; text-align:left; border:0; border-radius:0;}
	.quiz_popup.show {opacity:1; z-index:2;}
	.quiz_popup .ox_tit {display:block; padding:30px 0; font-size:26px; color:#282b31; letter-spacing:-2px;}
	.quiz_popup .mascot {margin:0 0 15px 0;}
	.quiz_popup .mascot img {width:200px;}
	.quiz_popup .popup_logo {text-align:left; width:73px;}
	.quiz_popup .popup_score {margin:0 0 15px 0; font-size:16px; font-weight:bold; letter-spacing:-2px; color:#282b31; text-decoration:underline;}
	.quiz_popup .result_txt {margin:0 0 15px 0; font-size:16px; font-weight:bold; line-height:1.3; letter-spacing:-1px; color:#282b31;}
	.quiz_popup .blue {color:#0c4da2;}
	.quiz_popup .red {color:#f86969;}
	.quiz_popup .popup_btns {text-align:center;}
	.quiz_popup .popup_btns button {display:inline-block; margin:0 0 5px 0; padding:8px 10px 10px 10px; background:#787878; text-align:center; color:#fff; font-size:13px; letter-spacing:-1px; border-radius:4px;}
	.quiz_popup .popup_btns button:hover {background:#000;}
	.quiz_popup .popup_btns button.facebook {background:#3b5999;}
	.quiz_popup .popup_btns button.facebook:hover {background:#3b5999;}
	.quiz_popup .popup_btns button i {display:inline-block; margin:0 2px 0 0; font-size:13px;}
	.quiz_popup .popup_btns button * {vertical-align:middle;}
	.quiz_popup .quiz_input {margin:10px 0 0 0; overflow:hidden;}
	.quiz_popup .quiz_input dt {float:left; width:25%; padding:5px 0 0 0; color:#666; font-size:13px; letter-spacing:-1px;}
	.quiz_popup .quiz_input dd {float:left; width:75%;}
	.quiz_popup .quiz_input dd input {width:100%; padding:3px; box-sizing:border-box;}
	.quiz_popup .agree_txt {height:80px; margin:10px 0; padding:10px; border:1px solid #e6e6e6; overflow-y:scroll; line-height:1.3; font-size:12px;}
	.quiz_popup .quiz_popup_check {margin:0 0 15px 0; font-size:12px; letter-spacing:-1px;}
	.quiz_popup .tit {margin:0 0 15px 0; font-size:16px; color:#0c4da2; letter-spacing:-1px; font-weight:bold; text-align:center;}
	.quiz_popup .explanation_list {height:250px; margin:0 0 20px 0; padding:10px; overflow-y:scroll; border:1px solid #ddd; box-sizing:border-box;}
	.quiz_popup .explanation_list dl {margin:0 0 10px 0; border-bottom:1px dotted #c9c9c9;}
	.quiz_popup .explanation_list dl dt {margin:0 0 10px 0; font-size:13px; font-weight:bold; letter-spacing:-1px; color:#282b31;}
	.quiz_popup .explanation_list dl dt .correct {color:#0c4da2}
	.quiz_popup .explanation_list dl dt .incorrect {color:#ed4a4a;}
	.quiz_popup .explanation_list dl dd {
		padding:0 0 10px 0; color:#666; font-size:12px; letter-spacing:-1px; line-height:1.3;
	}
	
	/* 읽어주세요. */
	.quiz_readme {padding:0 20px; overflow:hidden;}
	.quiz_readme dl {margin:0 0 15px 0;}
	.quiz_readme dl dt {margin:0 0 5px 0; color:#fdb913; font-size:16px; letter-spacing:-1px; font-weight:bold;}
	.quiz_readme dl dd {font-size:14px; letter-spacing:-1px; color:#ddd; line-height:1.3;}



	
	
}


@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)}
}