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



/* intro */
.intro_greeting{background:url(../images/intro/bg_introgreeting.gif) no-repeat 0 0; padding:60px 0 0 275px;}
.intro_greeting .txt01{padding:0 0 35px 0;}
.intro_greeting .txt02{padding:0 0 23px 0;}

.intro_ideology{}
.intro_ideology h4{margin:0 0 30px 0; }
.intro_ideology .ideo li{float:left; margin-bottom:18px; }
.intro_ideology .ideo li.mr16{margin-right:16px; }

.intro_history{}
.intro_history h4{margin:0 0 20px 0; }
.intro_history table.his { clear: both; width: 700px; border-top:1px solid #336baf}
.intro_history table.his th { padding: 23px 0 0 0; border-bottom:1px solid #336baf; vertical-align:top; }
.intro_history table.his td { padding: 0 0 0 0; text-align: center; color: #444; font-weight:bold; background: #ffffff;  line-height:23px;}
.intro_history table.his td.event{text-align:left; color:#888; font-weight:normal; }
.intro_history table.his tr.year td{border-bottom:1px solid #d8d9db; padding:0 0 23px 0;}
.intro_history table.his tr.fir td{padding-top:23px }


.intro_contactus{}
.intro_contactus h4 { height:31px; margin:40px 0 0 0; background:url('../images/intro/bg_stit_contact.gif') repeat-x 0 100%; }
.intro_contactus .trans { overflow:hidden; clear:both; padding:0; line-height:21px; color:#888; }
.intro_contactus .trans li { clear:both; overflow:hidden; padding:20px 0 0 0; }
.intro_contactus .trans .stit { float:left; width:87px; padding:0 33px 0 0; }
.intro_contactus .trans .cnt { float:left; width:578px; padding-top:25px; }
.intro_contactus .trans .cnt .cb01 { font-weight:bold; color:#444; }
.intro_contactus .trans .cnt .cn01 { color:#444; }
.intro_contactus .trans .cnt .cb02 { font-weight:bold; color:#269721; }
.intro_contactus .trans .cnt .cb03 { font-weight:bold; color:#0e6dd6; }
.intro_contactus .trans .cnt .cb04 { font-weight:bold; color:#3876c3; }
.intro_contactus .trans .cnt .cb05 { font-weight:bold; color:#e22245; }
.intro_contactus .trans .cnt .cb06 { font-weight:bold; color:#edb11f; }

/* 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: 100%; }
.explain_process dl { width: 100%; 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 9px 0;  font-weight: 600; font-size: 16px; letter-spacing: -1px;}
.explain_process dl dt span {padding-right: 9px; color: #2a73cc; font-weight: 600; font-size: 18px; letter-spacing: -1px;}
.explain_process dl dd { padding-left: 29px; font-size: 15px; line-height: 1.6em; letter-spacing: -0.5px; }
.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_process dl dd .btn_link_blue{display: inline-block;  min-width: 80px; height: 32px; margin-top:6px; padding: 0 20px; color: #fff; font-weight: 500; font-size: 12px; line-height: 31px; text-align: center;  background-color: #08a1f5; border-radius: 2px; }


.explain_refund { width: 100%; }
.explain_refund h4 p { padding: 10px 0 0 27px; font-size: 12px; color: #444444; font-weight: normal; }
.explain_refund table { width: 100%; border-top: 2px solid #4583cf; border-left: 1px solid #d8d9db; }
.explain_refund table th { padding: 10px 0 8px 0; font-size: 15px; color: #3876c3; background: url('../images/common/bg_threpeat.gif') 0 0 repeat-x; border-right: 1px solid #d8d9db; border-bottom: 1px solid #d8d9db; text-align:center; }
.explain_refund table td { padding: 20px 4px; color: #000;  text-align: center; line-height: 1.7em;letter-spacing: -0.5px; border-right: 1px solid #d8d9db; border-bottom: 1px solid #d8d9db; }
.explain_refund ul.caution { max-width: 700px; margin: 10px 0 30px 0; padding: 25px 0 20px 157px; overflow: hidden; background: #f5fbff url('../images/explain/img_transfer_01.png') 52px 43px no-repeat; }
.explain_refund ul.caution li { padding: 0 0 0 10px; margin: 0 0 6px 0; font-size: 14px; line-height: 1.6em;}
.explain_refund ul.caution li.evt { color: #f75858;}
.explain_refund dl dt { margin: 0 0 12px 0; color: #444444; font-weight: bold; }
.explain_refund dl dd { line-height: 1.7em;     letter-spacing: -0.5px;}

.explain_certifiate { width: 100%; }
.explain_certifiate ul { width: 100%; overflow: hidden; }
.explain_certifiate ul li { float: left; width: 32%; 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 { margin: 52px 0;}
.explain_certifiate p { margin-bottom: 34px; color: #f75858; font-size: 13px;}

.explain_target { width: 700px; }
.explain_target .process { margin-bottom: 40px; padding: 0 0 0 5px; }
.explain_target .bd { border-top: none !important; }
.explain_target .blue_bdbox .wrap { max-width: 700px; background: #ffffff;}
.explain_target .blue_bdbox h5 {height: 23px;  color: #1660c4; font-weight: 500; font-size: 17px;}
.explain_target .blue_bdbox dl.end { background: none; }


.explain_scholarship{}
.explain_scholarship table { width: 100%; border-top: 2px solid #4583cf; border-left: 1px solid #d8d9db; }
.explain_scholarship table th { padding: 10px 0 8px 0; text-align: center; font-size: 13px; color: #3876c3; background: url('../images/common/bg_threpeat.gif') 0 0 repeat-x; border-right: 1px solid #d8d9db; border-bottom: 1px solid #d8d9db; }
.explain_scholarship table td { padding: 20px 0; text-align: center; font-size: 15px; line-height: 1.7em; color: #000000; border-right: 1px solid #d8d9db; border-bottom: 1px solid #d8d9db; }
.explain_scholarship table td.left{padding-left:8px; text-align:left; }
.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_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; }
#ta_left{text-align:left; padding:5px;}

/* mypage */
.mypage_main { }
.mypage_main h4 { margin: 0 0 12px 0; font-size:16px; font-weight:600;}
.mypage_main h4:before{display:inline-block; content:''; position: relative; top: 3px; width:19px; height:17px; margin-right: 6px; background:url('../images/mypage/stit_before.png'); background-repeat:no-repeat; background-position:0 0; background-size:contain;}
.mypage_main ul.tab { position: relative; right: 0; width: 153px; height: 23px; margin-top: -22px; padding: 0 0 0 157px; 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: 0px 10px 10px 12px;;border: 3px solid #e3e3e3;border-top:0; }
.mypage_main ul.list li { padding: 0 0 0 6px; margin: 0 0 9px 0; font-size: 14px; line-height: 1.9em; color: #989898;  }
.mypage_main .myhaksa { float: left; width: 60%; margin: 0 20px 0 0; padding-bottom: 30px; overflow: hidden; }
.mypage_main .myhaksa table { width: 100%; border-left: 1px solid #d8d9db; border-top: 2px solid #e33e36; }
.mypage_main .myhaksa table th { padding: 9px 0 7px 0; color: #666666; font-size: 15px; font-weight: bold; background: #f7f7f7; border-right: 1px solid #d8d9db; border-bottom: 1px solid #d8d9db; text-align:center; }
.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; margin-bottom: 30px; overflow: hidden; background: url('../images/mypage/bg_listbox.gif') 0 0 no-repeat; }
.mypage_main .inquiry { float: left; width: 60%; margin: 0 20px 30px 0; overflow: hidden; }
.mypage_main .inquiry table.boardlist { width: 100%; }
.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; overflow: hidden; background: url('../images/mypage/bg_listbox.gif') 0 0 no-repeat; }
.mypage_main .lecturelist { clear: both; width: 100%; }
.mypage_main .lecturelist table.boardlist th { color: #565656; }

.mypage_course { }

.mypage_note { }
.mypage_note ul.notesearch { width: 81.5%; height: 72px; margin: 0 0 13px 0; padding: 17px 0 0 158px; border: 1px solid #ccc;}
.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: 100%; padding: 20px 0; border: 2px solid #ccc; }
.mypage_paylist ul.payways li {    padding: 0 20px;}
.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 { height: 72px; margin: 0 0 13px 0; padding: 17px 0 0 158px; border: 1px solid #ccc;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;*/ margin-right: 200px; }
.mypage_complete .btnright span { margin-right: 10px; vertical-align: 3px; color: #f75858; }

.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; }

.cert_btn {display: inline-block; width: 172px; height: 38px; border: 1px solid #e33e36; box-sizing: border-box; border-radius: 8px; font-weight: 500; line-height: 34px; text-align: center; text-decoration: none !important; background-color: #ffffff; }
.cert_btn_on {color: #fff; background-color: #e33e36;}

.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; font-size:17px; font-weight:600;}
.mypage_schedule h4:before{display:inline-block; content:''; position: relative; top: 3px; width:19px; height:17px; margin-right: 6px; background:url('../images/mypage/stit_before.png'); background-repeat:no-repeat; background-position:0 0; background-size:contain;}

.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: 100%; 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: 180px; padding: 0; margin: 0 20px 0 0; 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 54px 0; }
.mypage_modify dl.loginbox_02 dt { margin: 0 0 40px 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 12px 0 39px; }
.mypage_modify dl dd.btn_login { position: absolute; right: 60px; top: 71px; }
.mypage_modify dl dd.btn { position: absolute; right: 68px; top: 99px; }
.mypage_modify dl dd.txt{ padding: 17px 0 0 163px; font-size: 11px; letter-spacing: -1px; color: #ff6c00; }
.mypage_modify dl.loginbox_02 input {width: 228px; height: 34px; border: none;  line-height: 34px; font-size: 14px; cursor: pointer;}
.mypage_modify dl.loginbox_02 dd {text-align:center;}
.mypage_modify dl dd.btnset { width: 340px; padding: 8px 0 0 0; text-align: center; }
.mypage_modify dl dd.btnset a{padding: 0 18px;}
.mypage_modify dl dd input::placeholder {font-size:12px; color:#888;}
.mypage_modify dl dd input.txt {width: 154px; height: 34px; padding-left: 5px; border: 1px solid #888; box-sizing: border-box; line-height: 34px; }
.mypage_modify dl dd #memberId {width:228px;}
.mypage_modify dl.loginbox_01 input { width: 61px; height: 71px; font-size: 14px; line-height: 71px;}
.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 { height: 196px; padding: 27px 0 0 22px; margin: 0 0 30px 0; border: 1px solid #ccc; font-size: 14px; }
.mypage_pcregist ul.pcreg li { width: 656px; padding: 10px 0 8px 10px; line-height: 17px; 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 div.idsch { position: relative; float: left; width: 305px; height:307px; margin: 0 20px 0 0; padding: 0 0 0 25px; background: url('../images/member/bg_idpwschbox.gif') 0 0 no-repeat; }
.member_idpwsch div.idsch p.txt {width: 300px; height: 76px; margin:33px 0 0 0; color: #888888; font-size: 11px; line-height: 16px; }
.member_idpwsch div.idsch dl dd.btn { position: absolute; right: 26px; top:61px; *top:64px;}
.member_idpwsch div.idsch dl dd.btn02 { position: absolute; right: 26px; top:165px; *top:174px;}
.member_idpwsch div.idsch_pw { position: relative; float: left; width: 305px; height:350px; margin: 0 20px 0 0; padding: 0 0 0 25px; background: url('../images/member/bg_idpwschbox03.gif') 0 0 no-repeat; }
.member_idpwsch div.idsch_pw p.txt {width: 300px; height: 76px; margin:33px 0 0 0; color: #888888; font-size: 11px; line-height: 16px; }
.member_idpwsch div.idsch_pw dl dd.btn { position: absolute; right: 26px; top:61px; *top:64px;}
.member_idpwsch div.idsch_pw dl dd.btn02 { position: absolute; right: 26px; top:186px; *top:198px;}
.member_idpwsch .id_indent {margin:0 0 10px -15px;}

.member_idpwsch dl dt { margin:40px 0 10px 0px;}
.member_idpwsch dl dd { margin: 0 0 3px 10px; }
.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 div.pwsch { position: relative; float: left; width: 305px; height:307px; margin: 0 20px 0 0; padding: 0 0 0 25px; background: url('../images/member/bg_idpwschbox02.gif') 0 0 no-repeat; }
.member_idpwsch div.pwsch dl{ width:280px; margin:75px 0 0 0;}
.member_idpwsch div.pwsch dd.btn { margin:0 0 0 0; text-align:center;}
.member_idpwsch div.pwsch dd.btn02 { margin:5px 0 0 0; text-align:center;}
.member_idpwsch div.pwsch p.txt {width: 300px; height: 76px; margin:67px 0 0 0; *margin:85px 0 0 0; color: #888888; font-size: 11px; line-height: 16px; }
.member_idpwsch div.pwsch_pw { position: relative; float: left; width: 305px; height:350px; margin: 0 20px 0 0; padding: 0 0 0 25px; background: url('../images/member/bg_idpwschbox04.gif') 0 0 no-repeat; }
.member_idpwsch div.pwsch_pw dl{ width:280px; margin:75px 0 0 0;}
.member_idpwsch div.pwsch_pw dd.btn { margin:0 0 0 0; text-align:center;}
.member_idpwsch div.pwsch_pw dd.btn02 { margin:5px 0 0 0; text-align:center;}
.member_idpwsch div.pwsch_pw p.txt {width: 300px; height: 76px; margin:81px 0 0 0; *margin:85px 0 0 0; color: #888888; font-size: 11px; line-height: 16px; }

.member_login { }
.member_login h4 { margin: 0 0 20px 0; }
.member_login dl { position: relative; float: left; width: 340px; height: 180px; margin: 0 20px 0 0; background: url('../images/member/bg_loginbox.gif') 0 0 no-repeat; }
.member_login dl.cert { margin: 0; }
.member_login dl dt { margin: 0 0 40px 0}
.member_login dl dd { margin: 0 0 3px 0; }
.member_login dl dd #memberId {width:228px;}
.member_login dl dd input.txt {width: 154px; height: 34px; padding-left: 5px; border: 1px solid #888; box-sizing: border-box; line-height: 34px; }
.member_login dl dd input::placeholder {font-size:12px; color:#888;}
.member_login dl dd label { margin: 0 25px 0 0; }
.member_login dl dd.btn_login { position: absolute; right: 61px; top: 57px; }
.member_login dl dd.btnset { width: 340px; padding: 8px 0 0 0; text-align: center; }
.member_login dl dd.btnset a {padding: 0 18px;}
.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 input{ width: 61px; height: 71px; font-size: 14px; line-height: 71px;}
.member_login dl.member_02 { margin: 0; }
.member_login dl.member_02 dt { margin: 0 0 40px 0 }
.member_login dl.member_02 dd {text-align:center;}
.member_login dl.member_02 dd label { margin: 0 15px 0 0; }
.member_login dl.member_02 input {width: 228px; height: 34px; border: none;  line-height: 34px; font-size: 14px; cursor: pointer;}
.member_login dl dd.txt { padding: 17px 0 0 163px; font-size: 11px; letter-spacing: -1px; color: #ff6c00; }


.member_rule { }
.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: 100%; margin: 0 0 27px 0; overflow: hidden; }
.member_rule dl dt { 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 3px no-repeat; }
.member_rule dl dd { padding: 0 0 0 10px; text-align: justify; color: #333333; line-height: 1.6em; }
.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; 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_join { }
.member_idpwsch ul.tab { margin: 0 0 15px 0; overflow: hidden; }
.member_idpwsch ul.tab li { float: left; margin-right: 2px; }
.member_join h4 { margin: 0 0 15px 0; }
.member_join h5 { margin: 20px 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:190px; margin: 0 0 6px 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 .txtbox {width:654px; word-spacing: -1px; line-height: 18px; padding:0 0 0 16px; font-size:11px; }
.member_join .txtbox span { color: #ff6c00; }
.member_join .txtbox img.btn { vertical-align: middle; margin-left: 5px; }
.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_join .nameconfirm dl { position: relative; float: left; width:654px; margin: 0 19px 0 0; padding: 7px 0 0 0; }
.member_join .nameconfirm dl dt { text-align:left; width: 654px; padding: 0 0 6px 0; overflow: hidden; font-size: 12px; width:360px; margin:0 0 0 175px; }
.member_join .nameconfirm dl dt span { margin: 0 10px 0 0; }
.member_join .nameconfirm dl dd { clear: both; padding: 0 0 4px 0; width: 654px; text-align:left; width:360px; margin:0 0 0 175px; font-size:12px;}
.member_join .nameconfirm dl dd span { margin: 0 10px 0 0; }
.member_join .nameconfirm .cla_left { margin: 0 0 0 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 { width:654px; padding:22px 0 0 0; margin:22px 0 0 0; text-align:center; background: url('../images/member/dotline_01.gif') left top repeat-x;  }
.member_join .nameconfirm p.btn { width:654px; padding:22px 0 0 0; margin:38px 0 0 0; text-align:center; background: url('../images/member/dotline_01.gif') left top repeat-x;  }
.member_join .rulebox { clear: both; width: 97.5%; 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: 98%; 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: 100%; 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: 390px; 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: 1.6em; color: #444444; }
.member_auth .txt_auth2 { margin: 0 0 30px 0; padding: 0 0 0 26px; text-align: justify; line-height: 1.6em; 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: 100%; border-top: 2px solid #4583cf; border-left: 1px solid #d8d9db; }
.member_auth table th { padding: 9px 0 8px 0; line-height: 1.6em; font-size: 15px; text-align: center; 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: 1.6em; color: #444444; border-right: 1px solid #d8d9db; border-bottom: 1px solid #d8d9db; }
.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: 'Noto Sans KR'; font-size: 11px; }
.member_auth table td.authcenter .url { margin: 0 0 0 30px; font-family: 'Noto Sans KR'; font-size: 11px; }
.member_auth table td.authcenter .url a { text-decoration: underline; font-family: 'Noto Sans KR'; color: #888888; }

.agreement_form .text_bold dt{font-weight: 600;}
.agreement_form .text_bold dl{ margin-bottom: 20px; }


/* classroom */
body#main ul.subjectsch { width: 98%; height: 44px; margin: 0 0 25px 0; padding: 13px 0 0 20px; border: 1px solid #ccc;}
body#main ul.subjectsch li { float: left; padding: 2px 0 0 0; margin: 0 4px 0 0; }
body#main 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#main ul.subjectsch li select { }

body#main ul.subjectsch_s { width: 97%; height: 37px; padding: 13px 0 0 20px; margin: 0 0 25px 0;border: 1px solid #ccc; }
body#main ul.subjectsch_s li { float: left; margin: 0; }
body#main ul.subjectsch_s li.hd { height: 22px; padding: 1px 15px 0 30px; color: #444444; font-weight: bold; background: url('../images/icons/icon_search.gif') 0 -1px no-repeat; }
body#main ul.subjectsch_s li select { width: 300px; }
body#main .mypage_main h4:before{display:inline-block; content:''; position: relative; top: 3px; width:19px; height:17px; margin-right: 6px; background:url('../images/classroom/stit_before.png'); background-repeat:no-repeat; background-position:0 0; background-size:contain;}
body#main h4 { margin-bottom: 12px; font-weight:600; font-size:17px; letter-spacing: -0.5px;}

.classroom_main { }
.classroom_main ul.subjectsch {     display: flex; }
.classroom_main ul.subjectsch li { margin: 0 15px 10px 0; }
.classroom_main ul.subjectsch li select { width: 300px; }
.classroom_main .subjectqna { float: left; width: 60%; margin: 0 20px 0 0; }
.classroom_main .subjectqna table.boardlist { width: 100%; }
.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 { vertical-align: middle; }
.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: 10px 20px 0 22px; }
.classroom_main .notice ul.list li { margin: 0 0 11px 0; font-size: 14px; color: #989898;  }
.classroom_main .subjectuguide { clear: both; width: 100%; }
.classroom_main .subjectuguide table.boardlist { width: 100%; }
.classroom_main .subjectuguide table.boardlist td.teacher { font-size: 15px; }
.classroom_main .subjectuguide table.boardlist td.hakjum { font-size: 15px; }
.classroom_main .subjectuguide table.testschedule { width: 100%; margin: 20px 0 0 0; background: none !important; border: 7px solid #1d76ef; }
.classroom_main .subjectuguide table.testschedule th { padding: 9px 0 7px 0; color: #565656; font-size: 15px; 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: 15px; font-family: 'Noto Sans KR'; border-bottom: 1px solid #d8d9db; border-right: 1px solid #d8d9db; }
.classroom_main .subjectuguide table.testschedule td:nth-child(3){font-weight: 600; color: #1d43ff;}
.classroom_main .subjectuguide table.testschedule td:nth-child(5){font-weight: 600; color: #1d43ff;}
.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: 100%; margin: 30px 0 0 0; }
.classroom_main .studystatus table.boardview { width: 100%; 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: 'Noto Sans KR'; 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: 100%; margin: 30px 0 0 0; }
.classroom_main .lecturelist .titimg { }
.classroom_main .lecturelist table.boardview { width: 100%; 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: 'Noto Sans KR'; font-size: 11px;line-height: 1em; }
.classroom_main .lecturelist table.boardview td.num { text-align: center; font-family: 'Noto Sans KR'; 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: 'Noto Sans KR'; font-size: 11px; }
.classroom_main .lecturelist table.boardview td.btn { text-align: center; font-family: 'Noto Sans KR'; font-size: 11px; }
.classroom_main .lecturelist table.boardview td.btn img { margin-top: 5px; }

.classroom_main .cl_com{padding:15px 0 20px; font-weight:600;}

ul.subjectsch {     display: flex; }
ul.subjectsch li { margin: 0 15px 10px 0; }

.classroom_curriculum { }
.classroom_curriculum ul.subjectsch {     display: flex; }
.classroom_curriculum ul.subjectsch li { margin: 0 15px 10px 0; }
.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; }

.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; font-size:17px; font-weight:600;}
.classroom_evalution h4:before{display:inline-block; content:''; position: relative; top: 3px; width:19px; height:17px; margin-right: 6px; background:url('../images/classroom/stit_before.png'); background-repeat:no-repeat; background-position:0 0; background-size:contain;}
.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: 'Noto Sans KR'; font-weight: bold; font-size: 15px; color: #487dd9; }
.classroom_evalution table.databoard td.date { font-family: 'Noto Sans KR'; font-size: 11px; }
.classroom_evalution table.databoard tr.total td { padding-top: 7px; font-weight: bold; font-size: 15px; background: #f7f7f7; }
.classroom_evalution table.databoard tr.total td.allgrade { color: #666666; }
.classroom_evalution table.databoard tr.total td.grade { font-size: 15px; 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: 100%; 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: 'Noto Sans KR'; }
.classroom_dissent table.boardview tr.info td.num { padding: 7px 0 7px 10px; font-family: 'Noto Sans KR'; }
.classroom_dissent table.boardview tr.info td.date { padding: 7px 0 7px 10px; font-family: 'Noto Sans KR'; }
.classroom_dissent table.boardview tr.info td.btn { padding: 5px 0 5px 0; }
.classroom_dissent table.boardwrite td { padding: 4px 0 4px 10px; }

.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: 'Noto Sans KR'; }
.classroom_qna table.boardview tr.info td.num { padding: 7px 0 7px 10px; font-family: 'Noto Sans KR'; }
.classroom_qna table.boardview tr.info td.date { padding: 7px 0 7px 10px; font-family: 'Noto Sans KR'; }
.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; font-size:17px; font-weight:600;}
.classroom_poll h4:before{display:inline-block; content:''; position: relative; top: 3px; width:19px; height:17px; margin-right: 6px; background:url('../images/classroom/stit_before.png'); background-repeat:no-repeat; background-position:0 0; background-size:contain;}
.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: 'Noto Sans KR'; 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-size: 15px; }
.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: 15px;  background: #f8f8f8; }
.classroom_exam table.databoard tr.total td.num { color: #888888; font-size: 15px; font-family: 'Noto Sans KR'; }
.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: 'Noto Sans KR'; 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: 'Noto Sans KR'; 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: 'Noto Sans KR'; 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: 'Noto Sans KR'; 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: 'Noto Sans KR'; 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 {     width: 100%;} 
.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: 100%; }
.classroom_haksa .thismonth { clear: both; width: 100%; 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 {position: relative; bottom: 79px; left: -14px; width: 700px; 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: 100%; 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 {position: relative; bottom: 79px; left: -14px; width: 700px; 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: 100%; 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_note h4{font-size:17px; font-weight:600;}
.classroom_note h4:before{display:inline-block; content:''; position: relative; top: 3px; width:19px; height:17px; margin-right: 6px; background:url('../images/classroom/stit_before.png'); background-repeat:no-repeat; background-position:0 0; background-size:contain;}



/*.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;}
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: 30px; overflow: hidden; background: #f5fbff ; }
.guide_overview ul.targeting li { margin: 0 0 9px 0; }

.guide_process {  }
.guide_process h4 { margin: 0 0 10px 0; }
.guide_process .pl100 { clear: both; }
.guide_process .pl100 p { width: 100%; text-align: center; }
.guide_process ul.wplist { clear: both; padding: 13px 0 7px 250px; 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.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; text-align:center; }
body#support table.boardview th { color: #3876c3; text-align:center; }
body#support ul.tab { margin: 0 0 15px 0; overflow: hidden; }
body#support ul.tab li { float: left; margin-right: 2px; }
.gcontents { padding: 20px 30px 40px 40px; margin: 0 0 30px 0; overflow: hidden; border: 2px solid #ccc;}

.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;    line-height: 16px; }
.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: 100%; 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: 'Noto Sans KR'; }
.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 h5 { max-width: 700px; height: 30px; color: #Fff; font-weight: 500; font-size: 14px; line-height: 30px; text-align: center;  background-color: #b4d63a; }
.support_guide .process_img {width: 700px; padding-bottom: 30px; height:106px; text-align: center; }
.support_guide .guide_process span{display: inline-block; width: 18px; height: 18px; margin-right: 6px; color: #fff; line-height: 18px; border-radius: 9px; background-color: #b4d63a;}
.support_guide .guide_process li{padding: 30px 0 30px 0; text-align: center; border-bottom: 1px dashed #b4d63a;}
.support_guide .guide_process li img{padding-top: 20px;}

.support_remote { }
.support_remote h4 { margin: 0 0 15px 0; }
.support_remote dl { width: 700px; height: 190px; padding: 12px 0 0 170px; background: url('../images/support/bg_remoteservice.gif') 0 0 no-repeat; } 
.support_remote dl dt { height: 45px; margin: 0 0 0 -135px; }
.support_remote dl dd { width: 467px; padding: 9px 0 8px 15px; background: url('../images/support/dotline_01.gif') left bottom repeat-x; }
.support_remote dl dd p { padding: 0 0 0 10px; color: #888888; color: #444444; background: url('../images/icons/icon_arr_01.gif') 0 3px no-repeat; }
.support_remote .process_img { margin: 10px 0 27px 0; }

.support_faq { }
.support_faq h4 {}
.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: 18px; 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: 100%; 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: 'Noto Sans KR'; 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 { height: 23px; margin: 7px 0 0 0; padding: 10px 0 0 22px; background-color: #6a6a6a; }
.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; text-align:center; }
body#reference table.boardview th { color: #3876c3; text-align:center; }

.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: 100%; border-top:2px solid #4583cf;}
.reference_library .liblist li{overflow:hidden; padding: 30px 0 30px 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:80%; }
.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; text-align:center; }
#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 { clear:both; width:100%; position:relative; }
body.sub .course_list {border-left:none; border-right:none;}
*:first-child+html .course_list img.t_border_l{position:relative; bottom:-2px;}
.course_list dl.courseinfo { width: 100%; margin: 0 0 35px 0; overflow: hidden; }
.course_list dl.courseinfo dt { float: left; width: 500px; margin: 0 0 5px 0; color: #2c73cb; font-weight: 600; font-size: 17px;}
.course_list dl.courseinfo dd { float: left; width: 100%; }
.course_list dl.courseinfo dd ul li { margin: 0 0 3px 0; padding: 0 0 0 10px; line-height: 21px; color: #888888; background:url('../images/icons/icon_list_01.gif') 0 6px no-repeat; }
.course_list dl.courseinfo dd ul li p { color: #171717; }
.course_list dl.courseinfo dd ul li p span { color: #415d80; }
.course_list .tablewrap {clear:both; position: relative; width: 100%; padding-top:10px; line-height: 1em; }
.course_list .tablewrap .boardlist th { color: #3876c3;}
.course_list ul.tab{display:block; padding:10px 0 0 0px;}
.course_list ul.tab li{float:left; display:block; margin:0 1px 0 0; border-radius: 5px;}

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

.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 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: 'Noto Sans KR'; }
.course_view table.databoard td.price { padding: 7px 0 7px 10px; color: #ed1b23; font-size: 11px; font-family: 'Noto Sans KR'; }
.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; }
.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; }


.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: 'Noto Sans KR'; 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 dl.paymentbox { box-sizing: border-box; width: 100%; padding: 15px 19px; color: #888888; border: 5px solid #ccc;}
.course_cart dl.paymentbox dt { width: 100%; 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 9px no-repeat; }
.course_cart dl.paymentbox dd { width: 100%; padding: 15px 0 0 0; text-align: left; }
.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: 100%;  padding: 15px 0; color: #888888;     border: 1px solid #ccc; }
.course_cart dl.paymentbox_cart dt { width: 663px; padding: 5px 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; }

/* courseinfo */
.course_info ul{padding:0; margin:0; list-style:none;}
.course_info ul.tab_depth {display: inline-block; padding-bottom: 20px;}
.course_info ul.tab_depth li{float:left; width: 175px; text-align: center;}
.course_info ul.tab_depth li h5 {display: inline-block; width: 172px; height: 38px; font-weight:500; line-height: 34px; text-align: center; background-color: #ffffff; border: 1px solid #08a1f5; box-sizing: border-box; border-radius: 8px;}
.course_info ul.tab_depth li h5:hover {color: #fff; background-color: #08a1f5;}
.course_info ul.tab_depth li h5.tab_on{color: #fff; border: 1px solid #1660c4; background-color: #1660c4;}
.course_info .blue_bdbox img {display: block; margin: 0 auto;}
.course_info .blue_bdbox .bt_line::after { content: ''; display: block; padding-top: 15px; margin-bottom: 15px;  border-bottom: 1px dashed #08a1f5;}
.course_info table{clear:both; table-layout:fixed;}
.course_info table td{word-break: keep-all;}
.course_info table .strongline{text-decoration: underline;font-weight:bold;}
.course_info table .textline{text-decoration: underline;}

.course_info .course_m1_s4 ul {padding: 15px 0 15px 0;  border-bottom: 1px dashed #bcd7ff;}

/* usc */
.ui_long_btn{}
.greeting .gr_imglist {display: inline-block; padding-bottom: 15px;}
.greeting .gr_imglist ul li {float:left; width: 350px; height:150px; padding: 10px 0; text-align: center;}
.greeting ul li img{ padding-bottom: 15px;}
.greeting .gr_content .gr_tt {padding: 8px 0;}
.greeting .gr_content .gr_tt li{ line-height:1.8em;}


.history_list {width: 100%; border-collapse: collapse; margin-top: 43px;}
.history_list tr{height: 40px; line-height: 40px; }
.history_list tr {border-bottom: 1px solid #e6e6e6;}
.history_list tr th{text-align: center; font-size: 18px; color: #2a73cc;}
.history_list tr th + td{font-weight: 800; color: #666666;}
.root_daum_roughmap .wrap_controllers{ display: none;}
.root_daum_roughmap  { padding: 0 !important; border-radius: 0 !important; box-sizing: border-box !important;}
.course_info .map_info h4{ padding-top: 18px; font-size: 18px; letter-spacing: -0.5px; line-height: 44px;}
.course_info .map_info p{line-height: 22px;}
.course_info .map_info dt{padding-top: 20px; font-weight: 600; font-size: 16px; line-height: 26px;}
.course_info .map_info dl{line-height: 20px;}


/* util */
.util_sitemap { width: 700px; font: 13px '나눔고딕', 'Nanum Gothic', sans-serif; margin-top: 40px;}
.util_sitemap div { float: left; width: 164px; height:370px; margin: 0 14px 30px 0;}
.util_sitemap div.explain { margin: 0 0 30px 0; }
.util_sitemap div.mypage {margin: 0 0 30px 0;}
.util_sitemap div.classroom{height: 560px !important;}
.util_sitemap h4 { height: 45px; padding: 20px 0 0 5px; border-top: 2px solid #73c4f3;  font-size: 18px; letter-spacing: -0.5px;}
.util_sitemap ul { padding: 0 0 0 4px; }
.util_sitemap ul li { margin: 0 0 13px 0; }
.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 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; }
.util_sitemap a{position: relative; padding-left:10px;}
.util_sitemap a:hover{text-decoration: none; color:#73c4f3; }
.util_sitemap a::after{ content: '';  position: absolute; left: 0; top: 8px; width: 3px; height: 3px; background: #73c4f3;}


/* 테이블 스타일 추가 [최문주]*/
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 th { text-align:center; 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 .last { border-right:none; }

.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:8px; 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;}

/* .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; }

.collection_law {padding:12px 0 2px 0;}
.collection_law h4{font-size:12px; padding:0; margin:0;}
.collection_law li.first {padding:0 0 5px 0;}

.collection_law ul li.last {padding:5px 0 0 0;}
.collection_law ul li.last span {color:#006699; font-weight:bold;}
.collection_law .indent_p {padding:0 0 0 20px;}
.collection_law .law_indent {padding:12px 0 10px 12px;}


/* 무료상담신청 */
.freecsl_box{background:url('../images/common/freecsl_boxbg.gif') no-repeat; width:700px; height:70px; margin:0 0 20px 0;}
.freecsl_box ul{padding:16px 0 0 18px;}
.freecsl_box ul li{line-height:1.6em;}

.freecsl_guide{padding:10px 0 15px 0;}
.freecsl_check{text-align:center;}

.l_td01 {
	border:1px solid #d1d1d1;
	padding:4px;
	height:18px;
}

/*20130710_패밀리사이트추가*/
.family {padding:0 0 30px 10px}
.family dt.tit{padding:22px 0 5px} 
.family dd{padding:5px 0 5px 20px}

/*** 비밀번호 변경 추가*****/
.member_pwc {padding:70px 50px;width: 800px;margin: 0 auto;}
.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}

/*20191023 추가*/
.scroll_none {overflow-x:hidden; overflow-y:auto;}

/* 서브페이지 본문 제목 */
.page_tit{margin: 5px 0 12px; padding-left:23px; font-weight: 600; font-size: 17px;}
.page_tit_ex{margin-bottom: 20px;}
.page_tit_ex p{/*line-height: 20px;*/ letter-spacing: -0.5px;}

/* 서브페이지 본문 파랑박스 */
.box_line {padding: 20px; border: 1px solid #d8d9db;}

/* 주의박스 */
.caution_box{max-width: 100%; padding: 30px; background: #f5fbff }
.caution_box p{font-size: 15px; line-height: 1.7em;}

/* 파랑테두리박스 */
.blue_bdbox { max-width: 700px; padding: 30px; overflow: hidden; border: 3px solid #e4ecf8; }
.blue_bdbox dl { padding: 18px 0 25px; overflow: hidden;}
.blue_bdbox dl dt { margin: 0 0 5px 0; font-size: 14px;}
.blue_bdbox dl dd { line-height: 20px; letter-spacing: -0.3px;}


/* 공통스타일 */
.fc_pk {color: #ff71bf;}
.fc_bl {color: #2a73cc;}
.fs12 {font-size: 15px;}
.fs15 {font-size: 15px;}
.fs17 {font-size: 17px; font-weight:500;}
.fw600 {font-weight: 600;}
.lh20 {line-height: 1.8em; font-size: 17px;}
.pbt15 {padding-bottom: 15px;}
.pbt20 {padding-bottom: 20px;}
.pt15 {padding-top: 15px;}
.pt20 {padding-top: 20px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}
.ta_left {text-align: left;}
.bt_blue {border-top: 2px solid #4583cf;}
.tit_4c {background: url('../images/common/common_btn.png') 0 -22px no-repeat;}


/* login new 21.08.11 */
.post_tit {font-family: 'Noto Sans KR';font-weight:bold;font-size:28px;margin-bottom: 30px;}
.mem_warp2 {width:100%;clear:both;margin-bottom:50px;background-color:#f1f5fb;overflow:hidden;}
.mem_warp2 li {float:left;width:50%;overflow:hidden;padding:50px 40px;text-align:center;border-right:1px solid rgba(0,0,0,0.05);box-sizing: border-box;}
.mem_warp2 li:nth-child(2) {border-right:0px;}
.mem_warp2 li h1 {font-size:20px;font-weight:700;text-align:center;width:100%;clear:both;margin-bottom:30px;}
.mem_warp2 .join {margin-right:15px;font-weight:bold;}
.log_certi {position:relative;top:0px;left:0px;display:none;width:100%;}
.log_certi2 {width:100%;display:inline-block;overflow:hidden;clear:both;border:3px solid #ddd;padding:30px 50px;box-sizing: border-box;background-color:#f8f8f8;}
.log_certi2 h1 {clear:both;text-align:center;font-size:16px;line-height:1.0;margin-bottom:40px;}
.log_certi2 span {background-color:#777;color:#fff;;text-align:center;padding:3px 5px;box-sizing: border-box;margin-left:15px;font-size:12px;}
.log_certi2 span a:link {color:#fff;}
.log_certi2 span a:hover {color:#fff32c;}
.log_certi2 p {clear:both;width:100%;display:inline-block;margin-top:10px;color:#686868;}
.mem_warn {clear:both;width:100%;padding:20px 40px;box-sizing: border-box;background:#d9f2f7;margin-top:30px;font-size:14px;font-weight:500;line-height:1.6;}
.mem_warn p {margin-bottom:15px;clear:both;width:100%;}
.mem_warn span {display:block;width:100%;margin-top:15px;font-size:14px;line-height:1.8;}
.log_form01 {width:100%;height:40px;border:1px solid rgba(0,0,0,0.2);padding-left:5px;clear:both;margin-bottom:5px;box-sizing: border-box;}
.log_form02 {float:left;width:70%;height:40px;border:1px solid rgba(0,0,0,0.2);padding-left:5px;clear:both;margin-bottom:5px;box-sizing: border-box;}
.log_btn01 {clear:both;width:100%;height:40px;line-height:38px;background-color:#b05d56;text-align:center;color:#fff;font-weight:bold;font-size:18px;margin:10px 0px 20px;border:none;border-radius:4px;cursor:pointer}
.log_btn03 {clear:both;display:inline-block;float:left;width:49%;height:40px;line-height:38px;background-color:#9e958c;text-align:center;color:#fff;font-weight:bold;font-size:14px;border:none;border-radius:4px;cursor:pointer}
.log_btn05 {display:inline-block;float:right;width:49%;height:40px;line-height:38px;background-color:#004337;text-align:center;color:#fff;font-weight:bold;font-size:14px;border:none;border-radius:4px;cursor:pointer}
.log_btn06 {clear:both;width:100%;height:80px;line-height:78px;background-color:#b05d56;text-align:center;color:#fff;font-weight:bold;font-size:18px;margin:0px 0px 20px;border:none;border-radius:4px;cursor:pointer}
.certi_btn {background-color:#60a0ee;width:28%;height:40px;line-height:38px;float:right;color:#fff;text-align:center;font-size:14px;font-weight:500;cursor:pointer}
.certi_btn a:link {color:#fff;}