@charset "euc-kr";
/* CSS Document */


/* reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
 time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit; /* ±ÛÀÚ ¼Ó¼º ±×´ë·Î ³»·Á ¹Þ±â */
	vertical-align: baseline; /* ¿Ü±¹¿¡¼­ ¸¹ÀÌ ¾²ÀÓ */
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	 
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
address, i, em{font-style: normal;}
caption{position: absolute; left: -9999px;}

a {text-decoration:none;}

/*  */


#wrap {
	width:760px;
	min-height:736px;
	padding:12px 11px;
	position:relative;
	font-family:"³ª´®°íµñ", "±¼¸²", "µ¸¿ò";
}





/* 1±Ç css */

.book01 #top_new .book_box { 
	overflow:hidden; 
	width:760px;
	min-height:181px;
	background:url(../tpl/img_course/bg_main_book01.png) repeat-y;
}


.book01 #top_new .book_box  .book_detail {
	overflow:hidden;
	width:564px;
	height:179px;
	margin-top:12px;
	margin:0 auto; 
	position:relative; 
}
.book01  #top_new .book_box .book_detail .book_img {
	width:118px;
	height:166px;
	position:absolute;
	top:5px; left:0px;
}

.book01  #top_new .book_box .book_detail .book_img .book_imgsize{
	width:116px;
	height:164px;
	border:1px solid #005eaf;}
.book01 #top_new .book_box .book_detail .book_month {
	width:45px;
	height:20px;
	position:absolute;
	top:15px;
	left:140px;
	text-align:center;
	line-height:20px;
	font-size:13px;
}
.book01 #top_new .book_box  .book_detail .book_infobox{ 
	position:absolute;
	 top:76px; left:140px; 
	width:228px;
	font-size:13px;
	color:#676b76; 
}

/*old ¹öÀü*/
.book01.old #top_new .book_box  .book_detail .book_infobox{ 
	position:absolute;
	 top:68px; left:140px; 
	width:228px;
	font-size:13px;
	color:#676b76;
}

.book01 #top_new .book_box .book_detail .book_title { position:absolute; top:46px; left:140px; width:278px; height:20px;  }
.book01 #top_new .book_box .book_detail .book_title h2{
	color:#0273c1;
	font-size:17px; 
	text-overflow:ellipsis; 
	white-space:nowrap; 
	overflow:hidden;
	font-weight:bold;  
}

.book01 #top_new .book_box .book_detail  .book_infobox .book_info li{ padding-bottom:8px; }

/*old ¹öÀü*/
.book01.old  #top_new .book_box .book_detail  .book_infobox .book_info li{ padding-bottom:3px;  }

.book01 #top_new .book_box .book_detail .book_infobox .book_info li .tit{ 
	display:inline-block; 
	width:52px;
	text-align:left;
	color:#787c87; 
}

.book01 #top_new .book_box .book_infobox .book_info li .content{
	display:inline-block; 	
	width:123px;
	text-align:left;
	color:#787c87; 
}

.book01 #top_new .book_box .book_detail .button { 
	position:absolute;
	top:45px;
	right:0px;
	width:97px; 
	text-align:center;
}
.book01 #top_new .book_box .book_detail .button a{
	display: block;
	color:#FFF;
	text-decoration:none;
	padding:6px 0;
	width:97px;
	font-size:14px;
}
.book01 #top_new .book_box .book_detail .button a.btn_bookcon{
	background-color:#0273c1;
	border:1px solid #005c9b;	margin-top:7px
}
.book01 #top_new .book_box .book_detail .button a.btn_bookview{
	background-color:#0273c1;
	border:1px solid #005c9b;
}

.book01 #top_new .book_box .book_detail .button a.btn_bookcon:hover{
	background-color:#fe565f;
	border:1px solid #dd313a;	margin-top:7px
}
.book01 #top_new .book_box .book_detail .button a.btn_bookview:hover{
	background-color:#fe565f;
	border:1px solid #dd313a;
}


.book01  #contents {
	width:760px;
	min-height:454px;
}

.book01.old  #contents {
	width:760px;
	min-height:424px;  
}

.book01.old #top_new .book_box .book_detail .button_old{ position:absolute; top:142px; left:140px;}
.book01.old #top_new .book_box .book_detail .button_old .btn_excel { width:227px; }
.book01.old #top_new .book_box .book_detail .button_old .btn_excel span{height:24px; margin-top:5px; line-height:16px;   margin-left:20px;}

