@charset "euc-kr";
@font-face { 
 font-family: 'notokr-regular'; 
 src: url('/font/NotoKR-Regular/notokr-regular.eot'); 
 src: url('/font/NotoKR-Regular/notokr-regular.eot?#iefix') format('embedded-opentype'), 
 url('/font/NotoKR-Regular/notokr-regular.woff2') format('woff2'), 
 url('/font/NotoKR-Regular/notokr-regular.woff') format('woff'), 
 url('/font/NotoKR-Regular/notokr-regular.ttf') format('truetype'), 
 url('/font/NotoKR-Regular/notokr-regular.svg#notokr-regular') format('svg'); 
 font-weight: normal; 
 font-style: normal; 
}
@font-face { 
 font-family: 'notokr-bold'; 
 src: url('/font/notokr-bold/notokr-bold.eot'); 
 src: url('/font/notokr-bold/notokr-bold.eot?#iefix') format('embedded-opentype'), 
 url('/font/notokr-bold/notokr-bold.woff2') format('woff2'), 
 url('/font/notokr-bold/notokr-bold.woff') format('woff'), 
 url('/font/notokr-bold/notokr-bold.ttf') format('truetype'), 
 url('/font/notokr-bold/notokr-bold.svg#notokr-bold') format('svg'); 
 font-weight: normal; 
 font-style: normal; 
}
@font-face { 
 font-family: 'NotoKR-Medium'; 
 src: url('/font/NotoKR-Medium/NotoKR-Medium.eot'); 
 src: url('/font/NotoKR-Medium/NotoKR-Medium.eot?#iefix') format('embedded-opentype'), 
 url('/font/NotoKR-Medium/NotoKR-Medium.woff2') format('woff2'), 
 url('/font/NotoKR-Medium/NotoKR-Medium.woff') format('woff'), 
 url('/font/NotoKR-Medium/NotoKR-Medium.ttf') format('truetype'), 
 url('/font/NotoKR-Medium/NotoKR-Medium.svg#NotoKR-Medium') format('svg'); 
 font-weight: normal; 
 font-style: normal; 
}

