@charset "utf-8";
@import url('layout.css');
@import url('board.css');
@import url('popup.css');

/* intro */
.intro_greeting {padding:10px 0 0 16px;}
.intro_ideology {padding:10px 0 0 60px;}
.intro_history {padding:10px 0 0 10px;}
.intro_contactus {padding:10px 0 0 16px;}

/* cont_mov */
#cont_mov{display: block; float: left; width: 680px; height: 305px; background:#000; margin-bottom: 30px; padding: 10px;}
#cont_mov div#s_mov{display: block; float: left; width: 500px; height: 305px; background: none repeat scroll 0% 0% rgb(102, 102, 102); margin-right: 10px;}
#cont_mov div#s_cash_bg{display: block; float: right; width: 170px; height: 305px; background:url("../images/content/cs.jpg") right top no-repeat}

#cont_mov span.s_cash{float: right; margin: 120px 10px 0px 0px;}

/* explain */
.explain_process { width: 700px; }
.explain_process h4 { width: 700px; padding: 0 0 15px 0; overflow: hidden; background: url('../images/explain/dotline_01.gif') left bottom repeat-x; }
.explain_process dl { width: 668px; padding: 20px 0 22px 32px; overflow: hidden; font-size: 1px; background: url('../images/explain/dotline_01.gif') left bottom repeat-x;}
.explain_process dl dt { margin: 0 0 14px 0; }
.explain_process dl dd { padding-left: 33px; }
.explain_process dl dd .txt { padding-bottom: 3px; letter-spacing: -1px; font-size: 11px; line-height: 13px; }
.explain_process dl dd .login { margin: 7px 0 6px 0; }