/*2±Ç css */

.book02 #top_new .book_box { 
	overflow:hidden; 
	width:760px;
	min-height:181px;
	background:url(../tpl/img_course/bg_main_book02.png) repeat-y;
}


.book02  #top_new .book_box  .book_detail {
	float:left; 
	overflow:hidden;
	width:326px;
	height:179px; 
	margin-left:36px;
	margin-top:12px;
	margin-right:10px;
	position:relative;
}

/*old ¹öÀü*/
.book02.old  #top_new .book_box  .book_detail {
	float:left; 
	overflow:hidden;
	width:326px;
	height:210px; 
	margin-left:36px;
	margin-top:12px;
	margin-right:10px;
	position:relative; 
}
.book02  #top_new .book_box .book_detail .book_img {
	width:118px;
	height:166px;
	position:absolute;
	top:0px; left:0px;
}

.book02  #top_new .book_box .book_detail .book_img .book_imgsize{
	width:116px;
	height:164px;
	border:1px solid #005eaf;}
.book02 #top_new .book_box .book_detail .book_month {
	width:45px;
	height:20px;
	position:absolute;
	top:0;
	left:72px;
	text-align:center;
	line-height:20px;
	font-size:13px;
}
.book02 #top_new .book_box  .book_detail .book_infobox{ 
	position:absolute;
	 top:53px; right:0px; 
	width:190px;
	font-size:12px;
	color:#676b76; 
}
.book02 #top_new .book_box .book_detail .book_title { position:absolute; top:4px; right:0px; width:190px; height:40px; }
.book02 #top_new .book_box .book_detail .book_title h2{
	color:#0273c1;
	font-size:16px;
	line-height:20px;
	 font-weight:bold; 
}

.book02 #top_new .book_box  .book_infobox .book_info li{ padding-bottom:5px;}
.book02 #top_new .book_box .book_infobox .book_info li .tit{ 
	display:inline-block; 
	width:47px; 
	text-align:left;
	color:#787c87; 
}

.book02 #top_new .book_box .book_infobox .book_info li .content{
	display:inline-block; 
	width:123px;
	text-align:left;
	color:#787c87; 
}

.book02 #top_new .book_box .book_detail .button { 
	position:absolute;
	top:135px;
	right:0px;
	background-color:#0273c1;
	border:1px solid #005c9b;
	text-align:center;
	
}
.book02 #top_new .book_box .book_detail .button a{
	display:inline-block;
	color:#FFF;
	text-decoration:none;
	padding:6px 0;
	width:94px;
	font-size:13px;
}
.book02 #top_new .book_box .book_detail .button .btn_bookview{
	border-right:1px solid #005c9b;
}

.book02 #top_new .book_box .book_detail .button a:hover{
 
	background-color:#fe565f; 
}

.book02  #contents {
	width:760px;
	min-height:454px;
}

.book02.old  #contents {
	width:760px;
	min-height:424px;  
} 

.book02.old #top_new .book_box .book_detail .button_old{ position:absolute; top:172px; left:0px;}
.book02.old #top_new .book_box .book_detail .button_old .btn_excel { width:324px; }
.book02.old #top_new .book_box .book_detail .button_old .btn_excel span{height:24px; margin-top:5px; line-height:16px;   margin-left:65px;}


/*3±Ç css */
.book03 #top_new .book_box { 
	overflow:hidden; 
	width:760px;
	min-height:181px;
	background:url(../tpl/img_course/bg_main_book03.png) repeat-y;
}


.book03 #top_new .book_box  .book_detail {
	float:left; 
	overflow:hidden;
	width:216px;
	height:174px; 
	margin-left:30px; 
	position:relative;
	margin-top:5px; 
}

.book03.old #top_new .book_box  .book_detail {
	float:left; 
	overflow:hidden;
	width:216px;
	height:210px; 
	margin-left:30px; 
	position:relative;
	margin-top:5px; 
}

.book03  #top_new .book_box .book_detail .book_img {
	width:69px;
	height:97px;
	position:absolute;
	top:30px; left:0px;
}

.book03  #top_new .book_box .book_detail .book_img .book_imgsize{
	width:67px;
	height:95px;
	border:1px solid #005eaf;}
