@charset "utf-8";
@import url("fonts.css");

* {
	margin : 0;
	padding : 0;
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark {
	font-family : 'Nanum Square', "나눔고딕", "돋움", Dotum, Verdana, Arial, helvetica, clean, sans-serif;
	border : 0;
	outline : 0;
	background : transparent;
	font-size : 100%;
}

caption, tbody, tfoot, thead {outline : 0;background : transparent;font-size : 100%;}
caption{display:none;}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display : block;}
nav, ul {list-style : none;}
blockquote, q {quotes : none;}
blockquote:before, blockquote:after, q:before, q:after {content : '';content : none;}
body {
	font-family : 'Nanum Square', "나눔고딕", "돋움", Dotum, Verdana, Arial, helvetica, clean, sans-serif;
	color : #000;
	font-size : 14px;
	letter-spacing : -0.03em;
}

span.dpb {display : block;}
a {margin : 0;padding : 0;border : 0;font-size : 100%;}
ins {color : #000;text-decoration : none;}
mark {color : #000;font-style : italic;font-weight : bold;}
del {text-decoration : line-through;}
abbr[title], dfn[title] {border-bottom : 1px dotted #000;cursor : help;}
hr {
	display : block;
	height : 1px;
	border : 0;
	border-top : 1px solid #cccccc;
	margin : 1em 0;
	padding : 0;
}

select, input, button, textarea, button {
	font-family : 'Nanum Square', "나눔고딕", "돋움", Dotum, Verdana, Arial, helvetica, clean, sans-serif;
}

input {border : #ccc solid 1px;height : 16px;padding : 2px 3px 1px 3px;}
input[type="radio"], input[type="checkbox"] {border : none;padding : 0;margin : 0;}
input[type="file"] {border : 0;padding : 0;margin : 0;height : auto;}
table {font-size : inherit;font : 100%;}
pre, code, kbd, samp, tt {font-family : monospace;line-height : 100%;}
section h2.no_v, article h2.no_v {display : none;}
a {color : #555;text-decoration : none;}
a:visited, a:visited {color : #555;text-decoration : none;}
a.visited, a.visited:visited {color : #555;text-decoration : none;}
a:hover, a:hover, a.visited:hover {color : #555;text-decoration : none;}
li {list-style : none;}
ul.fllistli {float : left;}
ul.fllist:after {clear : both;display : block;content : "";}
ol.onumli {list-style-type : decimal;}
.onum {padding-left : 22px;}

input.text, input.password {
	border-left : 1px solid #cbcbcb;
	border-top : 1px solid #cbcbcb;
	border-right : 1px solid #e4e4e4;
	border-bottom : 1px solid #e4e4e4;
	background : #f8f8f8;
	height : 28px;
	line-height : 28px;
	padding : 0 5px;
}

input.file {
	border : #ddd solid 1px;
	height : 16px;
	padding : 2px;
	font-size : 100%;
	line-height : 110%;
}

input.image, input.radio, input.checkbox {
	border : 0 !important ;
	vertical-align : middle;
	padding : 0;
	margin : 0;
}

input.num {
	text-align : right;
	border : #ddd solid 1px;
	height : 16px;
	padding : 2px;
	font-size : 100%;
	line-height : 110%;
}

input.readonly {background-color : #f7f7f7;}
textarea {border : #ddd solid 1px;padding : 2px 5px;}
select.select {
	border : #ddd solid 1px;
	height : 28px;
	vertical-align : top;
	line-height : 28px;
	min-width : 60px;
}

#myBtn a, #myBtn2 a, #myBtn3 a, #myBtn4 a, #myBtn5 a {display : block;text-indent : -99999px;}
#myBtn a {width : 93px;height : 46px;}
#myBtn2 a {width : 103px;height : 46px;}
#myBtn4 a {width : 86px;height : 46px;}
#myBtn5 a {width : 110px;height : 31px;}

#myBtn {
	background-image : url('../images/common/footer_mark1.png');
	width : 93px;
	height : 46px;
	float : left;
	margin-right : 10px;
	cursor : pointer;
	background-repeat:no-repeat;
}

#myBtn:hover {
	background-image : url('../images/common/footer_mark1_on.png');
	width : 93px;
	height : 46px;
	float : left;
	cursor : pointer;
	background-repeat:no-repeat;
}

#myBtn2 {
	background-image : url('../images/common/footer_mark2.png');
	width : 103px;
	height : 46px;
	float : left;
	margin-right : 10px;
	cursor : pointer;
	text-indent : -99999px;
	background-repeat:no-repeat;
}

#myBtn2:hover {
	background-image : url('../images/common/footer_mark2_on.png');
	width : 103;
	height : 46px;
	float : left;
	cursor : pointer;
	background-repeat:no-repeat;
}

#myBtn3 {
	background-image : url('../images/common/footer_mark3.png');
	width : 35px;
	height : 35px;
	float : left;
	cursor : pointer;
	margin-right : 10px;
	background-repeat:no-repeat;
}

#myBtn3:hover {
	background-image : url('../images/common/footer_mark3_on.png');
	width : 35px;
	height : 35px;
	float : left;
	cursor : pointer;
}

#myBtn4 {
	background-image : url('../images/common/footer_mark4.png');
	width : 86px;
	height : 46px;
	float : left;
	cursor : pointer;
	margin-right : 10px;
	background-repeat:no-repeat;
}

#myBtn4:hover {
	background-image : url('../images/common/footer_mark4_on.png');
	width : 86px;
	height : 46px;
	float : left;
	cursor : pointer;
}
/*
#myBtn5 {
	background-image : url('../images/common/footer_mark5_off.png');
	width : 82px;
	height : 46px;
	float : left;
	cursor : pointer;
	background-repeat:no-repeat;
	margin-left: 380px;
	display:none;
}

#myBtn5:hover {
	background-image : url('../images/common/footer_mark5_off_on.png');
	width : 82px;
	height : 46px;
	float : left;
	cursor : pointer;
}*/

.myBtn5 {
	background-image : url('../images/common/footer_mark5_off.png');
	width : 82px;
	height : 46px;
	float : left;
	cursor : pointer;
	background-repeat:no-repeat;
	margin-left: 380px;
	display:none;
}

.myBtn5:hover {
	background-image : url('../images/common/footer_mark5_off_on.png');
	width : 82px;
	height : 46px;
	float : left;
	cursor : pointer;
}

.cap_off {
	background-image : url('../images/common/footer_mark5.png');
	width : 82px;
	height : 46px;
	float : left;
	cursor : pointer;
	background-repeat:no-repeat;
	margin-left: 380px;
	display:none;
}

.cap_off:hover {
	background-image : url('../images/common/footer_mark5_on.png');
	width : 82px;
	height : 46px;
	float : left;
	cursor : pointer;
}

#myBtn, #myBtn2, #myBtn3, #myBtn4, #myBtn5 {cursor : pointer;}

dfn {font-style : italic;}
mark {background : #ff0;color : #000;}
small {font-size : 80%;}
sub, sup {font-size : 75%;line-height : 0;position : relative;vertical-align : baseline;}
sub {bottom : -0.25em;}
sup {top : -0.5em;}
figure {margin : 1em 40px;}
img {border-style : none;}
svg:not(:root) {overflow : hidden;}
code, kbd, pre, samp {font-family : monospace, monospace;font-size : 1em;}
hr {box-sizing : content-box;height : 0;overflow : visible;}
button, input, select, textarea {font : inherit;margin : 0;}
optgroup {font-weight : bold;}
button, select {text-transform : none;}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
	border-style : none;
	padding : 0;
}

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
	outline : 1px dotted ButtonText;
}

fieldset {border : #c0c0c0 solid 1px;margin : 0 2px;padding : 0.35em 0.625em 0.75em;}
legend {color : inherit;display : table;max-width : 100%;padding : 0;white-space : normal;}
textarea {overflow : auto;}

[type="checkbox"], [type="radio"] {padding : 0;}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {height : auto;}
[type="search"] {outline-offset : -2px;}
::-webkit-input-placeholder {color : inherit;opacity : 0.540000021457672119140625;}
::-webkit-file-upload-button {font : inherit;}
.w3-image {max-width : 100%;height : auto;}
.w3-table, .w3-table-all {border-collapse : collapse;border-spacing : 0;width : 100%;display : table;}
.w3-table-all {border : #ccc solid 1px;}
.w3-bordered tr, .w3-table-all tr {border-bottom : 1px solid #ddd;}
.w3-striped tbody tr:nth-child(even) {background-color : #f1f1f1;}
.w3-table-all tr:nth-child(odd) {background-color : #fff;}
.w3-table-all tr:nth-child(even) {background-color : #f1f1f1;}
.w3-hoverable tbody tr:hover, .w3-ul.w3-hoverable li:hover {background-color : #ccc;}
.w3-centered tr th, .w3-centered tr td {text-align : center;}
.w3-table td, .w3-table th, .w3-table-all td, .w3-table-all th {padding : 8px 8px;display : table-cell;text-align : left;vertical-align : top;}
.w3-table th:first-child, .w3-table td:first-child, .w3-table-all th:first-child, .w3-table-all td:first-child {padding-left : 16px;}
.w3-btn, .w3-button {
	border : none;
	display : inline-block;
	outline : 0;
	padding : 8px 16px;
	vertical-align : middle;
	overflow : hidden;
	text-decoration : none;
	color : inherit;
	background-color : inherit;
	text-align : center;
	cursor : pointer;
	white-space : nowrap;
}

.w3-btn:hover {box-shadow : 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.w3-btn, .w3-button {user-select : none;}
.w3-disabled, .w3-btn:disabled, .w3-button:disabled {cursor : not-allowed;opacity : 0.300000011920928955078125;}
.w3-disabled *, :disabled * {pointer-events : none;}
.w3-btn.w3-disabled:hover, .w3-btn:disabled:hover {box-shadow : none;}
.w3-badge, .w3-tag {
	background-color : #000;
	color : #fff;
	display : inline-block;
	padding-left : 8px;
	padding-right : 8px;
	text-align : center;
}

.w3-badge {border-radius : 50%;}
.w3-ul {list-style-type : none;padding : 0;margin : 0;}
.w3-ul li {padding : 8px 16px;border-bottom : 1px solid #ddd;}
.w3-ul li:last-child {border-bottom : none;}
.w3-tooltip, .w3-display-container {position : relative;}
.w3-tooltip .w3-text {display : none;}
.w3-tooltip:hover .w3-text {display : inline-block;}
.w3-ripple:active {opacity : 0.5;}
.w3-ripple {transition : opacity 0s;}
.w3-input {padding : 8px;display : block;border : none;border-bottom : 1px solid #ccc;width : 100%;}
.w3-select {padding : 9px 0;width : 100%;border : none;border-bottom : 1px solid #ccc;}
.w3-dropdown-click, .w3-dropdown-hover {position : relative;display : inline-block;	cursor : pointer;}
.w3-dropdown-hover:hover .w3-dropdown-content {display : block;z-index : 1;}
.w3-dropdown-hover:first-child, .w3-dropdown-click:hover {background-color : #ccc;color : #000;}
.w3-dropdown-hover:hover > .w3-button:first-child, .w3-dropdown-click:hover > .w3-button:first-child {background-color : #ccc;color : #000;}
.w3-dropdown-content {
	cursor : auto;
	color : #000;
	background-color : #fff;
	display : none;
	position : absolute;
	min-width : 160px;
	margin : 0;
	padding : 0;
}

.w3-check, .w3-radio {width : 17px;height : 17px;position : relative;top : 4px;}
.w3-radio2 {width : 125px;height : 129px;background-image : url('../images/01_3_2/s1_3_x.png');border : 0;vertical-align : middle;}

#wrap {
	width : 1120px;
	height : 720px;
	/*background-image : url('../images/common/common_bg.png');
	overflow : hidden !important ;*/
	overflow: hidden;
	background:#f7fbef;
}

header {position : relative;width : 100%;height : 50px; background-image : url('../images/common/header_bg.png'); background-repeat:no-repeat;}
header .course_title {float:right; display:inline-block;}
header .course_title a{display:block; height:50px;}
header .course_title span {color:#fefefe;}
header .lession_tit_box:after{display:block;content:'';clear:both;}
header .lession_tit_box span {color:#e5e5e5;}
header .lession_tit_tit {float:left; height:37px; margin: 0px 5px 0px 25px; color:#ffffff; font-size:22px; font-weight:800; padding-top: 13px;}
header .lession_tit_tit_sub {color:#ffffff; font-size:22px; font-weight:800;
margin-left:120px; float:left; padding:13px 0px 0px 50px;background-image : url('../images/common/top_week_title_sub.png'); background-repeat:no-repeat;
	width:340px; height:37px;}

div.pre_nav {position:absolute; z-index:1;}
nav {position : relative ;width : 210px;float : left;height : 620px; display:none; z-index:9999; white-space:nowrap; background-color:rgba(0, 0, 0, 0.8);}
nav .nav_box {position : relative; width : 100%; height:430px; margin : 40px auto;z-index : 2;}
div.cons_box {margin-top: 1px; text-align:center;}
div.cons_box  a{display:block; width:100%; height:41px; background-color:rgba(0,0,0,0.8);}
nav ul li {float : left;width : 100%; font-family:'Nanum Gothic' !important; font-weight : 700; margin-bottom:8px;}
nav ul li span {font-family:'Nanum Gothic' !important; font-weight : 700;}
nav ul li.last li:last-child {float : left;width : 100%;border-bottom : none;}

nav ul li.nav_ti .tt0 {
	margin-left:10px;
	float : left;
	width : 85%;
	background-color:#acc11e;
	border: 1px solid #acc11e;
	border-radius: 20px;
	color : #000;
	line-height : 35px;
	font-weight : 700;
	font-size : 18px;
	text-align : center;
	cursor:pointer;
}
nav ul li.nav_ti .tt1 {
	float : left;
	width : 100%;
	background-color:rgba(255, 255, 255, 0.1);
	/*text-align : center;*/
	text-indent:20px;
	color : #fff;
	line-height : 35px;
	font-weight : 700;
	font-size : 18px;
}

nav ul li.nav_ti .tt2 {
	float : left;
	width : 100%;
	background-color:rgba(255, 255, 255, 0.1);
	/*text-align : center;*/
	text-indent:20px;
	color : #fff;
	line-height : 35px;
	font-weight : 700;
	font-size : 18px;
}

nav ul li.nav_ti .tt3 {
	float : left;
	width : 100%;
	background-color:rgba(255, 255, 255, 0.1);
	/*text-align : center;*/
	text-indent:20px;
	color : #fff;
	line-height : 35px;
	font-weight : 700;
	font-size : 18px;
}

nav ul li.nav_ti .tt4 {
	float : left;
	width : 100%;
	background-color:rgba(255, 255, 255, 0.1);
	/*text-align : center;*/
	text-indent:20px;
	color : #fff;
	line-height : 35px;
	font-weight : 700;
	font-size : 18px;
}


nav ul li.nav_ti .tt5 {
	float : left;
	width : 100%;
	background-color:rgba(255, 255, 255, 0.1);
	/*text-align : center;*/
	text-indent:20px;
	color : #fff;
	line-height : 35px;
	font-weight : 700;
	font-size : 18px;
}

nav ul li.nav_ti .tt6 {
	float : left;
	width : 100%;
	background-color:rgba(255, 255, 255, 0.1);
	/*text-align : center;*/
	text-indent:20px;
	color : #fff;
	line-height : 35px;
	font-weight : 700;
	font-size : 18px;
}
nav ul li.nav_sub a {
	box-sizing : border-box;
	float : left;
	width : 100%;
	color : #ffffff;
	text-align : left;
	line-height : 30px;
	font-weight : 700;
	background : none;
	background-position : 10px center;
	padding-left : 25px;
	font-size : 16px;
}

nav ul li.nav_sub:first-child {margin-top : 10px;}
nav ul li.nav_sub:last-child {}
nav ul li.nav_sub:nth-child(2) a{background-position:10px 10px !important;}

nav ul li.nav_quiz a {
	float : left;
	width : 100%;
	background-image : url('../images/common/nav_li_quiz_bg.png');
	background-repeat : repeat-x;
	text-align : center;
	color : #fff;
	line-height : 38px;
	font-weight : 800;
	margin-bottom : 4px;
}

.navBtn {

	 position:relative;
	 margin: 14px auto;
	 width:45px;
	 height:109px;
	 background:none;
	 background-image:url('../images/common/nav_open.png');
	 cursor:pointer;
	 border:none;


}
.navBtn:hover {
	background-image:url('../images/common/nav_open_ov.png');
}

.nav_close {
	 z-index:9999;
	 position:relative;
	 margin: 14px auto;
	 width:45px;
	 height:109px;
	 background:none;
	 background-image:url('../images/common/nav_close.png');
	 cursor:pointer;
	 border:none;


}
.nav_close:hover {
	background-image:url('../images/common/nav_close_ov.png');
}

.line_gb { margin: 107px 0px 1px 0px; border-bottom:1px solid rgba(0,0,0,0.8); width:100%; height:0; }




/*.thissection {background-image : url('../images/common/nav_li_quiz_bg.png') !important ;line-height:38px !important;}*/

.thissection {background-color:#00b0b7 !important;line-height:38px !important; color:#ffffff !important;}

.this_page {
	color : #41c1c6;
	font-weight : 800;
	font-size:16px;
	background-position : 10px 5px;
	padding-left : 30px;
	margin-left : -30px;
}


.this_page span {
	font-weight: 800;
}

footer {position : relative;float : left;width : 100%;height : 50px; background-color:#28292b;}
footer .mark1 {float : left;margin-left : 9px;margin-top : 16px;}
footer .mark2 {float : left;margin-left : 12px;margin-top : 11px;}
footer .mark3 {float : left;margin-left : 11px;margin-top : 12px;}
footer .mark4 {float : left;margin-left : 8px;margin-top : 12px;}
footer .mark5 {float : left;margin-left : 60px; margin-top:4px;}
footer .mark5 img {margin-right : 5px;margin-left : 5px;vertical-align : middle;}
footer .logo_box {float: left; margin-left:20px; margin-top:6px; width:130px;}

footer .pages {
	float : right;
	line-height : 50px;
	font-size : 15px;
	display : table;
	color : #ffffff;
	font-weight : 900;
}

footer .pages img {margin : 0 13px;vertical-align : middle;}
footer .pages .now_page {color : #fff;}
.modal {
	display : none;
	position : absolute;
	z-index : 1;
	width : 1120px;
	height : 720px;
	overflow : auto;
	/*transform : translate(-50%,-50%);*/
	padding-top : 71px;
	background-color : rgba(0, 0, 0, 0.6);
	z-index : 9999;
	box-sizing:border-box;
}

.modal1 {
	display : none;
	position : absolute;
	padding-top : 71px;
	width : 1120px;
	height : 720px;
	overflow : auto;
	background-color : rgba(0, 0, 0, 0.6);
	z-index : 9999;
	box-sizing : border-box;
}

.modal2 {
	display : none;
	position : absolute;
	z-index : 1;
	padding-top : 50px;
	left : 0;
	top : 0;
	width : 1120px;
	height : 700px;
	overflow : auto;
	background-color : rgb(0, 0, 0);
	background-color : rgba(0, 0, 0, 0.6);
	z-index : 9999;
}

.modals {
	display : none;
	position : absolute;
	z-index : 1;
	left : 0;
	top : 0;
	width : 1120px;
	height : 720px;
	overflow : auto;
	background-color : rgb(0, 0, 0);
	background-color : rgba(0, 0, 0, 0.6);
	z-index : 9999;
}

.modal4 {
	display : none;
	position : absolute;
	z-index : 1;
	padding-top : 71px;
	width : 1120px;
	height : 720px;
	overflow : auto;
	background-color : rgb(0, 0, 0);
	background-color : rgba(0, 0, 0, 0.6);
	z-index : 9999;
	box-sizing:border-box;
}

.modal5 {
	display : none;
	position : absolute;
	z-index : 1;
	padding-top : 104px;
	left : 0;
	top : 0;
	width : 1120px;
	height : 720px;
	overflow : auto;
	background-color : rgb(0, 0, 0);
	background-color : rgba(0, 0, 0, 0.6);
	z-index : 9999;
	box-sizing:border-box;
}

.modal-content {
	position : relative;
	background-color : #fefefe;
	margin : auto;
	padding : 20px;
	border : #888 solid 1px;
	width : auto;
	max-width : 80%;
}

.modal-content1 {background-repeat:no-repeat;position:relative;margin: auto; width:414px; height:578px;background-image:url('../images/intro/prof_info.png') ;box-sizing:border-box;}
/*
.modal-content1 {
	background-repeat:no-repeat;
	position:relative;
	margin: auto;height:560px;
	background-image:url('../images/intro/prof_info.png') ;
	box-sizing:border-box;
}
*/

.modal-content3 {
	position : relative;
	margin : auto;
	width:1085px;
	height : 578px;
	background-image : url('../images/map/LearningMapbg.png');
	background-repeat : no-repeat;
	box-sizing : border-box;
}

.modal-content4 {
	background-repeat:no-repeat;
	position:relative;
	margin: auto;
	width:1085px;
	height:578px;
	background-image:url('../images/monitor/sub_monibg.png') ;
	box-sizing:border-box;
	}

.modal-content5 {
	position : relative;
	margin : auto;
	width : 903px;
	height : 518px;
	background-image : url('../images/booklist/booklistbg.png');
	background-repeat : no-repeat;
	box-sizing : border-box;
}



/*
.modal-contents {
	position : relative;
	margin : auto;
	top : 50%;
	margin-top : -121px;
	width : 438px;
	height : 243px;
}*/

.close {
	float : right;
	display : inline-block;
	position : relative;
	z-index : 99;
	right : 9px;
	top : 9px;
	width : 28px;
	height : 27px;
	background-image : url('../images/common/popup_close_btn.png');
	background-repeat : no-repeat;
}

.close:hover, .close:focus {
	color : #000;
	text-decoration : none;
	cursor : pointer;
	z-index : 99;
}

#close4 {
	color : #aaaaaa;
	float : right;
	font-size : 28px;
	display : inline-block;
	font-weight : bold;
	position : relative;
	z-index : 99;
	right : 9px;
	top : 9px;
	width : 28px;
	height : 27px;
	background-image : url('../images/common/popup_close_btn.png');
	background-repeat : no-repeat;
}

#close4:hover, #close4:focus {
	color : #000;
	text-decoration : none;
	cursor : pointer;
	z-index : 99;
}

#close5 {
	color : #aaaaaa;
	float : right;
	font-size : 28px;
	display : inline-block;
	font-weight : bold;
	position : relative;
	z-index : 99;
	right : 32px;
	top : 32px;
	width : 36px;
	height : 36px;
	background-image : url('../images/common/popup_close_btn3.png');
	background-repeat : no-repeat;
}

#close5:hover, #close5:focus {
	color : #000;
	text-decoration : none;
	cursor : pointer;
	z-index : 99;
}

.close3 {
	color : #aaaaaa;
	float : right;
	font-size : 28px;
	display : inline-block;
	font-weight : bold;
	z-index : 99;
	position : absolute;
	cursor : pointer;
	right : 3px;
	top : 4px;
	width : 36px;
	height : 36px;
	background-image : url('../images/common/popup_close_btn1.png');
	background-repeat : no-repeat;
}
/*
span.close2 {
	color : #aaaaaa;
	float : right;
	font-size : 28px;
	display : inline-block;
	font-weight : bold;
	z-index : 99;
	position : absolute;
	cursor : pointer;
	right : 8px;
	top : 8px;
	width : 36px;
	height : 36px;
	background-image : url('../images/common/popup_close_btn1.png');
	background-repeat : no-repeat;
}*/

#moduel_map {
	position : relative;
	width : 100%;
	height : 100%;
	display : inline-block;
	float : left;
}
#wrap2 {
	position : relative;
	width : 100%;
	height : 100%;
	background : #fff;
}
#wrap2 h1 {display : none;}
#titles {position : relative;width : 100%;height : 41px;}
#titles h2 {float : left;margin-left : 10px;}
#titles h2 img {vertical-align : middle;}
.close_btn {float : right;margin-right : 10px;margin-top : 10px;}

article#module_list {
	position : relative;
	width : 97%;
	border : #d2d2d2 solid 2px;
	border-radius : 5px 5px;
	margin : 0 auto;
	padding-bottom : 1%;
	padding-top : 1%;
	padding-left : 1%;
	padding-right : 1%;
	background-color : #fff;
}
article#module_list table {width : 100%;margin-top : 0;}
article#module_list table th {
	background-color : #1797b5;
	color : #fff;
	font-size : 20px;
	width : 20%;
	margin-top : 7px;
}

article#module_list table td {
	background-color : #fff;
	width : 100%;
	display : inline-block;
}

article#module_list table td.first {margin-top : 0;}
article#module_list table td a {
	display : block;
	background-color : #e2e2e2;
	margin-left : 1%;
	line-height : 25px;
	padding : 5px 5px;
	text-indent : 17px;
	width : auto;
	color : #000;
	font-size : 15px;
	font-weight : bold;
}

article#module_list table td.on a {
	display : block;
	background-color : #a8d2e8;
	margin-left : 1%;
	line-height : 25px;
	padding : 5px 5px;
	text-indent : 17px;
	width : auto;
	color : #000;
	font-size : 15px;
	font-weight : bold;
}
article#list_map {
	position : relative;
	width : 97%;
	border : #d2d2d2 solid 2px;
	border-radius : 5px 5px;
	margin : 0 auto;
	padding-bottom : 1%;
	padding-top : 1%;
	padding-left : 1%;
	padding-right : 1%;
	background-color : #fff;
}
article#list_map table {width : 100%;}
article#list_map table th {background-color : #1797b5;color : #fff;height : 30px;}
article#list_map table td {background-color : #e2e2e2;height : 30px;text-indent : 17px;color : #000;}
article#list_map table td.on {background-color : #a8d2e8;}
article#Reference {
	position : relative;
	width : 97%;
	border : #d2d2d2 solid 2px;
	border-radius : 5px 5px;
	margin : 0 auto;
	padding-bottom : 1%;
	padding-top : 1%;
	padding-left : 1%;
	padding-right : 1%;
	background-color : #fff;
}
article#Reference ul {position : relative;height : auto;margin-bottom : 20px;}
article#Reference ul li {float : left;width : 100%;position : relative;line-height : 200%;text-indent : 25px;font-size : 17px;}
article#Reference ul li#Topic {
	background-color : #a8d2e8;
	line-height : 29px;
	font-size : 15px;
	text-indent : 10px;
	font-weight : 800;
}

article#Reference ul li.ref_list {margin-top : 20px;}
article#professor_list{position:relative;}
article#professor_list:after{clear:both;content:'';display:block;}
article#professor_list .professor_info_list{width:125px;height:45px;padding:0;margin-left:65px;}
article#professor_list ul {float:left;width:100%;font-size:20px;}
article#professor_list ul li{float:left;width:100%;background-image:url('../images/intro/professor_dot.png');background-repeat:no-repeat;background-position:left 5px;text-indent:25px;line-height:23px;padding-bottom:10px;font-size:18px;font-weight:800;}
article#professor_list ul li a{color:#000}

article#professor_list .prof_box{box-sizing:border-box; margin-top:320px; margin-left:10px;}
article#professor_list .prof_box p{font-size:20px; padding:12px; color:#222222; font-weight:700;vertical-align:middle;}
article#professor_list .prof_box p img{vertical-align:middle;}

span.pdL15{padding-left:15px;line-height:27px;}
span.pdL48{padding-left:48px;line-height:27px;}

.modal-content3 h2 {margin-left:65px;width:95px;height:45px;}
div.book{margin-top:65px;margin-left:80px;float:left;}
div.book:after{display:block;content:'';clear:both;}

div.book table{font-weight:800;list-style:none;}
div.book table tr{font-size:19px;line-height:27.2px;}
div.book table tr td.num{margin-left:8px;width:70px;padding-right:5px;color:#4e3514;text-shadow:0px 0px 0px 2px #fff;font-style:italic;}
div.book table tr td.num_on{background-color:#fced3f;padding-right:5px;}
div.book table tr td.num img{vertical-align:middle;}
div.book table tr td.txt{text-align:left;padding-left:10px;color:#333333;}
div.book table tr td.txt_on{background:linear-gradient(to right, #fced3f, rgba(255,255,255,0));}
div.book table tr.c_off{color:#;}

div.chart{width:;}
div.chart:after{display:block;content:'';clear:both;}

div.chart table{margin-top:15px;font-weight:600;list-style:none;margin-left:26px; color:#222222;}
div.chart table tr{font-size:20px;line-height:normal;}
div.chart table tr td.num_t, div.chart table tr td.subject_t, div.chart table tr td.c_txt{text-align:center; color:#7f4217; height:30px;}
div.chart table tr td.num_t{width:90px; background-color:#acc11e;border-right:2px solid #d0db89;border-bottom:2px solid #d0db89;}
div.chart table tr td.subject_t{width:571px;background-color:#acc11e;border-bottom:2px solid #d0db89;}
div.chart table tr td.c_txt{width:359px;background-color:#acc11e;border-bottom:2px solid #d0db89;border-left:2px solid #d0db89;}

div.chart table tr td.num{text-align:center; color:#181818; height:30px;border-right:2px solid #d0db89;border-bottom:1px solid #d0db89;}
div.chart table tr td.subject_st{padding-left:10px;border-bottom:1px solid #d0db89;}
div.chart table tr td.icon_img{border-bottom:1px solid #d0db89;text-align:right; padding-right:10px;}
div.chart table tr td.icon_img2{border-bottom:1px solid #d0db89;text-align:right; padding-right:0;}
div.chart table tr td.icon_img img, div.chart table tr td.icon_img2 img{vertical-align:middle;}
div.chart table tr td.c_stxt{text-align:center;border-bottom:1px solid #d0db89;border-left:2px solid #d0db89;line-height:27px;  letter-spacing:-2px;}
div.chart table tr td.arrow{border-bottom:1px solid #dcdcdc;}

div.chart table tr td.c_on, div.chart table tr.c_on td{color:#ff6600 !important; font-weight:800;}
div.chart table tr.c_on td.num{text-align:center; width:45px;}

.c_r{background-color:#fff8f4;}
.c_y{background-color:#fef9e6;}
.c_g{background-color:#eefaea;}
.c_b{background-color:#f5f5f5;}
.c_exm{background-color:#eaedd5;}

/* 화면구성 */
div.mo_txtbox{position:relative;}
div.mo_txtbox p{font-size:18px;font-weight:600;color:#28303b;line-height:23px;}
div.mo_txtbox p.mo_t1{position:absolute;top:36px;right:42px;}
div.mo_txtbox p.mo_t2{position:absolute;top:112px;right:50px;}
div.mo_txtbox p.mo_t3{position:absolute;top:168px;right:178px;}
div.mo_txtbox p.mo_t4{position:absolute;top:200px;right:54px;}
div.mo_txtbox p.mo_t5{position:absolute;top:233px;right:38px;}
div.mo_txtbox p.mo_t6{position:absolute;top:289px;right:75px;}
div.mo_txtbox p.mo_t7{position:absolute;top:344px;right:70px;}
div.mo_txtbox p.mo_t8{position:absolute;top:373px;right:87px;}
div.mo_txtbox p.mo_t9{position:absolute;top:430px;right:54px;}
div.mo_txtbox p.mo_t10{position:absolute;top:463px;right:54px;}

#modal_con_in_1 img.mo_tit_img{width:96px;height:45px;margin-left:65px;}
/* 화면구성 */

/* 도서목록 팝업 */
article#book_list{position:relative;}
article#book_list:after{clear:both;content:'';display:block;}
article#book_list .book_info_list{height:84px;float:left;padding:0;margin-left:62px;margin-top:60px;text-align:center;}
article#book_list ul {float:left;width:100%;font-size:20px;}
article#book_list ul li{float:left;width:100%;background-image:url('../images/intro/professor_dot.png');background-repeat:no-repeat;background-position:left 5px;text-indent:25px;line-height:23px;padding-bottom:10px;font-size:18px;font-weight:800;}
article#book_list ul li a{color:#000}

article#book_list .prof_box{float:left;box-sizing:border-box;width:350px;margin-top:80px;margin-left:46px;}
article#book_list p{}

/* 도서목록 팝업 */

/* 나레이션 버튼 */
.naBtn {
	background:none;
	background-image : url('../images/common/naBtn_on.png');
	background-repeat:no-repeat;
	border:0;
	width:21px;
	height:17px;
	margin-left:10px;
	vertical-align:middle;
	cursor:pointer;
}

.off {
	background:none;
	background-image : url('../images/common/naBtn_off.png');
	background-repeat:no-repeat;
	border:0;
	width:21px;
	height:17px;
	margin-left:10px;
	vertical-align:middle;
	cursor:pointer;
}

.body_title {height:120px; background-color:#ffffff;}
.body_title p {height:50px; padding:0px 0px 0px 50px; font-size:20px; font-weight:700; text-align:left; color:#222222;}
.body_title p.menu_tit{color:#444444; font-size:24px; font-weight:800; padding:30px 0px 0px 50px; height:40px;}
.body_title p.menu_tit span {color:#009fa5;}
.body_title p img {vertical-align:middle;}

b{font-weight:800;}


body {

	-webkit-font-smoothing: subpixel-antialiased;

	-webkit-touch-callout: none;

	-webkit-user-select: none;

	-khtml-user-select: none;

	-ms-user-select: none;

	-moz-user-select: none;

	user-select: none;

}