.explain_refund { width: 700px; }
.explain_refund h4 { margin: 0 0 12px 0; }
.explain_refund h4 p { padding: 10px 0 0 27px; font-size: 12px; color: #444444; font-weight: normal; }
.explain_refund table { width: 699px; border-top: 2px solid #4583cf; border-left: 1px solid #d8d9db; }
.explain_refund table th { padding: 10px 0 8px 0; font-size: 11px; color: #3876c3; background: url('../images/common/bg_threpeat.gif') 0 0 repeat-x; border-right: 1px solid #d8d9db; border-bottom: 1px solid #d8d9db; }
.explain_refund table td { padding: 7px 0 6px 0; text-align: center; line-height: 17px; color: #888888; border-right: 1px solid #d8d9db; border-bottom: 1px solid #d8d9db; }
.explain_refund ul.caution { width: 535px; margin: 10px 0 30px 0; padding: 18px 0 15px 165px; overflow: hidden; background: #f5f5f5 url('../images/explain/img_transfer_01.gif') 43px 40px no-repeat; }
.explain_refund ul.caution li { padding: 0 0 0 10px; margin: 0 0 6px 0; font-size: 11px; color: #888888; line-height: 16px; background: url('../images/icons/icon_byul_01.gif') 0 5px no-repeat; }
.explain_refund ul.caution li.evt { color: #f75858; background: url('../images/icons/icon_byul_02.gif') 0 5px no-repeat; }
.explain_refund dl { padding: 3px 0 0 27px; }
.explain_refund dl dt { margin: 0 0 12px 0; color: #444444; font-weight: bold; }
.explain_refund dl dd { color: #888888; line-height: 18px; }

.explain_certifiate { width: 700px; }
.explain_certifiate ul { width: 700px; overflow: hidden; }
.explain_certifiate ul li { float: left; width: 225px; margin: 0 0 0 0; padding-bottom: 11px; overflow: hidden; }
.explain_certifiate ul li.mr0 { margin: 0 13px 0 12px; }
.explain_certifiate .btnright { clear: both; position: relative; width: 690px; margin-top: -3px; padding: 0 0 0 10px; color: #f75858; font-size: 11px; }
.explain_certifiate .btnright img.btn { position: absolute; right: 0; top: 0; }
.explain_certifiate .btnright span { position: absolute; left: 0; top: 3px; }

.explain_target { width: 700px; }
.explain_target h4 { margin: 0 0 21px 0; }
.explain_target .process { margin-bottom: 40px; padding: 0 0 0 5px; }
.explain_target .bd { border-top: none !important; }
.explain_target .rulebox { width: 694px; overflow: hidden; border: 3px solid #e3e3e3; }
.explain_target .rulebox .wrap { width: 674px; padding: 4px 0 0 18px; background: #ffffff; border-left: 1px solid #c4c4c4; border-right: 1px solid #c4c4c4; border-bottom: 1px solid #c4c4c4; }
.explain_target .rulebox h5 { width: 694px; height: 23px; padding: 8px 0 0 30px; background: #6a6a6a; }
.explain_target .rulebox dl { width: 646px; padding: 18px 10px 25px 0; overflow: hidden; background: url('../images/explain/dotline_01.gif') left bottom repeat-x; }
.explain_target .rulebox dl.end { background: none; }
.explain_target .rulebox dl dt { padding: 0 0 0 25px; margin: 0 0 5px 0; color: #444444; font-weight: bold; background: url('../images/icons/icon_list_01.gif') 16px 3px no-repeat; }
.explain_target .rulebox dl dd { padding: 0 0 0 24px; color: #888888; line-height: 19px; }

.explain_scholarship{}
.explain_scholarship table {width: 699px; border-top: 2px solid #496fb2; border-left: 1px solid #d8d9db;}
.explain_scholarship table th.bbotm {border-bottom:1px solid #a1b4d1;} 
.explain_scholarship table th.th_tit {color:#676767;} 
.explain_scholarship table th {padding: 10px 0 8px 0; font-size: 11px; color: #3876c3; /*background: url('../images/common/bg_threpeat.gif') 0 0 repeat-x;*/ background:#f5f6f7; border-right: 1px solid #d8d9db; border-bottom: 1px solid #d8d9db;}
.explain_scholarship table td {padding: 7px 0 6px 0; text-align: center; line-height: 17px; color: #888888; border-right: 1px solid #d8d9db; border-bottom: 1px solid #d8d9db;}
.explain_scholarship .td_color {color:#ff6000;}
.explain_scholarship table td.left{padding:15px 15px 15px 15px; text-align:left; text-align:justify;}
.explain_scholarship ul.caution {width: 535px; margin: 10px 0 30px 0; padding: 18px 0 15px 165px; overflow: hidden; background: #f5f5f5 url('../images/explain/img_scholarship_01.gif') 43px 40px no-repeat;}
.explain_scholarship ul.caution li {padding: 0 0 0 10px; margin: 0 0 6px 0; font-size: 11px; color: #888888; line-height: 16px; background: url('../images/icons/icon_byul_01.gif') 0 5px no-repeat;}
.explain_scholarship ul.caution li.evt {color: #f75858; background: url('../images/icons/icon_byul_02.gif') 0 5px no-repeat; }
.explain_scholarship ul.system li {float:none; padding:0 0 0 10px; background: url('../images/icons/icon_byul_03.gif') 0 5px no-repeat;}
.explain_scholarship ul.system li.none {background:none;}

.explain_plan { width: 700px; }
.explain_plan h4 { margin: 0 0 10px 0; }
.explain_plan ul.process { width: 700px; padding: 36px 0 0 0; margin: 0 0 20px 0; overflow: hidden; }
.explain_plan ul.process li { float: left; margin: 0 8px 0 0; }
.explain_plan ul.process li.end { margin: 0; }
.explain_plan table.boardwrite { margin: 0 0 20px 0; }
.explain_plan table.boardwrite input.txt { background: #f8f8f8; border-top: 1px solid #b8b8b8; border-left: 1px solid #b8b8b8; border-right: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; }
.explain_plan table.boardwrite select { color: #444444; }
.explain_plan .btnright { margin-bottom: 30px; }


/* mypage */
.mypage_main { }
.mypage_main h4 { margin: 0 0 12px 0; }
.mypage_main ul.tab { position: relative; z-index: 0; right: 0; width: 153px; height: 23px; margin-top: -20px; padding: 0 0 0 157px; font-size: 1px; background: url('../images/mypage/bg_tab_bot.gif') left bottom no-repeat; }
.mypage_main ul.mypagetab { position: relative; z-index: 0; right: 0; width: 153px; height: 23px; margin-top: -20px; padding: 0 0 0 230px; font-size: 1px; background: url('../images/mypage/bg_tab_bot.gif') left bottom no-repeat; }
.mypage_main ul.tab li { float: left; margin: 0 3px 0 0; }
.mypage_main ul.list { clear: both; padding: 19px 20px 0 22px; }
.mypage_main ul.list li { padding: 0 0 0 12px; margin: 0 0 11px 0; font-size: 11px; color: #989898; background: url('../images/icons/icon_list_02.gif') 0 4px no-repeat; }
.mypage_main .myhaksa { float: left; width: 370px; margin: 0 20px 0 0; padding-bottom: 30px; overflow: hidden; }
.mypage_main .myhaksa table { width: 370px; border-left: 1px solid #d8d9db; border-top: 2px solid #e33e36; }
.mypage_main .myhaksa table th { padding: 9px 0 7px 0; color: #666666; font-size: 11px; font-weight: bold; background: #f7f7f7; border-right: 1px solid #d8d9db; border-bottom: 1px solid #d8d9db; }
.mypage_main .myhaksa table td { padding: 9px 0 7px 15px; line-height: 13px; color: #444444; text-align: left; border-right: 1px solid #d8d9db; border-bottom: 1px solid #d8d9db; }
.mypage_main .notice { float: left; width: 310px; height: 181px; margin-bottom: 30px; overflow: hidden; background: url('../images/mypage/bg_listbox.gif') 0 0 no-repeat; }
.mypage_main .inquiry { float: left; width: 370px; margin: 0 20px 30px 0; overflow: hidden; }
.mypage_main .inquiry table.boardlist { width: 370px; background: url('../images/mypage/bg_tablehead_01.gif') 0 0 no-repeat !important; }
.mypage_main .inquiry table.boardlist th { color: #565656; }
.mypage_main .inquiry table.boardlist td { line-height: 12px; }
.mypage_main .inquiry table.boardlist td.reply { padding: 3px 0 3px 0; text-align: center; }
.mypage_main .inquiry table.boardlist td.title a { letter-spacing: -1px; }
.mypage_main .inquiry table.boardlist td.date { padding: 7px 0 0 0; vertical-align: top; }
.mypage_main .msgbox { float: left; width: 310px; height: 181px; overflow: hidden; background: url('../images/mypage/bg_listbox.gif') 0 0 no-repeat; }
.mypage_main .lecturelist { clear: both; width: 700px; }
.mypage_main .lecturelist table.boardlist th { color: #565656; }

.mypage_course { }

.mypage_note { }
.mypage_note ul.notesearch { width: 542px; height: 64px; margin: 0 0 13px 0; padding: 17px 0 0 158px; background: url('../images/mypage/bg_searchbox.gif') 0 0 no-repeat; }
.mypage_note ul.notesearch li { float: left; margin: 0 5px 5px 0; }
.mypage_note ul.notesearch li select { width: 98px; color: #888888; }
.mypage_note ul.notesearch li input.txt { width: 300px; background: #f8f8f8; border-top: 1px solid #b8b8b8; border-left: 1px solid #b8b8b8; border-right: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; }
.mypage_note ul.notesearch li.btn { padding: 1px 0 0 0; }
.mypage_note ul.notesearch li.end { width: 200px; }

.mypage_paylist { }
.mypage_paylist h4 { position: relative; width: 700px; margin: 20px 0 0 0; }
.mypage_paylist h4 .btn { position: absolute; right: 0; top: 15px; }
.mypage_paylist ul.tab { margin-bottom: 10px; overflow: hidden; }
.mypage_paylist ul.tab li { float: left; margin-right: 2px; }
.mypage_paylist .btnright { margin-bottom: 30px; }
.mypage_paylist ul.payways { width: 678px; height: 116px; padding: 27px 0 0 22px; background: url('../images/mypage/bg_payway.gif') 0 0 no-repeat; }
.mypage_paylist ul.payways li { width: 656px; padding: 10px 0 8px 10px; line-height: 16px; background: url('../images/mypage/dotline_01.gif') left bottom repeat-x; }
.mypage_paylist ul.payways li p { padding: 0 0 0 9px; letter-spacing: 0; color: #444444; background: url('../images/icons/icon_list_01.gif') 0 5px no-repeat; }
.mypage_paylist ul.payways li p strong { color: #964646; letter-spacing: -1px; }
.mypage_paylist ul.payways li p img { vertical-align: -3px; }
.mypage_paylist ul.payways li.end { background: none; }

.mypage_complete { }
.mypage_complete ul.notesearch { width: 542px; height: 64px; margin: 0 0 13px 0; padding: 17px 0 0 158px; background: url('../images/mypage/bg_searchbox.gif') 0 0 no-repeat; }
.mypage_complete ul.notesearch li { float: left; margin: 0 5px 5px 0; }
.mypage_complete ul.notesearch li select { width: 98px; color: #888888; }
.mypage_complete ul.notesearch li input.txt { width: 300px; background: #f8f8f8; border-top: 1px solid #b8b8b8; border-left: 1px solid #b8b8b8; border-right: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; }
.mypage_complete ul.notesearch li.btn { padding: 1px 0 0 0; }
.mypage_complete ul.notesearch li.end { width: 200px; }
.mypage_complete .btnright span { margin-right: 10px; vertical-align: 3px; color: #f75858; font-size: 11px; }

.mypage_cert { }
.mypage_cert h4 { width: 700px; margin: 0 0 10px 0; }
.mypage_cert ul.tab { margin-bottom: 10px; overflow: hidden; }
.mypage_cert ul.tab li { float: left; margin-right: 2px; }

.mypage_request { }
.mypage_request h4 { width: 700px; margin: 0 0 10px 0; }
.mypage_request table.boardwrite td { padding: 4px 0 4px 10px; }

.mypage_schedule { }
.mypage_schedule h4 { width: 700px; margin: 0 0 10px 0; }
.mypage_schedule ul.tab { margin-bottom: 10px; overflow: hidden; }
.mypage_schedule ul.tab li { float: left; margin-right: 2px; }
.mypage_schedule h4 { position: relative; margin: 30px 0 8px 0; }
.mypage_schedule h4 span { position: absolute; right: 1px; top: 7px; color: #f75858; font-size: 11px; font-weight: normal; }
.mypage_schedule .subjectchoice { clear: both; width: 677px; margin: 0 0 10px 0; padding: 9px 0 7px 20px; text-align: left; font-weight: bold; color: #444444; overflow: hidden; background: #f0f0f0; }
.mypage_schedule .subjectchoice .hd { vertical-align: 3px; }
.mypage_schedule ul.weeklist { clear: both; padding: 0 0 15px 0; overflow: hidden; }
.mypage_schedule ul.weeklist li { float: left; width: 67px; height: 15px; margin: 0 3px 3px 0; padding: 5px 0 0 0; text-align: center; font-size: 11px; color: #888888; background: url('../images/mypage/bg_wtab.gif') 0 0 no-repeat; }
.mypage_schedule ul.weeklist li a { color: #888888; }
.mypage_schedule ul.weeklist li.test { width: 127px; padding-left: 10px; text-align: left; color: #4583cf; font-weight: bold; background: url('../images/mypage/bg_wtab_on.gif') 0 0 no-repeat; }
.mypage_schedule ul.weeklist li.test a { color: #4583cf; }
.mypage_schedule .simpleplan { position: relative; width: 684px; height: 120px; margin: 0; padding: 10px 0 0 16px; background: url('../images/mypage/bg_simpleplan.gif') 0 0 no-repeat; }
.mypage_schedule .simpleplan .btn { position: absolute; right: 24px; top: 27px; }
.mypage_schedule .simpleplan ul { clear: both; padding: 10px 0 0 0; overflow: hidden; }
.mypage_schedule .simpleplan ul li { float: left; color: #444444; }
.mypage_schedule .simpleplan ul li.hd { margin-right: 10px; padding: 5px 0 0 10px; font-weight: bold; background: url('../images/icons/icon_arr_010.gif') 0 1px no-repeat; }
.mypage_schedule .simpleplan ul li input.txt { width: 100px; background: #f8f8f8; border-top: 1px solid #b8b8b8; border-left: 1px solid #b8b8b8; border-right: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; }
.mypage_schedule .simpleplan ul li.sel { margin: 0 5px 0 0; }
.mypage_schedule .simpleplan ul li.txt { padding: 5px 5px 0 0; }
.mypage_schedule .simpleplan ul li.cal { padding: 5px 6px 0 4px; }
.mypage_schedule .simpleplan ul li.rc { margin: 0 17px 0 0; }
.mypage_schedule .simpleplan p { clear: both; width: 656px; margin: 15px 0 0 0; padding: 10px 0 0 10px; overflow: hidden; color: #f75858; font-size: 11px; background: url('../images/mypage/dotline_01.gif') left top repeat-x; }
.mypage_schedule .pndate { width: 210px; margin: 30px auto 0; color: #3a3a3a; font-size: 24px; font-weight: bold; font-family: Tahoma; }
.mypage_schedule .pndate img { vertical-align: middle; }
.mypage_schedule .pndate .prev { margin-right: 15px; }
.mypage_schedule .pndate .next { margin-left: 15px; }
.mypage_schedule .todaydate { width: 697px; padding-right: 3px; margin: -5px 0 7px 0; text-align: right; color: #666666; font-weight: bold; }

.mypage_modify { }
.mypage_modify h4 { margin: 0 0 20px 0; }
.mypage_modify dl { position: relative; float: left; width: 340px; height: 130px; padding: 0; margin: 0 20px 0 0; font-size: 1px; background: url('../images/mypage/bg_loginbox.gif') left bottom no-repeat; }
.mypage_modify dl.loginbox_02 { margin: 0; }
.mypage_modify dl dt { margin: 0 0 41px 0; }
.mypage_modify dl.loginbox_02 dt { margin: 0 0 45px 0; }
.mypage_modify dl dd { padding: 0 0 3px 0; }
.mypage_modify dl dd label { margin: 0 33px 0 0; padding-left: 25px; }
.mypage_modify dl.loginbox_02 dd label { margin: 0 15px 0 0; }
.mypage_modify dl dd input.txt { width: 150px; color: #888888; font-size: 11px; font-family: Dotum; background: #f8f8f8; border-top: 1px solid #b8b8b8; border-left: 1px solid #b8b8b8; border-right: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; }
.mypage_modify dl dd.btn { position: absolute; right: 25px; top: 59px; }
.mypage_modify dl dd.txt { padding: 2px 0 0 188px; font-size: 11px; letter-spacing: -1px; color: #ff6c00; }

.mypage_msg { }
.mypage_msg ul.tab { margin-bottom: 10px; overflow: hidden; }
.mypage_msg ul.tab li { float: left; margin-right: 2px; }
.mypage_msg .total { clear: both; padding: 0 0 8px 0; color: #888888; font-weight: bold; }
.mypage_msg .total span { color: #f75858; }
.mypage_msg .mt { margin: -44px 0 0 0; }

.mypage_qna { }
.mypage_qna h4 { margin: 30px 0 10px 0; }
.mypage_qna .total { clear: both; padding: 0 0 8px 0; color: #888888; font-weight: bold; }
.mypage_qna .total span { color: #f75858; }
.mypage_qna .mt { margin: -44px 0 0 0; }
.mypage_qna table.boardwrite td { padding: 5px 0 5px 10px; }

.mypage_pcregist { }
.mypage_pcregist h4 { position: relative; margin: 0 0 10px 0; }
.mypage_pcregist h4 .btn { position: absolute; right: 2px; top: 3px; }
.mypage_pcregist ul.pcreg { width: 678px; height: 196px; padding: 27px 0 0 22px; margin: 0 0 30px 0; background: url('../images/mypage/bg_pcreg.gif') 0 0 no-repeat; }
.mypage_pcregist ul.pcreg li { width: 656px; padding: 10px 0 8px 10px; line-height: 16px; background: url('../images/mypage/dotline_01.gif') left bottom repeat-x; }
.mypage_pcregist ul.pcreg li p { padding: 0 0 0 9px; letter-spacing: 0; color: #444444; background: url('../images/icons/icon_list_01.gif') 0 5px no-repeat; }
.mypage_pcregist ul.pcreg li p strong { color: #964646; letter-spacing: -1px; }
.mypage_pcregist ul.pcreg li p img { vertical-align: -3px; }
.mypage_pcregist ul.pcreg li.end { background: none; }
.mypage_pcregist table.boardwrite td { padding: 5px 0 5px 10px; }
.mypage_pcregist table.boardwrite td input.txt { padding-left: 7px; font-size: 11px; }
.mypage_pcregist .pcnaming { margin: 9px 0 0 0; padding-left: 1px; color: #f75858; font-size: 11px; }

.mypage_memberout { }
.mypage_memberout h4 { margin: 0 0 25px 0; }
.mypage_memberout .confirmchk { width: 700px; margin: 0 0 10px 0; padding: 9px 0 7px 0; text-align: center; font-weight: bold; color: #444444; overflow: hidden; background: #f0f0f0; }
.mypage_memberout .confirmchk span { margin-left: 30px; }

/* member */
.member_idpwsch { width: 700px; }
.member_idpwsch dl { position: relative; float: left; width: 315px; height: 217px; margin: 0 20px 0 0; padding: 0 0 0 25px; background: url('../images/member/bg_idpwschbox.gif') 0 0 no-repeat; }
.member_idpwsch dl.pwsch { margin: 0; }
.member_idpwsch dl dt { margin: 0 0 46px -25px; }
.member_idpwsch dl.pwsch dt { margin: 0 0 30px -25px; }
.member_idpwsch dl dd { margin: 0 0 3px 0; }
.member_idpwsch dl dd input.txt { width: 147px; height: 14px; background: #f8f8f8; border-top: 1px solid #b8b8b8; border-left: 1px solid #b8b8b8; border-right: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; }
.member_idpwsch dl dd label { margin: 0 20px 0 0; }
.member_idpwsch dl dd.txt { position: absolute; left: 26px; top: 147px; width: 300px; height: 76px; color: #888888; font-size: 11px; line-height: 16px; }
.member_idpwsch dl dd.btn { position: absolute; right: 23px; top: 65px; }

.member_login {width:720px }
.member_login h4 { margin: 0 0 20px 0; }
.member_login dl { position: relative; float: left; width: 315px; height: 147px; margin: 0 20px 0 0; padding: 0 0 0 25px; background: url('../images/member/bg_loginbox.gif') 0 0 no-repeat; }
.member_login dl.cert { margin: 0; }
.member_login dl dt { margin: 0 0 32px -25px }
.member_login dl dd { margin: 0 0 3px 0; }
.member_login dl dd input.txt { width: 162px; height: 14px; background: #f8f8f8; border-top: 1px solid #b8b8b8; border-left: 1px solid #b8b8b8; border-right: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; }
.member_login dl dd label { margin: 0 25px 0 0; }
.member_login dl dd.btn_login { position: absolute; right: 25px; top: 51px; }
.member_login dl dd.btnset { width: 288px; padding: 8px 0 0 0; text-align: right; }
.member_login .loginpr { clear: both; width: 700px; margin: 12px 0 0 0; padding-top: 8px; text-align: right; color: #ff6c00; font-size: 11px; }
.member_login dl.member_02 { margin: 0; }
.member_login dl.member_02 dt { margin: 0 0 45px -25px; }
.member_login dl.member_02 dd label { margin: 0 15px 0 0; }
.member_login dl dd.btn { position: absolute; right: 25px; top: 59px; }
.member_login dl dd.txt { padding: 2px 0 0 163px; font-size: 11px; letter-spacing: -1px; color: #ff6c00; }


.member_rule { }
.member_rule .mb20{margin-bottom:20px; }
.member_rule .ml18{margin-left:18px; }
.member_rule .ml12{margin-left:12px; }
.member_rule .title{margin-bottom: 20px;text-align:center;font-weight:700;color:#565656;font-size:17px;}
.member_rule h4 { clear: both; margin: 0 0 30px 0; font-size: 12px; line-height: 17px; font-weight: normal; color: #444444; }
.member_rule h5 { margin: 0 0 9px 0; padding: 0 0 0 10px; font-size: 12px; color: #565656; font-weight: bold; background: url('../images/icons/icon_list_03.gif') 0 3px no-repeat; }
.member_rule ul.tab { margin-bottom: 20px; overflow: hidden; }
.member_rule ul.tab li { float: left; margin-right: 2px; }
.member_rule dl { clear: both; width: 700px; margin: 0 0 27px 0; overflow: hidden; }
.member_rule dl dt {display:flex;align-items:center;margin: 0 0 5px 0; padding: 0 0 0 10px; font-size: 12px; color: #565656; font-weight: bold; background: url('../images/icons/icon_list_03.gif') 0 50% no-repeat; }
.member_rule dl dt img{height:55px;}
.member_rule dl dd { padding: 0 0 0 10px; text-align: justify; color: #888888; line-height: 19px; }
.member_rule dl dd strong{font-weight:400;}
.member_rule dl dd table strong{font-weight:700;}
.member_rule dl dd p strong{font-weight:700;}
.member_rule .list p{margin-left: 22px;}
.member_rule .text_in{text-indent: -20px;margin-left: 20px;}
.member_rule .text_in2{text-indent: -14px;margin-left: 14px;}
.member_rule .text_in2 strong{font-weight:700;}
.member_rule .culc { padding: 10px 0 9px 15px; margin: 0 0 15px 0; background: #f7f7f7;  font-weight:bold; }
.member_rule table { clear: both; width: 699px; border-top: 2px solid #4583cf; border-left: 1px solid #d8d9db; }
.member_rule table th { padding: 10px 0 7px 0; font-size: 11px; color: #3876c3; background: #f5fbff; border-right: 1px solid #d8d9db; text-align:center;border-bottom: 1px solid #d8d9db; }
.member_rule table td { padding: 9px 0 8px 0; text-align: center; color: #888888; border-right: 1px solid #d8d9db; border-bottom: 1px solid #d8d9db; }
.member_rule table.use_table td { padding: 8px 8px 7px 8px; line-height: 17px; text-align: left; vertical-align: top; }
.member_rule table.use_table td.vam { vertical-align: middle; }
.member_rule table.use_table th { padding: 9px 0 6px 0; line-height: 15px; }
.member_rule .others { margin: 22px 0 0 0; }
.member_rule .link-box{display:flex;flex-wrap:wrap;justify-content:center;row-gap: 12px;margin-bottom: 30px;}
.member_rule .link-box li{width:calc(100% / 5);max-width:123px;text-align: center;}
.member_rule .link-box li img{width: auto;height: 95px;}

.member_join { }
.member_join h4 { margin: 0 0 15px 0; }
.member_join h5 { margin: 0 0 10px 0; }
.member_join h5.mt 30 { margin-top: 30px !important; }
.member_join .joinproc { margin: 0 0 10px 0; }
.member_join .nameconfirm { width: 679px; height: 127px; margin: 0 0 30px 0; overflow: hidden; padding: 23px 0 0 21px; font-size: 11px; color: #888888; background: url('../images/member/bg_jointxtbox.gif') 0 0 no-repeat; }
.member_join .nameconfirm .txtbox { float: left; width: 370px; word-spacing: -1px; line-height: 18px; }
.member_join .nameconfirm .txtbox span { color: #ff6c00; }
.member_join .nameconfirm .txtbox img.btn { vertical-align: middle; margin-left: 5px; }
.member_join .nameconfirm dl { position: relative; float: left; width: 278px; margin: 0 19px 0 0; padding: 7px 0 0 0; }
.member_join .nameconfirm dl dt { width: 273px; margin: 0 0 17px 0; padding: 0 0 11px 5px; overflow: hidden; font-size: 12px; background: url('../images/member/dotline_01.gif') left bottom repeat-x; }
.member_join .nameconfirm dl dt span { margin: 0 20px 0 0; }
.member_join .nameconfirm dl dt label { margin: 0 10px 0 0; }
.member_join .nameconfirm dl dd label { margin: 0 10px 0 0; }
.member_join .nameconfirm dl dd { clear: both; width: 270px; padding: 0 0 4px 5px; }
.member_join .nameconfirm dl dd input.txt { height: 14px; background: #f8f8f8; border-top: 1px solid #b8b8b8; border-left: 1px solid #b8b8b8; border-right: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; }
.member_join .nameconfirm dl dd.btn { position: absolute; right: 8px; top: 48px; width: 45px; height: 48px; }
.member_join .rulebox { clear: both; width: 678px; /* min-height: 200px;*/ padding: 10px; border-top: 2px solid #4583cf; border-left: 1px solid #d8d9db; border-right: 1px solid #d8d9db; border-bottom: 1px solid #d8d9db; }
.member_join .rulebox .scrollbox { width: 662px; height: 184px; overflow-y: scroll; overflow-x: hidden; padding: 8px; font-size: 11px; line-height: 17px; background: #f8f8f8; border: 1px solid #b8b8b8; scrollbar-face-color: #ffffff; scrollbar-shadow-color: #d4d4d4; scrollbar-highlight-color: #d4d4d4; scrollbar-3dlight-color: #ffffff; scrollbar-darkshadow-color: #ffffff; scrollbar-track-color: #ffffff; scrollbar-arrow-color: #d4d4d4; }
.member_join .agreechk { width: 690px; margin: 10px 0 0 0; padding: 0 10px 0 0; text-align: right; }
.member_join .agreechk span { margin-left: 20px; }
.member_join p.agree_grude { padding:20px 30px 20px 30px; background-color:#f7f7f7; border-bottom: 1px solid #e6e6e6; border-top:1px solid #e6e6e6; color:#333333; height:36px; letter-spacing:-1px; line-height:1.5em; padding-left:25px; text-decoration:none; }

.member_join .txtguide { width: 510px; padding: 13px 0 15px 190px; margin: 30px 0; overflow: hidden; color: #888888; font-size: 11px; line-height: 17px; background: #f7f7f7 url('../images/member/img_guide.gif') 58px 15px no-repeat; }
.member_join .pctxt { padding: 10px 0 0 2px; font-size: 11px; color: #888888; line-height: 16px; }
.member_join dl.joinok { position: relative; width: 650px; height: 132px; margin: 0 0 30px 0; padding: 48px 0 0 50px; background: url('../images/member/bg_joinokbox.gif') 0 0 no-repeat; }
.member_join dl.joinok dt { margin: 0 0 16px 0; }
.member_join dl.joinok dd { padding: 0 0 0 14px; line-height: 17px; color: #888888; letter-spacing: -1px; }
.member_join dl.joinok dd .name { color: #444444; }
.member_join dl.joinok dd.btn { position: absolute; left: 320px; top: 90px; }
.member_join ul.studyguide { }
.member_join ul.studyguide li { float: left; margin: 0 20px 12px 0; }
.member_join ul.studyguide li.mr0 { margin-right: 0; }
.member_join .btnright { }

.member_auth { }
.member_auth h4 { margin: 0 0 10px 0; }
.member_auth table.mtm { margin-top: -12px !important; }
.member_auth ul.tab { position: relative; width: 700px; margin-bottom: 20px; overflow: hidden; }
.member_auth ul.tab li { float: left; margin-right: 2px; }
.member_auth ul.tab li.faq { position: absolute; right: 0; }
.member_auth .txt_auth1 { margin: 0 0 30px 0; line-height: 17px; color: #444444; }
.member_auth .txt_auth2 { margin: 0 0 30px 0; padding: 0 0 0 26px; text-align: justify; line-height: 17px; color: #888888; }
.member_auth ul.authapp { width: 700px; }
.member_auth ul.authapp li { padding: 0 0 25px 0; background: url('../images/icons/arr_bot.gif') center bottom no-repeat; }
.member_auth ul.authapp li.end { background: none; }
.member_auth table { clear: both; width: 699px; border-top: 2px solid #4583cf; border-left: 1px solid #d8d9db; }
.member_auth table th { padding: 9px 0 6px 0; line-height: 14px; font-size: 11px; color: #3876c3; background: #f5fbff; border-right: 1px solid #d8d9db; border-bottom: 1px solid #d8d9db; }
.member_auth table td { padding: 8px 0 6px 0; text-align: center; line-height: 17px; color: #444444; border-right: 1px solid #d8d9db; border-bottom: 1px solid #d8d9db; }
.member_join p.confirm_box {width:676px; padding:12px; margin:0 0 10px 0; background:#f2f2f2; line-height:18px;}
.member_join p.name_complete {width:654px; margin:22px 0 10px 0; text-align:center; font-size:22px; font-weight:bold; color:#c00000;}
.member_auth table th.authcenter { background: #f7f7f7; }
.member_auth table td.authcenter { padding: 20px 0 17px 20px; text-align: left; color: #888888; }
.member_auth table td.authcenter p { margin: 0 0 5px 0; font-weight: bold; color: #4583cf; }
.member_auth table td.authcenter .tel { font-family: verdana; font-size: 11px; }
.member_auth table td.authcenter .url { margin: 0 0 0 30px; font-family: verdana; font-size: 11px; }
.member_auth table td.authcenter .url a { text-decoration: underline; font-family: verdana; color: #888888; }

/* classroom */
body#classroom ul.subjectsch { width: 600px !important; height: 37px; margin: 0 0 25px 0; padding: 13px 0 0 100px; background: url('../images/common/bg_boardschtop.gif') 0 0 no-repeat; }
body#classroom ul.subjectsch li { float: left; padding: 2px 0 0 0; margin: 0 4px 0 0; }
body#classroom ul.subjectsch li.hd { height: 22px; padding: 6px 15px 0 30px; color: #444444; font-weight: bold; background: url('../images/icons/icon_search.gif') 0 0 no-repeat; }
body#classroom ul.subjectsch li select { }

body#classroom ul.subjectsch_s { width: 600px !important; height: 37px; padding: 13px 0 0 150px !important; margin: 0 0 25px 0; background: url('../images/common/bg_boardschtop.gif') 0 0 no-repeat; }
body#classroom ul.subjectsch_s li { float: left; padding: 2px 0 0 0; margin: 0; }
body#classroom ul.subjectsch_s li.hd { height: 22px; padding: 6px 15px 0 30px; color: #444444; font-weight: bold; background: url('../images/icons/icon_search.gif') 0 0 no-repeat; }
body#classroom ul.subjectsch_s li select { width: 300px; }

.classroom_main { }
.classroom_main h4 { margin: 0 0 12px 0; }
.classroom_main ul.subjectsch { width: 550px !important; padding: 13px 0 0 100px !important; }
.classroom_main ul.subjectsch li { margin: 0; }
.classroom_main ul.subjectsch li select { width: 300px; }
.classroom_main .subjectqna { float: left; width: 370px; margin: 0 20px 0 0; }
.classroom_main .subjectqna table.boardlist { width: 370px; background: url('../images/mypage/bg_tablehead_01.gif') 0 0 no-repeat !important; }
.classroom_main .subjectqna table.boardlist th { color: #565656; }
.classroom_main .subjectqna table.boardlist td { line-height: 12px; }
.classroom_main .subjectqna table.boardlist td.reply { padding: 3px 0 3px 0; text-align: center; }
.classroom_main .subjectqna table.boardlist td.title a { letter-spacing: -1px; }
.classroom_main .subjectqna table.boardlist td.date { padding: 7px 0 0 0; vertical-align: top; }
.classroom_main .notice { float: left; width: 310px; height: 181px; margin-bottom: 30px; overflow: hidden; background: url('../images/classroom/bg_listbox.gif') 0 0 no-repeat; }
.classroom_main .notice ul.list { clear: both; padding: 19px 20px 0 22px; }
.classroom_main .notice ul.list li { padding: 0 0 0 12px; margin: 0 0 11px 0; font-size: 11px; color: #989898; background: url('../images/icons/icon_list_02.gif') 0 4px no-repeat; }
.classroom_main .subjectuguide { clear: both; width: 700px; }
.classroom_main .subjectuguide table.boardlist { width: 700px; }
.classroom_main .subjectuguide table.boardlist td.teacher { font-size: 12px; }
.classroom_main .subjectuguide table.boardlist td.hakjum { font-size: 11px; }
.classroom_main .subjectuguide table.testschedule { width: 699px; margin: 20px 0 0 0; background: none !important; border-top: 2px solid #e33e36; border-left: 1px solid #d8d9db; }
.classroom_main .subjectuguide table.testschedule th { padding: 9px 0 7px 0; color: #565656; font-size: 11px; background: #f7f7f7; border-bottom: 1px solid #d8d9db; border-right: 1px solid #d8d9db; }
.classroom_main .subjectuguide table.testschedule td { padding: 7px 0 7px 0; text-align: center; font-size: 11px; font-family: verdana; border-bottom: 1px solid #d8d9db; border-right: 1px solid #d8d9db; }
.classroom_main .subjectuguide table.testschedule td .btnset { width: 80px; margin: 5px 0 3px 0; text-align: center; }
.classroom_main .subjectuguide table.testschedule td .btnset img { margin-top: 3px; }
*html .classroom_main .subjectuguide table.testschedule td .btnset img { margin-top: 1px; }
*+html .classroom_main .subjectuguide table.testschedule td .btnset img { margin-top: 1px; }

.classroom_main .studystatus { clear: both; width: 700px; margin: 30px 0 0 0; }
.classroom_main .studystatus table.boardview { width: 699px; background: none !important; border-top: 2px solid #e33e36; border-left: 1px solid #d8d9db; } 
.classroom_main .studystatus table.boardview th { padding: 9px 0 7px 0; background: #f7f7f7; border-bottom: 1px solid #d8d9db; border-right: 1px solid #d8d9db; }
.classroom_main .studystatus table.boardview td { }
.classroom_main .studystatus table.boardview td.percent { padding-right: 10px; text-align: right; font-family: verdana; font-size: 11px; color: #444444; }
.classroom_main .studystatus table.boardview td.prbar_01 { padding-right: 10px; }
.classroom_main .studystatus table.boardview td.prbar_01 p { height: 13px; font-size: 1px; background: url('../images/classroom/bg_prs_01.gif') 0 0 repeat-x; }
.classroom_main .studystatus table.boardview td.prbar_02 { padding-right: 10px; }
.classroom_main .studystatus table.boardview td.prbar_02 p { height: 13px; font-size: 1px; background: url('../images/classroom/bg_prs_02.gif') 0 0 repeat-x; }
.classroom_main .studystatus table.boardview td.prbar_03 { padding-right: 10px; }
.classroom_main .studystatus table.boardview td.prbar_03 p { height: 13px; font-size: 1px; background: url('../images/classroom/bg_prs_03.gif') 0 0 repeat-x; }
.classroom_main .lecturelist { clear: both; width: 700px; margin: 30px 0 0 0; }
.classroom_main .lecturelist .titimg { }
.classroom_main .lecturelist table.boardview { width: 699px; background: none !important; border-top: 2px solid #e33e36; border-left: 1px solid #d8d9db; }
.classroom_main .lecturelist table.boardview th { padding: 9px 0 7px 0; background: #f7f7f7; border-bottom: 1px solid #d8d9db; border-right: 1px solid #d8d9db; }
.classroom_main .lecturelist table.boardview td { border-right: 1px solid #d8d9db; }
.classroom_main .lecturelist table.boardview td.date { text-align: center; font-family: verdana; font-size: 11px; }
.classroom_main .lecturelist table.boardview td.num { text-align: center; font-family: verdana; font-size: 11px; }
.classroom_main .lecturelist table.boardview td.scname { padding: 8px 7px 6px 7px; line-height: 17px; }
.classroom_main .lecturelist table.boardview td.scname p { margin: 0 0 2px 0; font-weight: bold; color: #444444; }
.classroom_main .lecturelist table.boardview td.stbtn { text-align: center; font-family: verdana; font-size: 11px; }
.classroom_main .lecturelist table.boardview td.btn { text-align: center; font-family: verdana; font-size: 11px; }
.classroom_main .lecturelist table.boardview td.btn img { margin-top: 5px; }
/* <-- 2017-02-09 이후 */
.classroom_main .lecturelist { clear: both; width: 700px; margin: 30px 0 0 0; }
.classroom_main .lecturelist .titimg { }
.classroom_main .lecturelist table.boardview02 { width: 699px; background: none !important; border-top: 2px solid #e33e36; border-right:1px solid #d8d9db; border-bottom:1px solid #d8d9db;}
.classroom_main .lecturelist table.boardview02 th { padding: 10px 0 8px 0; background: #f7f7f7; border-bottom: 1px solid #d8d9db; border-left: 1px dashed #d8d9db; color:#555;}
.classroom_main .lecturelist table.boardview02 td { border-left: 1px dashed #d8d9db; border-top: 1px dashed #d8d9db; border-bottom:0px;}
.classroom_main .lecturelist table.boardview02 tr.first td{border-top:0px;}
.classroom_main .lecturelist table.boardview02 th:first-child, .classroom_main .lecturelist table.boardview02 td:first-child{
	border-left:1px solid #d8d9db;
}
.classroom_main .lecturelist table.boardview02 td.date { text-align: center; font-family: verdana; font-size: 11px; }
.classroom_main .lecturelist table.boardview02 td.num { text-align: center; font-family: verdana; font-size: 11px; }
.classroom_main .lecturelist table.boardview02 td.scname { padding: 8px 7px 6px 7px; line-height: 17px; }
.classroom_main .lecturelist table.boardview02 td.scname p { margin: 0 0 2px 0; font-weight: bold; color: #444444; }
.classroom_main .lecturelist table.boardview02 td.stbtn { text-align: center; font-family: verdana; font-size: 11px; }
.classroom_main .lecturelist table.boardview02 td.btn { text-align: center; font-family: verdana; font-size: 11px; padding:10px 5px;}
/* 2017-02-09 이후 --> */

.classroom_curriculum { }
.classroom_curriculum h4 { margin: 0 0 10px 0; padding: 0 0 0 15px; color: #f44e46; font-size: 14px; background: url('../images/icons/icon_stit_01.gif') 0 0 no-repeat; }
.classroom_curriculum table.databoard { margin: 0 0 30px 0; border-collapse:collapse; empty-cells:show;}
.classroom_curriculum table.databoard p{padding:0 0 5px 0; line-height:20px;}

.classroom_notice { }
.classroom_notice h4 { }
.classroom_notice .total { clear: both; width: 697px; padding: 0 0 8px 3px; color: #888888; font-weight: bold; }
.classroom_notice .total span { color: #f75858; }
.classroom_notice .mt { margin: -44px 0 0 0; }
.classroom_notice table.boardlist td { padding: 7px 0 5px 0; }
.classroom_notice table.boardwrite td.subjectnm { font-weight: bold; color: #444444; }

.classroom_evalution { }
.classroom_evalution h4 { margin: 0 0 10px 0; }
.classroom_evalution table.boardlist tr.total td { background: #f7f7f7; }
.classroom_evalution table.boardlist tr.total td.allgrade { font-size: 11px; color: #565656; font-weight: bold; }
.classroom_evalution table.boardlist tr.total td.allgrade { font-size: 11px; color: #565656; font-weight: bold; }
.classroom_evalution table.databoard td { padding-left: 0; text-align: center; }
.classroom_evalution table.databoard td.grade { font-family: verdana; font-weight: bold; font-size: 11px; color: #487dd9; }
.classroom_evalution table.databoard td.date { font-family: verdana; font-size: 11px; }
.classroom_evalution table.databoard tr.total td { padding-top: 7px; font-weight: bold; font-size: 11px; background: #f7f7f7; }
.classroom_evalution table.databoard tr.total td.allgrade { color: #666666; }
.classroom_evalution table.databoard tr.total td.grade { font-size: 11px; color: #ee6c22; }
.classroom_evalution table.databoard td.completion strong { color: #ee6c22; }
.classroom_evalution table.databoard td.mst { padding-left: 10px; text-align: left; }
.classroom_evalution .btxt { width: 700px; margin: 5px 0 20px 0; text-align: right; font-size: 11px; color: #888888; }
.classroom_evalution .btxt .total { color: #ed1b23; }

.classroom_dissent { }
.classroom_dissent h4 { margin: 30px 0 10px 0; }
.classroom_dissent .mt { margin: -44px 0 0 0; }
.classroom_dissent .total { clear: both; width: 697px; padding: 0 0 8px 3px; color: #888888; font-weight: bold; }
.classroom_dissent .total span { color: #f75858; }
.classroom_dissent table.boardlist td.title img { vertical-align: -2px; }
.classroom_dissent table.boardview tr.info td { padding: 9px 0 6px 10px; font-family: Dotum; }
.classroom_dissent table.boardview tr.info td.num { padding: 7px 0 7px 10px; font-family: verdana; }
.classroom_dissent table.boardview tr.info td.date { padding: 7px 0 7px 10px; font-family: verdana; }
.classroom_dissent table.boardview tr.info td.btn { padding: 5px 0 5px 0; }
.classroom_dissent table.boardwrite td { padding: 4px 0 4px 10px; }

.classroom_scroll { overflow-y:scroll; }

.classroom_reference { }
.classroom_reference .total { clear: both; width: 697px; padding: 0 0 8px 3px; color: #888888; font-weight: bold; }
.classroom_reference .total span { color: #f75858; }
.classroom_reference .mt { margin: -44px 0 0 0; }
.classroom_reference table.boardlist td { padding: 7px 0 5px 0; }
.classroom_reference table.boardwrite td.subjectnm { font-weight: bold; color: #444444; }

.classroom_comm { }
.classroom_comm .total { clear: both; width: 697px; padding: 0 0 8px 3px; color: #888888; font-weight: bold; }
.classroom_comm .total span { color: #f75858; }
.classroom_comm .mt { margin: -44px 0 0 0; }
.classroom_comm table.boardlist td { padding: 7px 0 5px 0; }
.classroom_comm table.boardwrite td.subjectnm { font-weight: bold; color: #444444; }

.classroom_qna { }
.classroom_qna h4 { margin: 30px 0 10px 0; }
.classroom_qna .mt { margin: -44px 0 0 0; }
.classroom_qna .total { clear: both; width: 697px; padding: 0 0 8px 3px; color: #888888; font-weight: bold; }
.classroom_qna .total span { color: #f75858; }
.classroom_qna table.boardlist td.title img { vertical-align: -2px; }
.classroom_qna table.boardview tr.info td { padding: 9px 0 6px 10px; font-family: Dotum; }
.classroom_qna table.boardview tr.info td.num { padding: 7px 0 7px 10px; font-family: verdana; }
.classroom_qna table.boardview tr.info td.date { padding: 7px 0 7px 10px; font-family: verdana; }
.classroom_qna table.boardview tr.info td.btn { padding: 5px 0 5px 0; }

.classroom_error { }
.classroom_error h4 { margin: 30px 0 10px 0; }
.classroom_error .total { clear: both; width: 697px; padding: 0 0 8px 3px; color: #888888; font-weight: bold; }
.classroom_error .total span { color: #f75858; }
.classroom_error .mt { margin: -44px 0 0 0; }
.classroom_error table.boardwrite td select { width: 80px; }

.classroom_poll { }
.classroom_poll h4 { margin: 0 0 10px 0; }
.classroom_poll table.databoard { margin: 20px 0 0 0; }
.classroom_poll table.databoard td textarea { width: 580px; height: 150px; overflow-y: scroll; background: #f8f8f8; border-left: 1px solid #b8b8b8; border-top: 1px solid #b8b8b8; border-right: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; scrollbar-face-color: #f8f8f8; scrollbar-shadow-color: #d4d4d4; scrollbar-highlight-color: #d4d4d4; scrollbar-3dlight-color: #ffffff; scrollbar-darkshadow-color: #ffffff; scrollbar-track-color: #fafafa; scrollbar-arrow-color: #d4d4d4; }
.classroom_poll table.databoard td.polltit { color: #444444; font-weight: bold; }
.classroom_poll table.databoard td.pollq { padding: 4px 0 4px 10px; }
.classroom_poll table.databoard td.pollq span { margin-right: 40px; }

.classroom_exam { }
.classroom_exam h4 { margin: 0 0 10px 0; }
.classroom_exam .titimg { margin: 0 0 15px 0; }
.classroom_exam .total { clear: both; width: 697px; padding: 0 0 8px 3px; color: #888888; font-weight: bold; }
.classroom_exam .total span { color: #f75858; }
.classroom_exam .btnleft { margin-bottom: 30px; }
.classroom_exam .btxt { width: 700px; margin: 9px 0 0 0; text-align: right; color: #888888; font-size: 11px; }
.classroom_exam .btxt strong { color: #ee6c22; }
.classroom_exam .exam_choice { width: 300px; margin: -15px 0 4px 0; }
.classroom_exam .exam_choice span { margin-right: 15px; color: #888888; }
.classroom_exam table.boardlist td.num strong { color: #ee6c22; }
.classroom_exam table.boardlist td.score input.txt { width: 36px; padding-left: 7px; font-family: verdana; font-size: 11px; color: #444444; background: #f8f8f8; border-top: 1px solid #b8b8b8; border-left: 1px solid #b8b8b8; border-right: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; }
.classroom_exam table.databoard strong { color: #444444; }
.classroom_exam table.databoard .date { color: #487dd9; }
.classroom_exam table.databoard td.btn { padding: 3px 0 3px 0; }
.classroom_exam table.databoard td.examdate { padding: 5px 0 7px 10; font-family: verdana; font-size: 11px; }
.classroom_exam table.databoard tr.total td { text-align: center; font-weight: normal; color: #888888; background: #f8f8f8; }
.classroom_exam table.databoard tr.total th { color: #444444; font-size: 12px;  background: #f8f8f8; }
.classroom_exam table.databoard tr.total td.num { color: #888888; font-size: 12px; font-family: Dotum; }
.classroom_exam table.databoard tr.total td.num strong { color: #444444; }

.classroom_homework { }
.classroom_homework h4 { margin: 0 0 10px 0; }
.classroom_homework h4.mt30 { margin: 30px 0 10px 0 !important; }
.classroom_homework .titimg { margin: 0 0 15px 0; }
.classroom_homework .total { clear: both; width: 697px; padding: 0 0 8px 3px; color: #888888; font-weight: bold; }
.classroom_homework .total span { color: #f75858; }
.classroom_homework table.boardlist td.num strong { color: #ee6c22; }
.classroom_homework table.boardlist td.score input.txt { width: 36px; padding-left: 7px; font-family: verdana; font-size: 11px; color: #444444; background: #f8f8f8; border-top: 1px solid #b8b8b8; border-left: 1px solid #b8b8b8; border-right: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; }
.classroom_homework table.databoard strong { color: #444444; }
.classroom_homework table.databoard td.attention strong { color: #f75858; }
.classroom_homework table.boardwrite td.date { font-family: verdana; font-size: 11px; color: #888888; }
.classroom_homework .exam_choice { width: 250px; margin: -15px 0 4px 0; }
.classroom_homework .exam_choice span { margin-right: 15px; color: #888888; }

.classroom_forum { }
.classroom_forum h4 { margin: 0 0 10px 0; }
.classroom_forum .total { clear: both; width: 697px; padding: 0 0 8px 3px; color: #888888; font-weight: bold; }
.classroom_forum .total span { color: #f75858; }
.classroom_forum table.boardlist td.num strong { color: #ee6c22; }
.classroom_forum table.databoard strong { color: #444444; }
.classroom_forum table.databoard td.attention strong { color: #f75858; }
.classroom_forum table.boardlist td.score input.txt { width: 36px; padding-left: 7px; font-family: verdana; font-size: 11px; color: #444444; background: #f8f8f8; border-top: 1px solid #b8b8b8; border-left: 1px solid #b8b8b8; border-right: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; }
.classroom_forum table.boardwrite td.date { font-family: verdana; font-size: 11px; color: #888888; }
.classroom_forum .exam_choice { width: 250px; margin: -15px 0 4px 0; }
.classroom_forum .exam_choice span { margin-right: 15px; color: #888888; }

.classroom_team { }
.classroom_team h4 { margin: 0 0 10px 0; }
.classroom_team h5 { height: 40px; padding: 1px 0 0 10px; margin: 0 0 0 -18px; font-size: 12px; color: #888888; background: url('../images/icons/icon_stit_02.gif') 0 0 no-repeat; }
.classroom_team h5 select { width: 100px; vertical-align: 0; color: #888888; }
*html .classroom_team h5 select { vertical-align: -4px; }
*+html .classroom_team h5 select { vertical-align: -4px; }
.classroom_team .arrage_after h5 { height: 45px; margin: -5px 0 0 -18px; background: url('../images/icons/icon_stit_02.gif') 0 3px no-repeat; }
.classroom_team h6 { margin: 0 0 8px 0; color: #888888; font-size: 12px; }
.classroom_team h6 span { color: #ee6c22; }
.member_join h6 { margin: 20px 0 7px 0; }
.classroom_team ul.tab { width: 700px; margin-bottom: 20px; overflow: hidden; }
.classroom_team ul.tab li { float: left; margin-right: 2px; }
.classroom_team .total { clear: both; width: 697px; padding: 0 0 8px 3px; color: #888888; font-weight: bold; }
.classroom_team .total span { color: #f75858; }
.classroom_team .rtxt { clear: both; width: 698x; padding-right: 2px; margin: 10px 0 40px 0; text-align: right; color: #f75858; font-size: 11px; }
.classroom_team table.boardwrite td { padding: 4px 0 4px 10px; }
.classroom_team table.boardwrite td input.txt { color: #444444; }
.classroom_team table.boardwrite td span.rc { margin-right: 30px; }
.classroom_team table.boardwrite td span.rc input.txt { width: 40px; vertical-align: -3px; color: #444444; text-align: center; }
.classroom_team table.boardwrite td span.rc img.btn { vertical-align: -4px !important; }


*html .classroom_team table.boardwrite td span.rc img.btn { vertical-align: -3px !important; }
*+html .classroom_team table.boardwrite td span.rc img.btn { vertical-align: -3px !important; }
.classroom_team table.boardwrite td img.btn { vertical-align: -3px; }
*html .classroom_team table.boardwrite td img.btn { vertical-align: -1px; }
*+html .classroom_team table.boardwrite td img.btn { vertical-align: -1px; }
.classroom_team .arrage_before { float: left; position: relative; width: 293px; height: 402px; padding: 0 0 0 18px; background: url('../images/classroom/bg_teambox.gif') left bottom no-repeat; }
.classroom_team .arrage_after { float: right; position: relative; z-index: 11; width: 293px; height: 402px; padding: 0 0 0 18px; background: url('../images/classroom/bg_teambox.gif') left bottom no-repeat; }
.classroom_team .scrollbox { width: 272px; height: 323px; overflow-y: scroll; overflow-x: hidden; scrollbar-face-color: #ffffff; scrollbar-shadow-color: #cecbc6; scrollbar-highlight-color: #cecbc6; scrollbar-3dlight-color: #ffffff; scrollbar-darkshadow-color: #ffffff; scrollbar-track-color: #ffffff; scrollbar-arrow-color: #cecbc6; }
.classroom_team .scrollbox table { width: 251px !important; background: url('../images/classroom/bg_tablehead.gif') 0 0 no-repeat !important; }
.classroom_team .btnset { float: left; width: 78px; padding-top: 190px; text-align: center; }
.classroom_team .btnset img { margin: 7px 0 0 0; }
.classroom_team .mt { margin: -44px 0 0 0; }
.classroom_team table.databoard strong { color: #444444; }
.classroom_team table.boardwrite td.addfile { padding: 4px 0 4px 10px; }
.classroom_team table.databoard td.attention strong { color: #f75858; }
.classroom_team table.boardlist td.score input.txt { width: 36px; padding-left: 7px; font-family: verdana; font-size: 11px; color: #444444; background: #f8f8f8; border-top: 1px solid #b8b8b8; border-left: 1px solid #b8b8b8; border-right: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; }
.classroom_team .exam_choice { width: 250px; margin: -15px 0 4px 0; }
.classroom_team .exam_choice span { margin-right: 15px; color: #888888; }

.classroom_haksa { } 
.classroom_haksa h4 { position: relative; width: 700px; margin: 20px 0 10px 0; }
.classroom_haksa h4 select { position: absolute; right: 0; top: 4px; width: 100px; color: #888888; }
.classroom_haksa h5 { margin: 30px 0 10px 0; padding: 0 0 0 15px; color: #f44e46; font-size: 14px; background: url('../images/icons/icon_stit_01.gif') 0 0 no-repeat; }
.classroom_haksa .schedulebox { clear: both; position: relative; width: 700px; }
.classroom_haksa .thismonth { clear: both; width: 700px; overflow: hidden; }
.classroom_haksa .othermonth { clear: both; width: 700px; margin: 0 0 24px 0; overflow: hidden; }
.classroom_haksa .thismonth .calbox { background: url('../images/classroom/bg_calendar_on.gif') 0 0 no-repeat; }
.classroom_haksa .thismonth table.scheduledata { border-top: 2px solid #4583cf; }
.classroom_haksa .thismonth table.scheduledata th { background: #f4fafd; }
.classroom_haksa .thismonth table.scheduledata td { color: #444444; }
.classroom_haksa .thismonth table.scheduledata td a { color: #444444; }
.classroom_haksa table.boardwrite td { padding: 4px 0 4px 10px; }

.classroom_present { }
.classroom_present .bumrye { width: 700px; margin: 10px 0 0 0; text-align: right; color: #565656; font-weight: bold; font-size: 11px; }
.classroom_present .bumrye span { margin-left: 15px; color: #ee6c22; }
/*
.classroom_present .scollbox_cols { width: 700px; height: 240px; overflow-y: auto; overflow-x: scroll; scrollbar-face-color: #ffffff; scrollbar-shadow-color: #cecbc6; scrollbar-highlight-color: #cecbc6; scrollbar-3dlight-color: #ffffff; scrollbar-darkshadow-color: #ffffff; scrollbar-track-color: #ffffff; scrollbar-arrow-color: #cecbc6; }
*/
.classroom_present .scollbox_cols { width: 700px; overflow-x: auto; scrollbar-face-color: #ffffff; scrollbar-shadow-color: #cecbc6; scrollbar-highlight-color: #cecbc6; scrollbar-3dlight-color: #ffffff; scrollbar-darkshadow-color: #ffffff; scrollbar-track-color: #ffffff; scrollbar-arrow-color: #cecbc6; }
.classroom_present .scollbox_cols table.databoard { width: auto; margin-top: 5px; }

.classroom_progress { }
.classroom_progress .bumrye { width: 700px; margin: 10px 0 0 0; text-align: right; color: #565656; font-weight: bold; font-size: 11px; }
.classroom_progress .bumrye span { margin-left: 15px; color: #ee6c22; }
/*
.classroom_progress .scollbox_cols { width: 700px; height: 240px; overflow-y: auto; overflow-x: scroll; scrollbar-face-color: #ffffff; scrollbar-shadow-color: #cecbc6; scrollbar-highlight-color: #cecbc6; scrollbar-3dlight-color: #ffffff; scrollbar-darkshadow-color: #ffffff; scrollbar-track-color: #ffffff; scrollbar-arrow-color: #cecbc6; }
*/
.classroom_progress .scollbox_cols { width: 700px; overflow-x: auto; scrollbar-face-color: #ffffff; scrollbar-shadow-color: #cecbc6; scrollbar-highlight-color: #cecbc6; scrollbar-3dlight-color: #ffffff; scrollbar-darkshadow-color: #ffffff; scrollbar-track-color: #ffffff; scrollbar-arrow-color: #cecbc6; }
.classroom_progress .scollbox_cols table.databoard { width: auto; margin-top: 5px; }

.classroom_grade { }
.classroom_grade ul.tab { overflow: hidden; }
.classroom_grade ul.tab li { float: left; margin-right: 2px; }
.classroom_grade div.btnright { margin: 3px 0 5px 0; }
.classroom_grade p.btnright { margin: 10px 0 0 0; }


.classroom_urge { }
.classroom_urge .btnright { margin: 30px 0 7px 0; }
.classroom_urge table.boardwrite { }


/*.classroom_tutor { }
.classroom_tutor h4 { margin: 30px 0 10px 0; }
.classroom_tutor table.boardlist td { padding: 7px 0 5px 0; }
.classroom_tutor table.boardwrite td.subjectnm { font-weight: bold; color: #444444; }

.classroom_counsel { }
.classroom_counsel h4 { margin: 30px 0 10px 0; }
.classroom_counsel table.boardlist td { padding: 7px 0 5px 0; }
.classroom_counsel table.boardwrite td.subjectnm { font-weight: bold; color: #444444; }
*/



/* guide */
body#guide { }
body#guide ul.tab { margin: 0 0 15px 0; overflow: hidden; }
body#guide ul.tab li { float: left; margin-right: 2px; }
body#guide .sentence { clear: both; width: 673px; padding: 0 0 0 27px; overflow: hidden; word-spacing: 0; line-height: 20px; color: #888888; }
body#guide .sentence p { color: #444444; }
body#guide .sentence p.sptit { margin-left: -17px; font-weight: bold; }
body#guide .sentence p.sptit_02 { margin-left: -10px; padding: 0 0 0 8px; background: url('../images/icons/icon_list_01.gif') 0 8px no-repeat; }
body#guide .sentence strong { color: #444444; }
body#guide .sentence p.f12s { margin-top: 20px; color: #888888; font-size: 11px; line-height: 16px; }
body#guide h5 { width: 678px; height: 23px; margin: 7px 0 0 0; padding: 10px 0 0 22px; background: url('../images/guide/bg_stitsub.gif') 0 0 no-repeat; }
body#guide .gboxbot { width: 700px; height: 31px; margin: 0; padding: 0; background: url('../images/guide/bg_stitsub_02.gif') left bottom no-repeat; }
body#guide .imgalc { clear: both; width: 700px; text-align: center; }
body#guide ul.gcontents { width: 652px; padding: 5px 26px 10px 22px; margin: 0 0 30px 0; overflow: hidden; background: url('../images/guide/bg_gcontents.gif') left bottom no-repeat; }
body#guide ul.gcontents li { width: 637px; padding: 15px 5px 18px 10px; overflow: hidden; color: #888888; word-spacing: 0; line-height: 19px; background: url('../images/guide/dotline_01.gif') left bottom repeat-x; }
body#guide ul.gcontents li strong { color: #444444; }
body#guide ul.gcontents li .gb { color: #888888; }
body#guide ul.gcontents li span { color: #444444; }
body#guide ul.gcontents li .evt_n { color: #f75858; }
body#guide ul.gcontents li.end { background: none; }
body#guide ul.gcontents li.sp { }
body#guide ul.gcontents li.sp p { padding: 0 0 0 10px; background: url('../images/icons/icon_list_01.gif') 0 7px no-repeat; }
body#guide ul.gcontents li .f8 { color: #888888; }
body#guide ul.gcontents li .f4 { color: #444444; }
body#guide ul.gcontents li .fe12 { color: #ee6c22; }
body#guide ul.gcontents li .fe { color: #ee6c22; font-size: 11px; }
body#guide ul.gcontents li table { width: 630px; }
body#guide ul.gcontents li img.ex { margin: 5px 0 0 0; }
body#guide ul.gcontents .cautionbox { width: 630px; padding: 15px 0 18px 30px; margin: 10px 0 15px -15px; line-height: 24px; color: #444444; background: #f5f5f5; }
body#guide ul.gcontents li.etc{background:none; padding-left:17px; }
body#guide ul.gcontents li.etc strong{ margin-left:-17px; }

/* //�鿩���� ���� */
body#guide ol.gcontents { width: 652px; padding: 5px 26px 10px 22px; margin: 0 0 30px 0; overflow: hidden; background: url('../images/guide/bg_gcontents.gif') left bottom no-repeat; }
body#guide ol.gcontents li { width: 620px; padding: 15px 5px 18px 27px; overflow: hidden; color: #888888; word-spacing: 0; line-height: 19px; background: url('../images/guide/dotline_01.gif') left bottom repeat-x; }
body#guide ol.gcontents li strong { color: #444444; margin-left:-17px; }
body#guide ol.gcontents li .evt_n { color: #f75858; }
body#guide ul.gcontents li.num { width: 620px; padding: 15px 5px 18px 27px; overflow: hidden; color: #888888; word-spacing: 0; line-height: 19px; background: url('../images/guide/dotline_01.gif') left bottom repeat-x; }
body#guide ul.gcontents li.num strong{color: #444444; margin-left:-17px; }
body#guide ul.gcontents li.num_end { width: 620px; padding: 15px 5px 18px 27px; overflow: hidden; color: #888888; word-spacing: 0; line-height: 19px; background:none; }
body#guide ul.gcontents li.num_end strong{color: #444444; margin-left:-17px; }
body#guide ol.gcontents .cautionbox { width: 630px; padding: 15px 0 18px 30px; margin: 10px 0 15px -15px; line-height: 24px; color: #444444; background: #f5f5f5; }
body#guide ol.gcontents .cautionbox strong{margin-left:0;}
body#guide .sentence_ol { clear: both; width: 656px; padding: 0 0 0 44px; overflow: hidden; word-spacing: 0; line-height: 20px; color: #888888; }
body#guide .sentence_ol strong { color: #444444; margin-left:-17px;}
/* �鿩���� ����// */

body#guide .ctbox { width: 530px; margin: 10px 0 0 0; padding: 15px 0 10px 170px; overflow: hidden; background: #f5f5f5 url('../images/guide/img_caution_01.gif') 40px 40px no-repeat; color:#595959; }
body#guide .ctbox p { margin: 0 0 10px 0; font-size: 11px; line-height: 16px; }
body#guide .ctbox p.rt { color: #f75858; }
body#guide table { width: 699px; border-left: 1px solid #d8d9db; border-top: 2px solid #4583cf; }
body#guide table th { padding: 11px 0 8px 0; color: #3876c3; font-size: 11px; background: #f5fbff; border-right: 1px solid #d8d9db; border-bottom: 1px solid #d8d9db; }
body#guide table td { padding: 7px 0 6px 0; text-align: center; line-height: 17px; border-right: 1px solid #d8d9db; border-bottom: 1px solid #d8d9db; }
body#guide table td.sec { padding: 7px 0 6px 10px; text-align: left; color: #444444; }
body#guide table td.sec_c { padding: 7px 0 6px 0; text-align: center; color: #444444; }
body#guide table td.alc { padding: 7px 0 6px 10px; line-height: 18px; text-align: left; }
body#guide table td.alc .rt { color: #ee6c22; }
body#guide table td.alc strong.total { color: #ee6c22; }

.guide_overview { }
.guide_overview h4 { margin: 50px 0 10px 0; }
.guide_overview .titimg { margin: 0 0 30px 0; }
.guide_overview .proc { width: 700px; margin: 0; text-align: center; }
.guide_overview .proc_eff { width: 700px; margin: -22px 0 0 0; text-align: center; }
.guide_overview ul.targeting { clear: both; width: 670px; margin: 8px 0 0 0; padding: 15px 0 12px 30px; overflow: hidden; background: #f5f5f5; }
.guide_overview ul.targeting li { margin: 0 0 9px 0; color: #444444; }

.guide_process { }
.guide_process h4 { margin: 0 0 10px 0; }
.guide_process .pl100 { clear: both; padding-left: 100px; }
.guide_process .pl100 p { width: 504px; text-align: center; }
.guide_process ul.wplist { clear: both; width: 504px; padding: 13px 0 7px 25px; background: #f5f5f5; }
.guide_process ul.wplist li { margin: 0 0 5px 0; }
.guide_process ul.wplist li ul { margin: 8px 0 12px 0; padding-left: 25px; }
.guide_process ul.wplist li ul li { margin: 0 0 5px 0; color: #888888; }
.guide_process ul.wplist li img.btn { vertical-align: middle; }

.guide_presentation { }
.guide_presentation h4 { margin: 0 0 10px 0; }

.guide_application { }
.guide_application h4 { margin: 0 0 10px 0; }
.guide_application .bftxt { margin: 10px 0 0 0; padding: 0 0 0 25px; color: #888888; font-size: 11px; }

.guide_law { }
.guide_law ul.tab li { margin-bottom: 2px; }
.guide_law .lawbox { width: 670px; height: 610px; padding: 30px 0 0 30px; line-height: 18px; color: #888888; background: url('../images/guide/bg_lawbox.gif') 0 0 no-repeat; }
.guide_law .lawbox .scrollbox { width: 625px; height: 580px; padding: 0 10px 0 5px; overflow-x: hidden; overflow-y: auto; scrollbar-face-color: #ffffff; scrollbar-shadow-color: #cecbc6; scrollbar-highlight-color: #cecbc6; scrollbar-3dlight-color: #ffffff; scrollbar-darkshadow-color: #ffffff; scrollbar-track-color: #ffffff; scrollbar-arrow-color: #cecbc6; }
.guide_law .lawbox p { margin: 0 0 25px 0; color: #444444; }
.guide_law .lawbox p.stit { width: 607px; padding: 6px 0 5px 15px; margin: 0 0 25px -10px; font-weight: bold; color: #e33e36; background: #f5f5f5; }
.guide_law .lawbox dl { margin: 0 0 30px 0; overflow: hidden;}
.guide_law .lawbox dl dt { margin: 0 0 2px 0; color: #444444; font-weight: bold; }
.guide_law .lawbox dl dd { } 

.guide_guide { }
.guide_guide h4 { margin: 0 0 15px 0; }
.guide_guide ul { width: 700px; overflow: hidden;background: url('../images/guide/dotline_01.gif') left top repeat-x; }
.guide_guide ul li { width: 670px; padding: 20px 0 20px 30px; overflow: hidden;background: url('../images/guide/dotline_01.gif') left bottom repeat-x; }

.guide_caution { }
.guide_caution h4 { margin: 0 0 10px 0; }
.guide_caution ul.tab li { margin: 0 0 3px 0; }
.guide_caution ul.gcontents table th { padding: 9px 0 6px 0 !important; }

/* support */
body#support { }
body#support .total { clear: both; width: 697px; padding: 0 0 8px 3px; color: #888888; font-weight: bold; }
body#support .total span { color: #6ea5e9; }
body#support table.boardlist th { color: #3876c3; }
body#support table.boardview th { color: #3876c3; }
body#support ul.tab { margin: 0 0 15px 0; overflow: hidden; }
body#support ul.tab li { float: left; margin-right: 2px; }
body#support .gcontents { width: 630px; padding: 20px 30px 40px 40px; margin: 0 0 30px 0; overflow: hidden; background: url('../images/guide/bg_gcontents.gif') left bottom no-repeat; }

.support_notice table.boardlist td { padding: 7px 0 5px 0; }
.support_notice table.boardview th { color: #3876c3; }

.support_haksa { }
.support_haksa h4 { position: relative; width: 700px; margin: 20px 0 10px 0; }
.support_haksa h4 select { position: absolute; right: 0; top: 4px; width: 100px; color: #888888; }
.support_haksa h5 { margin: 30px 0 10px 0; padding: 0 0 0 15px; color: #f44e46; font-size: 14px; background: url('../images/icons/icon_stit_01.gif') 0 0 no-repeat; }
.support_haksa .schedulebox { clear: both; position: relative; width: 700px; }
.support_haksa .thismonth { clear: both; width: 700px; overflow: hidden; }
.support_haksa .othermonth { clear: both; width: 700px; margin: 0 0 24px 0; overflow: hidden; }
.support_haksa .thismonth .calbox { background: url('../images/classroom/bg_calendar_on.gif') 0 0 no-repeat; }
.support_haksa .thismonth table.scheduledata { border-top: 2px solid #4583cf; }
.support_haksa .thismonth table.scheduledata th { background: #f4fafd; }
.support_haksa .thismonth table.scheduledata td { color: #444444; }
.support_haksa .thismonth table.scheduledata td a { color: #444444; }
.support_haksa table.boardwrite td { padding: 4px 0 4px 10px; }

.support_counsel { }
.support_counsel h4 { margin: 0 0 10px 0; }
.support_counsel .mt { margin: -44px 0 0 0; }

.support_messenger { }
.support_messenger h4 { margin: 0 0 15px 0; }
.support_messenger ul { width: 530px; height: 141px; padding: 40px 0 0 170px; background: url('../images/support/bg_messengerbox.gif') 0 0 no-repeat; }
.support_messenger ul li { width: 462px; padding: 5px 0 5px 15px; background: url('../images/support/dotline_01.gif') left bottom repeat-x; }
.support_messenger ul li p { float: left; width: 250px; padding: 0 0 0 10px; color: #888888; background: url('../images/icons/icon_arr_01.gif') 0 5px no-repeat; }
.support_messenger ul li p span { font-family: verdana; }
.support_messenger ul li img { vertical-align: middle; }
.support_messenger ul li.rtxt { width: 476px; padding: 12px 0 0 0; text-align: right; color: #f75858; font-size: 11px; background: none; }

.support_guide { }
.support_guide h4 { width: 700px; padding: 0 0 15px 0; background: url('../images/support/dotline_01.gif') left bottom repeat-x; }
.support_guide h5 { margin: 30px 0 10px 0; }
.support_guide .process_img {width: 700px; padding: 20px 0 18px 0; height:106px; text-align: center; background: url('../images/support/dotline_01.gif') left bottom repeat-x; }
.support_guide .guide_process{}
.support_guide .guide_process li{background:url(../images/support/process_arrow.gif) no-repeat 50% 0; padding:30px 0 16px 0;}
.support_guide .guide_process li.fir{background:none; padding:0 0 16px 0;}

.support_remote .pc_wrap { float:left; width:316px; height:400px; padding:0 10px 0 25px; background:url(../images/support/bg_pc01.gif) no-repeat 50px 140px; border-right:1px solid #cdcdcd; }
.support_remote .pc_wrap .tit_pc {padding:0 0 16px 0;}
.support_remote .pc_wrap .con_pc {padding:190px 0 0 0;}

.support_remote .ms_wrap { float:left; width:312px; height:400px; padding:0 10px 0 25px; background:url(../images/support/bg_ms01.gif) no-repeat 50px 140px;}
.support_remote .ms_wrap .tit_ms {padding:0 0 16px 0;}
.support_remote .ms_wrap .con_ms {padding:208px 0 0 0;}
.support_remote .ms_wrap .con_ms li {line-height:18px;}
.support_remote .ms_wrap .con_ms li.ms_id {padding:0 0 10px 0;}
.support_remote .pc_wrap .support_btn {left:226px; position:relative; top:-88px;}
.support_remote .ms_wrap .support_btn {left:226px; position:relative; top:-74px;}    

.support_faq { }
.support_faq h4 { margin: 0 0 40px 0; }
.support_faq ul.tab { padding-bottom: 20px; margin-bottom: 0 !important; overflow: hidden; border-bottom: 1px solid #d8d9db; }
.support_faq ul.faqsch { display: inline-block; width: 380px; height: 80px; padding: 0 0 0 228px; margin: -82px 0 0 0; }
.support_faq ul.faqsch li { float: left; margin: 0 3px 0 0; }
.support_faq ul.faqsch li.btn { padding: 0; }
*html .support_faq ul.faqsch li.btn { padding: 1px 0 0 0; }
*+html .support_faq ul.faqsch li.btn { padding: 1px 0 0 0; }
.support_faq ul.faqsch li input.txt { width: 305px; height: 13px; background: #e8e8e8; border-top: 1px solid #c7c7c7; border-left: 1px solid #c7c7c7; border-bottom: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; }
.support_faq dl { width: 700px; }
.support_faq dl { width: 700px; border-bottom: 1px solid #d8d9db; }
.support_faq dl dt { padding: 8px 0 7px 0; }
.support_faq dl dt .num { display: inline-block; width: 50px; text-align: center; font-size: 11px; font-family: verdana; color: #666666; }
.support_faq dl dt a { padding: 0 0 0 30px; color: #888888; word-spacing: -1px; background: url('../images/icons/icon_question.gif') 0 0 no-repeat; }
.support_faq dl dt a:hover { color: #444444; text-decoration: none; }
.support_faq dl dt a.on { color: #444444; }
.support_faq dl dd { padding: 12px 10px 10px 85px; word-spacing: -1px; line-height: 18px; color: #6e6e6e; background: #f4f4f4 url('../images/icons/icon_answer.gif') 55px 16px no-repeat; border-top: 1px solid #d8d9db; border-left: 1px solid #d8d9db; border-right: 1px solid #d8d9db; }

.support_org { }
.support_org h4 { margin: 0 0 30px 0; }
.support_org h5 { margin: 0 0 10px 0; }
.support_org .explain { width: 694px; overflow: hidden; border: 3px solid #e3e3e3; }
.support_org .explain .wrap { width: 664px; padding: 0 15px 0 15px; background: #ffffff; border-left: 1px solid #c4c4c4; border-right: 1px solid #c4c4c4; border-bottom: 1px solid #c4c4c4; }
.support_org .explain .wrap dl{width: 640px; padding: 20px 12px 20px 12px; background: url('../images/support/dotline_01.gif') left bottom repeat-x; color:#444; line-height:19px;}
.support_org .explain .wrap dl.end{background:none; }
.support_org .explain .wrap dl .tit{padding:0 0 15px 0;}
.support_org .explain .wrap dl .under{text-decoration:underline; }

.support_org .gboxbot { width: 700px; height: 31px; margin: 0; padding: 0; background: url('../images/guide/bg_stitsub_02.gif') left bottom no-repeat; }
.support_org .gcontents { width: 652px; padding: 20px 26px 20px 22px; margin: 0 0 10px 0; overflow: hidden; background: url('../images/guide/bg_gcontents.gif') left bottom no-repeat; }
.support_org .gcontents li{padding:0 0 5px 0;}
.support_org .gcontents li strong{font-weight:bold; color:#444;}
.support_org .agree_check{width:700px; height:23px; padding:12px 0 0 0; background:#f0f0f0; text-align:center; margin: 0 0 30px 0; font-weight:bold; color:#444;}
.support_org .esstxt{font-size:11px; color:#444; padding:10px 0 10px 0; text-align:right; }
.support_org .esstxt span{color:#f75858; font-weight:bold; display:inline-block; padding-right:5px;}
.support_org .anstxt{font-size:11px; color:#444; padding:10px 0 20px 63px; line-height:17px;}
.support_org .anstxt .tit{margin-left:-63px; font-weight:bold; }
.support_org .anstxt .info{color:#888;}

.support_par { color:#444;}
.support_par h4 { margin: 0 0 30px 0; }
.support_par h5 { margin: 0 0 10px 0; }
.support_par .co_target { width: 652px; height:125px; padding: 20px 26px 20px 22px; margin: 0 0 10px 0; overflow: hidden; background: url('../images/support/bg_partnerbox01.gif') left top no-repeat; }
.support_par .co_target .tit{padding:0 0 15px 0;}
.support_par .co_target li{ padding: 0 0 5px 10px; background: url('../images/icons/icon_list_01.gif') 0 4px no-repeat; width:315px; float:left; }
.support_par .ann { width: 535px; height:85px; padding: 45px 0 20px 165px; margin: 0 0 10px 0; overflow: hidden; background:#f5f5f5 url('../images/support/bg_partnerico.gif') 30px 35px no-repeat; }
.support_par .ann .under{text-decoration:underline;}

.support_caution{line-height:21px;}
.support_caution h4 { margin: 0 0 30px 0; }
.support_caution h5 { width: 678px; height: 23px; margin: 7px 0 0 0; padding: 10px 0 0 22px; background: url('../images/guide/bg_stitsub.gif') 0 0 no-repeat; }
.support_caution p{margin:0 0 25px 0;}
.support_caution .import{color:#e33e36; }
.support_caution .end{margin:0; padding-top:60px; width:100%; text-align:right; }

.support_cafe{}
.support_cafe ul.subjectsch_s { width: 680px !important; height: 37px; padding: 13px 0 0 20px !important; margin: 0 0 25px 0; background: url('../images/common/bg_boardschtop.gif') 0 0 no-repeat; }
.support_cafe ul.subjectsch_s li { float: left; padding: 2px 0 0 0; margin: 0; }
.support_cafe ul.subjectsch_s li select {vertical-align:top; margin:0 9px 0 0; }
.support_cafe ul.subjectsch_s li.text{color:#444; padding:5px 35px 0 0;}
.support_cafe ul.subjectsch_s li.text span{font-weight:bold; color:#e33e36; }
.support_cafe ul.subjectsch_s li.radiobox{padding-right:18px;}
.support_cafe ul.subjectsch_s input.txt{width: 170px; padding-left: 0; text-align: left; background: #f8f8f8; border-top: 1px solid #b8b8b8; border-left: 1px solid #b8b8b8; border-right: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; vertical-align:top;}
.support_cafe ul.subjectsch_s li .btn{margin:2px 0 0 5px;}
.support_cafe .cafelist { clear: both; width: 700px; border-top:2px solid #4583cf;}
.support_cafe .cafelist li{overflow:hidden; padding: 15px 0 15px 0; color: #888888; background: #ffffff; border-bottom: 1px solid #d8d9db; }
.support_cafe .cafelist li .cafe_img{float:left; width:140px; padding:0 30px 0 0; }
.support_cafe .cafelist li .info{float:left; width:530px; padding:18px 0 0 0;}
.support_cafe .cafelist li .info .tit{font-weight:bold; color:#444; padding:0 0 7px 0;}
.support_cafe .cafelist li .info .tit a{color:#444; text-decoration:none;}
.support_cafe .cafelist li .info .exp{padding:0 0 5px 0;}
.support_cafe .cafelist li .info .cinfo{padding:0 0 0 0;}
.support_cafe .cafelist li .info .cinfo img{vertical-align:top;}
.support_cafe .cafelist li .info .cinfo span{display:inline-block; margin:2px 0 0 0; padding-left:4px; color:#666;}
.support_cafe .cafelist li .info .cinfo .bar{background:url(../images/common/bg_cafe.gif) no-repeat 100% 2px; display:inline-block; width:auto; margin:0 0 0 0; padding:0 8px 0 4px}
.support_cafe table.boardwrite th{background:#f4fafd; color:#3876c3; }


/* reference */
body#reference .total { clear: both; width: 697px; padding: 0 0 8px 3px; color: #888888; font-weight: bold; }
body#reference .total span { color: #6ea5e9; }
body#reference table.boardlist th { color: #3876c3; }
body#reference table.boardview th { color: #3876c3; }

.reference_school { }
.reference_education { }
.reference_document { }

.reference_program { }
.reference_program h4 { margin: 0 0 12px 0; }
.reference_program table.databoard { margin: 0 0 30px 0; border-top: 2px solid #4583cf; }
.reference_program table.databoard th { color: #3876c3; }
.reference_program table.databoard td.section { padding: 5px 0 5px 10px; color: #444444; }
.reference_program table.databoard td.btn { padding: 3px 0 3px 0; text-align: center; }

.reference_library{}
.reference_library .liblist { clear: both; width: 700px; border-top:2px solid #4583cf;}
.reference_library .liblist li{overflow:hidden; padding: 15px 0 15px 0; color: #888888; background: #ffffff; border-bottom: 1px solid #d8d9db; }
.reference_library .liblist li .logo{float:left; width:140px; padding:0 30px 0 0; }
.reference_library .liblist li .info{float:left; width:530px; padding:18px 0 0 0;}
.reference_library .liblist li .info .tit{font-weight:bold; color:#444; padding:0 0 5px 0;}
.reference_library .liblist li .info .exp{padding:0 0 5px 0;}
.reference_library .liblist li .info .url{padding:0 0 5px 0;}
.reference_library .liblist li .info .url a,
.reference_library .liblist li .info .url a:hover,
.reference_library .liblist li .info .url a:active,
.reference_library .liblist li .info .url a:visited{color:#4583cf; text-decoration:none;}

/* course */

body#course table.boardlist th { color: #3876c3; }
body#course table.databoard { border-top: 2px solid #4583cf; }
body#course table.databoard th { color: #3876c3; background: #f4fafd; }
body#course table.databoard td{}
body#course table.databoard td .book{}
body#course table.databoard td .book p.title{float:left; padding-right:25px; }
body#course table.databoard td .book ul{margin:10px 0 0 127px; }
body#course table.databoard td .book ul li{background:url(../images/course/bul_dot.gif) no-repeat 0 7px; padding:0 0 8px 89px; line-height:17px; }
body#course table.databoard td .book ul li span{display:inline-block; width:70px; background:url(../images/course/bg_bar.gif) no-repeat 100% 3px; font-weight:bold; color:#444; margin:0 10px 0 -80px;}

/*#majorsubject { position: absolute; left: 325px; top: 12px; width: 274px; height: 68px; padding: 7px 0 0 16px; background: url('../images/course/bg_subjectlayer.png') 0 0 no-repeat; }
#majorsubject table { width: 265px; border-top: 1px solid #d8d9db; border-left: 1px solid #d8d9db; }
#majorsubject table th { padding: 9px 0 7px 0; color: #3876c3; font-size: 11px; background: #f4fafd; border-right: 1px solid #d8d9db; border-bottom: 1px solid #d8d9db; }
#majorsubject table td { padding: 9px 0 7px 8px; color: #444444; border-right: 1px solid #d8d9db; border-bottom: 1px solid #d8d9db; }*/

#majorsubjectbox{position: absolute; left: 70px; top: -25px; width: 280px; padding: 4px 0 0 0; background: url('../images/course/majorbox_top.png') 0 0 no-repeat; }
#majorsubject {overflow:hidden;  width: 280px; padding: 4px 0 7px 7px; margin:0; background: url('../images/course/majorbox_btm.png') 0 100% no-repeat; }
*html #majorsubject {padding: 4px 0 7px 0;}
*+html #majorsubject {padding: 4px 0 7px 0;}
#majorsubject table { width: 265px; border-top: 1px solid #d8d9db; border-left: 1px solid #d8d9db; }
#majorsubject table th { height:20px; padding: 9px 0 7px 0; color: #3876c3; font-size: 11px; background: #f4fafd; border-right: 1px solid #d8d9db; border-bottom: 1px solid #d8d9db; border-bottom: 1px solid #d8d9db;}
#majorsubject table td { height:20px; padding: 9px 0 7px 8px; color: #444444; border-right: 1px solid #d8d9db; border-bottom: 1px solid #d8d9db; }
.arrow{position: absolute; left: -9px; top: 11px; }

.course_list { position:relative; display:inline-block; margin:0 0 10px 0; padding:0 0 20px 0; }
body.sub .course_list {background:none;}
*:first-child+html .course_list img.t_border_l{position:absolute; bottom:0;}
.course_list dl.courseinfo { width: 505px; margin: 0 0 20px 0; padding: 24px 0 0px 195px; overflow: hidden; background: url('../images/course/titimg_course.gif') 0 0 no-repeat; }
.course_list dl.courseinfo dt { float: left; width: 500px; margin: 0 0 10px 0; }
.course_list dl.courseinfo dd { float: left; width: 500px; }
.course_list dl.courseinfo dd ul{width:500px;}
.course_list dl.courseinfo dd ul li {clear:both; width:500px; margin: 0 0 3px 0; padding: 0 0 0 10px; line-height: 17px; color: #888888; background: url('../images/icons/icon_list_01.gif') 0 6px no-repeat; }
.course_list dl.courseinfo dd ul li p { color: #171717; font-weight: bold; }
.course_list dl.courseinfo dd ul li p span { color: #415d80; }
.course_list .tablewrap {clear:both; position: relative; width:698px; padding:10px 0 13px 0; border-left:1px solid #c4c4c4; border-right:1px solid #c4c4c4; border-bottom:1px solid #c4c4c4;}
#maincontents .course_list .tablewrap {clear:both; width:778px; padding:10px 0 13px 0; border-left:1px solid #c4c4c4; border-right:1px solid #c4c4c4; border-bottom:1px solid #c4c4c4; overflow:hidden;}
#maincontents .course_list {margin:16px 0 0 0; display:inline-block; width:778px;}
body.sub .course_list .tablewrap {position:relative; padding:10px 10px 13px 10px; top:39px; border-left:1px solid #c4c4c4; border-right:1px solid #c4c4c4; border-bottom:1px solid #c4c4c4; width:678px; }
.course_list .tablewrap .boardlist th { color: #3876c3;}
.course_list ul{padding:0 0 0 0;}
.course_list ul li{float:left; margin:0 0 0 0; height:39px;}

body#course ul.tab{height:29px; padding:0 0 0 0; position:absolute; z-index:2}
body#course ul.tab li{float:left; margin:0 0 0 0;}
body.sub .course_list .btnright {position:relative; top:44px;}

.course_view h4 { margin: 0 0 12px 0; }
.course_view h4.stars { margin: 20px 0 12px 0; padding: 0 0 0 15px; color: #f44e46; font-size: 14px; background: url('../images/icons/icon_stit_01.gif') 0 0 no-repeat; }
.course_view .rtxt { width: 700px; margin: 10px 0 0 0; text-align: right; font-size: 11px; color: #f75858; }
.course_view ul.tab { margin-top: 10px; }
.course_view table.databoard {border-collapse:collapse; empty-cells:show;}
.course_view table.databoard td.btn_sample { padding: 4px 0 4px 10px; }
.course_view table.databoard td.teachernm { padding: 4px 0 4px 10px; }
.course_view table.databoard td.date { padding: 7px 0 7px 10px; font-size: 11px; font-family: verdana; }
.course_view table.databoard td.price { padding: 7px 0 7px 10px; color: #ed1b23; font-size: 11px; font-family: verdana; }
.course_view table.databoard td.price s { padding: 0 13px 0 0; margin: 0 3px 0 0; background: url('../images/icons/icon_arr_02.gif') right 5px no-repeat; }
.course_view table.databoard tr.baejum td { color: #888888; }
.course_view table.databoard tr.baejum td .total { color: #888888; }
.course_view table.databoard td.vtxt { padding: 7px 0 5px 0  !important; }
.course_view table.databoard td.studycontents { padding: 7px 0 5px 10px !important; line-height: 18px; }
.course_view table.databoard td.studycontents p { color: #565656; font-weight: bold; }
.course_view table.databoard td.act { padding: 7px 0 5px 0 !important; text-align: center; border-right:1px solid #d8d9db; }
.course_view .confirmchk { width: 700px; margin: 15px 0 0 0; padding: 8px 0 8px 0; text-align: center; color: #444444; font-weight: bold; background: #f0f0f0; }
.course_view .confirmchk span { margin-left: 25px; }

/* 수강신청 쪽 동의 추가 */
.payment .agree_box_top{margin: 20px 0 0;font-weight:700;font-size:12px;color:#111;}
.payment .agree_box_wrap{margin: 7px 0 0;padding: 10px;border:1px solid #b8b8b8;}
.payment .agree_box_wrap .agree_box{}
.payment .agree_box{margin:20px 0 0;font-size:13px;}
.payment .pravicy_chk{display:flex;align-items:center;justify-content: space-between;flex-wrap: wrap;}
.payment .pravicy_chk .line{display:flex;align-items:center;color: #111;font-weight: 600;}
.payment .pravicy_chk label{display:flex;align-items:center;margin-left:5px;}
.payment .pravicy_chk input{width:16px;height:16px;}
.payment .pravicy_chk .essential{margin-left:5px;color:#e3441a;}
.payment .privacy_view_btn{padding-right:30px;cursor:pointer;border:0;font-weight:600;background:url("../images/member/arr_open.png")no-repeat 100% 50%;background-size:12px 7px;}
.payment .privacy_view_btn.on{background:url("../images/member/arr_close.png")no-repeat 100% 50%;}
.payment .privacy_view{display:none;margin:15px 0 0;}
.payment .privacy_view strong{font-size: 13px;}
.payment .privacy_view_bor td{padding: 5px 10px;border-right:1px solid #d8d9db;}
.payment .privacy_view_bor td:last-child{border-right:0;}
.payment .sub_title{margin:20px 0 5px;font-weight:600;font-size:16px;}
.payment .file{display:none;margin: 15px 0 20px;text-align: right;width: 100%;}
.payment .file.on{display:block;}
.payment .file input{width: 180px;}

.course_cart { }
.course_cart .process { margin: 0 0 30px 0; }
.course_cart .btnleft { margin-bottom: 20px; }
.course_cart .btnright { margin-bottom: 20px; }
.course_cart table.boardlist td.price { padding: 7px 10px 7px 0; text-align: right; font-family: verdana; font-size: 11px; color: #ed1b23; }
.course_cart table.boardlist th.rd { padding-top: 0; }
.course_cart table.boardlist td.ipname { padding: 4px 0 4px 0; text-align: center; }
.course_cart table.boardlist td.ipname input.txt { width: 70px; padding-left: 0; text-align: center; background: #f8f8f8; border-top: 1px solid #b8b8b8; border-left: 1px solid #b8b8b8; border-right: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; }
.course_cart dl.paymentbox { width: 681px; height: 70px; padding: 15px 0 0 19px; color: #888888; background: url('../images/course/bg_paymentbox.gif') 0 0 no-repeat; }
.course_cart dl.paymentbox dt { width: 663px; padding: 5px 0 10px 0; text-align: center; background: url('../images/support/dotline_01.gif') left bottom repeat-x; }
.course_cart dl.paymentbox dt strong { color: #ed1b23; }
.course_cart dl.paymentbox dt span { padding: 0 0 0 10px; margin: 0 20px 0 0; background: url('../images/icons/icon_arr_01.gif') 0 3px no-repeat; }
.course_cart dl.paymentbox dd { width: 663px; padding: 6px 0 0 0; text-align: center; }
.course_cart dl.paymentbox dd span { margin: 0 0 0 15px; }
.course_cart .rtxt { width: 700px; margin: 10px 0 0 0; text-align: right; font-size: 11px; color: #f75858; }

.course_cart dl.paymentbox_cart { width: 681px; height: 35; padding: 15px 0 0 19px; color: #888888; background: url('../images/course/bg_paymentbox_99.gif') 0 0 no-repeat; }
.course_cart dl.paymentbox_cart dt { width: 663px; padding: 5px 0 18px 0; text-align: center; }
.course_cart dl.paymentbox_cart dt strong { color: #ed1b23; }
.course_cart dl.paymentbox_cart dt span { padding: 0 0 0 10px; margin: 0 20px 0 0; background: url('../images/icons/icon_arr_01.gif') 0 3px no-repeat; }


.course_pay { }
.course_pay .titimg { margin: 0 0 20px 0; }
.course_pay h4 { margin: 30px 0 10px 0; }
.course_pay table.boardlist td.price { padding-right: 20px; }
.course_pay table.boardlist td.totalpay { font-weight: bold; color: #444444; }
.course_pay ul { width: 680px; height: 135px; margin: 20px 0 0 0; padding: 15px 0 0 20px; background: url('../images/course/bg_paymentbox_02.gif') 0 0 no-repeat; }
.course_pay ul.h70 { height: 50px; padding: 20px 0 0 20px; background: url('../images/course/bg_paymentbox_03.gif') 0 0 no-repeat; }
.course_pay ul li { padding: 0 0 0 15px; margin: 0 0 3px 0; line-height: 15px; font-size: 11px; color: #888888; background: url('../images/icons/icon_byul_01.gif') 0 3px no-repeat; }
.course_pay ul li strong { color: #487dd9; }
.course_pay ul li span { color: #ee6c22 }
.course_pay ul li.line { padding: 0 0 3px 0; margin: 0 0 5px 0; background: url('../images/support/dotline_01.gif') left bottom repeat-x; }

/* 학기탭수정 */
.course_list .term_tab{overflow:hidden; margin-bottom:20px;}
.course_list .term_tab li{width:344px; background:#cbcbcb; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; height:60px;}
.course_list .term_tab li:first-child{margin-right:11px;}
.course_list .term_tab li a{overflow:hidden; padding:5px 6px; display:block;height:50px;}
.course_list .term_tab li a p{float:left; width:65px; text-align:center; background:#adadad; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; height:30px; padding:10px 0; font-family:"돋움", Dotum; font-size:13px; color:#fff; font-weight:bold;}
.course_list .term_tab li a div{float:left; margin-left:15px; padding:6px 0}
.course_list .term_tab li a div strong{display:block; font-size:16px; color:#fff; margin-bottom:3px;}
.course_list .term_tab li a div span{font-family:"돋움", Dotum; color:#fff; font-size:13px; letter-spacing:-1px;}
.course_list .term_tab li.on{background:#7cc1ff}
.course_list .term_tab li.on a p{background:#59a4e8}

/* courseinfo */
.course_info ul{padding:0; margin:0; list-style:none;}
.course_info ul li{float:left; margin:0 2px 0 0;}
.course_info table{clear:both;}

/* usc */
.ui_long_btn{}

/* util */
.util_sitemap { width: 700px; }
.util_sitemap div { float: left; width: 159px; height:370px; margin: 0 21px 30px 0; background: url('../images/util/bg_sitemapbox_01.gif') 0 0 no-repeat; }
.util_sitemap div.course { margin: 0 0 30px 0; }
.util_sitemap div.support { height: 445px; background: url('../images/util/bg_sitemapbox_02.gif') 0 0 no-repeat; }
.util_sitemap div.reference { height: 445px; background: url('../images/util/bg_sitemapbox_02.gif') 0 0 no-repeat; }
.util_sitemap div.mypage { height: 445px; background: url('../images/util/bg_sitemapbox_02.gif') 0 0 no-repeat; }
.util_sitemap div.classroom { height: 500px; margin: 0 0 30px 0; background: url('../images/util/bg_sitemapbox_02.gif') 0 0 no-repeat; }
.util_sitemap h4 { width: 159px; height: 45px; padding: 19px 0 0 0; text-align: center; }
.util_sitemap ul { padding: 0 0 0 25px; }
.util_sitemap ul li { margin: 0 0 13px 0; }
.util_sitemap div.mypage ul { width: 123px !important; padding: 0 0 0 8px; }
.util_sitemap div.mypage ul li { width: 122px; margin: 0; padding: 5px 0 2px 11px; }
.util_sitemap div.mypage ul li ul { width: 123px !important; margin: 3px 0 0 0; padding: 0; border-top: 1px solid #e1e1e1; }
.util_sitemap div.mypage ul li ul li { width: 112px !important; margin: 0; padding: 5px 0 3px 11px !important; border-bottom: 1px solid #e1e1e1; }
.util_sitemap div.classroom ul { width: 123px !important; padding: 0 0 0 8px; }
.util_sitemap div.classroom ul li { width: 122px; margin: 0; padding: 5px 0 2px 11px; }
.util_sitemap div.classroom ul li ul { width: 123px !important; margin: 3px 0 0 0; padding: 0; border-top: 1px solid #e1e1e1; }
.util_sitemap div.classroom ul li ul li { width: 112px !important; margin: 0; padding: 5px 0 3px 11px !important; border-bottom: 1px solid #e1e1e1; }



/* 테이블 스타일 추가 [최문주]*/
table caption {visibility:hidden; display:none;}
/* .table_box */
.table_box {border-top:2px solid #000000; border-bottom:2px solid #000000; margin:0 0 0 0; text-align:center; text-indent:-1px; border-collapse:collapse; width:100%;}
.table_box thead tr th {padding:12px 0 12px 0px; border-bottom:1px solid #000000; border-right:1px solid #c3c3c3; color:#000000; text-align:center; background:#eaf8ff; letter-spacing:-0.1;}
.table_box thead tr th.last {padding:12px 0 12px 0px; border-bottom:1px solid #000000; border-right:none; color:#000000; text-align:center; background:#eaf8ff; letter-spacing:-0.1;}
.table_box tbody tr td {padding:16px 6px 16px 6px; border-bottom:1px solid #c3c3c3; border-right:1px solid #c3c3c3; color:#333333; line-height:1.2em; overflow:hidden; text-overflow:ellipsis;}
.table_box tbody tr td.td01 {padding:4px 6px 4px 6px; overflow:hidden; text-overflow:ellipsis;}
.table_box tbody tr td.last {padding:16px 6px 16px 6px; border-bottom:1px solid #c3c3c3; border-right:none; color:#333333; line-height:1.2em; overflow:hidden; text-overflow:ellipsis;}

.p_arrow {padding:4px 0 4px 10px; margin:0 0 0 15px; background:url('../images/course/icon_p_arrow.gif') 0 8px no-repeat; line-height:16px; }

/* .table_box02 */
.table_box02 {margin:0 0 0 0; text-align:left; text-indent:-1px; background:#ffffff; border-collapse:collapse; width:100%;}
.table_box02 tbody tr td { padding:16px 6px 16px 30px; border:1px solid #dfdfdf; color:#333333; line-height:1.4em; overflow:hidden; text-overflow:ellipsis;}

.collection_list { background:#f7f7f7; border-bottom:1px solid #999999; padding:10px 50px 10px 30px; }
.collection_list span.padding_left { padding-left:133px; }
.rulebox .costumer_wrap { background:#fcf7f9; border:1px solid #dfdfdf; overflow:auto; margin:12px 0 12px 0;}
.rulebox .costumer_wrap .costumer_left { float:left; padding:16px 110px 16px 34px; }
.rulebox .costumer_wrap .costumer_right { padding:16px 0 0 0; }
.rulebox .costumer_wrap dl dt { color:#f12585; }
.rulebox .btn_before { padding:8px 0 0 16px; }

/*** 비밀번호 변경 추가*****/
.member_pwc {padding:70px 50px}
.pwchage {width:600px;margin-top:63px;padding:0 0 0 288px;background:url(/html/images/member/bg_member_pwc.gif) no-repeat 40px 10px}
.pwchage > ul li{padding:10px 0}
.pwchage > ul li .pwtext_box {padding:11px 10px; background:url(/html/images/member/pwtext_box_bg.gif) no-repeat left top}
.pwchage > ul li .pwtext_box li{padding:5px 9px}
.pwchage > ul li .pwtext_box li.underline{text-decoration: underline;font-weight:bold}

.pwc_btn {text-align:center;padding:80px 0 90px 100px}
.pwc_btn a:first-child {margin:0 6px 0 0}

.checkbox_pwc {display:inline-block;margin:0 0 0 10px}
.checkbox_pwc > input {vertical-align:middle;margin-right:5px}

/* 클래스룸 강의목차 추가 */
.attend_noti{padding:10px 20px 10px 15px; background:#f9f9f9; margin:20px 0; font-size:11px; letter-spacing:-0.5px; font-family:Dotum;}
.attend_noti div{ padding-right:80px; background:url(/html/images/classroom/ic_noti.gif) center right no-repeat; line-height:18px;}
.attend_noti div strong{color:#d50a0a; font-size:12px; display:block;}

/* 2019-03-26 공지사항 탭메뉴 추가 */
.noti_tab{margin-bottom:15px; }
.noti_tab ul{height:28px; padding:15px; background:#fafafa;}
.noti_tab ul li{float:left; width:74px; }
.noti_tab ul li.first{width:70px;}
.noti_tab ul li a{display:block; text-align:center; line-height:28px; font-size:13px; border-radius:15px; color:#666;}
.noti_tab ul li a.on, .noti_tab ul li a:hover{background:#fa665a; color:#fff; font-weight:bold; text-decoration:none;}

/* 2023-03-13 회원가입 수정 */
.member_join h5.label_tit{padding-left:25px;background:url(/html/images/member/bullet_tit.jpg) left center no-repeat; font-size:16px; color:#111; font-weight:bold;  font-family:"Nanum Gothic","Malgun Gothic"; letter-spacing:-1px;}
.member_join .txt_noti{color:#111; line-height:1.5; }
.member_join .txt_noti strong{display:block;  font-weight:bold; font-size:13px;}
.member_join .agree_box{position:relative; margin-top:20px; }
.member_join .agree_box > label{display:inline-block; margin-bottom:7px;  font-size:13px;font-weight:bold; font-size:13px; color:#111;}
.member_join .agree_box label span{font-weight:normal;}
.member_join .agree_box label span.red{color:#f44e46;}
.member_join .agree_box label input[type="checkbox"]{width:16px; height:16px; margin:-1px 5px 0 0; vertical-align:top;}
.member_join .agree_box > a{position:absolute; top:0px; right:0px; padding-right:20px; background:url(/html/images/member/arr_open.png) center right no-repeat; color:#111;}
.member_join .agree_box > a.on{background:url(/html/images/member/arr_close.png) center right no-repeat;}
.member_join .mt50{margin-top:50px; }
.member_join .agree_box table{width:100%; border-collapse:collapse; border-spacing:0;	}
.member_join .agree_box table th{border:1px solid #ddd; padding:10px; background:#f9f9f9; }
.member_join .agree_box table td{border:1px solid #ddd; padding:10px; }
.member_join .agree_box table td label + label{margin-left:30px;}
.member_join .agree_box .rulebox{display:none;}

.sleep .txt_noti{margin:20px 0 10px; line-height:1.3;}
.sleep .txt_noti span{color:#e0581b;}
.sleep .type{overflow:hidden; }
.sleep .type li{float:left; width:340px;}
.sleep .type li + li{margin-left:20px;}
.sleep .type li a{display:inline-block; width:340px; height:200px; }
.sleep .type li.btn1 a{background:url(/html/images/member/btn_sleep1.png) 0 0 no-repeat;}
.sleep .type li.btn2 a{background:url(/html/images/member/btn_sleep2.png) 0 0 no-repeat;}
.pop_box{position:relative; padding:30px; box-sizing:border-box;}
.pop_box h3{padding-bottom:10px; border-bottom:1px solid #111;}
.pop_box > a{position:absolute; top:30px; right:30px; }
.pop_box .sleep{width:100%; overflow-y:auto}
.pop_box .sleep table{width:100%; border-collapse:collapse; border-spacing:0;	}
.pop_box .sleep table th{border-bottom:1px solid #ddd; border-left:1px solid #ddd; background:#f9f9f9; padding:10px; }
.pop_box .sleep table td{border-bottom:1px solid #ddd; border-left:1px solid #ddd; padding:5px 10px; text-align:center;}
.pop_box .sleep table th:first-child, .pop_box .sleep table td:first-child{border-left:0px;}
.pop_box .sleep table td button{padding:0 15px; line-height:24px; color:#fff; font-weight:bold;background:#111; border-radius:3px;}
.pop_box .sleep.mt30{margin-top:30px;}
.pop_box .sleep input[type="password"]{width:100%; height:40px; line-height:40px; text-indent:10px; border:1px solid #ddd; background:#f9f9f9; border-radius:5px; box-sizing:border-box;}
.pop_box .sleep .txt_noti{margin-top:10px;}
.pop_box .sleep button.orange{width:100%; height:40px; margin-top:10px; border-radius:10px; color:#fff; font-weight:bold; text-align:center; background:#e0581b;border:0px;}


/* 404 페이지추가 20230530*/
.error{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.error .container{display: flex;flex-wrap: wrap;flex-direction: column;align-items: center;text-align: center;}
.error .icon-warning{background: url("../images/icons/icon_error.png") no-repeat center center;width: 100px;height: 92px;background-size: contain;}
.error .warning-title{font-size: 53px;line-height: 1.4;color: #ea5504;font-weight: 600;margin-top: 10px;}
.error p {font-size: 14px;line-height: 1.43;color: #777;font-weight: 600;}