.book03 #top_new .book_box .book_detail .book_month {
	width:45px;
	height:20px;
	position:absolute;
	top:0;
	left:0;
	text-align:center;
	line-height:20px;
	font-size:13px;
}
.book03 #top_new .book_box  .book_detail .book_infobox{ 
	position:absolute;
	 top:40px; right:0px; 
	width:144px;
	font-size:12px;
	color:#676b76; 
}
.book03 #top_new .book_box .book_detail .book_title { 
	position:absolute; 
	top:2px; left:50px; 
	width:154px; 
	height:20px;
}
.book03 #top_new .book_box .book_detail .book_title h2{
	color:#0273c1;
	font-size:15px; 
	text-overflow:ellipsis; white-space:nowrap; overflow:hidden;    
	 font-weight:bold; 
}

.book03 #top_new .book_box  .book_infobox .book_info li{ padding-bottom:7px;}
.book03 #top_new .book_box .book_infobox .book_info li .tit{ 
	display:inline-block; 
	width:45px; 
	text-align:left;
	text-overflow:ellipsis; white-space:nowrap; overflow:hidden;  
	color:#787c87; 
}

.book03 #top_new .book_box .book_infobox .book_info li .content{
	display:inline-block; 
	width:97px;
	text-align:left;
	text-overflow:ellipsis; white-space:nowrap; overflow:hidden;  
	color:#787c87; 
}

.book03 #top_new .book_box .book_detail .button {
	position:absolute; 
	top:139px; left:0px;
	background-color:#0273c1;
	border:1px solid #005c9b; 
	text-align:center;
	
}
.book03 #top_new .book_box .book_detail .button a{
	display:inline-block;
	color:#FFF;
	text-decoration:none;
	padding:5px 0;
	width:99px;
}

.book03 #top_new .book_box .book_detail .button a:hover{
	 background-color:#fe565f;
}

.book03 #top_new .book_box .book_detail .button a span{ font-size:12px;}
.book03 #top_new .book_box .book_detail .button .btn_bookview{
	border-right:1px solid #005c9b;
}

 

.book03.old #top_new .book_box .book_detail .button_old{ position:absolute; top:172px; left:0px;}
.book03.old #top_new .book_box .book_detail .button_old .btn_excel { width:205px; }
.book03.old #top_new .book_box .book_detail .button_old .btn_excel span{height:24px; margin-top:5px; line-height:16px;   margin-left:8px;}


/*4±Ç css */
.book04 #top_new .book_box { 
	overflow:hidden; 
	width:760px;
	min-height:181px;
	background:url(../tpl/img_course/bg_main_book04.png) repeat-y;
}


.book04 #top_new .book_box  .book_detail {
	float:left; 
	overflow:hidden;
	width:147px;
	height:179px; 
	margin-left:23px; 
	margin-top:5px; 
	margin-right:18px; 
	position:relative; 
}

/*old ¹öÀü */

.book04.old #top_new .book_box  .book_detail {
	float:left; 
	overflow:hidden;
	width:147px;
	height:225px; 
	margin-left:23px; 
	margin-top:5px; 
	margin-right:18px; 
	position:relative; 
}

.book04  #top_new .book_box .book_detail .book_img {
	width:71px;
	height:135px;
	position:absolute;
	top:0px; left:25px;
}

.book04  #top_new .book_box .book_detail .book_img .book_imgsize{
	width:94px;
	height:133px;
	border:1px solid #005eaf;}
.book04 #top_new .book_box .book_detail .book_month {
	width:21px;
	height:72px;
	position:absolute;
	top:0;
	left:5px;
	text-align:center;
	line-height:20px;
	font-size:13px;
	padding-top:5px;
	letter-spacing:1px;
}
.book04 #top_new .book_box  .book_detail .book_infobox{ 
	display:none;
}
.book04 #top_new .book_box .book_detail .book_title { display:none;}
.book04 #top_new .book_box .book_detail .book_title h2{
	color:#0273c1;
	font-size:15px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;    
	 font-weight:bold; 
}

.book04 #top_new .book_box  .book_infobox .book_info li{ padding-bottom:7px;}
.book04 #top_new .book_box .book_infobox .book_info li .tit{ 
	display:inline-block; 
	width:47px; 
	text-align:left;
	color:#676b76; 
}

.book04 #top_new .book_box .book_infobox .book_info li .content{
	display:inline-block; 
	width:123px;
	text-align:left;
	color:#787c87; 
}

