@charset "utf-8";
/* CSS Document */

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-weight:normal}



/* 나눔고딕 새로적용*/

@font-face{
  font-family: 'NanumGothicWeb';
  font-style: normal;
  font-weight: normal;
  src: url('../web_font/NanumGothic.eot'); 
  src: local('☺'), url('../web_font/NanumGothic.woff') format('woff'), url('../web_font/NanumGothic.ttf') format('truetype'); 
}

strong { font-weight:600}

body {font-size:75%; font-family:helvetica; line-height:1; background:#f6f6f6; font-family: '나눔고딕','NanumGothic','NanumGothicWeb','NanumGothicWebB','맑은 고딕','Malgun Gothic','돋움','굴림',Dotum,Gulim,sans-serif;}
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;font-size:13px;}

/*링크줄없애기*/
a {color:#686969; text-decoration:none; cursor:pointer} 
a:link {} 
a:active {} 
a:visited {} 
a:hover, a:focus {color:#f60}

#container {width:980px; margin:0 auto }

#menu_container {width:175px; padding:0 0 0 29px; position:relative;float:left; }

#logo {margin:25px 0 30px 0; }

#menu_my_class {margin:0 0 45px 8px; padding: 0 0 24px 0 ; background:url(images/menu_bg.gif) no-repeat left bottom; }
#menu_my_class ul li {line-height:-2px; }

#contents_container {width:746px; float:left; padding:0 0 0 30px; }

#title {width:715px; font-size:14px; font-weight:bold; color:333; background:url(images/bg_11.gif) no-repeat; margin:0; padding:70px 0 50px 28px; }

#summary {background:url(images/bg_13.gif) bottom; padding: 0 0 11px 0; height:205px; width:735px;}

#sample_view {float:left; position:relative; padding:0 20px 0 15px; width:190px; }
#sample_view img {padding:0 0 5px 0; }

.summary_txt_01 {width:500px; }
.summary_txt_01 th {height:30px; width:60px; font-size:11px; border-bottom:#CCCCCC dotted 1px; background:url(images/deco_dot_01.gif) no-repeat 3px center; text-align:left; padding:0 0 0 10px;}

.summary_txt_01 td {border-bottom:#CCCCCC dotted 1px; padding: 0 10px 0 0; }

.summary_txt_02 {margin: 5px 0 0 0; width:500px; }
.summary_txt_02 th {height:30px; width:60px; font-size:11px; background:url(images/deco_dot_01.gif) no-repeat 3px center; text-align:left; padding:0 0 0 10px;}
.summary_txt_02 li {line-height:18px; }


.tab { width:620px; padding:30px 0 0 0; overflow:hidden }
.tab li {display:block;width:16%; float:left}
.tab li#LVT3 { width: 20%}
.tab a { display:block; border-left: 1px solid #d4d4d4; background:#c1c1c1; color:#555; text-align:center; padding:10px; font-size:16px; border-radius:5px 4px 0 0 }
.tab a:link    	{}
.tab a:visited	{}
.tab a:active	{}
.tab a:hover,
.tab a:focus,
.tab .over a{ background:#e2e2e2; color:#000}

.table_10 { width:100%;border-collapse:collapse; border-radius:5px}
.table_10 thead th {padding:20px 5px; background: #fff;line-height:1.4em; word-break:keep-all; font-size:14px}
.table_10 tbody td {padding:12px 5px ; background:#f6f6f6; border-top:dotted 1px #e2e2e2; line-height:1.4em; word-break:keep-all; text-align:center; color:#717171}
.table_10 ul {margin:15px;}
.table_10 li {margin:4px 0; line-height:1.4em;}
.table_10 li strong {padding:5px 0;}

.table_10 tbody td.step { color:#5293b3}
.table_10 thead th.t_left {  border-radius:5px 0 0 0}
.table_10 thead th.t_right {  border-radius:0 5px 0 0}
.table_10 tbody td.lec_cont,
.table_10 tbody td.lec_name { text-align:left; color:#333}
.table_10 tbody td.btn_area_order { text-align:right}

.tab_content_01,
.tab_content_02,
.tab_content_03 { width:620px; border-bottom:5px solid #f6f6f6;  border-radius : 0 0 5px 5px; float:left}

.table_wrap_10 {border-bottom:5px solid #f6f6f6;  border-radius : 0 0 5px 5px}

.btn_order_wrap { padding:10px ; text-align:right; width:620px}

#footer {margin:60px 0 20px 0; }

#LV1, #LV2, #LV3, #LV4 {
	display:none;
}

/* renewal 20140609 */

.container { width:980px; margin:0 auto}
.wrap10_top { background:#232323; border-top:solid 10px #232323; padding:10px 0 5px 0; text-align:right; overflow:hidden}
.wrap20_header { background:#333333; padding:30px 0; overflow:hidden}
.wrap30_title { background:#d4d4d4; padding:30px 0}
.lecture_info .wrap30_title { padding:30px 0 0 0}
.wrap40_content { background:#e2e2e2; padding:30px 0 50px 0; overflow:hidden}
.wrap50_footer { background:#333333; padding:30px 0}

/* wrap10_top */
.wrap10_top h1 { float:left; margin-top:-7px}
.login_name { color:#999; font-size:13px}
.login_name strong { color:#fff}

a.btn_top_log { color:#fff; background:#3f90ac; padding:6px 10px; margin-left:5px; border-radius:4px;}
a.btn_my_list { color:#fff; background:#3f90ac; padding:6px 10px; margin-left:10px; border-radius:4px;}
a.btn_top_log:hover, a.btn_top_log:focus,
a.btn_my_list:hover, a.btn_my_list:focus { background:#247a98}

/* wrap20_header  */
h2 { font-size:36px; color:#fff; float:left}
.deco_h21 { float:left; color:#4e768f; padding:0 0 0 20px}
.deco_h22 { color:#9b9b9b; padding:0 0 0 20px; line-height:2.5em}

h3 { font-size:24px; color:#3e3e3e; padding:3px 0 0 0}
h3.hidden { font-size:0; text-indent:-9999px; overflow:hidden; color:#e2e2e2}

.comment_10 { padding:0 0 10px 0; color:#2a67ab; font-size:13px}
.comment_10  li { padding:0 0 2px 10px; background:url(images/deco_dot_20.png) no-repeat 0 9px; line-height:1.4em}

.wrap40_right_container { width:340px; float:right; border-radius:6px; overflow:hidden; font-size:13px}

.content_summary { overflow:hidden; padding:20px; background:#f6f6f6;border-radius:6px 6px 0 0 }
.content_summary ul { width:170px; float:left; font-size:14px; color:#666}
.content_summary ul li { padding: 2px 0 5px 0}
.content_summary ul li strong { padding: 0 5px 0 0}
.teacher_img { width:125px; border-radius:6px; float:right}

.txt_book {border-top:#e2e2e2 dotted 1px; color:#666;padding:20px; background:#f6f6f6;border-radius:0 0 6px 6px ; overflow:hidden}
.txt_book img { float:left}
.txt_book ul { width:200px; float:right}
.txt_book li { padding:2px 0 5px 0}
.txt_book p { width:200px; float:right; padding:14px 0}

.support { width:300px; background:#f9ca3c;; padding:15px 20px; float:right; margin-top:20px; border-radius:6px}
.support h4 { color:#444; font-size:22px; padding:0 0 10px 0}
.support p { background:#fff; color:#444; font-size:26px; line-height:1.8em; overflow:hidden}
.support span {padding:9px 22px ; margin-right:15px; background:#444 url(images/icon_phone.png) no-repeat center center}
.support ul { padding:10px 0 0 0; color:#8c6c32; line-height:1.3em}

.myclass_now { width:50%; float:right; color:#0a4e8f; font-size:16px; text-align: right; margin:-15px 0 0 0}

.note { width:580px; float:left;background:#565656; padding:15px 20px;margin-top:20px; border-radius:6px}
.note  h4 { font-size:22px; color:#fff; padding: 0 0 8px 0 ; border-bottom:#2c2c2c solid 1px}
.note p {border-top: solid #666 1px;  padding:15px 0; font-size:14px; color:#ccc}
.note_10 {  }
.note_10 span { margin-right:7px}
.note_20 {}
.d_warning {vertical-align:middle;}
.note_20 .d_warning { padding:0 0 0 5px; margin:-6px 0 }

.progress_wrap { background:#CCC; width:100%; border-radius:2px; margin:3px 0 0 0; text-align:left }
.progress_pc{ background:#0d83da; height:5px; border-radius:2px}

a.btn_book_order { color:#fff; padding:8px 50px; border-radius:4px;
background: #94b449; /* Old browsers */
background: -moz-linear-gradient(top,  #94b449 0%, #7a9a28 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#94b449), color-stop(100%,#7a9a28)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #94b449 0%,#7a9a28 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #94b449 0%,#7a9a28 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #94b449 0%,#7a9a28 100%); /* IE10+ */
background: linear-gradient(to bottom,  #94b449 0%,#7a9a28 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#94b449', endColorstr='#7a9a28',GradientType=0 ); /* IE6-9 */
}

a.btn_cant_WMV { color:#fff; padding:6px 20px; border-radius:5px;
background: #ea9a35;
background: -moz-linear-gradient(top,  #ea9a35 0%, #d3821d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ea9a35), color-stop(100%,#d3821d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ea9a35 0%,#d3821d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ea9a35 0%,#d3821d 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ea9a35 0%,#d3821d 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ea9a35 0%,#d3821d 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea9a35', endColorstr='#d3821d',GradientType=0 ); /* IE6-9 */
}
a.btn_cant_WMV:hover,
a.btn_cant_WMV:focus { background:#c2781b; color:#fff}

a.btn_goLectureView { color:#fff; padding:5px 6px; border-radius:4px; font-size:12px;
background: #3190c4; /* Old browsers */
background: -moz-linear-gradient(top,  #3190c4 0%, #3969a1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3190c4), color-stop(100%,#3969a1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #3190c4 0%,#3969a1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #3190c4 0%,#3969a1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #3190c4 0%,#3969a1 100%); /* IE10+ */
background: linear-gradient(to bottom,  #3190c4 0%,#3969a1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3190c4', endColorstr='#3969a1',GradientType=0 ); /* IE6-9 */}
a.btn_goLectureView:hover,
a.btn_goLectureView:focus { background:#275a95; color:#fff}


a.btn_t10, .btn_t10 { color:#fff; padding:5px 6px; border-radius:4px; font-size:12px;
background: #5295af; /* Old browsers */
background: -moz-linear-gradient(top,  #64a3b4 0%, #4788a4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#64a3b4), color-stop(100%,#4788a4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #64a3b4 0%,#4788a4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #64a3b4 0%,#4788a4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #64a3b4 0%,#4788a4 100%); /* IE10+ */
background: linear-gradient(to bottom,  #64a3b4 0%,#4788a4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#64a3b4', endColorstr='#4788a4',GradientType=0 ); /* IE6-9 */}
a.btn_t10:hover,
a.btn_t10:focus { background:#4788a4; color:#fff}

a.icon_print { padding-left:25px;background: #5295af url(images/icon_print.png) no-repeat 5px 5px; /* Old browsers */}
a.icon_print:hover,
a.icon_print:focus { background:#4788a4 url(images/icon_print.png) no-repeat 5px 5px; color:#fff}

a.icon_hear, .icon_hear { padding-left:25px;background: #5295af url(images/icon_hear.png) no-repeat 5px 5px; /* Old browsers */}
a.icon_hear:hover,
a.icon_hear:focus { background:#4788a4 url(images/icon_hear.png) no-repeat 5px 5px; color:#fff}

/* foot_address */
.foot_address { color:#888; font-size:13px}
.foot_address strong { font-weight:normal; color:#ccc}
.foot_phone { color:#75caf3; font-size:13px; padding:7px 0 }
.foot_phone strong { color:#888; font-weight:normal; padding:0 10px 0 0}
.foot_copyright { color:#666; padding:10px 0 0 0}


/* common */ 
.dp_none { display:none}