* {margin:0 auto;padding:0;}
html,body{padding:0;margin:0;}
body{font-family:µ¸¿ò, Verdana, Dotum, sans-serif;color:#808080;font-size:12px;
	scrollbar-face-color: #DCDCDC;
	scrollbar-shadow-color:#FFFFFF;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-3dlight-color: #BBBBBB;
	scrollbar-darkshadow-color: #BBBBBB;
	scrollbar-track-color: #EFEFEF;
	scrollbar-arrow-color: #626262;text-align:center;}
h1,h2,h3,h4,h5,dl,dt,dd,ul,li,ol,dl,dt,dd,p,blockquote,form,em{font-style:normal;list-style:none;margin:0;padding:0;}
img{border:0;vertical-align:top;}
a{color:#808080;text-decoration:none;}
a:hover{color:#195D56;}
form{padding:0;margin:0;}
textarea {vertical-align:top;font:12px µ¸¿ò,Verdana,Dotum,sans-serif;color:#808080;border:1px solid #BABABA;border-right:1px solid #CBE1F0;}
fieldset{border:0;list-style:none;margin:0;padding:0;}
legend{display:none;margin:0;padding:0;}
caption,hr{display:none;}
INPUT { border: expression( (this.type=='checkbox'||this.type=='radio')?'':'1px solid gray' );font-family:Dotum, µ¸¿ò } 
select{font-family:Dotum, µ¸¿ò}

body 
{text-align:center;background:url(/renew/20221/img/bg17arr2020.png) repeat-x 0 0;}


/* 2013 new */
#gwrap{width:1280px;margin:0 auto;_text-align:left}
#header{width:100%}
#lnb{float:left;width:200px;margin-top:30px;}
#rnb{float:right;width:100px;margin-top:0;}
#container{*display:inline-block;width:100%;}
#container:after{display:block;clear:both;content:''}
.snb{float:left;width:200px;margin:15px 38px 0 0;}
#wrap{float:right;width:1024px;text-align:left;margin:20px 0 30px;}
.aside{float:right;width:100px;margin-top:30px;/* IE6¿ë ÇÙ */}

/* header */
#header {position:relative;width:1280px;height:92px;margin:0 auto;padding:0;}
#header h1 {clear:both;position:absolute;top:10px;left:0;margin:0;padding:0;}
#header p.top_right{position:absolute;top:10px;right:0;margin:0;padding:0;font-size:11px;color:#ccc}
#header p.top_center{position:absolute;top:24px;left:170px;font-size:11px;color:#ccc;margin-right:22px;letter-spacing:-0.1em;}
#header p.top_center strong{color:#90c8ae;}
#header p.top_right a, #header p.top_right a:hover, #header p.top_right a:focus {font-size:11px;color:#fff;}
#header p.top_right span{color:#666;}

/* gnb */

.top_center{}
.rtit {font-size:25px;color:#000;font-weight:bold;letter-spacing:-2px}
.rtit span{color:green}
/* UI Object */
a.btn_big{display:inline-block;padding-right:4px;background:url(/renew/susi2025/css/images/bg_btn_default.gif) no-repeat 100% 0;font-family:'µ¸¿ò',dotum;font-size:12px;color:#444;font-weight:bold;line-height:26px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap}
a.btn_big span,a.btn_big strong{display:block;padding:1px 8px 0 12px;background:url(/renew/susi2025/css/images/bg_btn_default.gif) no-repeat}
a.btn_sml{display:inline-block;padding-right:4px;background:url(/renew/susi2025/css/images/bg_btn_default.gif) no-repeat 100% -27px;font-family:'µ¸¿ò',dotum;font-size:11px;color:#444;line-height:21px;letter-spacing:-1px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap}
a.btn_sml span,a.btn_sml strong{display:block;padding:1px 4px 0 8px;background:url(/renew/susi2025/css/images/bg_btn_default.gif) no-repeat 0 -27px}

a.btn_sml_off{display:inline-block;padding-right:4px;background:url(/renew/susi2025/css/images/bg_btn_default.gif) no-repeat 100% -48px;font-family:'µ¸¿ò',dotum;font-size:11px;color:#666;line-height:21px;letter-spacing:-1px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap}
a.btn_sml_off span,a.btn_sml_off strong{display:block;padding:1px 4px 0 8px;background:url(/renew/susi2025/css/images/bg_btn_default.gif) no-repeat 0 -48px}
a.btn_sml_on{display:inline-block;padding-right:4px;background:url(https://img.jongroeclass.co.kr/img20/bg_btn_defaulton.gif) no-repeat 100% -27px;font-family:'µ¸¿ò',dotum;font-size:11px;color:#fff;line-height:21px;letter-spacing:-1px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap}
a.btn_sml_on span,a.btn_sml_on strong{display:block;padding:1px 4px 0 8px;background:url(https://img.jongroeclass.co.kr/img20/bg_btn_defaulton.gif) no-repeat 0 -27px}
/* //UI Object */

i.icon002{color:gray;font-size:19px;margin-top:-3px;vertical-align:middle}

.cb01{float:left;padding-top:5px}

/* UI Object */
.table{margin:0}
.table table{width:100%;border:0;border-top:2px solid #999;font-size:12px}
.table caption{padding:8px 0;font-weight:bold;text-align:center}
.table th,
.table td{padding:10px 4px 7px;border:0;vertical-align:middle;border-left:1px solid #ddd;text-align:center}
.table th{color:#333}
.table td{color:#767676}
.table thead th{border-bottom:1px solid #ccc;background:#f8f8f8}
.table tbody th{border-bottom:1px solid #ddd;background:#fafafa}
.table tfoot th{border-bottom:1px solid #ddd}
.table tbody td{border-bottom:1px solid #ddd}
.table tfoot td{border-bottom:1px solid #ddd;font-weight:bold;color:#333}
.table th.first,
.table td.first{border-left:0}
.table .greenbg{background:green;color:#fff}
.fl02{text-align:left;padding:10px 0}
.table .nom tbody th,.table .nom tbody td{font-weight:normal;letter-spacing:-1px;padding:0;height:47px}
.table th.al, .table td.al {text-align:left;}
.table tbody td select{margin-top:-4px}
.table tbody td input{margin-top:-2px}
.table tbody td input[type="checkbox"] {margin-top:2px}
.table tbody td input[type="radio"] {margin-top:2px}

.tablem{margin:0; }
.tablem table{width:100%;border:0;border-top:2px solid #999;font-size:12px}

.tablem th,
.tablem td{padding:12px 8px 11px;border:0;vertical-align:middle;border-left:1px solid #ddd;text-align:center}
.tablem th{color:#333}
.tablem td{color:#767676}
.tablem thead th{border-bottom:1px solid #ccc;background:#f8f8f8}
.tablem tbody th{border-bottom:1px solid #ddd;background:#fafafa}
.tablem tfoot th{border-bottom:1px solid #ddd}
.tablem tbody td{border-bottom:1px solid #ddd}
.tablem tfoot td{border-bottom:1px solid #ddd;font-weight:bold;color:#333}
.tablem th.first,
.tablem td.first{border-left:0}
.tablem .greenbg{background:green;color:#fff}
.fl02{text-align:left;padding:10px 0}
.tablem .nom tbody th,.tablem .nom tbody td{font-weight:normal;letter-spacing:-1px;padding:0;height:47px}
.tablem th.al, .tablem td.al {text-align:left;}
.tablem tbody td select{margin-top:-4px}
.tablem tbody td input{margin-top:-2px}
.tablem tbody td input[type="checkbox"] {margin-top:2px}
.tablem tbody td input[type="radio"] {margin-top:2px}


/* //UI Object */

/* UI Object */
.form_table{margin:1em 0;font-size:11px;}
.form_table input,
.form_table textarea,
.form_table select,
.form_table table,
.form_table button{font-size:11px}
.form_table table{width:100%;border:0;}
.form_table caption{padding:8px 0;font-weight:bold;text-align:left}
.form_table th,
.form_table td{padding:16px 12px 15px;border:0;}
.form_table th{color:#333}
.form_table td{color:#666}
.form_table thead th{border-bottom:1px solid #ccc;background:#f8f8f8}
.form_table tbody th{border-bottom:1px solid #ddd;background:#fafafa;text-align:left}
.form_table tfoot th{border-bottom:1px solid #ddd}
.form_table tbody td{border:1px solid #ddd}
.form_table tfoot td{border-bottom:1px solid #ddd;font-weight:bold;color:#333}
.form_table .item{position:relative;margin:-4px 0}
.form_table .item .i_help{position:absolute;top:4px;right:0}
.form_table .item .i_label{ top:6px; left:10px}
.form_table .item .i_dsc{margin:2px 0}
.i_check,
.i_radio{width:13px;height:13px;margin:0 2px 2px 5px;padding:0;border:0;vertical-align:middle}
.form_table .item .i_text{position:relative;margin:2px;border:1px solid gray;padding:3px 4px;background:transparent}
.form_table .item .hide{visibility:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
.form_table .item select{margin:2px;padding:3px 0 3px}
.form_table .item label{margin:0 10px 0 0;cursor:pointer}
.form_table input.w50{width:50px}
.form_table input.w90p{width:90%}
.form_table span.ml20{margin-left:10px}
.form_table span.tit{font-size:14px;font-weight:bold;color:#e06126}
.form_table span.gray{color:#ccc}
.sch01tit {font-size:12px;font-weight:bold;letter-spacing:-1px;color:#333;margin-bottom:5px;background:url(https://www.jongroeclass.co.kr/Imgs/information/main/i_dot.gif) no-repeat 0 5px;padding-left:8px}
.sch01 {border:0;height:24px;width:210px}

/* //UI Object */
input.w50{width:50px;text-align:center}
input.w100{width:100px;text-align:center}
input.w150{width:150px;text-align:center}
input.w90p{width:90%;text-align:center;}

/* UI Object */
.menu_v{position:relative;width:226px;margin-bottom:0;font-size:12px;text-align:left;line-height:normal}
.menu_v ul{margin:0;padding:0;list-style:none}
.menu_v li{position:relative;margin:0 0 -1px 0;vertical-align:top;*zoom:1}
.menu_v li a{display:block;position:relative;padding:8px 10px;color:#666;font-weight:bold;text-decoration:none;background:#fafafa;border:1px solid #eee;border-left:0;border-right:0;*zoom:1}
.menu_v li a .i{position:absolute;top:50%;left:100%;width:8px;height:8px;margin:-4px 0 0 -16px;color:#ccc;background:url(https://img.jongroeclass.co.kr/eclass/comuser/arrange/a131107/ico_sub.gif) no-repeat left top}
.menu_v li ul{padding:5px 0;background:#fff}
.menu_v li li{margin:0;letter-spacing:-1px}
.menu_v li li a{padding:5px 17px;border-bottom:1px solid #eee;background:#fff;background:url(https://www.jongroeclass.co.kr/Imgs/information/main/i_dot.gif) no-repeat 10px 10px;font-weight:normal}
.menu_v li li a span{color:#666}
.menu_v li.active{z-index:2;border:1px solid #eee;border-top:2px solid #eee;}
.menu_v li li.active{border:0}
.menu_v li.active a{border:0;color:#000}
.menu_v li.active .i{background-position:0 -44px}
.menu_v li.active li a{border:0}
.menu_v li.active ul{display:block;border-top:1px solid #eee}
.menu_v li.active li.active a span{font-weight:bold;color:#13b200;}
/* //UI Object */

.fl{position:relative; float:left; width:500px}
.fr{position:relative; float:right; width:500px}
.frs{float:right;color:gray;font-weight:normal;font-size:11px}
.org{color:#D75617;}
.green{color:#299a7e;}
.blue{color:#0099ff;}




#h_login{overflow:hidden;position:relative;width:1280px;height:35px;margin:0 auto;}  
#h_login legend{overflow:hidden;display:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;}  
#h_login{font-size:11px;letter-spacing:-1px;color:#9a9a9a;text-align:left;}  
#h_login select,#h_login input,#h_login img{margin:0px;color:#9a9a9a;vertical-align:middle;}  
#h_login select{height:20px;font-family:Dotum, µ¸¿ò}
#h_login .keyword{width:100px;height:17px;border:1px solid #cdcdcd;font-size:11px;font-family:µ¸¿ò;letter-spacing:-1px;line-height:15px;}  
#h_login .al{float:left;} 
#h_login .logout{float:left;margin-right:5px;padding-top:5px;color:#666;} 
#h_login .logout span{margin-right:10px;font-size:11px;}
#h_login .logoutsub{float:left;margin-right:5px;padding-top:2px;color:#666;} 
#h_login .logoutsub span{margin-right:10px;font-size:11px;}



h2{position:relative;width:100%;margin:0;padding:15px 0 10px 0;font-family: 'NotoKR-Bold'; font-weight:normal; font-size:16px;color:#333;letter-spacing:-1px} 
h2 em{color:#e06126} 

h2 .more{position:absolute;top:13px;right:0;font:11px Dotum, µ¸¿ò;color:#999;text-decoration:none !important} 
h2 .more span{margin:0 2px 0 0;font-size:16px;font-weight:bold;color:#999;vertical-align:middle} 

h1{position:relative;width:100%;padding:10px 0 0 0;font-size:19px;color:#333;letter-spacing:-1px; font-family: 'notokr-bold'; font-weight:normal} 
h1 em{color:#e06126}  
 
h3{position:relative;width:100%;margin:0;padding:10px 0 10px 0;font-size:12px;color:#333;letter-spacing:-1px} 
h3 em{color:#e06126} 

/* UI Object */
em{color:#e06126} 
.box_type{display:table;position:relative;width:99.7%;height:90px;border:1px solid #ddd;background:#f8f8f8}
.cell{display:table-cell;vertical-align:middle}
.inner{*position:absolute;*top:50%;*height:70px;*margin-top:-35px;padding-left:20px}
/* //UI Object */

.notice {margin-top:10px; color:#999; font-size:11px}


#snb {position:relative;width:100%;height:40px;}
#snb ul {float:left;padding-left:1px;width:100%;border-bottom:2px solid #333;zoom:1}
#snb ul:after {display:block;visibility:hidden;clear:both;height:0;content:''}
#snb li {float:left;margin-bottom:-2px}
#snb span {display:block;position:relative;margin-left:-1px;padding:12px 50px 11px;border:1px solid #ddd;border-bottom:0;background:#f7f7f7;color:#888;text-align:center;line-height:1.2em;cursor:pointer}
#snb span.snb_on {z-index:2;padding:12px 50px;border:2px solid #333;border-bottom:0;background:#fff;color:#000;font-weight:bold}

#snb02 {position:relative;width:100%;height:29px;}
#snb02 ul {float:left;padding-left:1px;width:100%;border-bottom:1px solid #999;zoom:1}
#snb02 ul:after {display:block;visibility:hidden;clear:both;height:0;content:''}
#snb02 li {float:left;margin-bottom:-1px}
#snb02 span {display:block;position:relative;margin-left:-1px;padding:6px 50px 5px;border:1px solid #ddd;border-bottom:0;background:#f7f7f7;color:#888;text-align:center;line-height:1.2em;cursor:pointer}
#snb02 span.snb_on {z-index:2;padding:6px 50px;border:1px solid #999;border-bottom:0;background:#fff;color:#000;font-weight:bold}

.newTab22{overflow:hidden;width:895px;height:44px;margin-bottom:15px;}
.newTab22 ul{width:895px;margin:0;padding:0;}
.newTab22 li{float:left;margin:0;padding:0;}
.newTab22 li a{float:left;}

#snb2 {position:relative;overflow:hidden;margin: auto;width:895px;}
#snb2 ul {float:left;padding-left:1px;width:100%;border-bottom:2px solid #999;zoom:1}
#snb2 ul:after {display:block;visibility:hidden;clear:both;height:0;content:''}
#snb2 li {float:left;margin-bottom:-2px;font-size:12px}
#snb2 span {display:block;position:relative;margin-left:-1px;padding:12px 12px 11px;border:1px solid #ddd;border-bottom:0;background:#f7f7f7;color:#888;text-align:center;line-height:1.2em;cursor:pointer}
#snb2 li.on span {z-index:2;padding:12px 7px 12px;border:2px solid #999;border-bottom:0;background:#fff;color:#000;font-weight:bold}

.uniTabBox{overflow:hidden;overflow-y:scroll;height:115px;border:2px solid #999;border-top:none;}
.uniTabBox .noData{text-align:center;}
.uniTabBox ul{width:100%;margin:15px;}
.uniTabBox li{float:left;width:100px;color:#333;margin-bottom:10px;padding-left:5px;background:url(/Comuser/arrange/images/ic_dot1.gif) no-repeat 0 5px;}
.uniTabBox li a{color:#333;}
.tabPTxt{text-align:right;padding-top:10px;border-top:1px solid #CBD7D5;}

.btn_both{overflow:hidden;clear:both;width:100%} 
.btn_both .flb{float:left} 
.btn_both .frb{float:right} 


/* UI Object */
.paginate{padding:16px 0;text-align:center}
.paginate a,.paginate strong{display:inline-block;position:relative;_width /**/:17px;margin-right:1px;padding:2px 4px 3px;border:1px solid #fff;color:#000;font-family:Verdana;font-size:11px;font-weight:bold;line-height:normal;text-decoration:none}
.paginate strong{border:1px solid #e9e9e9;color:#f23219 !important}
.paginate .pre{margin-right:6px;padding:4px 6px 2px 14px;_padding-bottom:1px;background:url(/renew/susi2025/css/images/bu_pg3_l_off.gif) no-repeat 6px 5px !important;letter-spacing:-1px}
.paginate .next{margin-left:4px;padding:4px 14px 2px 6px;_padding-bottom:1px;background:url(/renew/susi2025/css/images/bu_pg3_r_off.gif) no-repeat 62px 5px !important;letter-spacing:-1px}
.paginate a.pre{background:url(/renew/susi2025/css/images/bu_pg3_l_on.gif) no-repeat 6px 5px !important}
.paginate a.next{background:url(/renew/susi2025/css/images/bu_pg3_r_on.gif) no-repeat 65px 5px !important}
.paginate .pre,.paginate .next{display:inline-block;position:relative;top:0;_top:-2px;_width /**/:75px;border:1px solid #e9e9e9;color:#ccc;font-family:'µ¸¿ò',Dotum;font-size:11px;line-height:normal}
.paginate a.pre,.paginate a.next{color:#565656}
.paginate a:hover{border:1px solid #e9e9e9;background-color:#f7f7f7 !important}
/* //UI Object */


/* UI Object */
#footer{clear:both;width:1280px;margin:0 auto;padding:10px 0 30px;border-top:2px solid #05484c;text-align:center;margin-top:20px;}
.fmain_102{width:681px;margin:0 auto}
.fmain_101{float:right;width:330px;}
.fmain_103{float:right;width:100px;}
.fmain_104{float:right;width:128px;}
#footer ul,#footer li,#footer a,#footer strong,#footer img,#footer em,#footer address,#footer span{margin:0;padding:0;color:#333;font-family:'µ¸¿ò',Dotum,'±¼¸²',Gulim, AppleGothic, Sans-serif;font-size:12px;line-height:normal;list-style:none;font-style:normal;}
#footer a{color:#444;text-decoration:none;}
#footer a:visited{color:#666;text-decoration:none;}
#footer a:hover{text-decoration:underline;}
#footer ul{margin:0 0 10px;}
#footer ul li{display:inline;position:relative;padding:0 5px 0 9px;background:url(/renew/susi2025/css/images/bu_bar.gif) 1 0px no-repeat;font-size:12px;white-space:nowrap;}
#footer ul li a:hover,#footer ul li a:hover strong{color:#438a01;}
#footer ul li.frst{padding:0 3px 0 0;background:none;}
#footer .info{margin:0 0 11px;color:#7e7e7e;font-size:11px;line-height:15px;}
#footer .info2{margin:-3px 0 13px;font-size:11px;line-height:18px;}
#footer .info2 span{display:inline-block;margin-left:2px;padding-left:7px;color:#7e7e7e;background:url(/renew/susi2025/css/images/bu_bar.gif) 1px 3px no-repeat;font-size:11px;line-height:18px;}
#footer address{font-family:Verdana;font-size:9px;line-height:14px;}
#footer address img{vertical-align:middle;}
#footer address a{color:#444;font-family:µ¸¿ò;font-size:11px;font-weight:bold;}
#footer address a:hover{color:#009bc8;}
#footer address span{padding-left:2px;font-family:Verdana;font-size:9px;line-height:14px;}
#footer address em{padding-left:6px;font-family:Verdana;font-size:9px;}
#footer address .logo{display:inline-block;*display:inline;vertical-align:top;*vertical-align:baseline;}
#footer address .logo_v1{position:relative;top:-2px}

.ulss li.tit{font-weight:bold; margin:0 0 10px; font-size:12px; letter-spacing:-1px}
.ulss li{margin-top:4px;font-size:11px}

@media screen and (min-width:1024px) {
#lnb{display:block}
}
@media screen and (max-width:1150px) {
#gwrap{width:1024px;margin:0 auto;_text-align:left}
#lnb{display:none}
#header {position:relative;width:1024px;height:92px;margin:0 auto;padding:0;}
#footer{width:1024px}
#h_login{overflow:hidden;position:relative;width:1024px;height:35px;margin:0 auto;} 
}

.mg_t5 {margin-top:5px} .mg_t10 {margin-top:10px} .mg_t15 {margin-top:15px} .mg_t20 {margin-top:20px} .mg_t30 {margin-top:30px}  .mg_t40 {margin-top:40px}
.mg_b10 {margin-bottom:10px} .mg_b15 {margin-bottom:15px} .mg_b20 {margin-bottom:20px} .mg_b30 {margin-bottom:30px}

.pd_t0 {padding-top:0}