.book04 #top_new .book_box .book_detail .button {
	position:absolute; 
	top:141px; left:0px;
	background-color:#0273c1;
	border:1px solid #005c9b; 
	text-align:center;
	
}
.book04 #top_new .book_box .book_detail .button a{
	display:inline-block;
	color:#FFF;
	text-decoration:none;
	padding:5px 0;
	width:69px;
}
.book04 #top_new .book_box .book_detail .button a:hover{
	background-color:#fe565f;
}
.book04 #top_new .book_box .book_detail .button a span{ font-size:12px;}
.book04 #top_new .book_box .book_detail .button .btn_bookview{
	border-right:1px solid #005c9b;
}
 

.book04.old #top_new .book_box .book_detail .button_old{ position:absolute; top:172px; left:0px;}
.book04.old #top_new .book_box .book_detail .button_old .btn_excel { width:145px; }
.book04.old #top_new .book_box .book_detail .button_old .btn_excel span{height:40px; margin-top:5px; line-height:16px; margin-left:5px; }





/*1±Ç, 2±Ç, 3±Ç, 4±Ç °øÅë css */
#top_new ul.bg_top {
	background:url(../tpl/img_course/bg_top01.png) no-repeat; 
	width:653px; 
	height:64px;
	padding-top:10px;
	padding-left:107px;
	position:relative;
}
#top_new ul.bg_top li.btn_x {
	position:absolute;
	top:24px;
	right:11px;
	cursor:pointer;
}
#top_new ul.bg_top li.bg_tit {
	color:#ffffff;
	float:left;
	height:47px;
	min-width:330px;
	padding-top:17px;
	background:url(../tpl/img_course/bg_tit01.png) repeat-x;
}
#top_new ul.bg_top li.bg_tit h1{
	font-size:18px;
	letter-spacing:-1px;
}
#top_new ul.bg_top li.bg_tail {
	float:left;
	background:url(../tpl/img_course/bg_tit02.png) no-repeat;
	width:23px; 
	height:64px;
}


#top_new .bg_bottom {
	background:url(../tpl/img_course/bg_main01.png) no-repeat;
	width:760px;
	height:8px;
}


.m01{background-color:#fe565f;
	color:#fff100;
}
.m02{background-color:#359a45;
	color:#fff100;
}
.m03{background-color:#a954b1;
	color:#fff100;
}
.m04{background-color:#c97810;
	color:#fff100;
}



#top_new .book02 .book_detail > ul li.button {
	background-color:#0273c1;
	border:1px solid #005c9b;
	margin-top:17px;
	text-align:center;
	
}
#top_new .book02 .book_detail > ul li.button a {
	display:inline-block;
	color:#FFF;
	text-decoration:none;
	padding:7px 0;
	width:85px;
}
#top_new .book02 .book_detail > ul li.button a.line {
	border-right:1px solid #005c9b;;
}



#contents {
	width:760px;
	min-height:454px;
}
#contents .bg_top {
	background:url(../tpl/img_course/bg_main01.png) no-repeat;
	width:760px;
	height:10px;
}
#contents .bg_main {
	background:url(../tpl/img_course/bg_main01.png) repeat-y;
	width:707px;
	height:419px;
	padding:5px 25px 10px 28px;
}
#contents .bg_main .main_in {
	height:419px;
	overflow-y:scroll;
	overflow-x:hidden;
	padding-right:10px;
}

#contents .bg_main .main_in a.on {
	display:block;
	/*background:url(../tpl/img_course/bul01.png) no-repeat 14px 13px;*/
	height:33px; 
	background-color:#98abb3;
	font-size:15px;
	color:#fff;
	padding-left:20px;
	line-height:33px;
	position:relative;
	margin-bottom:0px; 
}
#contents .bg_main .main_in a.on span {
	display:block;
	background:url(../tpl/img_course/btn_up.png) no-repeat;
	width:43px;
	height:33px;
	position:absolute;
	top:0;
	right:0;
}

#contents .bg_main .main_in a {
	display:block;
	/*background:url(../tpl/img_course/bul02.png) no-repeat 14px 13px; border:1px solid #e2e2e2;*/
	height:33px;
	background-color:#6d7579;
	font-size:15px;
	color:#fff100;
	padding-left:20px;
	line-height:33px;
	position:relative;
	margin-bottom:5px; 
}
#contents .bg_main .main_in a span {
	display:block;
	background:url(../tpl/img_course/btn_down.png) no-repeat;
	width:43px;
	height:33px;
	position:absolute;
	top:0;
	right:0;
}

