@charset "utf-8";

/* common */
#wrap { width:100%; min-width:1100px; position:relative; overflow:hidden; }
#wrap .inner { position:relative; width:1100px; margin:0 auto; }
strong{font-weight:bold;}

.text { font-size:16px; line-height:24px; text-align:left; }
.sub_title { font-size:20px; color:#000; position:relative; padding-top:5px; height:50px; line-height:40px; border-bottom:1px solid #111;}
.sub_title:before { display:block; content:''; width:50px; height:3px; background:#109856; position:absolute; left:0; top:0; }

.sub_text { font-size:16px; color:#000; }
.ico { display:inline-block; width:38px; height:38px; text-align:center; font-size:13px; position:absolute; z-index:10; color:#000; line-height:38px; }
.ico:before { display:block; content:''; width:40px; height:40px; position:absolute; left:-2px; top:-2px; }
.ico_new { background:#ffe11b; }
.ico_new:before { border:1px solid #ffe11b; }
.ico_best { background:#8ec111; color:#fff; }
.ico_best:before { border:1px solid #8ec111; }
.ico_p1 { right:15px; top:15px; }
.ico_p2 { right:15px; top:15px; }
.id_cr1 { color:#109856; }
.id_cr2 { color:#ff4485; }
.id_cr3 { color:#fffa17; }
.id_cr4 { color:#000; }
.blue { color:#4459ff; }
.playbut { width:100%; height:100%; position:absolute; left:0; top:0; background:url('../image/player_btn.png') no-repeat center; }
.support_opt_hit { display:inline-block; font-size:10px; color:#fff; padding:0 4px; display:block; margin-right:1px; background:#00baca; min-width:26px; line-height:17px; height:18px; text-align:center; vertical-align:middle; }
.support_opt_top { display:inline-block; font-size:10px; color:#fff; padding:0 4px; display:block; margin-right:1px; background:#109856; min-width:26px; line-height:17px; height:18px; text-align:center; vertical-align:middle; }
.support_opt_new { display:inline-block; font-size:10px; color:#fff; padding:0 4px; display:block; margin-right:1px; background:#542785; min-width:26px; line-height:17px; height:18px; text-align:center; vertical-align:middle; }
.txt_orange { color:#f29607; }


/* button style */
.board_button { overflow:hidden; }

.btn_wrap { width:100%; text-align:center; overflow:hidden; margin-bottom: 42px;}
.btn_wrap a { float:left; margin-left:10px; }
.btn_wrap a:first-child { margin-left:0px; }

.btn_wrap2 { }
.btn_wrap2 a { float:left; margin-left:15px; }
.btn_wrap2 a:first-child { margin-left:0px; }

.btn_wrap3 { }
.btn_wrap3 a { float:left; margin-left:5px; }
.btn_wrap3 a:first-child { margin-left:0px; }

.btn30 { display:inline-block; overflow:hidden; position:relative; width:60px; height:32px; border:none; font-size:13px; line-height:30px; text-align:center; vertical-align:top; box-sizing:border-box; -webkit-appearance:none; appearance:none; }
.btn30.color1 { border:1px solid #109856; background:#109856; color:#fff; }
.btn30.color2 { border:1px solid #8994a5; background:#8994a5; color:#fff; }
.btn30.color3 { border:1px solid #666; background:#transparent; color:#666; }
.btn30.color4 { border:1px solid #000; background:#000; color:#fff; }
.btn30.color5 { border:1px solid #888; background:#888; color:#fff; }

.btn36 { display:inline-block; padding:0 15px; height:35px; font-size:13px; line-height:32px; text-align:center; box-sizing: border-box; }
.btn36.cr1 { border:1px solid #8994a5; background:#8994a5; color:#fff; }
.btn36.cr2 { border:1px solid #000; background:#000; color:#fff; }
.btn36.cr3 { border:1px solid #666; background:#fff; color:#666; }
.btn36.cr4 { border:1px solid #109856; background:#109856; color:#fff; }
.btn36.cr5 { border:1px solid #666; background:#fff; color:#666; font-weight:bold;}
.btn36.cr6 { border:1px solid #666; background:#fff; color:#333;}

.btn40 { display:inline-block; overflow:hidden; position:relative; padding:0 65px 0 20px; height:40px; border:none; font-size:16px; line-height:36px; text-align:left; vertical-align:top; box-sizing:border-box; -webkit-appearance:none; appearance:none; }
.btn40.cr1 { border:1px solid #213a4e; background:transparent url('../image/btn_cr1.png') no-repeat right 20px top 15px; color:#213a4e; }

.btn45 { display:inline-block; width:160px; height:45px; font-size:15px; line-height:43px; text-align:center; box-sizing: border-box; }
.btn45.cr1 { border:1px solid #109856 ; background:#109856; color:#fff; }
.btn45.cr2 { border:1px solid #666; background:#fff; color:#333; font-weight:bold; }
.btn45.cr3 { border:1px solid #000; background:#000; color:#fff; }

.btn01 { display:inline-block; width:143px; height:45px; font-size:13px; line-height:43px; text-align:center; box-sizing: border-box; }
.btn01.cr1 { border:1px solid #666; background:#fff; color:#333; }
.btn01.cr2 { border:1px solid #333; background:#333; color:#fff; }
.btn01.cr3 { border:1px solid #109856 ; background:#109856 ; color:#fff; }

.btn02 { display:inline-block; width:60px; height:30px; font-size:12px; line-height:27px; text-align:center; box-sizing: border-box; }
.btn02.cr1 { border:1px solid #666; background:#fff; color:#333; }
.btn02.cr2 { border:1px solid #333; background:#333; color:#fff; }


/* LNB */
.subLeft { width:210px; float:left; }
.subLeft > h2 { width:210px; height:112px; background:#109856 url('../image/lnb_bg.png') no-repeat; font-size:22px; text-align:center; color:#fff; display:table-cell; vertical-align:middle; }
.subLeft > h2 > span { font-size:12px; display:block; color:#333; letter-spacing:0; }
.subLeft .snb { width:210px; border:solid #dbdbdb; border-width:0 1px; box-sizing:border-box; }
.subLeft .snb > li > a { padding:10px 20px; font-size:14px; display:block; position:relative; border-bottom:1px solid #dbdbdb; font-weight:bold; color:#333; }
.subLeft .snb > li > a:before { display:block; content:''; width:10px; height:2px; background:#888; position:absolute; top:50%; right:20px; margin:-1px 0 0 -5px; }
.subLeft .snb > li > a:after { display:block; content:''; width:10px; height:2px; background:#888; position:absolute; top:50%; right:20px; margin:-1px 0 0 0; transform:rotate(90deg); }
.subLeft .snb > li.active > a { color:#109856; }
.subLeft .snb > li.active > a:before { background:#3cb149; }
.subLeft .snb > li.active > a:after { display:none; }
.subLeft .snb > li.active .grp_inner { display:block; }
.subLeft .snb li .grp_inner { display:none; padding:10px 20px; background:#f4f4f4; border-bottom:1px solid #dbdbdb; }
.subLeft .snb li .grp_inner > li { padding:5px 0 5px 13px; position:relative; }
.subLeft .snb li .grp_inner > li:before { display:block; content:''; width:3px; height:3px; background:#007130; position:absolute; left:0; top:14px; }
.subLeft .snb li .grp_inner > li.active > a { color:#109856; }
.subLeft .snb li .grp_inner > li.bg {background-color:#fefeb7; margin-left:-20px; padding-left:33px; width:175px;}
.subLeft .snb li .grp_inner > li.bg:before {left:20px;}
.subLeft .snb li .grp_inner > li > a { font-size:13px; font-weight:bold; color:#333; }
.subLeft .snb li .grp_inner .grp2 > ul { width:208px; background:#fff; padding:10px 34px; margin:5px 0 5px -33px; box-sizing:border-box; border:solid #dbdbdb; border-width:1px 0; }
.subLeft .snb li .grp_inner .grp2 > ul > li { font-size:13px; padding:5px 0 5px 10px; position:relative; }
.subLeft .snb li .grp_inner .grp2 > ul > li:before { display:block; content:'-'; position:absolute; left:0; top:5px; }
.subLeft .snb li .grp_inner .grp2 > ul > li.active { color:#109856; }

.subLeft .snb li .grp_inner .grp2.last_grp2 > ul { margin: 11px 0 -16px -33px; }

.subLeft .grp_pack {background:#ffe;}


/* tab style */
.tab_style { display:table; table-layout:fixed; width:100%; border-bottom:1px solid #333; }
.tab_style li { display:table-cell; background:#ecedf0; border-left:1px solid #fff; text-align:center; }
.tab_style li:first-child { border-left:none; }
.tab_style li a { color:#666; font-size:13px; display:block; height:40px; line-height:40px; }
.tab_style li.on a { color:#fff; background:#333; }

.tab_style1 { }
.tab_style1 ul { display:table; table-layout:fixed; width:100%; }
.tab_style1 ul li { display:table-cell; border:solid #d7d7d7; border-width:1px 0 1px 0; text-align:center; position:relative; }
.tab_style1 ul li.active { border-bottom:1px solid #109856; }
.tab_style1 ul li.active:after { display:block; content:''; width:10px; height:10px; background:#109856; border-radius:100px; position:absolute; left:50%; bottom:-5px; margin-left:-5px; }
.tab_style1 ul li a { color:#666; font-size:18px; display:block; line-height:58px; }
.tab_style1 ul li.active a { color:#109856; }

.tab_style2 { }
.tab_style2 ul { display:table; table-layout:fixed; width:100%; border:solid #e4e4e4; border-width:1px 1px 0 1px; box-sizing:border-box; }
.tab_style2 ul li { display:table-cell; background:#f4f4f4; text-align:center; border-bottom:5px solid #ddd; }
.tab_style2 ul li.on { border-bottom:5px solid #109856; }
.tab_style2 ul li a { color:#000; font-size:16px; display:block; height:55px; line-height:55px; }
.tab_style2 ul li.on a { background:#fff; }

.cuview_Tap { width:100%; display:table; table-layout:fixed; }
.cuview_Tap li { display:table-cell; }
.cuview_Tap li a { display:block; height:48px; text-align:center; line-height:45px; color:#000; border-top:1px solid #e1e1e1; border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; background:#fff; }
.cuview_Tap li:first-child a { border-left:1px solid #e1e1e1; }
.cuview_Tap li.On a { background:#109856; border:1px solid #109856; color:#fff; }


/* table style */
.text_area { min-height:300px; padding:30px 0; }

.ntc_Ws { border-top:2px solid #109856; border-bottom:1px solid #dbdbdb; padding:10px 0; text-align:center; color:#000; font-size:16px; font-weight:bold; }

.write_table { font-size:13px; border-top:1px solid #333; }
.write_table tbody tr th { padding:15px 0 15px 15px; border-bottom:1px solid #dcdcdc; text-align:left; background:#f4f4f4; }
.write_table tbody tr th span { display:inline-block; position:relative; padding:0 0 0 15px; line-height:45px; color:#333; }
.write_table tbody tr th span.import:before { display:block; content:'*'; position:absolute; top:3px; left:0; color:#ff4485; }
.write_table tbody tr td { padding:15px 20px; border-bottom:1px solid #dcdcdc; }
.write_table tbody tr td .text { line-height:45px; color:#333; }
.write_table tbody tr td .attach { padding-right:175px; position:relative; }
.write_table tbody tr td .attach .btns { position:absolute; top:0; right:0; overflow:hidden; }
.write_table tbody tr td .attach .btns .hidden { position:absolute; top:0; right:0; opacity:0; filter:alpha(opacity=0); width:auto; }
.write_table tbody tr td .info { line-height:20px; color:#ff9000; }
.write_table tbody tr td .img_up { padding:15px; background:#f2f2f2; margin-top:20px; }
.write_table tbody tr td .img_up ul { overflow:hidden; }
.write_table tbody tr td .img_up ul li { float:left; width:176px; height:116px; position:relative; overflow:hidden; margin:5px 5px; }
.write_table tbody tr td .img_up ul li img { width:100%; height:auto; }
.write_table tbody tr td .img_up ul li .del_file { display:block; width:25px; height:25px; background:url('../image/del_file.png') no-repeat; position:absolute; right:10px; top:10px; }

.write_table2 { font-size:13px; }
.write_table2 tbody tr th { border-bottom:1px solid #dcdcdc; text-align:left; }
.write_table2 tbody tr th span { display:inline-block; position:relative; padding:0 0 0 15px; line-height:45px; color:#333; }
.write_table2 tbody tr td { padding:15px 20px; border-bottom:1px solid #dcdcdc; }

.view_table { font-size:13px; border-top:1px solid #333; }
.view_table tbody tr th { padding:15px 0 15px 20px; color:#000; border-bottom:1px solid #dcdcdc; text-align:left; background:#f4f4f4; }
.view_table tbody tr td { padding:20px 20px; border-bottom:1px solid #dcdcdc; }

.view_table2 { font-size:13px; border-top:2px solid #109856; margin-top:30px;}
.view_table2 thead tr th { padding:15px; color:#000; border-bottom:1px solid #dcdcdc; font-weight:bold; }
.view_table2 thead tr td { padding:15px; color:#666; border-bottom:1px solid #dcdcdc; position:relative; }
.view_table2 thead tr td.id_color { color:#6a77bb; }
.view_table2 thead tr td:before { display:block; content:''; width:1px; height:15px; background:#dbdbdb; position:absolute; right:0; top:50%; margin-top:-13px; }
.view_table2 thead tr td:last-child:before { display:none; }
.view_table2 tbody tr th { padding:10px 15px; color:#000; text-align:center; background:#f4f4f4; border-bottom:1px solid #dcdcdc; }
.view_table2 tbody tr td { padding:10px 15px; color:#666; border-bottom:1px solid #dcdcdc; position:relative; text-align:center; text-align:left; }

.view_table3 { font-size:13px; }
.view_table3 thead tr th { padding:10px 0; color:#fff; background:#8994a5; text-align:center; }
.view_table3 tbody tr th { background:#f4f4f4; padding:10px 20px; border-bottom:1px solid #dcdcdc; }
.view_table3 tbody tr td { padding:10px 20px; border-bottom:1px solid #dcdcdc; }

.view_table4 { font-size:13px; border-top:2px solid #333; }
.view_table4 thead tr th { padding:10px 0; color:#fff; background:#8994a5; text-align:center; }
.view_table4 tbody tr th { background:#f4f4f4; padding:10px 20px; border-bottom:1px solid #dcdcdc; }
.view_table4 tbody tr td { padding:10px 20px; border-bottom:1px solid #dcdcdc; }
.view_table4 input, select { width:100px; padding: 0 0 0 10px; }

.list_table { font-size:13px; }
.list_table thead tr th { padding:10px 0; color:#000; border-bottom:1px solid #c4c4c4; text-align:center; border-top:2px solid #109856; }
.list_table tbody tr td { padding:10px 0; color:#666; border-bottom:1px solid #ececec; background:#f4f4f4; text-align:center; }
.list_table tbody tr:nth-child(even) td { background:#fff; }
.list_table tbody tr td > b { color:#ff4485; }
.list_table .check label { padding:0 0 0 20px; background:url('../image/chk_off.gif') center bottom no-repeat; }
.list_table .check input[type="checkbox"]:checked + label { background-position: 0 -40px; background:url('../image/chk_on.gif') center bottom no-repeat; }

.list_table2 { font-size:13px; border-top:2px solid #109856; }
.list_table2 tbody tr td { padding:15px 0; color:#666; border-bottom:1px solid #ececec; text-align:left; }

.list_table3 { width:100%; font-size:13px; border-top:2px solid #333; }
.list_table3 th { background:#fff; color:#000; border-bottom:1px solid #dbdbdb; padding:9px 0; }
.list_table3 td { background:#fff; text-align:center; border-bottom:1px solid #dbdbdb; padding:9px 0; }
.list_table3 .check label { padding:0 0 0 20px; background:url('../image/chk_off.gif') center bottom no-repeat; }
.list_table3 .check input[type="checkbox"]:checked + label { background-position: 0 -40px; background:url('../image/chk_on.gif') center bottom no-repeat; }

#table_listD {font-size:13px; border-top:2px solid #000; }
#table_listD tbody tr th { text-align:center; color:#000; border-bottom:1px solid #dbdbdb; background:#f4f4f4; padding:15px 10px; }
#table_listD tbody tr td { padding:15px 15px; border-bottom:1px solid #dbdbdb; }
#table_listD tbody tr td input[type="text"]{width: inherit;}
#table_listD img { float:left; }

.table_list1 { font-size:13px; margin-bottom:30px;}
.table_list1 > thead > tr > th { padding:10px 0; color:#000; border-bottom:1px solid #c4c4c4; text-align:center; border-top:2px solid #000; background:#f4f4f4; }
.table_list1 > tbody > tr > td { padding:15px 10px; color:#666; border-bottom:1px solid #dbdbdb; text-align:center; }

.t_style05 { font-size:13px; }
.t_style05 thead tr th { padding:10px 0; color:#000; border-bottom:1px solid #c4c4c4; text-align:center; border-top:2px solid #000; background:#f4f4f4; }
.t_style05 tbody tr td { padding:12px 10px; color:#666; border-bottom:1px solid #dbdbdb; text-align:center; }


.board_list { margin:30px 0 0; border-top:1px solid #ececec; }
.board_list tbody tr th { } 
.board_list tbody tr td { background:#f4f4f4; border-bottom:1px solid #ececec; padding:20px 0; }
.board_list tbody tr:nth-child(odd) td { background:#fff; }
.board_list .check label { padding:0 0 0 20px; background:url('../image/chk_off.gif') center bottom no-repeat; }
.board_list .check input[type="checkbox"]:checked + label { background-position: 0 -40px; background:url('../image/chk_on.gif') center bottom no-repeat; }
.board_list tbody tr td .event_list_img { width:420px; height:120px; }
.board_list tbody tr td .event_list_img img { width:100%; height:100%; }
.board_list tbody tr td .event_list_text { padding:0 20px; }
.board_list tbody tr td .event_list_text ul li.evt_tit { font-size:16px; color:#000; margin-bottom:10px; } 
.board_list tbody tr td .event_list_text ul li.evt_scd { font-size:14px; color:#888; }
.board_list tbody tr td .event_list_text ul li.evt_scd span { display:inline-block; padding-right:10px; color:#109856; }
.board_list tbody tr td .event_list_text ul li.evt_scd strong {font-weight:normal;}

.next_doc { table-layout:fixed; background:#fff; }
.next_doc tbody tr th { padding:10px 15px; font-size:14px; background:#f4f4f4; border-bottom:1px solid #dcdcdc; border-top:1px solid #dcdcdc;}
.next_doc tbody tr td { padding:10px 15px; font-size:14px; color:#000; border-bottom:1px solid #dcdcdc; border-top:1px solid #dcdcdc;}
.next_doc tbody tr td a { display:inline-block; overflow:hidden; max-width:100%; height:25px; box-sizing:border-box; white-space:nowrap; word-break:break-all; text-overflow:ellipsis; }
.next_doc tbody tr td a:hover { border-bottom:1px solid #333; }

.comment_table { border-top:1px solid #333; }
.comment_table tbody tr td { padding:15px; font-size:14px; color:#333; border-bottom:1px solid #dcdcdc; background:#f4f4f4; }

.comment_write_table { padding:15px 20px; }
.comment_write_table tbody tr td { }
.comment_write_table tbody tr td textarea { width:100%; max-width:690px; min-width:690px; height:100px; min-height:100px; font-size:14px; line-height:24px; }
.comment_write_table tbody tr td .comment_btn { width:100px; height:100px; color:#000; border:1px solid #000; background:#fff; font-size:16px; }

#variableFiles tr td { border:none; padding:5px 0; }
#variableFiles .file_box { border:1px solid #e2e2e2; height:40px; padding:5px; box-sizing:border-box; overflow:hidden; }

.calendar_header { width:100%; }
.calendar_header thead tr th { padding:10px 0; background:#109856; font-size:16px; color:#fff; }
.calendar_header thead tr th.txt { color:#fff; }

.calendar_table { width:100%; border:solid #dbdbdb; border-width:0 0 1px 1px; box-sizing:border-box; }
.calendar_table thead tr th { padding:10px 0; background:#f4f4f4; font-size:16px; color:#666; border:solid #dbdbdb; border-width:1px 1px 0 0; }
.calendar_table tbody tr td { vertical-align:top; height:80px; padding:10px; background:#fff; font-size:14px; color:#666; border:solid #dbdbdb; border-width:1px 1px 0 0; position:relative; }
.calendar_table tbody tr td div.attend { position:absolute; left:50%; top:50%; margin:-22px 0 0 -22px; }
.calendar_table tr .sun { color:#ff4485; }
.calendar_table tr .sat { color:#4459ff; }

.month { color:#109856; font-size:40px; }
.year { font-size:16px; }


/* 페이지 number */
.pagination { width:100%; height:40px; overflow:hidden; text-align:center; position:relative; margin-bottom:100px;}
.pagination.type2 { overflow:visible; }
.pagination .paging { display:inline-block; *display:inline; zoom:1; }
.pagination .paging > a { display:block; width:40px; height:40px; margin-left:5px; float:left; font-size:16px; line-height:30px; color:#000; }
.pagination .paging .page_first { background:url('../image/page_first.gif') 0 0 no-repeat; margin-left:0px; }
.pagination .paging .page_prev { background:url('../image/page_prev.gif') 0 0 no-repeat; }
.pagination .paging .page_next { background:url('../image/page_next.gif') 0 0 no-repeat; margin-left:0px; }
.pagination .paging .page_last { background:url('../image/page_last.gif') 0 0 no-repeat; }
.pagination .paging .page { display:block; float:left; padding:0 36px; height:40px; }
.pagination .paging .page a { display:block; float:left; width:32px; height:20px; padding:10px 0; }
.pagination .paging .page a span { display:inline-block; font-size:15px; line-height:20px; color:#666; }
.pagination .paging .page a.active span { font-weight:700; color:#109856; border-bottom:2px solid #109856; }


/* 검색 */
.search_box { float:right; }
.search_box > * { float:left; margin:0 0 0 5px; }
.search_box input[type=text] { background:#fff; border:1px solid #dfe0e2; }
.search_box .btn_search { width:80px; height:35px; display:block; background:#333; color:#fff; font-size:13px; text-align:center; line-height:37px; }

.bbs_count { float:left; height:36px; line-height:36px; color:#109856; }


/* left fixed menu */
#left_fixed { width:161px; height:100%; background:#fff; border-right:1px solid #dddbde; position:fixed; left:0; top:0; z-index:900; box-shadow:1px 0px 13px rgba(0,0,0,.15); }
#left_fixed .lfx_close { position:absolute; left:162px; top:50%; margin-top:-20px; cursor:pointer; }

#left_fixed .lfx_logo { width:100%; height:139px; border-bottom:1px solid #dddbde; background:#f6f6f8; display:table; }
#left_fixed .lfx_logo a { display:table-cell; vertical-align:middle; text-align:center; padding:0 10px; }
#left_fixed .lfx_logo a img { width:100%; height:auto; }

#left_fixed .lfx_gnb { }
#left_fixed .lfx_gnb li { text-align:center; padding:0 10px; background:url('../image/ico_lfx.png') no-repeat; }
#left_fixed .lfx_gnb li.lfx_g1 { background-position:10px 3px; }
#left_fixed .lfx_gnb li.lfx_g2 { background-position:-271px 3px; }
#left_fixed .lfx_gnb li.lfx_g3 { background-position:-131px 3px; }
#left_fixed .lfx_gnb li.lfx_g4 { background-position:-412px 3px; }
#left_fixed .lfx_gnb li.lfx_g5 { background-position:-554px 3px; }
#left_fixed .lfx_gnb li.lfx_g6 { background-position:-695px 3px; }
#left_fixed .lfx_gnb li.lfx_g1:hover { background-position:10px -100px; }
#left_fixed .lfx_gnb li.lfx_g2:hover { background-position:-271px -100px; }
#left_fixed .lfx_gnb li.lfx_g3:hover { background-position:-131px -100px; }
#left_fixed .lfx_gnb li.lfx_g4:hover { background-position:-412px -100px; }
#left_fixed .lfx_gnb li.lfx_g6:hover { background-position:-695px -100px; }
#left_fixed .lfx_gnb li .tel { display:inline-block; padding-left:20px; line-height:18px; height:16px; background:url('../image/ico_tel.png') no-repeat left top; }
#left_fixed .lfx_gnb li:hover .tel { background-position:left bottom; }
#left_fixed .lfx_gnb li a { font-size:14px; display:block; padding:72px 0 12px; line-height:15px; border-bottom:1px solid #e9e9e9; }
#left_fixed .lfx_gnb li:hover { background-color:#109856; }
#left_fixed .lfx_gnb li:hover a { color:#fff; border-bottom:1px solid #109856; }


/* header */
#header { width:100%; position:relative; z-index:100; }
#header .header_inner { width:1100px; margin:0 auto; }

#header .header_inner .topbn_wrap { position:relative; }
#header .header_inner .topbn_wrap .top_banner { margin:0 -730px; text-align:center; }
#header .header_inner .topbn_wrap .topbn_box { width:1100px; padding:0 730px; height:525px; position:absolute; left:50%; top:100px; margin-left:-1280px; background:url('../image/bnr_top_bg02.png') no-repeat; z-index:20; }
#header .header_inner .topbn_wrap .topbn_box .topbn_arr a { display:block; width:28px; height:55px; position:absolute; top:50%; margin-top:-28px; }
#header .header_inner .topbn_wrap .topbn_box .topbn_arr a.topbn_prev { background:url('../image/top_prev.png') no-repeat; left:730px; }
#header .header_inner .topbn_wrap .topbn_box .topbn_arr a.topbn_next { background:url('../image/top_next.png') no-repeat; right:730px; }
#header .header_inner .topbn_wrap .topbn_box ul { overflow:hidden; height:525px; }
#header .header_inner .topbn_wrap .topbn_box ul li { width:1100px; text-align:center; float:left; }

#header .header_inner .header_util { width:1100px; height:40px; padding:0 730px; margin:0 -730px; border-bottom:1px solid #dbdbdb; position:relative; }
#header .header_inner .header_util .site_count { position:absolute; left:50%; top:7px; margin:0 0 0 -550px; }
#header .header_inner .header_util .site_count ul { overflow:hidden; }
#header .header_inner .header_util .site_count ul li { float:left; padding:0 7px 0 27px; height:24px; border:1px solid #dbdbdb; border-radius:3px; line-height:26px; margin-right:5px; font-size:12px; color:#888; background:url('../image/ico_count.png') no-repeat; }
#header .header_inner .header_util .site_count ul li.count_1 { background-position:7px 5px; }
#header .header_inner .header_util .site_count ul li.count_2 { background-position:7px -19px; }
#header .header_inner .header_util .site_count ul li .count_num { font-size:13px; color:#000; padding-left:5px; }

#header .header_inner .header_util .util_menu { position:absolute; top:0; right:50%; margin:0 -550px 0 0; overflow:hidden; }
#header .header_inner .header_util .util_menu .util_user { display:inline-block; height:40px; line-height:42px; }
#header .header_inner .header_util .util_menu .util_user .adm { padding:0 10px; margin:0 10px; height:40px; display:inline-block; background:#000; color:#fff; }
#header .header_inner .header_util .util_menu .util_user .ico_user { display:inline-block; text-align:center; width:24px; height:24px; line-height:24px; background:#43a707 url('../image/ico_user.png') no-repeat center 5px; border-radius:50px; vertical-align:middle; margin-right:5px; }
#header .header_inner .header_util .util_menu .util_user .user_name { color:#000; padding-right:5px; }
#header .header_inner .header_util .util_menu ul { overflow:hidden; float:right; }
#header .header_inner .header_util .util_menu ul li { float:left; margin:0 0 0 20px; }
#header .header_inner .header_util .util_menu ul li a { display:block; font-size:13px; height:40px; line-height:42px; position:relative; }
#header .header_inner .header_util .util_menu ul li a:before { display:block; content:''; width:1px; height:12px; background:#aaa; position:absolute; left:-10px; top:14px; }
#header .header_inner .header_util .util_menu ul li:first-child a:before { display:none; }

#header .header_inner .header_main { width:100%; height:120px; position:relative; display:table; table-layout:fixed; }
#header .header_inner .header_main .logo { display:table-cell; vertical-align:middle; width:226px; }
#header .header_inner .header_main .logo a { display:block; width:226px; }
#header .header_inner .header_main .hd_search { display:inline-block; position:absolute; left:310px; top:30px; }
#header .header_inner .header_main .hd_search .hd_search_box { width:370px; height:40px; padding:0 0 0 15px; box-sizing:border-box; border:1px solid #dbdbdb; position:relative; }
#header .header_inner .header_main .hd_search .hd_search_box .iptype { height:38px; padding:0 40px 0 0; background:#fff; border:none; }
#header .header_inner .header_main .hd_search .hd_search_box .btn { display:block; width:38px; height:38px; position:absolute; right:0; top:0; background:url('../image/ico_search.png') no-repeat 7px center; text-indent:-9999px; }
#header .header_inner .header_main .hd_search .hd_tag_list { margin-top:10px; }
#header .header_inner .header_main .hd_search .hd_tag_list ul li { float:left; padding:0 10px; border-left:1px solid #ccc; line-height:12px; }
#header .header_inner .header_main .hd_search .hd_tag_list ul li:first-child { border:none; }
#header .header_inner .header_main .hd_search .hd_tag_list ul li a { font-size:13px; }
#header .header_inner .header_main .hd_menu { position:absolute; right:0; top:50px; }
#header .header_inner .header_main .hd_menu ul li { float:left; padding-left:15px; margin-left:15px; border-left:1px solid #ccc; line-height:14px; }
#header .header_inner .header_main .hd_menu ul li:first-child { border:none; margin:0; padding:0; }
#header .header_inner .header_main .hd_menu ul li a { font-size:15px; }

#header .header_inner .gnb_wrap { width:1100px; height:59px; padding:0 730px; margin:0 -730px; border-top:1px solid #dbdbdb; box-shadow:0px 3px 5px rgba(0,0,0,.15); position:relative; }
#header .header_inner .gnb_wrap > ul { width:100%; display:table; table-layout:fixed; }
#header .header_inner .gnb_wrap > ul > li { display:table-cell; line-height:59px; text-align:center; }
#header .header_inner .gnb_wrap > ul > li a { display:block; font-size:18px; color:#000; }
#header .header_inner .gnb_wrap > ul > li.active a { color:#109856; background:url('../image/gnb_wrap_active.png') no-repeat center bottom -2px; border-bottom:2px solid #109856; box-sizing:border-box; height:59px; }

#header .header_inner .gnb_drop_wrap { position:absolute; left:50%; top:59px; margin:0 0 0 -550px; width:1100px; padding:30px 30px 50px; background:#fff; box-shadow:0px 3px 5px rgba(0,0,0,.15); box-sizing:border-box; }
#header .header_inner .gnb_drop_wrap .drop_box > ul > li { width:100%; height:45px; line-height:45px; border-bottom:1px solid #ebebeb; }
#header .header_inner .gnb_drop_wrap .drop_box > ul > li:hover { background:#f4f4f4; }
#header .header_inner .gnb_drop_wrap .drop_box > ul > li > a > h2 { display:inline-block; font-size:15px; color:#000; padding:0 0 0 25px; position:relative; width:180px; text-align:left; vertical-align:middle; }
#header .header_inner .gnb_drop_wrap .drop_box > ul > li > a > h2:before { display:block; content:''; width:4px; height:4px; background:#109856; position:absolute; left:10px; top:18px; }
#header .header_inner .gnb_drop_wrap .drop_box > ul > li > a > p { display:inline-block; font-size:14px; color:#666; text-align:left; width:825px; vertical-align:middle; line-height:45px; height:45px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#header .header_inner .gnb_drop_wrap .drop_box > ul > li:hover > a > h2 { color:#109856; }
#header .header_inner .gnb_drop_wrap .drop_box > ul > li:hover > a > p { color:#000; }
#header .header_inner .gnb_drop_wrap .drop_box .drop_banner { margin:50px 0 0; width:1040px; height:110px; }
#header .header_inner .gnb_drop_wrap .drop_box .drop_banner img { width:100%; height:100%; }

#header .header_inner .gnb_drop_wrap .drop_box .gnb_pack {color:#109856;}

/* container */
#container { width:100%; position:relative; }
#container .title { text-align:center; font-size:40px; font-weight:400; color:#000; }
#container .title > .sub_tit { display:block; font-size:20px; color:#109856; margin-bottom:12px; }

#container .main_visual { height:460px; margin:0 -730px; overflow:hidden; position:relative; }
#container .main_visual ul { width:100%; overflow:hidden; }
#container .main_visual ul li { text-align:center; float:left; }
#container .main_visual .visual_pager { position:absolute; right:50%; bottom:30px; margin: 0 -550px 0 0; height:16px; z-index:10; }
#container .main_visual .visual_pager span { display:inline-block; margin-left:5px; width:8px; height:8px; border-radius:50px; background:#c2c2c2; text-indent:-9999px; cursor:pointer; }
#container .main_visual .visual_pager span.active { border:4px solid #43a707; background:transparent; }

#container .real_review { width:1100px; margin:0 auto; position:relative; height:140px; }
#container .real_review .rerev_title { width:240px; height:240px; background:#ffdc4d url('../image/ico_real_review.png') no-repeat center 70px; border-radius:200px; border:15px solid #fff; position:absolute; left:-15px; top:-65px; text-align:center; }
#container .real_review .rerev_title span { font-weight:400; color:#000; font-size:22px; display:inline-block; padding-top:140px; }
#container .real_review .rerev_wrap { width:100%; padding:35px 60px 35px 305px; box-sizing:border-box; position:relative; }
#container .real_review .rerev_wrap .rerev_arrow { width:35px; height:69px; position:absolute; right:0; top:75px; border:1px solid #109856; }
#container .real_review .rerev_wrap .rerev_arrow > a { display:block; width:35px; height:35px; }
#container .real_review .rerev_wrap .rerev_arrow > a.rerev_prev { background:url('../image/rerev_prev.png') center no-repeat; position:relative; }
#container .real_review .rerev_wrap .rerev_arrow > a.rerev_prev:after { display:block; content:''; width:100%; height:1px; position:absolute; left:0; bottom:0; background:#109856; }
#container .real_review .rerev_wrap .rerev_arrow > a.rerev_next { background:url('../image/rerev_next.png') center no-repeat; }
#container .real_review .rerev_wrap .rerev_box { width:100%; height:114px; overflow:hidden; }
#container .real_review .rerev_wrap .rerev_box ul li dl dt .user_name { display:inline-block; font-size:20px; color:#109856; padding-right:20px; margin-right:20px; font-weight:400; position:relative; }
#container .real_review .rerev_wrap .rerev_box ul li dl dt .user_name:after { display:block; width:1px; height:12px; content:''; background:#b7b7b7; position:absolute; right:0; top:8px; }
#container .real_review .rerev_wrap .rerev_box ul li dl dt .star { display:inline-block; width:73px; height:26px; background:url('../image/re_starbg.png') repeat-x 0 -16px; vertical-align:middle; }
#container .real_review .rerev_wrap .rerev_box ul li dl dt .star > span { display:block; height:26px; background:url('../image/re_starbg.png') repeat-x 0 6px; }
#container .real_review .rerev_wrap .rerev_box ul li dl dd { font-size:15px; margin-top:10px; height:120px; overflow:hidden; /*white-space:nowrap;*/ word-wrap:break-word; text-overflow:ellipsis; }

#container .main_event { width:1100px; height:100px; overflow:hidden; }

#container .main_category { margin:100px 0; }
#container .main_category .cate_con { position:relative; display:none; }
#container .main_category .cate_con.active { display:block; }
#container .main_category .cate_con ul { margin:0 0 0 -25px; overflow:hidden; height:581px; }
#container .main_category .cate_con ul li { float:left; margin:0 0 25px 25px; position:relative; }
#container .main_category .cate_con ul li a .info { font-size:15px; color:#333; }
#container .main_category .cate_con ul li.default { width:295px; height:278px; }
#container .main_category .cate_con ul li.default a .imgs { display:block; width:295px; height:188px; }
#container .main_category .cate_con ul li.default a .imgs img { width:100%; height:100%; }
#container .main_category .cate_con ul li.default a .info { position:relative; height:90px; padding:20px; box-sizing:border-box; border:solid #d7d7d7; border-width:0 1px 1px 1px; display:-webkit-box; display:-ms-flexbox; display:box; overflow:hidden; vertical-align:top; text-overflow:ellipsis; word-break:break-all; -webkit-box-orient:vertical; -webkit-line-clamp:2; line-height:22px; }
#container .main_category .cate_con ul li.default a .info:after { display:block; content:''; width:100%; height:20px; background:#fff; position:absolute; left:0; bottom:0; }
#container .main_category .cate_con ul li.thumb_big { width:460px; height:278px; }
#container .main_category .cate_con ul li.thumb_big:after { display:block; content:''; width:100%; height:100%; background:#000; position:absolute; left:0; top:0; filter:alpha(opacity=50); opacity:.5; }
#container .main_category .cate_con ul li.thumb_big a .info { color:#fff; position:absolute; left:20px; bottom:30px; z-index:10; }
#container .main_category .cate_con ul li.thumb_big img { width:100%; height:100%; }

#container .main_counsel { width:1100px; height:470px; padding:0 730px; margin:0 -730px; background:#ddd; position:relative; }
#container .main_counsel .title { font-size:30px; text-align:left; }
#container .main_counsel .counsel_sms { height:100%; box-sizing:border-box; padding:45px 0; background:url('../image/counsel_sms_bg.gif') no-repeat 385px 0; }
#container .main_counsel .counsel_sms .counsel_box { width:410px; margin-top:20px; padding:17px 20px; background:rgba(0, 0, 0, 0.5); }
#container .main_counsel .counsel_sms .counsel_box .sms_counsel tbody tr th { text-align:left; font-size:14px; color:#fff; font-weight:400; }
#container .main_counsel .counsel_sms .counsel_box .sms_counsel tbody tr td { padding:3px 0; }
#container .main_counsel .counsel_sms .counsel_box .sms_counsel tbody tr td input { height:40px; }
#container .main_counsel .counsel_sms .counsel_box .sms_counsel tbody tr td textarea { max-width:332px; min-height:72px; max-height:72px; }
#container .main_counsel .counsel_sms .check_wrap .btn_privacy { display:inline-block; margin:15px 0 0 20px; border-radius:3px; border:1px solid #666; font-size:12px; padding:0 5px; line-height:22px; height:20px; box-sizing:border-box; }
#container .main_counsel .counsel_sms .btn_counsel { width:328px; height:44px; margin-top:30px; background:#f9da56; border-radius:3px; box-shadow:0px 4px 0px rgba(0,0,0,.2); text-align:center; }
#container .main_counsel .counsel_sms .btn_counsel a { display:block; color:#000; font-size:18px; line-height:46px; }

#container .main_counsel .counsel_kko { width:350px; height:484px; background:#f9da56 url('../image/counsel_kko.png') no-repeat center bottom 50px; position:absolute; right:50%; top:0; margin:0 -550px 0 0; padding:45px 0 0 40px; box-sizing:border-box; }
#container .main_counsel .counsel_kko:before { display:block; content:''; width:0; height:0; border-right:0px solid transparent; border-top:14px solid #bd9400; border-left:9px solid transparent; position:absolute; left:-9px; bottom:0; }
#container .main_counsel .counsel_kko .text { font-size:17px; color:#3b2b30; line-height:27px; }
#container .main_counsel .counsel_kko .kko_plusID { margin-top:33px; position:relative; display:inline-block; height:32px; background:#fff; padding:0 20px 0 40px; border-radius:100px; color:#3b2b30; font-size:24px; line-height:34px; }
#container .main_counsel .counsel_kko .kko_plusID:before { display:block; content:'카카오 플러스친구 아이디'; text-indent:-9999px; width:31px; height:35px; background:url('../image/kkoPlus_logo.png') no-repeat; position:absolute; left:0; top:0; }

#container .board_wrap { width:100%; padding:100px; margin:0 -100px; overflow:hidden; }
#container .board_wrap .title { font-size:30px; text-align:left; z-index:10; position:relative; }
#container .board_wrap .boardBG { position:relative; width:316px; float:left; }
#container .board_wrap .boardBG:before { display:block; color:#f4f4f4; font-size:100px; position:absolute; top:-78px; letter-spacing:-5px; }
#container .board_wrap .boardBG .btn_more { display:block; width:33px; height:33px; border:1px solid #ccc; background:#fff; position:absolute; right:0; top:4px; box-sizing:border-box; text-indent:-9999px; z-index:10; }
#container .board_wrap .boardBG .btn_more:before { display:block; content:''; width:15px; height:1px; background:#888; position:absolute; top:50%; left:50%; margin:-1px 0 0 -7px; transition:all .5s; }
#container .board_wrap .boardBG .btn_more:after { display:block; content:''; width:15px; height:1px; background:#888; position:absolute; top:50%; left:8px; margin:-1px 0 0 0; transition:all .5s; transform:rotate(90deg); }
#container .board_wrap .boardBG ul { margin-top:20px; }
#container .board_wrap .boardBG ul li { padding:6px 0; }
#container .board_wrap .boardBG ul li a { font-size:14px; color:#444; display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; word-wrap:break-word; }
#container .board_wrap .boardBG ul li a .board_ctgr { padding-right:5px; color:#ff4485; }

#container .board_wrap .board_notice { }
#container .board_wrap .board_notice:before { content:'NOTICE'; left:-110px; }
#container .board_wrap .board_notice ul li { padding:6px 0 6px 15px; position:relative; }
#container .board_wrap .board_notice ul li:before { display:block; content:''; width:4px; height:4px; border-radius:50px; background:#27b2a5; position:absolute; left:0; top:13px; }

#container .board_wrap .board_qna { margin:0 76px; }
#container .board_wrap .board_qna:before { content:'QNA'; left:50%; margin-left:-110px; }

#container .board_wrap .board_update:before { content:'UPDATE'; right:-110px; }

#container .main_schedule { width:1100px; margin:0 -730px; padding:0 730px; background:#f4f4f4; position:relative; }
#container .main_schedule .sched_title { width:240px; height:240px; background:#6db605 url('../image/ico_main_schedule.png') no-repeat center 70px; border-radius:200px; border:15px solid #f4f4f4; position:absolute; left:50%; top:-65px; margin-left:-565px; text-align:center; }
#container .main_schedule .sched_title span { font-weight:400; color:#fff; font-size:22px; display:inline-block; padding-top:140px; }
#container .main_schedule .sched_wrap { width:100%; height:140px; padding:35px 60px 35px 305px; box-sizing:border-box; position:relative; }
#container .main_schedule .sched_wrap .sched_arrow { width:35px; height:69px; position:absolute; right:0; top:35px; border:1px solid #109856; }
#container .main_schedule .sched_wrap .sched_arrow > a { display:block; width:35px; height:35px; }
#container .main_schedule .sched_wrap .sched_arrow > a.sched_prev { background:url('../image/rerev_prev.png') center no-repeat; position:relative; }
#container .main_schedule .sched_wrap .sched_arrow > a.sched_prev:after { display:block; content:''; width:100%; height:1px; position:absolute; left:0; bottom:0; background:#109856; }
#container .main_schedule .sched_wrap .sched_arrow > a.sched_next { background:url('../image/rerev_next.png') center no-repeat; }
#container .main_schedule .sched_wrap .sched_box { width:100%; height:69px; overflow:hidden; }
#container .main_schedule .sched_wrap .sched_box ul li { margin-bottom:20px; }
#container .main_schedule .sched_wrap .sched_box ul li dl dt .test_name { display:inline-block; font-size:20px; color:#000; font-weight:400; }
#container .main_schedule .sched_wrap .sched_box ul li dl dt .star { display:inline-block; width:73px; height:26px; background:url('../image/re_starbg.png') repeat-x 0 -16px; vertical-align:middle; }
#container .main_schedule .sched_wrap .sched_box ul li dl dt .star > span { display:block; height:26px; background:url('../image/re_starbg.png') repeat-x 0 6px; }
#container .main_schedule .sched_wrap .sched_box ul li dl dd { font-size:16px; margin-top:10px; height:24px; display:inline-block; padding-right:20px; margin-right:20px; position:relative; }
#container .main_schedule .sched_wrap .sched_box ul li dl dd:after { display:block; width:1px; height:12px; content:''; background:#b7b7b7; position:absolute; right:0; top:5px; }
#container .main_schedule .sched_wrap .sched_box ul li dl dd:last-child:after { display:none; }

#container .main_schedule .quick_wrap { width:865px; padding:50px 0; float:right; }
#container .main_schedule .quick_wrap ul { width:100%; display:table; table-layout:fixed; border-left:1px solid #d7d7d7; }
#container .main_schedule .quick_wrap ul li { width:215px; height:100px; text-align:center; display:table-cell; background:url('../image/ico_quick.png') 0 top no-repeat; border:solid #d7d7d7; border-width:0 1px 0 0; margin-left:-1px; }
#container .main_schedule .quick_wrap ul li.quick2 { background-position:-215px 0; }
#container .main_schedule .quick_wrap ul li.quick3 { background-position:-432px 0; }
#container .main_schedule .quick_wrap ul li.quick4 { background-position:-647px 0; }
#container .main_schedule .quick_wrap ul li a { font-size:16px; color:#000; display:block; padding-top:76px; }

#container .reserve_wrap { width:1100px; height:128px; margin:0 -730px; padding:45px 730px; background:#109856; position:relative; clear:both; }
#container .reserve_wrap .title { font-size:30px; color:#fff; text-align:left; }
#container .reserve_wrap .text { font-size:17px; color:#fff; line-height:30px; margin-top:15px; }
#container .reserve_wrap .reserve_box { width:450px; height:296px; position:absolute; right:50%; top:-12px; background:url('../image/reserve_bg.gif') 0 0 no-repeat; margin-right:-550px; }
#container .reserve_wrap .reserve_box .btn_reserve { display:block; width:223px; height:223px; border-radius:200px; background:rgba(255, 255, 255, 0.8); line-height:223px; padding:0 0 0 35px; box-sizing:border-box; font-size:28px; color:#000; position:absolute; left:-24px; top:27px; }

#container .main_instructors { margin:100px 0 0; }
#container .main_instructors .instruct_con { position:relative; display:none; }
#container .main_instructors .instruct_con.active { display:block; }
#container .main_instructors .instruct_con .slogan { font-size:28px; color:#000; font-weight:400; }
#container .main_instructors .instruct_con .slogan .img { display:inline-block; margin-right:20px; }

#container .main_instructors .instruct_con .instruct_wrap { margin:50px -100px 0; padding:0 100px 100px; overflow:hidden; }
#container .main_instructors .instruct_con .instruct_wrap .instruct_main { float:left; width:680px; height:540px; }
#container .main_instructors .instruct_con .instruct_wrap .instruct_main a { display:block; }
#container .main_instructors .instruct_con .instruct_wrap .instruct_main img { width:100%; height:100%; -webkit-filter:drop-shadow(-30px 30px 20px rgba(0, 0, 0, 0.25)); filter:drop-shadow(-30px 30px 20px rgba(0, 0, 0, 0.25)); }

#container .main_instructors .instruct_con .instruct_wrap .instruct_list { float:right; width:400px; height:540px; padding:15px 10px 15px 0; margin:0 -10px 0 0; box-sizing:border-box; position:relative; }
#container .main_instructors .instruct_con .instruct_wrap .instruct_list .bx-viewport { padding:0 0 25px 15px; }

#container .main_instructors .instruct_con .instruct_wrap .instruct_list .list_dots { position:absolute; right:-10px; top:50%; width:10px; z-index:10; }
#container .main_instructors .instruct_con .instruct_wrap .instruct_list .list_dots span { display:inline-block; margin:3px 0; width:10px; height:10px; border-radius:50px; background:#ccc; text-indent:-9999px; cursor:pointer; }
#container .main_instructors .instruct_con .instruct_wrap .instruct_list .list_dots span.active { background:#43a707; }

#container .main_instructors .instruct_con .instruct_wrap .instruct_list ul { height:540px; }
#container .main_instructors .instruct_con .instruct_wrap .instruct_list ul li { width:100%; height:150px; display:table; margin-bottom:30px; }
#container .main_instructors .instruct_con .instruct_wrap .instruct_list ul li .img { display:table-cell; width:150px; height:150px; border-radius:200px; overflow:hidden; }
#container .main_instructors .instruct_con .instruct_wrap .instruct_list ul li .img:hover { box-shadow:0px 10px 20px rgba(0,0,0,.3); }
#container .main_instructors .instruct_con .instruct_wrap .instruct_list ul li .img a { display:block; position:relative; }
#container .main_instructors .instruct_con .instruct_wrap .instruct_list ul li .img a:after { display:block; content:'대표강의 보기'; width:154px; height:154px; background:rgba(0, 0, 0, .6) url('../image/more.png') 0 0 no-repeat; position:absolute; top:50%; left:50%; margin:-77px 0 0 -77px; filter:alpha(opacity=0); opacity:0; transition:all .2s; text-indent:-9999px; z-index:100; }
#container .main_instructors .instruct_con .instruct_wrap .instruct_list ul li .img a:hover:after { filter:alpha(opacity=100); opacity:1; }
#container .main_instructors .instruct_con .instruct_wrap .instruct_list ul li .img a img { width:100%; height:100%; }
#container .main_instructors .instruct_con .instruct_wrap .instruct_list ul li .info { display:table-cell; padding:0 0 0 30px; vertical-align:middle; }
#container .main_instructors .instruct_con .instruct_wrap .instruct_list ul li .info .slog { font-size:18px; color:#109856; }
#container .main_instructors .instruct_con .instruct_wrap .instruct_list ul li .info .tch_name { font-size:24px; color:#000; font-weight:400; }
#container .main_instructors .instruct_con .instruct_wrap .instruct_list ul li .info .tch_name span { font-size:18px; }
#container .main_instructors .instruct_con .instruct_wrap .instruct_list ul li .info .info_txt { font-size:15px; line-height:22px; margin-top:17px; display:-webkit-box; display:-ms-flexbox; display:box; height:44px; overflow:hidden; vertical-align:top;
																											text-overflow:ellipsis; word-break:break-all; -webkit-box-orient:vertical; -webkit-line-clamp:2; }

#container .leveltest_wrap { width:1100px; height:780px; margin:0 -730px; padding:0 730px; background:#6db605 url('../image/leveltest_bg.png') 0 0 no-repeat; position:relative; }
#container .leveltest_wrap .title { color:#000; padding-top:80px; }
#container .leveltest_wrap .title .sub_tit { color:#fff; }
#container .leveltest_wrap ul { overflow:hidden; margin-top:70px; }
#container .leveltest_wrap ul li { width:33.3%; text-align:center; float:left; padding:50px 0; }
#container .leveltest_wrap ul li .step { display:inline-block; width:72px; height:26px; line-height:28px; border-radius:100px; font-size:16px; }
#container .leveltest_wrap ul li.start .step { background:#fedd76; color:#25873c; }
#container .leveltest_wrap ul li.check .step { background:#558b40; color:#fedd76; }
#container .leveltest_wrap ul li.complete .step { background:#006845; color:#fff; }
#container .leveltest_wrap ul li .test_title { font-size:30px; font-weight:400; color:#000; margin:25px 0 15px; }
#container .leveltest_wrap ul li .test_info { color:#fff; font-size:18px; line-height:28px; }

#container .leveltest_wrap ul li a { display:inline-block; width:145px; height:46px; line-height:46px; font-size:16px; text-align:left; padding:0 20px; margin-top:40px; box-shadow:0px 3px 0px rgba(0,0,0,.2); color:#fff; }
#container .leveltest_wrap ul li a.btn_test1 { background:#fedd76 url('../image/btn_cr1.png') no-repeat right 20px top 18px; color:#000; }
#container .leveltest_wrap ul li a.btn_test2 { background:#558b40 url('../image/btn_cr2.png') no-repeat right 20px top 18px; box-shadow:0px 3px 0px rgba(0,0,0,.4); }
#container .leveltest_wrap ul li a.btn_test3 { background:#006845 url('../image/btn_cr2.png') no-repeat right 20px top 18px; }

#container .main_count { width:1100px; margin:0 -730px; padding:75px 730px; background:#fcfac9; text-align:center; }
#container .main_count .title { color:#006a21; }
#container .main_count .counting_wrap { display:inline-block; margin:40px auto 50px; }
#container .main_count .counting_wrap .count_tit { font-size:30px; color:#000; margin-bottom:25px; }
#container .main_count .counting_wrap .count_box { overflow:hidden; height:90px; display:inline-block; }
#container .main_count .counting_wrap .count_box > li { float:left; font-size:90px; color:#000; font-weight:400; height:95px; line-height:100px; }
#container .main_count .counting_wrap .count_box > li.small_txt { font-size:40px; line-height:145px; }
#container .main_count .counting_wrap .count_box > li > ul > li { font-size:100px; color:#000; font-weight:600; height:90px; line-height:105px; }
#container .main_count .remov_wrap { }
#container .main_count .remov_wrap ul { overflow:hidden; margin:47px 0 0 -20px; }
#container .main_count .remov_wrap ul li {	 float:left; width:260px; margin:0 0 0 20px; }
#container .main_count .remov_wrap ul li a { display:block; position:relative; }
#container .main_count .remov_wrap ul li a:hover:after { display:block; content:''; width:100%; height:100%; box-sizing:border-box; border:3px solid #109856; position:absolute; left:0; top:0; }
#container .main_count .remov_wrap ul li a .mov { position:relative; width:260px; height:185px; }
#container .main_count .remov_wrap ul li a .mov img { width:100%; height:100%; }
#container .main_count .remov_wrap ul li a .tit { padding:15px; background:#fff; width:100%; text-align:left; box-sizing:border-box; border:solid #ddd; border-width:0 1px 1px 1px; font-size:16px; color:#222; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }


/* footer */
#footer { width:100%; }
#footer .footer_top { width:1100px; padding:0 730px; margin:0 -730px; border:solid #dbdbdb; border-width:1px 0; }
#footer .footer_top ul { display:table; table-layout:fixed; width:86%; }
#footer .footer_top ul li { display:table-cell; text-align:center; height:42px; line-height:44px; }
#footer .footer_con { padding:30px 0; overflow:hidden; }
#footer .footer_con .ft_logo { float:left; }
#footer .footer_con .ft_info { float:left; margin-left:50px; }
#footer .footer_con .ft_info p { line-height:22px; font-size:13px; }
#footer .footer_con .ft_info p span { position:relative; margin:0 0 0 15px; padding:0 0 0 20px; }
#footer .footer_con .ft_info p span:before { display:block; content:''; width:1px; height:12px; background:#bbb; position:absolute; left:0; top:1px; }
#footer .footer_con .ft_info p span:first-child { margin:0; padding:0; }
#footer .footer_con .ft_info p span:first-child:before { display:none; }
#footer .footer_con .ft_info .copyright { color:#888; margin-top:5px; }


/* sub */
#contanTs { }
.realCon { width:1100px; margin:110px auto 150px; overflow:hidden; }

.subRight { width:840px; float:right; position:relative; }
.subRight > h3 { display:block; font-size:22px; color:#000; height:40px; line-height:40px; margin-bottom:20px; padding-bottom:10px; font-weight:bold; border-bottom:1px solid #dcdcdc; }
.subRight > p.nav { display:inline-block; position:absolute; right:0; top:15px; font-size:12px;}
.subRight > p.nav > span { color:#888; display:inline-block; padding:0 5px; }
.subRight > p.nav > span.active { color:#000; }

.subRcon { width:840px; }

.section{ width:100%; }


/* lecture */
.lecture_top { width:100%; height:300px; background:#f4f4f4; margin-bottom:70px; }
.lecture_top img { width:100%; height:100%; }

.lec_list_style_01 {}
.lec_list_style_01 li { width:100%; border-bottom:1px solid #aaa; background:#fff; padding:20px 10px; display:table; table-layout:fixed; box-sizing:border-box; font-size:18px; }
.lec_list_style_01 li:first-child { margin:0; border-top:1px solid #aaa; }
.lec_list_style_01 li > div { display:table-cell; }
.lec_list_style_01 li .lec1_img { width:250px; height:158px; vertical-align: top; }
.lec_list_style_01 li .lec1_img img { width:100%; height:100%; }
.lec_list_style_01 li .lec1_info { width:420px; box-sizing:border-box; padding:5px 20px; border-right:1px solid #dcdbdd; position:relative; vertical-align:top; }
.lec_list_style_01 li .lec1_info dl dt {font-size:14px; margin:20px 0 5px; width:60px; height:20px; line-height:22px; background:#aaa; border-radius:3px; display:block; color:#fff; text-align:center;}
.lec_list_style_01 li .lec1_info dl:first-child dt { margin:0 0 5px; }
.lec_list_style_01 li .lec1_info dl dd { font-size:14px; color:#000; line-height:20px; display:-webkit-box; display:-ms-flexbox; display:box; max-height:40px; overflow:hidden; vertical-align:top; text-overflow:ellipsis; word-break:break-all;
										-webkit-box-orient:vertical; -webkit-line-clamp:2; }
/*2018-08-02 CSS 추가 */
.lec_list_style_01 li .lec1_info dl.lec_tch {padding-top:5px;}
.lec_list_style_01 li .lec1_info dl.lec_tch dt {font-size:12px; margin:0; width:56px; height:18px; line-height:16px; background:#aaa; border-radius:3px; display:block; color:#fff; text-align:center; float:left;}
.lec_list_style_01 li .lec1_info dl.lec_tch dd {display:inline-block;width:308px; padding-left:5px; padding-right:5px; margin-top:-3px; }
.lec_list_style_01 li .lec1_info dl.lec_tch dd.samm {width:350px; padding-top:5px;}

.lec_list_style_01 li .lec1_btn_box { width:160px; padding:10px; }
.lec_list_style_01 li .lec1_btn_box .lec_num { text-align:center; font-size:16px; color:#000; margin-bottom:20px; }
.lec_list_style_01 li .lec1_btn_box .lec_btn1 { display:block; width:100%; height:40px; background:#109856; color:#fff; text-align:center; line-height:38px; font-size:14px; font-weight:bold;}

.lec_list_style_01 li .lec1_btn_box .pricearea{display:block; letter-spacing:-1px; font-size:16px; color:#666; height:100px;}
.lec_list_style_01 li .lec1_btn_box .pricearea .price1{display:inline-block; float:left; font-size:11px; color:#fff; background-color:#aaa; padding:0 5px 2px; border-radius:3px; margin-top:4px;}
.lec_list_style_01 li .lec1_btn_box .pricearea .price2{display:inline-block; float:left; font-size:11px; color:#fff; background-color:#fc544c; padding:0 5px 2px; border-radius:3px; margin-top:4px;}
.lec_list_style_01 li .lec1_btn_box .pricearea .price3{float:left; width:70px; text-align:right;}
.lec_list_style_01 li .lec1_btn_box .pricearea strong{color:#fc544c;}

.lecture_info_close{padding:10px; display:block; position:absolute; right:0;}
.lecture_info_on.active{display:block;}
.lecture_info_on{width:340px; background-color:#fff; border:1px solid #dee0df;  position:absolute; margin-top:-40px; right:-190px; transform:translateX(-50%); z-index:99; padding:0 25px 30px; font-size:12px; display:none;}
.lecture_info_on h1{font-size:13px; font-weight:bold; height:30px; margin-top:20px;}
.lecture_info_on h1 img{margin-right:5px;}

.lecture_info2_on.active{display:block;}
.lecture_info2_on{width:340px; background-color:#fff; border:1px solid #dee0df;  position:absolute; margin-top:-87px; right:30px; transform:translateX(-50%); z-index:99; padding:0 25px 32px; font-size:12px; display:none;}
.lecture_info2_on h1{font-size:13px; font-weight:bold; height:30px; margin-top:20px;}
.lecture_info2_on h1 img{margin-right:5px;}

.lec_list_style_01 li .lec1_btn_box .pricearea2{display:block; letter-spacing:-1px; color:#666; height:100px; text-align:center; width:142px; line-height:140px;}

/*2018-09-17 패키지모아보기 CSS 추가 */
.pack_lec_list_style_01 {}
.pack_lec_list_style_01 li { width:267px; background:#fff; padding:0 5px; display:inline-block; vertical-align:top;}
.pack_lec_list_style_01 li:first-child { margin:0; }
.pack_lec_list_style_01 li .lec1_img { width:267px; height:170px; }
.pack_lec_list_style_01 li .lec1_img span {width:45px; height:25px; background:#333; color:#fff; position:absolute; margin:135px 0 0 222px; text-align:center; padding-top:10px; font-size:12px; line-height:13px; }
.pack_lec_list_style_01 li .lec1_img img { width:100%; height:100%; }
.pack_lec_list_style_01 li .lec1_info {}
.pack_lec_list_style_01 li .lec1_info .ttl{width:180px; height:45px; padding-top:10px; font-size:14px;}
.pack_lec_list_style_01 li .lec1_info .ttl .subj {color:#111; height:20px; overflow:hidden;}
.pack_lec_list_style_01 li .lec1_info dl dt {font-size:14px; margin:20px 0 5px; width:60px; height:20px; line-height:22px; background:#aaa; border-radius:3px; display:block; color:#fff; text-align:center;}
.pack_lec_list_style_01 li .lec1_info dl:first-child dt { }
.pack_lec_list_style_01 li .lec1_info dl dd { font-size:16px; color:#000; line-height:20px; display:-webkit-box; display:-ms-flexbox; display:box; max-height:40px; overflow:hidden; vertical-align:top; text-overflow:ellipsis; word-break:break-all;
										-webkit-box-orient:vertical; -webkit-line-clamp:2; }
.pack_lec_list_style_01 li .lec1_info dl.lec_tch {padding-top:7px;}
.pack_lec_list_style_01 li .lec1_info dl.lec_tch dt {font-size:14px;margin:0; width:60px; height:20px; line-height:22px; background:#aaa; border-radius:3px; display:block; color:#fff; text-align:center; float:left;}
.pack_lec_list_style_01 li .lec1_info dl.lec_tch dd {display:inline-block;width:308px; padding-left:5px; padding-right:5px; }
.pack_lec_list_style_01 li .lec1_info dl.lec_tch dd.samm {width:350px; padding-top:5px;}

.pack_lec_list_style_01 li .lec1_btn_box {}
.pack_lec_list_style_01 li .lec1_btn_box .price {font-size:16px; padding-bottom:10px; }
.pack_lec_list_style_01 li .lec1_btn_box .price_color {color:#f24443; font-size:18px; font-weight:bold;}
.pack_lec_list_style_01 li .lec1_btn_box .btn {position:relative; width:100%; text-align:right; margin-bottom: 24px;}
.pack_lec_list_style_01 li .lec1_btn_box .btn a {margin-bottom:5px; height:30px; line-height:26px;}
.pack_lec_list_style_01 li .lec1_btn_box .btn a.add-cart {background-color:#fff; color:#666; border:1px solid #666;}
.pack_lec_list_style_01 li .lec1_btn_box .btn a.buy-cart {background-color:#109856; border:1px solid #109856;}
.pack_lec_list_style_01 li .lec1_btn_box .lec_num { text-align:center; font-size:16px; color:#000; margin-bottom:20px; }
.pack_lec_list_style_01 li .lec1_btn_box .lec_btn1 { display:block; width:100%; height:40px; background:#109856; color:#fff; text-align:center; line-height:40px; font-size:16px;}

.currView001 { overflow:hidden; position:relative; }
.currView001 .mvPlayZone { float:left; width:383px; height:236px; background:#333; }
.currView001 .mvPlayZone  img { width:100%; height:100%; }
.currView001 .preview_btn { position:absolute; left:0; top:261px; }
.currView001 .preview_btn a { display:block; height:40px; line-height:38px; width:381px; border:1px solid #000; color:#000; font-size:16px; text-align:center; background:transparent url('../image/btn_cr1.png') no-repeat right 100px top 17px;}
.currView001 .currTbox { float:right; padding:0 0 0 40px; width:417px; }
.currView001 .currTbox > h4 { font-size:20px; color:#000; }
.currView001 .currTbox > h4 img { width:65px; }
.currView001 .currTbox > .icon_box { right:0; top:0; }
.currView001 .currTbox .course_price { width:100%; padding:15px 20px; box-sizing:border-box; display:table; table-layout:fixed; background:#f4f4f4; margin-top:20px;}
.currView001 .currTbox .course_price > p { display:table-cell; width:100px; font-size:16px; color:#000; position:relative; bottom:5px; }
.currView001 .currTbox .course_price > div { display:table-cell; text-align:right; }
.currView001 .currTbox .course_price > div > span { display:block; }
.currView001 .currTbox .course_price > div .course_org { font-size:18px; text-decoration:line-through; }
.currView001 .currTbox .course_price > div .course_sale { font-size:26px; color:#ff3c3b; }

.currView001 .currTbox .course_price2 { width:100%; padding:15px 20px; box-sizing:border-box; display:table; table-layout:fixed; background:#f4f4f4; margin-top:20px;}
.currView001 .currTbox .course_price2 > p { display:table-cell; font-size:16px; color:#000; vertical-align:middle;}
.currView001 .currTbox .course_price2 > div { display:table-cell; font-size:24px;}
.currView001 .currTbox .course_price2 .price1{display:inline-block; font-size:11px; color:#fff; background-color:#aaa; padding:0 5px 2px; border-radius:3px; position:relative; bottom:5px; right:10px;}
.currView001 .currTbox .course_price2 .price2{display:inline-block; font-size:11px; color:#fff; background-color:#fc544c; padding:0 5px 2px; border-radius:3px; position:relative; bottom:5px; right:10px;}
.currView001 .currTbox .course_price2 strong{color:#fc544c; font-weight:normal}

.currView002 {margin-top:30px;}
.currView002 h4 { font-size:18px; color:#000; border-bottom:1px solid #000; height:30px; line-height:30px; padding-bottom:10px; font-weight:bold; }

.currView003 {}

.lec_info { padding:20px; min-height:270px; clear:both; text-align:left; background:#f4f4f4 none repeat scroll 0 0; }

.sub_fixed_bn { width:840px; height:auto; }

.best_rerev_table { background:#fff; padding:20px; border:1px solid #dbdbdb; }
.best_rerev_table tbody tr td { }
.best_rerev_table tbody tr td textarea { width:100%; max-width:690px; min-width:690px; height:100px; min-height:100px; font-size:14px; line-height:24px; background:#f4f4f4; }
.best_rerev_table tbody tr td .comment_btn { width:100px; height:100px; color:#000; border:1px solid #000; background:#fff; font-size:16px; }
.best_rerev_table tbody tr td .star { display:inline-block; width:73px; height:20px; background:url('../image/re_starbg.png') repeat-x 0 -18px; vertical-align:middle; }
.best_rerev_table tbody tr td .star > strong { display:block; height:26px; background:url('../image/re_starbg.png') repeat-x 0 4px; }

.curr_table { width:100%; }
.curr_table tr th { text-align:left; color:#000; font-size:14px; padding:7px 0 6px 10px; vertical-align:top; border-bottom:1px dashed #dbdbdb; }
.curr_table tr td { font-size:14px; padding:7px 10px 6px 0; position:relative; border-bottom:1px dashed #dbdbdb; }
.curr_table tr td .teach_btn { display:inline-block; padding:3px 10px; height:15px; font-size:12px; color:#fff; float:right; background:#8994a5; }

.pack_list { margin-top:30px; }
.pack_list li { border:1px solid #dbdbdb; box-sizing:border-box; width:100%; padding:20px; margin:-1px 0 0 0; display:table; table-layout:fixed; }
.pack_list li div { display:table-cell; vertical-align:middle; }
.pack_list li .simb_wrap { width:60px; }
.pack_list li .simb_wrap .simb_pack { display:inline-block; padding:3px 10px; background:#ff4485; color:#fff; border-radius:3px; font-size:12px; }
.pack_list li .pack_info { padding:0 10px; }
.pack_list li .pack_info dl dt { font-size:15px; color:#000; margin:0 0 5px 0; line-height:20px; }
.pack_list li .pack_info dl dt span { display:inline-block; }
.pack_list li .pack_info dl.pack_text { }
.pack_list li .pack_info dl.pack_text dd { font-size:13px; line-height:18px; display:-webkit-box; display:-ms-flexbox; display:box; max-height:40px; overflow:hidden; vertical-align:top; text-overflow:ellipsis; word-break:break-all; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.pack_list li .pack_info dl dd { line-height:20px; }
.pack_list li .pack_info dl.pack_pay { padding:10px 0 0 0; border-top:1px dashed #dbdbdb; margin:10px 0 0; }
.pack_list li .pack_info dl.pack_pay dt { float:left; margin:0; padding:0 15px 0 0; }
.pack_list li .pack_info dl.pack_pay dt.bar { position:relative; padding:0 15px; }
.pack_list li .pack_info dl.pack_pay dt.bar:before { display:block; content:''; width:1px; height:14px; background:#e2e2e2; position:absolute; left:0; top:5px; }
.pack_list li .pack_info dl.pack_pay dd { float:left; font-size:15px; padding:0 15px 0 0; }
.pack_list li .pack_info dl.pack_pay dd.price { text-decoration:line-through; }
.pack_list li .pack_info dl.pack_pay dd.dc { font-size:18px; color:#ff4485; }
.pack_list li .pack_btn { width:100px; }
.pack_list li .pack_btn a { margin:10px 0 0 0; }
.pack_list li .pack_btn a:first-child { margin:0; }

.pack_list .pack_fixed { background:#f4f4f4;}


/* 강사 리스트/상세 */
.tch_list_wrap {}
.tch_list_wrap .tch_lec { overflow:hidden; }
.tch_list_wrap .tch_lec .main_tch { float:left; padding:6px 0 0 6px; width:294px; height:384px; position:relative; }
.tch_list_wrap .tch_lec .main_tch img { width:100%; height:100%; }
.tch_list_wrap .tch_lec .main_tch:before { display:block; content:''; width:185px; height:6px; position:absolute; left:0; top:0; }
.tch_list_wrap .tch_lec .main_tch:after { display:block; content:''; width:6px; height:157px; position:absolute; left:0; top:0; }

.tch_list_wrap .tch_lec.it .main_tch:before { background:#31bdca; }
.tch_list_wrap .tch_lec.it .main_tch:after { background:#31bdca; }
.tch_list_wrap .tch_lec.interior .main_tch:before { background:#5e3e0d; }
.tch_list_wrap .tch_lec.interior .main_tch:after { background:#5e3e0d; }
.tch_list_wrap .tch_lec.language .main_tch:before { background:#fea500; }
.tch_list_wrap .tch_lec.language .main_tch:after { background:#fea500; }
.tch_list_wrap .tch_lec.cert .main_tch:before { background:#e62077; }
.tch_list_wrap .tch_lec.cert .main_tch:after { background:#e62077; }
.tch_list_wrap .tch_lec.special .main_tch:before { background:#7231ca; }
.tch_list_wrap .tch_lec.special .main_tch:after { background:#7231ca; }

.tch_list_wrap .tch_lec.cate_01 .main_tch:before { background:#31bdca; }
.tch_list_wrap .tch_lec.cate_01 .main_tch:after { background:#31bdca; }
.tch_list_wrap .tch_lec.cate_02 .main_tch:before { background:#5e3e0d; }
.tch_list_wrap .tch_lec.cate_02 .main_tch:after { background:#5e3e0d; }
.tch_list_wrap .tch_lec.cate_03 .main_tch:before { background:#fea500; }
.tch_list_wrap .tch_lec.cate_03 .main_tch:after { background:#fea500; }
.tch_list_wrap .tch_lec.cate_04 .main_tch:before { background:#e62077; }
.tch_list_wrap .tch_lec.cate_04 .main_tch:after { background:#e62077; }
.tch_list_wrap .tch_lec.cate_05 .main_tch:before { background:#7231ca; }
.tch_list_wrap .tch_lec.cate_05 .main_tch:after { background:#7231ca; }

.tch_list_wrap .tch_lec .tch_wrap { float:left; width:540px; height:390px; padding-left:30px; box-sizing:border-box; position:relative; }
.tch_list_wrap .tch_lec .tch_wrap .slog { font-size:20px; color:#888; position:relative; padding-top:15px; margin-top:35px; }
.tch_list_wrap .tch_lec .tch_wrap .slog:before { display:block; content:''; width:104px; height:1px; position:absolute; left:-30px; top:0; }

.tch_list_wrap .tch_lec.cate_01 .tch_wrap .slog:before { background:#31bdca; }
.tch_list_wrap .tch_lec.cate_02 .tch_wrap .slog:before { background:#5e3e0d; }
.tch_list_wrap .tch_lec.cate_03 .tch_wrap .slog:before { background:#fea500; }
.tch_list_wrap .tch_lec.cate_04 .tch_wrap .slog:before { background:#e62077; }
.tch_list_wrap .tch_lec.cate_05 .tch_wrap .slog:before { background:#7231ca; }

.tch_list_wrap .tch_lec .tch_wrap .tch_slide { position:absolute; left:30px; bottom:0; width:504px; }
.tch_list_wrap .tch_lec .tch_wrap .tch_slide .tch_arrow { position:absolute; right:0px; top:-40px; }
.tch_list_wrap .tch_lec .tch_wrap .tch_slide .tch_arrow a { display:block; width:25px; height:25px; border:1px solid #dbdbdb; border-radius:100px; }
.tch_list_wrap .tch_lec .tch_wrap .tch_slide .tch_arrow .tch_prev { background:url('../image/tch_prev.png') 8px center no-repeat; position:absolute; top:0; right:32px; text-indent:-9999px; }
.tch_list_wrap .tch_lec .tch_wrap .tch_slide .tch_arrow .tch_next { background:url('../image/tch_next.png') 10px center no-repeat; position:absolute; top:0; right:0; text-indent:-9999px; }
.tch_list_wrap .tch_lec .tch_wrap .tch_slide ul { overflow:hidden; width:508px; height:240px; }
.tch_list_wrap .tch_lec .tch_wrap .tch_slide ul li { float:left; margin:0 -1px 0 0; }
.tch_list_wrap .tch_lec .tch_wrap .tch_slide ul li a { display:block; width:170px; height:240px; box-sizing:border-box; border:1px solid #e1e1e1; overflow:hidden; }
.tch_list_wrap .tch_lec .tch_wrap .tch_slide ul li img { width:172px; height:242px; margin:-1px 0 0 -1px; max-width:none; }


.course_wrap { width:100%; overflow:hidden; margin-bottom:50px; position:relative; }
.course_wrap .tch_pop { width:390px; height:370px; border:1px solid #213a4e; box-sizing:border-box; position:absolute; left:60px; top:65px; overflow:hidden; }
.course_wrap .tch_pop h4 { color:#fff; height:50px; line-height:50px; font-size:22px; padding:0 15px; background:#213a4e; }
.course_wrap .tch_pop .close_btn { display:block; width:23px; height:23px; background:url('../image/close_btn.png') no-repeat; position:absolute; right:15px; top:12px; }
.course_wrap .tch_pop .tch_career { width:100%; height:318px; padding:20px; box-sizing:border-box; background:#fff; overflow-y:scroll; }
.course_wrap .tch_pop .tch_career dl dt { font-size:16px; color:#213a4e; margin-top:20px; }
.course_wrap .tch_pop .tch_career dl:first-child dt { margin:0; }
.course_wrap .tch_pop .tch_career dl dd { font-size:13px; color:#333; line-height:18px; padding:5px 0 5px 13px; position:relative; }
.course_wrap .tch_pop .tch_career dl dd:before { display:inline-block; content:''; width:5px; height:1px; background:#666; position:absolute; left:0; top:12px; }


/* 수강후기 */
.best_rerev_box { width:100%; padding:10px 30px; background:#f4f4f4; box-sizing:border-box; }
.best_rerev_box ul li { margin:5px 0; padding:10px 0; border-top:1px dashed #dbdbdb; }
.best_rerev_box ul li:first-child { border:none; }
.best_rerev_box ul li dl dt .user_name { display:inline-block; font-size:16px; color:#109856; padding-right:15px; margin-right:15px; font-weight:400; position:relative; }
.best_rerev_box ul li dl dt .user_name:after { display:block; width:1px; height:12px; content:''; background:#b7b7b7; position:absolute; right:0; top:5px; }
.best_rerev_box ul li dl dt .star { display:inline-block; width:73px; height:26px; background:url('../image/re_starbg.png') repeat-x 0 -16px; vertical-align:middle; }
.best_rerev_box ul li dl dt .star > span { display:block; height:26px; background:url('../image/re_starbg.png') repeat-x 0 6px; }
.best_rerev_box ul li dl dd { margin-top:10px; font-size:14px; line-height:20px; display:-webkit-box; display:-ms-flexbox; display:box; max-height:40px; overflow:hidden; vertical-align:top; text-overflow:ellipsis; word-break:break-all;
								-webkit-box-orient:vertical; -webkit-line-clamp:2; }


/* 맞춤패키지 */
.package_wrap { width:100%; padding:20px; box-sizing:border-box; background:#f4f4f4; margin:30px 0 0; border:1px solid #dbdbdb; }
.package_wrap .pack_tit { text-align:center; font-size:16px; color:#000; margin:0 0 20px;}
.package_wrap .pack_box { background:#fff; padding:20px; }
.package_wrap .pack_box .pack_table {}
.package_wrap .pack_box .pack_table tbody tr th { color:#000; font-size:14px; padding:5px 20px; text-align:left; }
.package_wrap .pack_box .pack_table tbody tr th.pack_bn { background:#109856 url('../image/ico_package.png') no-repeat center 20px; padding-top:85px; color:#fff; text-align:center; font-size:16px; }
.package_wrap .pack_box .pack_table tbody tr td { padding:5px 0; }
.package_wrap .pack_box .pack_table tbody tr td textarea { max-width:488px; min-height:45px; max-height:45px;}
.package_wrap .pack_box .pack_table tbody tr td .btn_privacy { display:inline-block; margin:3px 0 0 5px; border-radius:3px; border:1px solid #666; font-size:12px; padding:0 5px; line-height:17px; height:20px; box-sizing:border-box; }


/* 맞춤강의상담 */
.sub_counsel_wrap {}
.sub_counsel_wrap .counsel_info { margin:20px 0; }
.sub_counsel_wrap .counsel_info li { font-size:14px; position:relative; padding:0 0 0 15px; }
.sub_counsel_wrap .counsel_info li:before { display:block; content:''; width:3px; height:3px; background:#3cb149; position:absolute; left:0; top:10px; }
.sub_counsel_wrap .counsel_box .counsel_h4 { margin-bottom:1px; width:100%; height:50px; line-height:50px; background:#499e46 url('../image/counsel_h4_arr.png') right 20px top -20px no-repeat; box-sizing:border-box; color:#fff; font-size:17px; text-align:center; }
.sub_counsel_wrap .counsel_box .counsel_h4.active { background:#fff url('../image/counsel_h4_arr.png') right 20px top 18px no-repeat;; border-top:2px solid #499e46; border-bottom:1px solid #dbdbdb; color:#000; }
.sub_counsel_wrap .counsel_box .counsel_table {display:none; }

.sub_counsel_wrap .counsel_box.active .counsel_h4 { background:#fff url('../image/counsel_h4_arr.png') right 20px top 18px no-repeat;; border-top:2px solid #499e46; border-bottom:1px solid #dbdbdb; color:#000; }
.sub_counsel_wrap .counsel_box.active .counsel_table {display:table; }


.sub_counsel_wrap .counsel_box .counsel_table tbody tr th { padding:10px 20px; border-bottom:1px solid #dbdbdb; text-align:left; background:#f4f4f4; }
.sub_counsel_wrap .counsel_box .counsel_table tbody tr td { padding:10px 20px; border-bottom:1px solid #dbdbdb; }
.sub_counsel_wrap .counsel_box .counsel_table .counsel_area li { padding:5px 10px 5px 0; box-sizing:border-box; }
.sub_counsel_wrap .counsel_box .counsel_table .check label { color:#000; }

.counsel_form { margin:70px 0 0; }
.counsel_form p { font-size:14px; margin-bottom:15px; }

.marketing { margin:50px 0 0; }
.counsel_btn { width:250px; height:60px; line-height:54px; font-size:20px; }


/* history */
.history_wrap {}
.history_wrap .history_top { height:304px; background:url('../image/history_top.png') no-repeat right top; padding:0 0 40px 0; }
.history_wrap .history_top .history_txt1 { font-size:24px; }
.history_wrap .history_top .history_txt2 { font-size:30px; color:#499e46; line-height:40px; margin-top:5px; }


/* 원격지원센터 */
.remote_wrap {}
.remote_wrap .remote_top { background:url('../image/remote_top.png') no-repeat right 20px; padding-top:20px; }
.remote_wrap .remote_top .remote_txt1 { font-size:20px; }
.remote_wrap .remote_top .remote_txt2 { font-size:25px; color:#499e46; line-height:34px; margin:5px 0 10px; }
.remote_wrap .remote_top .remote_txt3 { font-size:17px; }
.remote_wrap .remote_top .remote_btn { display:block; background:#fff url('../image/btn_cr1.png') no-repeat right 25px top 25px; width:300px; height:60px; box-sizing:border-box; margin:45px 0; border:1px solid #000; color:#000; font-size:18px; line-height:55px; padding:0 0 0 30px; }
.remote_wrap .remote_con { background:#f4f4f4; padding:30px 0; margin:50px 0 0; }
.remote_wrap .remote_con ul { width:100%; display:table; table-layout:fixed; }
.remote_wrap .remote_con ul li { display:table-cell; height:160px; background:url('../image/remote_con.png') 0 top no-repeat; border:solid #d7d7d7; border-width:0 0 0 1px; }
.remote_wrap .remote_con ul li:first-child { border:none; }
.remote_wrap .remote_con ul li.remote_st1 { background-position:62px 0; }
.remote_wrap .remote_con ul li.remote_st2 { background-position:-147px 0; }
.remote_wrap .remote_con ul li.remote_st3 { background-position:-358px 0; }
.remote_wrap .remote_con ul li.remote_st4 { background-position:-556px 0; }
.remote_wrap .remote_con ul li span { padding-top:110px; font-size:15px; text-align:center; display:block; font-weight:bold; color:#333; }


/* 필수프로그램 설치 */
.install_wrap {}
.install_wrap .install_top { width:100%; height:200px; background:url('../image/install_info.jpg') 0 top no-repeat; color:#fff; font-size:30px; text-align:center; line-height:200px; }
.install_wrap .install_text { font-size:16px; }
.install_wrap .install_box { border-bottom:1px solid #e1e1e1; padding-bottom:20px;}
.install_wrap .install_list { overflow:hidden; }
.install_wrap .install_list li { float:left; display:table; width:420px; margin:20px 0; }
.install_wrap .install_list li div { display:table-cell; vertical-align:middle; }
.install_wrap .install_list li .img { width:170px; }
.install_wrap .install_list li .info p { font-size:16px; }
.install_wrap .install_list li .info .down_btn { display:block; margin:15px 0 0; background:#fff url('../image/btn_cr1.png') no-repeat right 20px top 13px; width:140px; height:35px; box-sizing:border-box; border:1px solid #000; color:#000; font-size:13px; line-height:32px; padding:0 0 0 20px; }


/* 이메일무단수집거부 */
.emailBan{font-weight:bold; margin-bottom:10px; color:#111;}


/* order */
.mc_menu { width:100%; overflow:hidden; background:#f4f4f4; display:table; table-layout:fixed; margin:0 0 50px 0; }
.mc_menu li { display:table-cell; padding:30px 0; }
.mc_menu li span { display:block; height:98px; background:url("../image/mc_menu.png") no-repeat left top; text-indent:-9999px; border-right:1px solid #dcdbdd; box-sizing:border-box }
.mc_menu li:last-child span { border:none; }
.mc_menu li.mc_1 span { background-position:13px -128px; }
.mc_menu li.mc_1.active span { background-position:13px 0px; }
.mc_menu li.mc_2 span { background-position:-240px -128px; }
.mc_menu li.mc_2.active span { background-position:-240px 0px; }
.mc_menu li.mc_3 span { background-position:-493px -128px; }
.mc_menu li.mc_3.active span { background-position:-493px 0px; }

.m3_d { height: 50px; }
.m3_d p { color:#000; float:left; line-height:50px; }
.m_pay { float:right; line-height:50px; }
.m_pay dt { color:#000; font-size:20px; display:inline-block; padding-right:10px; }
.m_pay dd { color:#ff4485; font-size:20px; display:inline-block; zoom:1; }
.mc5_d label { padding-right:10px; font-size:20px; }
.mc5_d span { padding-right:10px; font-size:20px; }
.mc_text { font-size:14px; }

.radio_wrap { }
.radio_wrap li { float:left; }
/*
.radio_wrap input[type=radio] { display:none; margin-left:-182px; }
.radio_wrap label span { display:block; width:74px; margin:0 auto; text-indent:-9000px; overflow:hidden; }

.radio_wrap li.card > label > span { background:url('/webheads/image/jro_payLi01.png') no-repeat; width:74px; height:110px; }
.radio_wrap li.card > label > span.checked { background:url('/webheads/image/jro_payLi01_on.png') no-repeat; width:74px; height:110px; }
.radio_wrap li.card label input:checked + span { background:url('/webheads/image/jro_payLi01_on.png') no-repeat; width:74px; height:110px; }

.radio_wrap li.vbank label span { background:url('/webheads/image/jro_payLi02.png') no-repeat; width:74px; height:110px; }
.radio_wrap li.vbank label span.checked { background:url('/webheads/image/jro_payLi02_on.png') no-repeat; width:74px; height:110px; }
.radio_wrap li.vbank label input:checked + span { background:url('/webheads/image/jro_payLi02_on.png') no-repeat; width:74px; height:110px; }

.radio_wrap li.trans label span { background:url('/webheads/image/jro_payLi03.png') no-repeat; width:74px; height:110px; }
.radio_wrap li.trans label span.checked { background:url('/webheads/image/jro_payLi03_on.png') no-repeat; width:74px; height:110px; }
.radio_wrap li.trans label input:checked + span { background:url('/webheads/image/jro_payLi03_on.png') no-repeat; width:74px; height:110px; }

.radio_wrap li.bank label span { background:url('/webheads/image/jro_payLi04.png') no-repeat; width:74px; height:110px; }
.radio_wrap li.bank label span.checked { background:url('/webheads/image/jro_payLi04_on.png') no-repeat; width:74px; height:110px; }
.radio_wrap li.bank label input:checked + span { background:url('/webheads/image/jro_payLi04_on.png') no-repeat; width:74px; height:110px; }
*/

.cart .calculateArea { border:5px solid #109856; clear:both; margin-top:70px; position:relative; width:100%; box-sizing:border-box; }
.cart .calculateArea table th { border:solid #dbdbdb; border-width:0 1px 1px 0; padding:10px 0; text-align:center;	 color:#000; font-size:18px; }
.cart .calculateArea table td { border-right:1px solid #dbdbdb; font-size:20px;line-height:26px; padding:25px 0; text-align:center; }
.cart .calculateArea table th.total { border-right:medium none; }
.cart .calculateArea table td.total { border-right:medium none; color:#ff4485; font-size:24px; line-height:26px; }
.cart .calculateArea .board { left:0; position:relative; top:0; z-index:1; }
.cart .calculateArea .won { font-size:16px; }
.cart .calculateArea td.total span.won { color:#ff4485; font-size:16px; }

.cart1 .calculateArea .plus { left:223px; position:absolute; top:70px; z-index:10; }
.cart1 .calculateArea .equal { left:461px; position:absolute; top:70px; z-index:10; }

.cart2 .calculateArea .minus { left:263px; position:absolute; top:70px; z-index:10; }
.cart2 .calculateArea .plus { left:400px; position:absolute; top:70px; z-index:10; display:none;}
.cart2 .calculateArea .equal { left:540px; position:absolute; top:70px; z-index:10; }

.ad_t { width:60px; display:block; font-size:12px; float:left; line-height:21px; color:#444; }
.blueBC { color:#ff4485; font-size:16px; letter-spacing:-0.1px; }

#add_coupone { padding:50px; }


/* login */
.mlog_area { overflow:hidden; }
.mlog_area > h4 { font-size:18px; text-align:center; color:#333; margin-bottom:40px; }
.mlog_area .login_area { overflow:hidden; }
.mlog_area .login_area .logimg { float:left; width:350px; height:295px; background:url('../image/logimg.png') no-repeat -7px 100px; box-sizing:border-box; position:relative; font-size:30px; color:#000; padding:45px 0 0 60px; }
.mlog_area .login_area .logimg:before { display:block; content:''; width:8px; height:250px; background:#109856; position:absolute; left:0; top:0; }
.mlog_area .login_area .logimg:after { display:block; content:''; width:210px; height:12px; background:#109856; position:absolute; left:0; top:0; }
.mlog_area .login_area .mlog_box { float:left; width:450px; position:relative; }
.mlog_area .login_area .mlog_box .mlog { width:100px; display:inline-block; font-size:16px; color:#333; height:50px; line-height:50px; vertical-align:middle; }
.mlog_area .login_area .mlog_box .login_btn { width:100%; height:60px; background:#222; color:#fff; font-size:20px; margin-top:40px; }


/* join */
.mjoin_area {}
.mjoin_area .join_menu { width:100%; overflow:hidden; background:#f4f4f4; border-radius:5px; display:table; table-layout:fixed; margin-bottom:50px; }
.mjoin_area .join_menu li { display:table-cell; }
.mjoin_area .join_menu li a { display:block; height:60px; box-sizing:border-box; font-size:18px; color:#888; padding:0 0 0 20px; line-height:60px; border-bottom:4px solid #ddd; }
.mjoin_area .join_menu li a.active { color:#000; border-color:#109856; }
.mjoin_area .join_menu li a span { padding:0 10px 0 0; }
.mjoin_area .mjo_txt { font-size:14px; line-height:24px; text-align:left; }

.mjoin_area .mj_box { width:100%; height:200px; padding:20px; border:1px solid #dbdbdb; box-sizing:border-box; overflow-x:hidden; overflow-y:auto; text-align:left; }

.rdo_area { display:table; table-layout:fixed; }
.rdo_area li { display:table-cell; }

.chck_area {}
.chck_area li { padding:5px 10px 5px 0; float:left; min-width:125px; box-sizing:border-box; }

.all_agree label{font-size: 20px; color: #109856; position: relative; font-weight: 600;}
.join_title { font-size:22px; margin-bottom:20px; color:#000; position:relative; padding-top:5px; height:40px; line-height:40px; }
.join_title:before { display:block; content:''; width:50px; height:3px; background:#109856; position:absolute; left:0; top:0; }
.join_title span.Essential{color: #109856;}
.join_title span.Choice{color: #f24443;}


.join_title2 { font-size:22px; margin-bottom:20px; color:#000; position:relative; padding-top:5px; height:40px; line-height:40px; }

.certificate_info { padding:20px; background:#f4f4f4; }
.certificate_info li { padding:3px 0; color:#888; }
.certificate_select { margin:30px 0; display:table; table-layout:fixed; }
.certificate_select li { display:table-cell; width:33.3%; padding:30px 20px 50px; border:1px solid #dbdbdb; text-align:center; background-color:#f4f4f4; position:relative; }
.certificate_select li dl dt { font-size:25px; font-weight:400; color:#109856; }
.certificate_select li dl dd.info { margin:20px 0; }
.certificate_select li dl dd.btn { background:#000; color:#fff; padding:5px 0; position:absolute; left:50%; bottom:20px; margin-left:-50px; display:block; width:100px; }
.certificate_select li dl dd.btn a { display:block; }


/* 퀵메뉴 */
.Rquick { width:108px; display:none; }
.Rquick > ul { border:1px solid #bcbcbc; border-bottom:none; }
.Rquick > ul > li { border-bottom:1px solid #bcbcbc; height:29px; line-height:29px; text-align:center; background:#fff; }
.Rquick > ul > li > a { font-size:12px; color:#333; }
.Rquick > ul > li > a:hover { display:block; background:#ececec; }


/* 게시판 복사/이동 팝업 */
.move_pop { padding:30px; }
.t_inf { text-align:right; padding-top:20px; }


/* 나의 강의실 */
.tableList_top { overflow:hidden; height:36px; line-height:36px; }
.tableList_top .mypage_tit { display:inline-block; font-size:28px; color:#000; }
.tableList_top .Titleft { line-height:35px; font-size:20px; color:#333; }
.tableList_top .btn_search { width:80px; height:35px; display:inline-block; background:#333; color:#fff; font-size:14px; text-align:center; line-height:35px; }

.tit_wrap { overflow:hidden; }

.mc10_d { background:#f4f4f4; overflow:hidden; position:relative; padding:20px 30px; }

.mc10_d .mc10_ul { float:left; width:80%; }
.mc10_d .mc10_ul li { padding-bottom:5px; position:relative; font-size:16px; }
.mc10_d .mc10_ul li:last-child { padding:0; }
.mc10_d .mc10_ul li > strong { display:block; width:150px; color:#000; float:left; }
.mc10_d .mc10_ul li > span { padding-left:10px; }

.mc10_d .mc10_btn { float:right; width:20%; text-align:right; }
.mc10_d .mc10_btn li { margin-top:5px; }
.mc10_d .mc10_btn li:first-child { margin-top:0; }

.n_selectbx_List { background:#fff; margin-top:50px; overflow:hidden; }
.n_selectbx_List > ul > li { float:left; width:calc( 33.3% ); text-align:center;margin-bottom:5px;}
.n_selectbx_List > ul > li.active > a { background:#8994a5; color:#fff; border:1px solid #8994a5; }
.n_selectbx_List > ul > li > a { display:block; padding:7px 0; width:100%; border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; border-left:1px solid #dbdbdb; box-sizing:border-box; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.n_selectbx_List > ul > li:last-child > a { border-right:1px solid #dbdbdb; }
.n_selectbx_List > ul > li:nth-child(3) > a { border-right:1px solid #dbdbdb; }
.n_selectbx_List > ul > li:nth-child(6) > a { border-right:1px solid #dbdbdb; }
.n_selectbx_List > ul > li:nth-child(9) > a { border-right:1px solid #dbdbdb; }

.btnGry { display:block; padding:3px; border:1px solid #000; margin:5px 0 0; }

.tableList2 { background:#f4f4f4; padding:20px 25px; overflow:hidden; }
.tableList2 .slAcant { float:right; line-height:35px; }

.date_search { background:#f4f4f4; padding:15px 20px; }
.date_search .ask_1 { float:left; padding:5px 5px 5px 0; }
.date_search .ask_1 .intxt13 { width:100px; height:30px; line-height:30px; }
.date_search .ask_2 { padding:5px 0; overflow:hidden; }
.date_search .ask_2 .btn_label.on { background-color:#343b4b; color:#fff; }
.date_search .ask_2 .btn_label { float:left; height:30px; width:64px; border:1px solid #dbdbdb; background-color:#fff; text-align:center; margin-right:5px; box-sizing:border-box; cursor:pointer; }
.date_search .ask_2 .btn_label .inner { font-size:13px; line-height:30px; }
.date_search .ask_3 .opt_year { width:75px; }
.date_search .ask_3 .txt { vertical-align:middle; margin-right:10px; }
.date_search .ask_3 .txt_bar { padding:0 10px; }

.exam_list_btn:link, .exam_list_btn:visited, .exam_list_btn:active { width:100%; height:25px; line-height:25px; text-align:center; display:inline-block; background-color:#000; color:#fff; }

.btnArea_right_month { float:right; }

.paginate_b2 { width:100%; height:40px; overflow:hidden; text-align:center; position:relative; margin-top:50px; }
.paginate_b2 a { display:inline-block; width:40px; height:40px; }
.paginate_b2 a span { display:inline-block; font-size:15px; line-height:40px; color:#666; }
.paginate_b2 b { display:inline-block; width:40px; height:40px; }
.paginate_b2 b span { display:inline-block; font-size:15px; color:#109856; border-bottom:2px solid #109856; }

.coupon_notice { background:#f4f4f4; margin-top:50px; padding:20px; border:1px solid #dbdbdb; }

.mc4_d { }
.mc4_d dt { padding-bottom:4px; color:#000; font-size:16px; margin-top:20px; }
.mc4_d dd { }

.pop_txt { font-size:18px; color:#000; margin-bottom:10px; }


/* 고객정보센터 */
.s_area2 { border:1px solid #dbdbdb; margin-top:20px; padding:20px; 20px; text-align:right; background:url("../image/search_bg2.png") no-repeat 30px center; }

.faq_dd { background:#f1f2f4; padding:30px 40px; line-height:24px; }
.faq_dd h6 { color:#444; }
.faq_dd > .faq_dd_content { padding-top:15px; }
.faq_dd > .faq_dd_file { padding-top:10px; margin-top:20px; border-top:1px solid #dddddd; font-size:12px; }
.faq_dd .faq_dd_btn { margin-top:10px; overflow:hidden; border-top:1px solid #dddddd; padding-top:15px; }
.faq_dd .faq_dd_btn li { float:left; margin-left:5px; }
.faq_dd .faq_dd_btn li:first-child { margin:0px; }
.faq_dd .f_img { padding:0 3px; }
.faq_dd .f_img img { vertical-align:middle; }


/* 영상수강후기 */
.player_wrap { padding:30px; background:#f4f4f4; clear:both; }
.player_wrap .section1 { position:relative; }
.player_wrap .section1 img { width:100%; }
.player_wrap .section2 { overflow:hidden; height:32px; line-height:32px; margin-top:20px; }
.player_wrap .section2 .player_tit { float:left; font-size:18px; color:#222; font-weight:600; }

.list_col3 { }
.list_col3 > ul { overflow:hidden; width:900px; }
.list_col3 > ul > li {	float:left; margin:30px 30px 0 0; width:270px; }
.list_col3 > ul > li .mov { position:relative; }
.list_col3 > ul > li .tit { padding:15px 0; border-bottom:1px solid #e0dee1; }
.list_col3 > ul > li .tit a { font-size:14px; color:#222; /*display:block;*/ white-space:nowrap; text-overflow:ellipsis; }


/* 오시는 길 */
.locate { margin-bottom:50px; font-size:14px; color:#888; padding:0 0 40px; border-bottom:1px solid #dbdbdb; }
.locate .locate_txt1 { font-size:28px; color:#109856; }
.locate .locate_txt2 { font-size:16px; color:#000; }


/* 회원탈퇴 */
.cour_li3 {}
.cour_li3 li { padding:3px 0; }
.out_msg { text-align:center; padding:30px 0; background-color:#f4f4f4; font-size:18px; color:#000; }


/* 개인정보처리방침/이용약관 */
.policy { color:#888; }
.policy .sub_text{font-weight:bold;}
.policy p { line-height:20px; padding:3px 0; }
.policy_table { border:solid #dbdbdb; border-width:1px 0 0 1px; }
.policy_table thead tr th { text-align:center; padding:5px 0; color:#000; border:solid #dbdbdb; border-width:0 1px 1px 0; }
.policy_table tbody tr td { text-align:center; padding:5px 0; border:solid #dbdbdb; border-width:0 1px 1px 0; }

.terms_tit { font-size:18px; color:#000; }

/* 장바구니 환불규정동의 */
.refundagree{margin-top:30px; border-top:1px solid #cecece; border-bottom:1px solid #cecece;}
.refundagree ul{font-size:13px; background-color:#f4f4f4; padding:30px 50px; border-bottom:1px solid #cecece;}
.refundagree ul li{margin:15px 0;}
.refundagree p{height:75px; line-height:75px; padding-left:50px;}
.refundagree p label{font-size:18px; margin-left:10px;}
.refundagree p a{line-height:75px; margin-left:10px;}

/* 강사 노출관리 부문 css */
.teacher_item_header{padding-right:3px;}
.teacher_item_content{padding-right:10px; color:#777;}
.teacher_item_header_sub{padding-right:3px; color:#000;}
.teacher_item_content_sub{padding-right:10px;}

/* 현장강의 강의정보 */
.downloadttl{display:inline-block; width:120px; height:30px; color:#444; font-weight:bold; text-align:center; background-color:#f4f4f4; border:1px solid #c4c4c4; border-radius:30px; line-height:26px; margin:0 20px 20px 0;}
.viewteacher{color:#666; background-color:#fff; border:2px solid #111; padding:60px 0 60px 60px; margin:50px 0; position: relative;}
.viewteacher .teacher_pop_img{width:320px; height:540px; overflow:hidden; position:absolute; right:20px; bottom: 0px;}
.viewteacher h1{color:#3ca968; font-size:18px; font-weight:bold;}
.viewteacher h2{color:#111; font-size:36px; letter-spacing:-5px; height:55px; margin-top:-5px; font-weight:bold;}
.viewteacher h2 strong{font-weight:bold;}
.viewteacher h3{font-size:20px; font-weight:normal; width:50%; line-height:28px; margin-bottom:50px}
.viewteacher h4{color:#111; font-size:18px; margin-top:30px; height:30px; font-weight:bold;}
.viewteacher .list1{width:50%;}
.viewteacher .list1 li{font-size:13px; line-height:20px;}
.viewteacher .list2{width:50%; margin-top:5px;}
.viewteacher .list2 li{font-size:13px; background-color:#fff; border:1px solid #b3b2b2; padding:0 10px; display:inline-block; margin-bottom:5px; height:28px; line-height:25px; margin-right:5px;}

div#navi_background{
	display:none; background-color:black; position: absolute; left:0px; top:0px; z-index: 1; width:9999px; height: 9999px; opacity: 0.5;
}
/* 서브페이지 강의정보 */
.viewstylettl{color:#109856; font-size:38px; font-weight:bold; margin:60px 0 30px; text-align:center; line-height:48px; position:relative; letter-spacing:-2px; padding-top:20px;}
.viewstylettl:before{content:'';display:block; width:40px; height:3px; position:absolute; top:0px; left:45.3%; background:#109856;}
.viewstylettl:after{content:'';display:block; width:40px; height:3px; position:absolute; top:0px; right:45.3%; background:#444;}
.viewstylettl span{font-size:46px;}
.viewstyle{}
.viewstyle .viewlist1{width:90%; margin:0 auto;}
.viewstyle .viewlist1 li{color:#111; font-size:18px; font-weight:bold; margin-bottom:30px;}
.viewstyle .viewlist1 li:last-child{margin-bottom:0;}
.viewstyle .viewlist1 li:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.viewstyle .viewlist1 li span{float:left; width:90%;}
.viewstyle .viewlist1 li span.number{color:#fff; background-color:#109856; width:36px; height:36px; border-radius:50%; line-height:34px; text-align:center; font-size:22px; font-weight:normal; margin:5px 20px 0 0;}
.viewstyle .viewlist1 li span p{font-size:16px; font-weight:normal;}
.viewstyle .viewlist1 li strong{color:#109856;}
.viewstyle .viewlist1 li span p strong{font-weight:normal;}
.viewstyle .txt{background-color:#e7fdf3; text-align:center; color:#111; font-size:26px; font-weight:bold; padding:50px 0; position:relative; margin-top:50px;}
.viewstyle .txt:before{content:'“';display:block; position:absolute; top:0px; left:50px; color:#a6dfc4; font-size:150px; font-family:'굴림';}
.viewstyle .txt:after{content:'”';display:block; position:absolute; top:0px; right:50px; color:#a6dfc4; font-size:150px; font-family:'굴림';} 
.viewstyle .viewlist2{width:80%; margin:0 auto;}
.viewstyle .viewlist2 li{color:#111; font-size:18px; font-weight:bold; margin-bottom:20px; position:relative; padding-left:30px;}
.viewstyle .viewlist2 li:before{content:'■';display:block; position:absolute; left:0px; color:#109856; font-weight:bold;}
.viewstyle .viewlist2 li:last-child{margin-bottom:0;}
/* 모의고사/평가 결과보기 응시회차별채점 */
.align-tdbox-left{width: auto; display: inline-block; height: auto;}
.align-tdbox-left > select{width:93px; margin-bottom: 15px;}
.align-tdbox-right{width: 80px; display: inline-block;}
.align-tdbox-right > a{width: 80px}



/* 결제 내역 환불버튼 */
.rerefundBtnSet{margin-top: 20px;}
.m4_d {display: block; overflow: hidden; width: 100%;}
.m_refund {float:right; line-height:35px; }
.m_refund dt {color:#000; font-size:16px; display:inline-block; padding-right:10px; }
.m_refund dd {color:#ff4485; font-size:18px; display:inline-block; zoom:1; }

.insertTb tr td{border-bottom: none;}


/* 교재몰관련 */
.lecture{display: flex; gap:40px}
.lecture .class{width: 180px; overflow: hidden;}
.lecture .class .sec1{}
.lecture .class .sec2{height: 64px;}
.lecture .class .sec2 p.tit{font-size: 14px; color: #000; font-weight: 500; text-align: center;}
.lecture .class .sec2 p.basic{font-size: 14px; color: #109856; text-align: center;}
.lecture .class .sec4 {padding-top: 8px;}
.lecture .class .sec4 .member_amount{display: flex; align-items: center; justify-content: space-between; font-size: 14px; color: #000; font-weight: 500;}
.lecture .class .sec4 .member_amount dd{font-size: 16px; font-weight: bold;}
.lecture .class .sec4 .member_amount dd span{font-size: 14px; font-weight: normal;}