@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight:400;
	src: local(※), url('/com_inc/fonts/NotoSansKR-Regular.woff2') format('woff2')
	src: local(※),
		url('/com_inc/fonts/NotoSansKR-Regular.woff2') format('woff2'),
		url('/com_inc/fonts/NotoSansKR-Regular.otf?#iefix') format('opentype'),
		url('/com_inc/fonts/NotoSansKR-Regular.woff') format('woff')
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight:700;.
	src: local(※), url('/com_inc/fonts/NotoSansKR-Bold.woff2') format('woff2')
	src: local(※),
		url('/com_inc/fonts/NotoSansKR-Bold.woff2') format('woff2'),
		url('/com_inc/fonts/NotoSansKR-Bold.otf?#iefix') format('opentype'),
		url('/com_inc/fonts/NotoSansKR-Bold.woff') format('woff')
}
/**/

	body, h1, h2, h3, h4, h5, h6, dl, dt, dd, li, table, th, td, form, fieldset, legend, textarea, button, a, span{	
		margin:0; padding:0; color:#000000; font-size:14px; 
		font-family: 'Noto Sans KR','Apple SD Gothic Neo', '맑은고딕','Malgun Gothic',Arial, sans-serif;	
	}

	html, body {height:100%; }
	body {margin:0; background:#ffffff; color:#333333; }
	html>/**/body{overflow-y:scroll}

	.sub_title {line-height:1.5em; background:url(/univ/images/bullet_blue_12.gif) no-repeat 0 7px; padding-left:18px; margin-bottom:8px;}

	h1 {font-size:1.7em; line-height:1.4em;}
	h2 {font-size:1.4em; line-height:1.6em;}
	h3 {font-size:1.2em; line-height:1.6em; margin-bottom:1em; }
	h3.sub_title {background-position:0 4px; }
	h4.sub_title {font-size:15px; background-position:0 5px;}
	h2.tmp_title {color:#ff6633; font-size:18px; margin-bottom:20px;}/*임시 제목*/
	.sub_title span {font-weight:normal; }

	select, input {background:#ffffff; vertical-align:middle; outline:none;}
	textarea {background-color:#ffffff; border:solid 1px #cccccc; line-height:1.6em; resize: none;}
	input.won {text-align:right; }
	input.date {text-align:center; }
	.g_txt {border:solid 1px #cccccc; height:20px; line-height:20px; padding:2px; background-color:#ffffff; }
	.g_select {border:solid 1px #cccccc; height:24px; line-height:23px;}
	.noBox {border:0 none; background:none; }
	
	input::placeholder, textarea::placeholder {color:#aaaaaa; font-size:12px;  }
	input:-webkit-autofill {
	   -webkit-box-shadow: 0 0 0 1000px white inset; /*배경 배경색 제거*/
	}
	input[disabled] {background:#dddddd; }

	.aCenter {text-align:center;}
	.aLeft {text-align:left;}
	.aRight {text-align:right;}
	.hide {display:none !important; }

	.active {ime-mode:active;}
	.inactive {ime-mode:inactive;}
	.label_kr {font-size:13px; color:inherit; } /*a 내부*/

	table caption {text-align:left; padding-bottom:3px; color:#666666; padding:5px 0;}
	table th {font-weight:normal; color:#000000; }

	label.g_cursor {cursor:pointer; outline:none; display:inline-block; padding:3px 2px 3px 0;  white-space:nowrap;}
	label.g_cursor:hover {text-decoration:underline;color:#3988e5;}

	a { text-decoration:none;}
	a:hover {color:#3988e5;}
	
	img {border:0; }
	ul, dl {margin:0; padding:0; }
	ul {list-style-type:none; }
	ul.disc li {list-style-type:disc; }

	input, img {vertical-align:middle; }
	a, area, input, textarea {outline:0 none; }
	em {font-style:normal; }
	/*common*/
	.g_ellipsis {overflow:hidden; text-overflow:ellipsis;-o-text-overflow:ellipsis; white-space:nowrap;}
	.g_clear_both {clear:both;}
	.g_cursor {cursor:pointer;}

	.aLeft {text-align:left; }
	.aRight {text-align:right; }
	.aCenter {text-align:center; }

	.em_green {color:#6ca80d;}
	.em_violet {color:#9f5dda;}
	.em_blue {color:#4682B4;}
	.em_brown {color:#AA4E03;}
	.em_orange {color:#ff6600;}
	.em_red {color:#ff3300;}
	.em_black {color:#000000;}
	.em_gray {color:#999999;}
	.em_gray_lgiht {color:#cccccc;}
	.em_gold {color:#ffe13f;}

	.line_blue {border-top:solid 2px #3eb1bf;}
	.line_green {border-top:solid 2px #81bc3d;}

	/*모바일 관련*/
	.br4mob {display:none;}
	.show4mob {display:none;}
	.show4mob.inline {display:none;}
	.show4mob.em_gray  {font-size:11px; background:#f0f0f0; color:#666666; padding:3px 5px 0 5px; margin-right:7px; vertical-align:middle; line-height:1em; 
		height:16px; border-radius:20px;
	}
	table td .show4mob {padding-top:5px;}

	/*상단 안내문*/
	.top_guide {padding:7px 15px 7px 35px ; margin-bottom:20px; margin-top:0; border:dotted 1px #42a8d3; line-height:1.8em; 
		background:url(/univ/images/icon_info_blue.png) no-repeat 10px 11px; text-align:left; 
	}
	.top_guide.noBox {margin-bottom:10px; border:0; }
/*레이아웃*/
	.section, .section_header, section_main {max-width:1000px;  margin:0 auto; position:relative;}
	.section_wide {width:96%; max-width:1800px; margin:0 auto;}
	.sub_section {width:1000px; padding:0 10px; margin:0 auto; }
	.section_wide_list {min-width:1100px; max-width:1200px; margin:0 auto;}

/*푸터*/
	.footer {background:#f3f3f3; margin-top:60px; padding:30px 0 60px 0; text-align:center; color:#808080; width:100%; line-height:1.6em; font-size:12px; }
	.footer a {color:inherit; }

/*헤더*/
	.header {margin-bottom:30px; padding:15px 0 20px 0; border-bottom:solid 1px #dddddd;}
	.header.main {margin-bottom:0; border-bottom:0; }
	.header .col1 {float:left; }
	.header .col1 strong {display:inline-block; color:#aaaaaa; font-size:20px; vertical-align:middle; margin-left:5px; padding-top:0px;}
	.header .col1 a {display:inline-block; vertical-align:middle;}
	.header .col1 a img { height:50px;}
	.header .col1 a.c12 img { height:70px;} /*화성시*/
	.header .col1 a.goto {background:#005e57; color:#ffffff; display:inline-block; padding:5px 15px 6px 15px; border-radius:7px; margin-left:10px;}
	.header .col1 a.goto:hover {background:#ff6600; }
	
	.header .col2 {float:right; padding-top:15px; }
	.header .col2 a, .header .col2 strong {display:inline-block; font-size:15px; font-weight:bold;  line-height:1em; vertical-align:middle;  white-space:nowrap;}
	.header .col2 a.gnv_on {color:#ff0000}
	.header .col2 span.vert {display:inline-block; width:1px; height:10px; border-left:solid 1px #aaaaaa; vertical-align:middle; margin:0 7px;}
	.header .col2 .icon_com {display:inline-block; width:18px; height:19px; vertical-align:middle; margin-right:5px; 
		background-position:-180px 0; 
	}

	.header .col2 .mem_bt {display:inline-block; margin-right:20px; cursor:pointer; position:relative; }
	.header .col2 ul {display:none; position:absolute; z-index:2;  left:0; top:0px; padding-top:30px; }
	.header .col2 ul li a {display:block; padding:10px 30px; text-align:center; white-space:nowrap; border:solid 1px #cccccc; background:#ffffff; 
		font-size:15px; min-width:70px; }
	.header .col2 ul li:first-child a {border-bottom:0; }
	.header .col2 ul li a:hover {color:#ffffff; background-color:#3494d4; }

	/*전체 메뉴 펼침 관련*/
	#bt_all {display:none; position:fixed; top:7px; right:10px; width:40px; height:40px; z-index:10; cursor:pointer;}
	#bt_all:hover {background-color:#f7f7f7;}
	div.bt_all_show { background:url(/univ/images/icon_com.png) no-repeat #ffffff 0px 0px;	}
	div.bt_all_hide {	background:url(/univ/images/icon_com.png) no-repeat #ffffff -60px 0px;	}
	
	/*전체 메뉴 : 반응형*/
	div.navi_all {display:none; position:fixed; right:0; top:0; z-index:9; width:100%; height:100%; background:url(/univ/images/trans_semi_30.png);}
	div.navi_all div.inner {position:relative; top:0; right:-16px; width:100%; height:100%; overflow-y:auto; margin:0 0 0 auto;  }
	div.navi_all div.inner div.wrap  {width:300px;margin:0 0 0 auto; overflow-x:hidden; background:#ffffff; height:100%; }
	
	div.navi_all div.inner strong, div.navi_all div.inner a {display:block; font-size:16px;  padding:0 15px; }
	div.navi_all div.inner strong {padding-top:20px; padding-bottom:20px; color:#ffffff; background-color:#3494d4; }
	div.navi_all div.inner a {border-bottom:solid 1px #dddddd; height:45px; line-height:45px; }
	div.navi_all div.inner a.mem_bt {background:#f7f7f7; }

	/*시험접수 버튼*/
	.apply_topik {text-align:right; position:relative; z-index:9; }
	.apply_topik .bt_exam {position:absolute; right:0; top:0; }
	.apply_topik .bt_exam a {padding:8px 16px; }

	/*연도 선택*/
	.sel_yy {margin-bottom:20px; }
	.sel_yy strong {font-size:18px; display:inline-block; padding:0 10px; }

	/*박스로 강조*/
	.box_em {display:inline-block; color:#ffffff; font-size:12px; padding:2px 4px; margin:0 1px; border-radius:3px; }
	.box_em.green {background:#81bc3d;}
	.box_em.red {background:#ff6600;}

	/*첨부서류 썸네일*/
	.thumb img {height:25px; vertical-align:middle; margin-right:5px;}

/*본문*/
	h1.bodyTitle {margin-bottom:40px; line-height:1em; }
	h1.bodyTitle .button {margin-left:5px; margin-bottom:8px; }
	h1.bodyTitle .button:nth-child(1) {margin-left:30px;}

/*버튼 영역*/
	.bt_area_left {text-align:left; padding:20px;}
	.bt_area {text-align:center; padding:20px;}
	.bt_area_right {text-align:right; padding:10px 0px;}

	.icon_com {background:url(/univ/images/icon_com.png) no-repeat;}
	.button {display:inline-block; border:solid 1px #3494d4; color:#3494d4; padding:4px 12px 6px 12px; border-radius:30px; text-align:center; 
		background-color:#ffffff; cursor:pointer; font-size:13px; line-height:1em; vertical-align:middle; margin:2px 0;
	}
	.button:hover {color:#ffffff; background-color:#3494d4; }
	
	.bt_blue, .bt_blue_icon, .bt_blue:visited {color:#ffffff; background-color:#3494d4; }
	.bt_blue_icon {padding-right:25px; background-position:right -184px;}
	.bt_blue:hover {color:#3494d4; background-color:#ffffff;}
	.bt_blue_icon:hover {color:#3494d4; background-color:#ffffff; background-position:right -124px;}
	
	.bt_green,  .bt_green_icon, .bt_green:visited {color:#ffffff; background-color:#82ba55; border:solid 1px #82ba55; }
	.bt_green_icon {padding-right:25px; background-position:right -184px;}
	.bt_green:hover {color:#82ba55; background-color:#ffffff;}
	.bt_green_icon:hover {color:#82ba55; background-color:#ffffff; background-position:right -124px;}

	.bt_white_icon {color:#3494d4; background-color:#ffffff; }
	.bt_white_icon {padding-right:25px; background-position:right -124px;}
	.bt_white_icon:hover {color:#ffffff; background-color:#3494d4; background-position:right -184px;}

	.bt_orange,  .bt_orange_icon {color:#ffffff; background-color:#ffa500; border:solid 1px #ffa500; }
	.bt_orange_icon {padding-right:25px; background-position:right -184px;}
	.bt_orange:hover {color:#ffa500; background-color:#ffffff;}
	.bt_orange_icon:hover {color:#ffa500; background-color:#ffffff; background-position:right -124px;}

	.bt_tomato,  .bt_tomato_icon {color:#ffffff; background-color:#e0624e; border:solid 1px #e0624e; }
	.bt_tomato_icon {padding-right:25px; background-position:right -184px;}
	.bt_tomato:hover {color:#e0624e; background-color:#ffffff;}
	.bt_tomato_icon:hover {color:#e0624e; background-color:#ffffff; background-position:right -124px;}

	.bt_gray,  .bt_gray_icon {color:#ffffff; background-color:#808080; border:solid 1px #808080; }
	.bt_gray_icon {padding-right:25px; background-position:right -184px;}
	.bt_gray:hover {color:#808080; background-color:#ffffff;}
	.bt_gray_icon:hover {color:#808080; background-color:#ffffff; background-position:right -124px;}

	.bt_disabled, .bt_disabled:hover {background-color:#f6f6f6; border:solid 1px #dddddd; color:#666666; }

	.bt_middle  {font-size:14px; padding:4px 15px 6px 15px;}
	.bt_big  {font-size:16px; padding:7px 15px 9px 15px; }
	.bt_rect {border-radius:0; }
	.file_down {margin-left:15px; }

	.dark {display:inline-block; padding:4px 10px 5px 10px; border-radius:5px; color:#ffffff; background:#808080; line-height:1em; font-size:13px;
		border:0; 
	}
	.dark_green {background:#70ad47;}
	.dark_brown {background:#ed7d31;}
	.dark_orange {background:#ff9c00;}
	.dark_violet {background:#8a3ad2;}
	.dark_blue {background:#337ab7;}
	.dark_silver {background:#dddddd; color:#000000; }

	.dark_middle { font-size:14px; padding:4px 15px 6px 15px; }
	.dark_percent {min-width:30px; }

	.light_gray {color:#808080; background:#f3f3f3; border:solid 1px #f0f0f0;}

	/*버튼 : 범례*/
	.button.legend {cursor:default; font-size:12px; }

	/*업로드 예정일*/
	.sche_date {font-size:12px; display:inline-block; padding:1px 8px; border:solid 1px #999999; border-radius:20px; }

	/*버튼 영역 인쇄 제외*/
	.bt_print {position:fixed; right:10px; top:100px; line-height:1.5em; z-index:3 ;}
	.bt_print .button {margin-bottom:20px; min-width:50px; }
	@media print{
		.bt_print {display:none;}
	}

/*게시물*/
	div.list_info {padding:10px 0; }
	div.list_info div.col1 {float:left;}
	div.list_info div.col2 {float:right;}

	.is_notice1, .is_notice2 {background:url(/images/board/notice9.gif) no-repeat center; } /*전체 공지*/
	table td label {cursor:pointer; margin-right:15px; line-height:1em; }
	table td label input {margin-right:4px; margin-top:0px; vertical-align:-2px; }

	/*목록: 기본형*/
	table.list_basic {width:100%; border-collapse:collapse; }
 	table.list_basic th {padding:10px 0;background:#f7f7f7;
		 border-top:solid 1px #787b86; border-bottom:solid 1px #cccccc;
	}
	table.list_basic th.wheat {background:#f3ece3;}
 	table.navy th {background:#3b6883; color:#ffffff; }
	table.list_basic td {padding:12px 0 10px 0;  text-align:center; border-top:solid 1px #d9d9d9; border-bottom:solid 1px #d9d9d9; line-height:1.4em;	}
	table.list_basic td.subject {text-align:left; line-height:1.8em; padding-left:5px; }
	table.list_basic td.bg_silver {background:#f6f6f6;}
	table.list_basic td .em_subject {font-size:16px;  color:#000000; }

	table.list_basic td div.show4mob { font-size:13px;} /*모바일에서만 보임*/
	table.list_basic td div.show4mob strong {color:#525865;}
	table.list_basic td div.show4mob img.list_file {margin-right:30px;}
	table.over_tr tr.over_it td {background-color:#f9f9e8;}

	table.list_basic th.dark_blue {color:#ffffff; background:#4472c4;}
	table.list_basic th.dark_violet {color:#ffffff; background:#7030a0;}
	table.list_basic th.dark_orange {color:#ffffff; background:#ed7d31;}
	table.list_basic th.dark_green {color:#ffffff; background:#18b660;}
	table.list_basic th.dark_brown {color:#ffffff; background:#ed7d31;}
	table.list_basic td img.pay_img {width:30px; }

	.noData {text-align:center; padding:15px;  border-bottom:solid 1px #dddddd; }
	/*검색*/
	.list_search {text-align:center; padding-top:10px;}

	/*게시물 상세보기*/
	div.detail_info {color:#666666; margin-bottom:40px; padding:15px; background:#f9f9f9; border:dashed 1px #cccccc; border-radius:5px; }
	div.detail_info h2 {color:#666666; margin-bottom:10px; line-height:1.4em;}
	div.detail_text {font-size:15px; line-height:1.8em;  padding:0 10px; }
	div.detail_text a, div.detail_text span {font-size:15px;}
	div.detail_text p {margin:0; padding:0; }

	div.detail_text iframe {width:100%; }

	h4.detail_facebook_ment {background:url(/images/bt_icon.png) no-repeat -120px -120px; padding:1px 0 5px 20px; font-size:14px;
		border-bottom:dotted 1px #cccccc; display:inline-block; 
	}

	/*게시물 상세보기 버튼*/
	div.detail_bt_area {text-align:center; padding:35px 0 15px 0;}
	div.detail_bt_area a.bt_icon, div.detail_bt_area span.bt_icon {display:inline-block; width:38px; height:38px; line-height:38px; border-radius:20px; 
		overflow:hidden;  margin-left:5px; text-align:center; cursor:pointer;  
		background:url(/images/bt_icon.png) no-repeat -1000px -1000px #f3f3f3; 
	}
	div.detail_bt_area a.bt_icon:hover, div.detail_bt_area span.bt_icon:hover {box-shadow:0px 0px 5px #ff6633;}
	div.detail_bt_area span#facebook {background-position:0 -120px; }
	div.detail_bt_area span#twitter {background-position:0 -180px; }
	div.detail_bt_area span#naver {background-position:0 -240px; }
	div.detail_bt_area span#google {background-position:0 -300px; }
	div.detail_bt_area span#kakao {background-position:0 -360px; }
	div.detail_bt_area span#print {background-position:0 -480px; }
	div.detail_bt_area a#list {margin-left:30px;}

	/*상품 목록*/
	.list_prod {border-top:solid 2px #4187b5; }
	.list_prod dl {padding:15px; border-bottom:solid 1px #dddddd; background:no-repeat 20px 20px; background-size:100px auto;
		padding-left:140px;  padding-right:220px; position:relative; min-height:110px; 
	}
	.list_prod dl .bt_wrap {position:absolute; right:10px; top:50%; margin-top:-40px; }
	.list_prod dl .bt_wrap .button{margin-bottom:10px; }

	.list_prod dl dt {margin-bottom:10px;}
	.list_prod dl dt a{font-weight:bold; font-size:18px;}
	.list_prod dl dt span.icon_com {display:inline-block; width:10px; height:11px; margin-right:8px; vertical-align:middle; 	background-position:0 -60px;}
	.list_prod dl dd {line-height:1.6em; color:#666666; }

	.list_prod dl dd ul {margin-left:30px;}
	.list_prod dl dd ul li {color:#aaaaaa;  list-style-type:disc;}
	.list_prod dl dd ul li div {color:#606060;  }

	/**상품 상세보기*/
	h2.head_label {margin-bottom:10px; font-size:18px; padding-left:18px; line-height:1.3em; 
		background:url(/univ/images/bullet_blue_12.gif) no-repeat 0 5px;;}
	.detail_prod {border:solid 1px #eeeeee; padding:15px 20px; line-height:1.6em; }
	.detail_prod img {max-width:960px; }
 
	/*선생님 사진*/
	.teacher {position:relative; }
	.teacher img.photo{position:absolute; top:0px; right:5px; width:120px;}

	.search_val {padding-bottom:8px; }
	
	/*강의목록 상단*/
	.lec_top_info {padding:15px; line-height:1.6em; font-size:15px; border:dotted 1px #3494d4; border-radius:10px; margin:20px 0;}
	.lec_top_info h4 {margin-bottom:10px; }
	.lec_top_info ul {margin-left:20px; }

/*목록 네비*/
	.list_nav {clear:both; text-align:center; margin:20px 0; }
	.list_nav a {display:inline-block; border:solid 1px #dddddd; width:30px; height:30px; line-height:30px; 
		font-size:12px; font-family:arial,sans-serif; vertical-align:middle;
	}
	.list_nav a:hover {background:#f3f3f3; color:#333333;}
	.list_nav a.nowPage {background:#1baf73; color:#ffffff; border:solid 1px #1baf73; }
	.list_nav a.bt_icon {background:url(/images/bt_icon.png) no-repeat -1200px -1200px; overflow:hidden; 
		text-align:left; text-indent:-2000px;	
	}
	.list_nav a.firstPage {background-position:-51px -169px;}
	.list_nav a.prevPage {background-position:-51px -229px;}
	.list_nav a.nextPage {background-position:-51px -289px;}
	.list_nav a.lastPage {background-position:-51px -349px;}

/*폼 테이블*/
	table.border_vert {width:100%;  border-collapse:collapse;}
	table.border_vert caption {text-align:left; padding:7px 0; line-height:1.5em; }
	table.border_vert th, table.border_vert td {padding:7px 5px;  padding-left:10px; border:solid 1px #dddddd; line-height:1.6em; }
	table.border_vert th { background:#f6f6f6;  text-align:left; font-size:13px;}
	table.border_vert th.sky { background:#f0f0fc; }
	table.border_vert th.wheat {background:#f3ece3; }
	table.border_vert th.navy {background:#3b6883; color:#ffffff; }
	table.border_vert th.tomato  {background:#ed7d31; color:#ffffff; }
	table.border_vert th.aCenter, table.border_vert td.aCenter {text-align:center; padding-left:5px;}
	table.border_vert th.green  {background:#70ad47; color:#ffffff; }
	table.border_vert th.brown  {background:#ed7d31; color:#ffffff; }
	table.border_vert td table {margin-bottom:5px; }

	.td_150 {width:150px;}
	.td_200 {width:200px;}
	.td_300 {width:300px;}
	table.blue_line, div.blue_line {border-top:solid 2px #4187b5; }
	table.blue th {background:#4187b5; color:#ffffff; border:0; }

	table.no_border th, table.no_border td { border:0; border-bottom:dashed 1px #dddddd;}
	table.no_border tr:first-child th, table.no_border tr:first-child td { border-top:solid 1px #eeeeee;}
	table.no_border tr:last-child th, table.no_border tr:last-child td { border-bottom:solid 1px #eeeeee;}

/*진도율*/
	.prog_gray {background:#a5a5a5; }
	.prog_yellow {background:#f4bf1c; }
	.prog_green {background:#92d050; }
	.prog_blue {background:#5b9bd5; }

/*로그인 등*/
	.mem_wrap {width:100%; max-width:600px; padding:40px 0;  margin:50px auto 0 auto;
		border:solid 1px #dddddd; border-radius:2px; box-shadow:1px 1px 5px #cccccc; 
	}
	.mem_wrap .bt_area {padding:0 0 10px 0; }

	.mem_wrap h2 {font-size:18px; margin-bottom:0px; }
	.mem_wrap h2 span.icon_com {display:inline-block; width:10px; height:11px; margin-right:8px; vertical-align:middle; 	background-position:0 -60px;}

	/*로그인 등*/
	ul.login {margin:20px auto 0 auto; max-width:360px; }
	ul.login li {margin-bottom:10px; padding-left:35px; border:solid 1px #dddddd;}
	ul.login li:nth-child(1) {background: url(/univ/images/bg_input_id.png) 10px center no-repeat;}
	ul.login li:nth-child(2) {background: url(/univ/images/bg_input_pw.png) 10px center no-repeat;}
	ul.login li .g_txt {width:100%; font-size:16px; border:0; padding:12px 0; }
	.mem_wrap .bt_area .bt_login {padding:15px 0; max-width:360px; display:block; margin:0 auto;}
	div.forget_msg {line-height:1.6em;}

/*다이알로그*/
	.dialog {display:none; }
	.dialog .inner{padding:10px; }
	.ui-dialog-titlebar {background-color:#4682B4;; color:#ffffff; }
	.ui-dialog-titlebar .ui-dialog-title {color:#ffffff; }

/*서브페이지 탭 버튼*/
	table.sub_tab { border-collapse:collapse; margin-bottom:15px; }
	table.sub_tab td {text-align:center; height:35px; line-height:35px; background:#f3f3f3; min-width:120px; 
		 border:solid 1px #dddddd; 
	}
	table.sub_tab td a {display:block; height:100%; padding:0 20px; font-size:15px; font-weight:bold; }
	table.sub_tab td a:hover {color:#ff6633;}
	table.sub_tab td.on {background-color:#ffffff; border-bottom:0; }
	table.sub_tab td.on a {color:#2885c3;}

	table.my_exam {margin-bottom:25px; }

	/*TAB*/
	div.sub_tab {margin-top:20px; display:flex; flex-wrap:wrap; justify-content:space-between;}
	div.sub_tab a {display:block; line-height:1.5em; padding:10px 0; text-align:center; border-radius:10px; background:#f3f3f3;  font-size:15px;}
	div.sub_tab.tab3 a {width:32%;}
	div.sub_tab.tab4 a {width:23.5%;}
	div.sub_tab a.on {color:#ffffff; background-color:#3494d4;}

/*시험보기 목록*/
	ul.my_exam li {padding:15px 10px; list-style-type:none; border-bottom:solid 1px #dddddd;}
	ul.my_exam li dl {padding:0px;float:left;  width:60%; }
	ul.my_exam li dl dt {font-size:16px; background:url(/univ/images/bullet_blue_12.gif) no-repeat 0 4px; padding-left:20px; }
	ul.my_exam li dl dd {padding:10px 0 0 20px; line-height:1.6em;}
	ul.my_exam li .col2 {float:right;  text-align:right; }
	ul.my_exam li .col2 .button {margin-right:10px; }
	ul.my_exam li .period_range {margin-bottom:5px; text-align:center; color:#AA4E03; }

/*출석*/
	table.roll tr th {border:solid 1px #dddddd; padding:5px 2px;}
	table.roll tr td {border:solid 1px #dddddd; }
	table.roll tr th:first-child, table.roll tr td:first-child {border-left:0;}
	table.roll tr th:last-child, table.roll tr td:last-child {border-right:0;}
	table.roll tr .sum {background-color:#f9f9e8;}
	table.roll tr td {padding:2px; }
	table.roll th.item {width:45px; }
	table.roll div, div.roll_icon {display:inline-block; width:30px; height:30px; cursor:pointer; background:url(/univ/images/roll_icon.png?t=20240805) no-repeat 0 0; 
		border:solid 1px #ffffff; vertical-align:middle;
	}
	table.roll div:hover {border:solid 1px #ff6600;}
	table.roll td.click div {border:solid 1px #ff6600;}
	table.roll tr.click {background:#f9f9e8;;}

	div.Y {background-position:-0px 0;}
	div.N {background-position:-30px 0;}
	div.L {background-position:-60px 0;}
	div.E {background-position:-90px 0;}
	div.Y.on {background-position:-0px -60px;}
	div.N.on {background-position:-30px -60px;}
	div.L.on {background-position:-60px -60px;}
	div.E.on {background-position:-90px -60px;}

	table.roll_sum {margin-bottom:10px; table-layout:fixed; border-collapse:collapse; width:100%; max-width:330px;}
	table.roll_sum th, table.roll_sum td {border:solid 1px #dddddd; }
	table.roll_sum th {background:#f6f6f6; padding:0;text-align:left;}
	table.roll_sum th.aCenter {text-align:center;}

	table.roll_sum th .roll_icon {width:25px; }
	table.roll_sum td {padding:10px 0; text-align:center;}
/*-----------------*/

	@media all and (max-width:1000px){
		/*레이아웃*/
		.section {padding:0 10px; }

	}
	@media all and (max-width:800px){
		/*공통*/
		.hide4mob {display:none; }
		.show4mob  {display:block; }
		.show4mob.inline  {display:inline-block; }
		.show4mob.pad  {padding-left:20px; }
		.subject_add.pad  {padding-left:20px; }
	
		/*헤더*/
		.header {padding:0; margin-bottom:20px; }
		.header .col1 {padding:10px 0 15px 0px;}
		.header .col1 a img {width:120px; height:auto; }
		.header .col1 a.c24 img {width:260px; height:auto; } /*마리퀴리*/
		.header .col1 a.c25 img, .header .col1 a.c26 img {width:180px; height:auto; } /*CJ 에듀*/
		.header .col1 strong.c25 {font-size:13px;}
		.header .col1 strong.c26 {font-size:13px;}/*GK 에듀*/

		.header #mem_bt, .header #gnv{display:none;}

		.header .col2 {padding-right:2px; }
		#bt_all {display:block; }

		/*본문*/
		h1.bodyTitle {margin-bottom:30px;}

		/*목록*/
		table .hide4mob {display:none; }
		table .em_subject4mob {font-size:16px; font-weight:bold; }
		table td.subject_mob {padding-left:10px; }

		table.blue_line4mob {border-top:solid 2px #4187b5; }

 		/*상품 목록*/
		.list_prod dl {background:no-repeat 0px 20px; background-size:60px auto;padding-left:80px;  padding-right:0; min-height:0; }
		.list_prod dl dt a{font-size:16px;}
		.list_prod dl dt span.icon_com {display:none; }
		.list_prod dl dd ul {margin-left:20px;}

		/*시험보기 목록*/
		ul.my_exam li dl {float:none; width:100%; }
		ul.my_exam li .col2 {float:none; width:100%; text-align:left; padding:10px 0 0 20px;}
		ul.my_exam li .period_range {text-align:left; }
	}
	@media all and (max-width:667px){
		.td_300 {width:auto;}
		/*본문*/
		h1.bodyTitle em {display:block; margin-bottom:15px; }
	}
	@media all and (max-width:360px){
		.header .col1 a img {width:120px; height:auto; }
	}

/*-----------------*/
	/*메인 소개*/
	.main_intro {margin-bottom:20px; text-align:center; position:relative; max-width:1000px; margin:0 auto; }
	.main_intro img {width:100%; }
	.main_intro img.main_intro_text {position:absolute; top:20px; right:0px; z-index:1; max-width:489px; width:80%; }

	/*메인 소개*/
	ul.main_intro_msg {display:none; text-align:center; padding:10px 0 10px 0; border-bottom:solid 1px #dddddd; 
		background:url(/univ/images/main_msg_back.jpg) no-repeat; background-size:100% auto;}
	ul.main_intro_msg li {margin-bottom:15px; line-height:1.6em; letter-spacing:-1px; text-shadow:3px 3px 10px #ffffff; font-weight:bold;}
	ul.main_intro_msg li.p1 {font-size:36px; color:#17342f;  margin-bottom:10px; letter-spacing:0px; }
	ul.main_intro_msg li.p2 {font-size:18px; color:#394265; }
	ul.main_intro_msg li.p3 {font-size:16px; color:#4682B4; }
	ul.main_intro_msg li.p4 {font-size:15px; color:#027f80; }
	
	/*게시물*/
	.main_bbs {margin-top:20px; display:flex; flex-wrap:wrap; justify-content:space-around;}
	.main_bbs .col_50 {width:48%;} /*중부대 이외 2칸*/

	.main_bbs .exam {width:34%; }
	.main_bbs .col1 {width:30%; }

	.main_bbs ul {margin-right:5px; }
	.main_bbs h2 {margin:15px 25px 20px 0; font-size:1.2em;}
	.main_bbs h2 strong {display:inline-block; border-bottom:solid 1px #808080; padding-bottom:5px; }
	.main_bbs h2 span {font-weight:normal; font-size:0.75em;}
	.main_bbs ul li {padding:5px 0px 5px 16px; height:30px; line-height:30px; position:relative; background:url(/univ/images/bbs_bullet.png) no-repeat 0 18px;
		border-bottom:solid 1px #eeeeee;
	}
	.main_bbs ul li.main_new {background-position:0 -42px; }
	.main_bbs ul li span {position:absolute; right:0; top:5px; display:block;  height:100%; font-size:13px; color:#999999; }
	.main_bbs ul li span.main_new {color:#000000; }
	
	.main_bbs .bt_big {padding:10px 25px; line-height:1.3em; min-width:100px;}
	.main_bbs .bt_big strong span {font-weight:noraml; font-size:0.8em; color:inherit; }
	.main_topik_vod img {width:100%; max-width:360px;}

	/*메인 아카데미*/
	.main_bbs.academy {justify-content:space-between;}
	.main_bbs.academy dl {width:23.5%; background:#fcfcfc; text-align:center; position:relative;
		padding-bottom:50px; border:solid 1px #dddddd; 
	}
	.main_bbs.academy dl dt {font-size:18px; font-weight:bold; color:#4682B4; padding:10px; }
	.main_bbs.academy dl dd {padding:10px; line-height:1.6em;}
	.main_bbs.academy dl .aCenter {position:absolute; width:100%; left:0; bottom:15px; }
	.main_bbs.academy.bn a {display:block; width:32%; padding:15px 0; text-align:center;  background-color:#ebf4e3; 
		border:dotted 1px #9ed1b5; background-image:linear-gradient(to bottom, #ebf4e3, #fafafa) ;
		border-radius:0 0 10px 10px;
	}
	.main_bbs.academy.bn a:hover {background-color:#fafafa; border:solid 1px #cccccc; background-image:none;}

	 /*시험 응식*/
	.main_bbs .col3 table {width:93%;}

	/*판매 상품*/
	.list_vod {display:flex; flex-wrap:wrap; justify-content:space-between;}
	.list_vod dl {width:18%; min-height:110px; box-shadow:3px 3px 5px #999999; margin-bottom:15px; border-radius:10px 10px 0 0; }
	.list_vod dl dt {background:#deebf7; padding:10px;  border-radius:10px 10px 0 0;  font-size:18px;  line-height:1em; }
	.list_vod dl dt div {background:url(/univ/images/flags_vod.png) no-repeat; width:68px; height:50px; margin:10px 0 0 auto;}
	.list_vod dl dt div.cn {background-position:0 0;}
	.list_vod dl dt div.en {background-position:-90px 0;}
	.list_vod dl dt div.uz {background-position:-180px 0;}
	.list_vod dl dt div.vn {background-position:-270px 0;}
	.list_vod dl dt div.mn {background-position:-360px 0;}

	.list_vod dl dd {line-height:1.4em; text-align:center; padding:15px 15px 30px 15px; font-size:14px;}
	.list_vod dl dd a {display:block; padding:7px 20px; border-radius:30px; font-size:16px; font-weight:bold; }
	.list_vod dl dd a:hover {background:#999999; color:#ffffff; }
	.list_vod dl dd a.a0 {border:solid 2px #006ad0; color:#006ad0;}
	.list_vod dl dd a.a0:hover {background:#006ad0; color:#ffffff;}
	.list_vod dl dd a.a1 {border:solid 2px #ff6600; color:#ff6600;margin-top:40px;}
	.list_vod dl dd a.a1:hover {background:#ff6600; color:#ffffff;}
	.list_vod dl dd div {margin-top:10px; }

	/*반응형 영상재생: 16:9 비율인 경우 */
	.play_video_wrap {position: relative; padding-bottom: 56.25%; text-align:center;  height: 0;}
	.play_video_wrap .container {position: absolute; top:0; left:0; width:100%; height:100%;}

	@media all and (max-width:900px){
 		/*판매 상품*/
		.list_vod dl {width:47%; }
		.list_vod dl dd br {display:none; }
	}
	@media all and (max-width:800px){
		/*메인 소개*/
		ul.main_intro_msg {display:block;}
		.main_intro img.main_intro_text {display:none; }
 
		/*게시물*/
		.main_bbs {padding:0 10px;}
		.main_bbs .exam {width:100%;  margin-bottom:30px; }
		.main_bbs .col1 {width:100%; }

		.main_bbs .col3 table {width:100%;}
		.main_bbs .col_50 {width:100%; margin-bottom:20px; }

		.main_bbs ul {margin-right:0px; }
		.main_bbs h2 {font-size:18px; }
	}
	@media all and (max-width:667px){
		.header .col1 strong.c25 {display:none; }
		.header .col1 strong.c26 {display:none; }
		
		/*메인 아카데미*/
		.main_bbs.academy dl {width:48.5%; margin-bottom:10px; }
		.main_bbs.academy.bn a {width:100%; margin-bottom:10px; }
	}
	@media all and (max-width:640px){
		/*신청 폼*/
		table.form tr th, table.form tr td { width:100%;}
		table.form tr th {display:inline; max-width:260px; border:0; background:#ffffff; padding-left:0; font-weight:bold; color:#AA4E03;}
		table.form tr th.wheat {background:#ffffff;}
		table.form tr td {display:block; border:0; border-bottom:0; padding:5px 0 10px 0; border-bottom:dashed 1px #dddddd; 
			margin-bottom:10px; text-indent:10px; 
		}
		table.form tr td label input {margin-left:0; }
		table.form tr:last-child td {border-bottom:solid 1px #cccccc; }
		table.form tr th br {display:none;}
	}
	@media all and (max-width:480px){
 		/*판매 상품*/
		.list_vod dl {width:98%; }
	}
	@media all and (max-width:360px){
		ul.main_intro_msg {background-size:auto 100%;}
		/*.show4mob {display:none; }*/
	}