@media all and (min-width:960px) and (max-width:1199px) {

	body {padding:70px 0 0 0; background:#fff;}
	

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

	/* 헤더 */
	.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:16px 15px 16px 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; width:100%; position:absolute; top:85px; left:0;}
	.header_menu {height:auto; 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:70px; height:70px;}
	.header_etc li a {display:table-cell; width:70px; height:70px; font-size:26px; 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: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;}*/
	
	.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; width:20%; background:#242424; height:40px; line-height:40px; color:#fff; text-align:center; font-size:14px;}
	
	.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;}
	.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; 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 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:24px; 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:50%; height:550px; background:#ffef38;}
	.post_list .big .photo {margin:40px 0px 0px 0px;/*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 .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; }	

		
	
	/*
	.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:250px; background-size:cover !important;}
	.post_visual_tit: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 */
	}
	.post_visual_tit h2 {position:relative; display:table-cell; font-family:'Nanum Barun Gothic'; 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:18px; font-weight:normal;}
	.post_visual_tit h2 em:after {content:''; display:block; width:60px; margin:0 auto 15px auto; padding:14px 0 0 0; border-bottom:1px solid #fff;}
	.post_visual_tit h2 .tit {font-size:14px;}


	/* 채용공고 리스트 */
	.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:33.3%; height:100%; text-align:center; }
	.recruit_list li .box { background:#fff; height:270px; margin:0 10px; position:relative}
	.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:14px; 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;}
	.main_visual {}
	.main_visual li {width:100%; height:400px; background-size:cover !important}
	.main_visual li:after {content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; 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 {display:table; width:100%; height:100%; font-family:'Nanum Barun Gothic'; 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:36px; font-weight:normal;color:#29a6e8; }

	.main_visual li .txt .tit {display:block; margin:5px 0 30px 0; padding:0 20%; font-size:24px; line-height:1.3;}


	.main_visual li .txt a {position:relative; display:block; width:250px; margin:0 auto; padding:15px; font-size:18px; font-weight:bold; border:1px solid #fff; color:#fff; border-radius:2px; z-index:999;}
	.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; 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;}
	*/
	
	/* 메인 섹션별 스타일 */	
	.main_section {padding:20px 0;}

	.main_section.section01 {}
	.main_section.section02 { background:#fff; height:320px}
	.main_section.section02 .w_50 { width:50%; float:left;}
	.main_section.section02 .w_50_l { width:50%; float:left;}
	.main_section.section02 .w_50_r { width:50%; float:left;}
	
	
	.main_section.section03 {background:#d0e8e8; float:none; clear:both}
	
	.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 {display:none /*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; background:url("https://img.assesta.com/assesta/common/ico_plus.png") no-repeat center center; text-indent:-9999px;}

	.main_section_inner {padding:0 15px;}
	
	/*공지사항 동영상 섹션 */
	.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; 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; }
	.main_section .section_tit02 a:hover {}
	.main_section .section_tit02 a:hover span {}
	.main_section02_inner {margin: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	{float:left; 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 p.movtit { font-size:14px; width:90%; margin:auto; color:#444; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin:20px auto; padding:5px 0 0 0}
	.movie li > iframe { width:90%}	
	
	
	/*서브 페이지 */
		
	/* 컨텐츠 */
	.contents { width:100%; }
	.con_1200 {width:100%; 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;}
			
	.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 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_section_inner {padding:0 20px}*/
	.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; }
	.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; margin:0 20px}
	.whoweare > dl { float:none; clear:both}	
	.whoweare > dl > dt { font-size:16px; font-weight:bold;  width:25%; float:left}
	.whoweare > dl > dt .tit { display:inline-block; padding:10px 0 0 5px; width:100px; line-height:1.2}
	.whoweare > dl > dt img {vertical-align:top ;}
	.whoweare > dl > dd { float:right; width:70%; font-size:14px ; line-height:1.6; border-left:1px solid #ccc; padding-left:20px; margin-bottom:50px }
	.whoweare > dl > dd > strong { font-size:16px;}
	
	/* 회사소개_미션과비전 */
	.mission {width:auto; position:relative; }
	.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; height:100%; position:relative; 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 right 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:720px; 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:720px; 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;}	
	.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}
	.map_tab > li {width:20%; float:left}
	.map_tab > li .map_inner { margin:5px; padding:30px 10px;height:170px; 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}
	
	
	/* overview */
	.overview {width:auto; padding:0; 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:-20px -40px 0 -30px;}
	.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 20px}
	.overview_con > strong { font-size:18px; line-height:1.6em}
	
	/* 사이트 소개 */	
	.info_guide_box > p { line-height:1.4em;}
	.info_guide_box h3 { font-size:24px; color:#010101; margin:30px 0 10px 0}
	
	/* c4u */	
	.info_guide_list > li { position:relative;margin-top:20px;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 .title { display:block;position:absolute;top:50%;margin-top:-6px;font-size:18px; color:#010101; }
	.info_guide_list > li .num { left:20px; }
	.info_guide_list > li .title { left:80px; }
	.info_guide_list > li .title2 { display:block;position:absolute;top:50%;margin:25px 0 0 50px;font-size:14px; line-height:1.2em; color:#010101; }
	.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:400px;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 > 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:30px; 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: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 > 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 { 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;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:0.8em}
	.sh_con_list > li .title2 { display:block;position:absolute;top:50%;margin:25px 0 0 90px;font-size:14px; line-height:1.2em; color:#010101; }
	.sh_con_list > li .num { left:50px; }
	.sh_con_list > li .title { left:120px; }
	.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 > li .desc_wrap .desc .mobile { display:none;}
	
	.sh_mov_list {}
	.sh_mov_list > li { width:33%; display:inline-block; text-align:center; padding:30px 0}
	.sh_mov_list > li iframe { margin-bottom:20px}
	
	.sh_program_list { margin:auto;}
	.sh_program_list > li { width:30%; text-align:center; position:relative; float:left; height:100px; margin:10px; 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}


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

	.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_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{padding-bottom:20px;}
	.saram_con_list .saram_pro_box{display:flex; flex-wrap: nowrap; flex-direction: column; align-items: center; border-bottom:1px solid black; margin-top:30px;}
	.saram_con_list .saram_pro_box > .saram_pro_bg{width:294px; height: 130px; background:url('https://img.assesta.com/assesta/contents/saram_pro_icon5.png') no-repeat center bottom / 100%; order:2}
	.saram_con_list .saram_pro_box > ul{display:flex; margin:0 auto; order:1}
	.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 {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;width:90%; margin:10px auto}
	.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 {border-top:1px solid #ccc;}
	.movie_con li {margin:10px 0; width:49.8%; position:relative; display:inline-block; text-align:center;  padding:5px 0 0 0; margin:20px auto; vertical-align:top}
	.movie_con li > iframe { z-index:1 !important;width:90%; margin:10px auto}		
	.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  0 0}	
	.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_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;}	
	.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; }
	
	/* 문의하기 */
	.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; 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:active.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:active{border:4px solid #000; color:#fff; background-color:#000}

	
	
	/* 게시판 검색 영역 */
	.past_list_control {/*text-align:center;*/ margin:0 0 10px 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: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; 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: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: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:auto; 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 > p.tit { font-size:16px; color: #2d56d6;padding:6px 0;  }	
	.re_notice > li { padding:4px 0; line-height:1.4em; background:url('https://img.assesta.com/assesta/common/bullet01.png') no-repeat left 8px; padding-left:15px }
	.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 { float:left; width:33.3%; font-size: 14px;}
	.recruit3_list > li .box { background:#fff;position:relative; height:440px; margin:20px 10px; 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 li {font-size: 14px;}
	.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;}
	
		
	/* 메인 팝업_브라우저 업그레이드 */	
	.main_popup	{ display:none;}
	
	
	
	
	
	
	

	/* 리스트 제목 */
	.list_tit {padding:50px 0 0 0; text-align:center; font-size:32px; font-family:'NanumSquare'; color:#666;}
	.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 {color:#000;}

	/* 기간별 리스트 */
	.date_control {margin:0 0 50px 0; text-align:center; font-size:24px; 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 50px 0; border:1px solid #eee; border-right:0; overflow:hidden;}
	.tab_menu.five li {float:left; width:20%; text-align:center;}
	.tab_menu.three li {float:left; width:50%; text-align:center;}
	.tab_menu li a {position:relative; display:block; padding:25px 0; background:#fff; border-right:1px solid #eee; font-size:16px; color:#1a1a1a; font-family:'NanumSquare';}
	.tab_menu li i {position:absolute; top:50%; left:25px; margin:-12px 0 0 0; font-size:24px; line-height:1;}
	.tab_menu li.on a {background:#2c2e32; color:#fff;}


	/* 포스트 서브 타이틀 */
	.post_sub_tit {padding:50px 0; border-bottom:1px solid #cbcbcb;}
	.post_sub_tit h3 {font-size:26px; font-family:'Nanum Barun Gothic'; 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:10px 15px; background:#333; color:#fff; font-size:20px; text-align:center;}
	.post_control a * {vertical-align:middle;}
	.post_control a span {margin:0 15px; font-size:16px;}
	.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:18px; text-align:center; color:#333; letter-spacing:-1px;}
	.other_posts li a * {vertical-align:middle;}
	.other_posts li a i {font-size:18px;}
	.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 {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:20%; 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;}

	
	
	/* 사이트맵 */
	.sitemap_wrap {display:none; position:absolute; top:-70px; 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:-66px; left:0; width:100%; background:#333; padding:20px; text-align:left; z-index:9999; box-sizing:border-box;}
	.total_search input[type='text'] {width: calc(100% - 40px); height:20px; margin:0 5px 0 0; padding:3px; border:0; background:none; font-size:15px;  color:#fff;}
	.total_search button {font-size:26px; color:#fff;}

	/* 패밀리사이트 */
	.family_site {background:#181818;}
	.family_site_inner {overflow:hidden;}
	.family_site_inner li {float:left; width:16.6%;}
	.family_site_inner li a {display:block; padding:20px 0; border-left:1px solid #333; text-align:center; color:#909195; font-size:14px; letter-spacing:-1px;}
	.family_site_inner li.last a {border-right:1px solid #333;}		
	.footer .footer_logo {margin:10px 0;}
	.footer .site_info {color:#555; margin-top:0px}
	.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}
	
	/* 수직 슬라이드 포스트 */
	.vertical_slider_post_wrap {background:#fff; overflow:hidden;}
	.vertical_slider_post_wrap .bx-wrapper {float:left; width:calc(100% - 29px) !important;}
	.vertical_slider_post li {padding:20px;}
	.vertical_slider_post li a {display:block; font-size:16px; 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 {float:right; color:#787878; font-size:14px;}

	.vertical_slider_control {float:right;}
	.vertical_slider_control div {position:relative; padding:7px; border:1px solid #e6e6e6;}
	.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%;}

	/* 한글 맞춤법 */
	.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 25px 25px; background:url("/images/quiz/bg_quiz01.png") repeat; box-sizing:border-box; overflow:hidden;}
	.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:100%;}
	.urimal_quiz .tit {width:100px; height:110px; padding:36px 0 0 0; font-size:20px; background:url("/images/main/tit_urimal_quiz.png") no-repeat; text-align:center; color:#282b31;}
	.urimal_quiz .status {margin:0 0 25px 0; font-size:44px; font-weight:bold; letter-spacing:-1px; color:#fdb813;}
	.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:240px; 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 {position:absolute; bottom:-100px; right:-25px}
	.urimal_quiz .head img {display:block;}

	/* 우리말 갈무리 소식*/
	.word_posts {overflow:hidden;}
	.word_posts li {position:relative; float:left; width:32%; margin:0 2% 0 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:150px;}
	.word_posts li .tit_wrap .tit {display:table-cell; font-size:22px; 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; float:right; margin:0;}

	/* 국립국어원 소식지 신청 원고 응모 */
	.application {background:url("/images/main/bg_application.gif") repeat-y center top;}
	.application_innner {overflow:hidden;}
	.application_innner li {float:left; width:50%;}
	.application_innner li a {display:block; padding:25px;}
	.application_innner li .tit {margin:0 0 15px 0; font-size:26px; color:#fff; font-weight:bold;}
	.application_innner li p {font-size:14px; color:#fff; line-height:1.3; letter-spacing:-1px;}
	.application_innner li.left {text-align:right; background:url("/images/main/img_application_left.png") no-repeat 10% top; background-size:140px;}
	.application_innner li.right {text-align:left; background:url("/images/main/img_application_right.png") no-repeat 90% bottom; background-size:120px;}
	
	.quiz_body {background:url("/images/quiz/bg_quiz01.png") repeat;}

	/* 우리말 달인 타이틀 */
	.quiz_tit {padding:100px 0; background:url("/images/quiz/bg_quiz_tit.png") no-repeat center center; text-align:center;}
	.quiz_tit strong {display:block; margin:0 0 25px 0; font-size:45px; font-family:'NanumSquare'; color:#fdb813; letter-spacing:-1px; text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);}
	.quiz_tit div {margin:0 0 50px 0;}
	.quiz_tit p {color:#e9e9e9; font-size:18px; line-height:1.5; color:#fff; text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);}
	
	/* 퀴즈 풀이 전체 영역 */
	.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 30px 0; font-weight:bold; font-size:46px; letter-spacing:-2px; color:#493532; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);}
	.quiz_body_wrap .quiz_wait p {margin:0 0 30px 0; font-size:20px; letter-spacing:-1px; 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 30px 0; font-size:20px; color:#513c38; letter-spacing:-2px; text-align:center; font-weight:bold;}
	.quiz_body_wrap .status strong {color:#202020; letter-spacing:-1px;}
	.quiz_body_wrap .quiz_board {margin:0 0 15px 0; padding:30px; background:url("/images/quiz/bg_quiz_board.png") no-repeat; background-size:100% 100%;}
	.quiz_body_wrap .question {text-align:center;}
	.quiz_body_wrap .question .type {margin:0 0 30px 0; font-size:24px; letter-spacing:-1px; color:#322522;}
	.quiz_body_wrap .question .txt {margin:0 0 60px 0; font-weight:bold; font-size:34px; 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 30px 0; font-size:24px; 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:124px; 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:24px; 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:14px; 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)}
}