#contents .bg_main .main_in a.btn {
	display:inline-block;
	padding:0 5px;
	background:#919191;
	color:#fff;
	font-size:12px;
	margin-top:5px; 
	margin-right:5px;
	height:23px;
	line-height:23px;
}
#contents .bg_main .main_in  p {
	font-size:14px;
	color:#005eaf;
	margin-left:10px;
	margin-bottom:10px;
	font-weight:bold;
}
#contents .bg_main .main_in > div {
	overflow:hidden; 
	margin-bottom:15px; 
	margin-top:15px;
}

#contents .bg_main .main_in > div > div {
	width:320px;
	float:left;
	margin-left:10px;  
}
#contents .bg_main .main_in ul {
	list-style-position:outside;
	list-style-type:decimal;
	margin-left:30px;
	font-size:13px;
	color:#676b76; 
	line-height:130%;
}
#contents .bg_main .main_in ul.dot {
	list-style-position:outside;
	/*list-style:disc;*/
	list-style:none;
}
#contents .bg_main .main_in ul li {
	
}

#contents .bg_bottom {
	background:url(../tpl/img_course/bg_bottom02.png) no-repeat;
	width:760px;
	height:10px;
}






.gridA {
	font-size:14px;
	border-top:1px solid #c3c3c3;
}
.gridA th {
	vertical-align:middle;
	background:#919191;
	padding:8px 0;
	color:#ffffff;
	border-bottom:1px solid #e0e0e0;
}
.gridA td {
	padding:8px 2px 8px 7px;
	border-bottom:1px solid #cfcfcf;
	color:#868686;
	font-size:12px;
	vertical-align:middle;
	background-color:#ffffff;
}
.gridA td.gray {
	background:#eeeeee;
	color:#676b76;
	text-align:center;
	border-bottom:1px solid #c5c5c5;
	padding:8px 0;
	font-size:14px;
}
/*¿¢¼¿ ´Ù¿î·Îµå ¹öÆ° Á¦¾î*/
.btn_excel{background-color:#eaf9f2; border:1px solid #b2cbbb;  display:block; }
.btn_excel span{ background:url(../tpl/img_course/icon_excel.png) no-repeat top left; font-size:12px; color:#015a28; padding-left:25px; display:block; }
.book01  #top_new .book_box  .book_detail .button_old, .book02  #top_new .book_box  .book_detail .button_old, .book03  #top_new .book_box  .book_detail .button_old, .book04  #top_new .book_box  .book_detail .button_old{   display:none;
}
.book01.old  #top_new .book_box  .book_detail .button_old, .book02.old  #top_new .book_box  .book_detail .button_old, .book03.old  #top_new .book_box  .book_detail .button_old, .book04.old  #top_new .book_box  .book_detail .button_old{ display:block; 
}



/* module */

.fl {float:left;}
.fr {float:right;}
.cb {clear:both;}
.mt19 {margin-top:19px;} 
.text_box { font-size:13px; line-height:20px; color:#676b76; padding:10px; letter-spacing:0px; } 
.li_tab{ display:block; margin-left:12px; }

#contents .bg_main .main_in a.choice_btn { display:inline-block; background-color:#359a45; border:1px solid #248834; color:#ffffff; font-size:14px; text-align:center; font-weight:bold; padding:0px 5px;}

.txt_comment { display:inline-block; padding-left:20px;   font-size:11px; letter-spacing:-1px; color:#fe565f; text-align:left; }



/*À̺¥Æ®*/ 
.course_event { width: 750px; height: 74px; margin: 0 auto;  background:url(/new_main/main/image/course_event_back.png) no-repeat center top;  border-radius: 10px;
	display: flex; flex-wrap: nowrap; flex-flow: row; justify-content: center; align-items: center;   
} 
.course_event_title { width: 255px; height: 45px;  border-radius: 28px; padding-right: 16px;  background: #fff url(/new_main/main/image/course_event_icon02.png) no-repeat right 4px;  text-align: center; font-size: 16px; font-weight: bold; display: flex;  flex-flow: row; justify-content: center; align-items: center; }
.course_event_title .course_event_point { display: inline-block; padding-left: 24px; padding-right: 4px;   color: #fe565f;  background:url(/new_main/main/image/course_event_icon01.png) no-repeat 0px 2px;  }
.course_event_text { color: #fff; font-size: 14px; line-height: 18px; padding-left: 16px;   }
.course_event_text .course_event_point { display: inline-block;  color: #ffe82c; font-weight: bold; }