@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: 'NotoKR-Medium'; 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-family: 'NotoKR-Medium'; 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[type=text],input[type=tel], input[type=password], input[type=submit], input[type=image]{border-radius:0;border:1px solid #999;font-size:17px;-webkit-appearance:none;margin:0;font-family: 'notokr-medium'; color:#333} 
 input[type=button] {border-radius:0; border:1px solid #999; background:#ececec; font-size:15px; padding:0; text-align:center;}
select{font-family:Dotum, µ¸¿ò}
select.on{background:#666;color:#fff}
h1{font-family: 'NotoKR-Bold';}
 input[type=button] { appearance: none; -moz-appearance: none; -webkit-appearance: none; -webkit-border-radius: 0; -moz-border-radius: 0; }
 /* General font and style settings for each gua element */
#gua01_1, #gua01_2, #gua01_3, #gua01_4, #gua01_5, #gua01_6, 
#gua01_7, #gua01_8, #gua01_9, #gua01_10, #gua01_11, #gua01_12, 
#gua01_13, #gua01_14, #gua01_15, #gua01_16, #gua01_17, #gua01_18, 
#gua01_19, #gua01_20, #gua01_21, #gua01_22 {
    font-size: 15px;
    font-family: 'notokr-regular';
}

/* Bold text color setting for each gua element */
#gua01_1 strong, #gua01_2 strong, #gua01_3 strong, #gua01_4 strong, 
#gua01_5 strong, #gua01_6 strong, #gua01_7 strong, #gua01_8 strong, 
#gua01_9 strong, #gua01_10 strong, #gua01_11 strong, #gua01_12 strong, 
#gua01_13 strong, #gua01_14 strong, #gua01_15 strong, #gua01_16 strong, 
#gua01_17 strong, #gua01_18 strong, #gua01_19 strong, #gua01_20 strong, #gua01_21 strong, #gua01_22 strong {
    color: #000;
}

#gua01_1 input, #gua01_2 input, #gua01_3 input, #gua01_4 input, 
#gua01_5 input, #gua01_6 input, #gua01_7 input, #gua01_8 input, 
#gua01_9 input, #gua01_10 input, #gua01_11 input, #gua01_12 input, 
#gua01_13 input, #gua01_14 input, #gua01_15 input, #gua01_16 input, 
#gua01_17 input, #gua01_18 input, #gua01_19 input, #gua01_20 input, #gua01_21 input, #gua01_22 input {
    margin-left:-18px;
}

/* Span settings for each gua element */
#gua01_1 span, #gua01_2 span, #gua01_3 span, #gua01_4 span, 
#gua01_5 span, #gua01_6 span, #gua01_7 span, #gua01_8 span, 
#gua01_9 span, #gua01_10 span, #gua01_11 span, #gua01_12 span, 
#gua01_13 span, #gua01_14 span, #gua01_15 span, #gua01_16 span, 
#gua01_17 span, #gua01_18 span, #gua01_19 span, #gua01_20 span, #gua01_21 span, #gua01_22 span{
    display: block;
    width: 23%;
    float: left;
	margin-left:18px; 
    margin-bottom: 20px;
}
 
.container02 { width: 100%; border: 1px solid #ccc; overflow:hidden; border-radius:7px  }
.title02 { text-align: center; color:#000; font-weight: bold; line-height:40px; background-color: #92d050; }
.options { padding: 20px;}


body {}
/* 2013 new */
#gwrap{width:1024px;margin:0 auto; overflow:hidden; _text-align:left}
#header{width:1024px}
#lnb{float:left;width:200px;margin-top:50px;}
#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:50px 0 50px;}
.logo{position:absolute; top:33px;left:0;}
.aside{float:right;width:100px;margin-top:30px;/* IE6¿ë ÇÙ */}

/* header */
#header_main {position:relative; width:100%;border-bottom:1px solid #ccc}
#header {position:relative;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:#666}
#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_right a, #header p.top_right a:hover, #header p.top_right a:focus {font-size:11px;color:#666;}
#header p.top_right span{color:#ccc;}

/* gnb */
 
.progress{position:absolute;height:34px;top:44px;left:257px;margin:0;letter-spacing:-2px;line-height:15px;font-family: 'NotoKR-Medium'; }
.progress .tit{float:left;position:relative;z-index:1000;width:74px;height:20px;margin:0;padding:5px 0 0;font-size:11px;color:#333;line-height:15px;text-align:center} 
.progress ol{float:left;margin:0;padding:0;}
.progress li,.progress li span{font-size:17px;white-space:nowrap;}
.progress li{float:left;}
.progress li span{display:inline-block;height:34px;padding:0 20px 0 0;color:#333;background-position:100% top;}
.progress li span p{margin-top:9px;color:#333}
.progress li.on, .progress li.on p{position:relative;z-index:10;color:#33cc00;}
.progress li.last,.progress li.last span{background:none;}
.progress .right{position:absolute;top:6px;right:10px;color:#333;}
.top_center{}
.rtit {font-size:25px;color:#000;font-weight:bold;letter-spacing:-2px}
.rtit span{color:green}
/* UI Object */
.npoint {position:relative; font-size:12px; background:red; padding:4px 10px 6px; vertical-align:top; border-radius:15px}
.npoint2 {position:relative; font-size:12px; background:#00ff00; padding:4px 10px 6px; vertical-align:top; border-radius:15px; color:#000}

a.btn_big{display:inline-block;padding-right:4px;background:url(http://static.naver.com/groupware/2010/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(http://static.naver.com/groupware/2010/bg_btn_default.gif) no-repeat}
a.btn_bigon{display:inline-block;padding-right:0px;background:url(http://static.naver.com/groupware/2010/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_bigon span,a.btn_bigon strong{display:block;padding:1px 16px 0 12px;color:white;background:url(http://img.jongroeclass.co.kr/jongro/main/bg_btn_default_on.gif) no-repeat}

a.btn_sml{display:inline-block;padding-right:4px;background:url(http://img.jongroeclass.co.kr/jongro/main/bg_btn_default.png) 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(http://img.jongroeclass.co.kr/jongro/main/bg_btn_default.png) no-repeat 0 -27px}
a.btn_smlon{display:inline-block;padding-right:4px;background:url(http://img.jongroeclass.co.kr/jongro/main/bg_btn_defaults.png) 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_smlon span,a.btn_sml strong{display:block;padding:1px 4px 0 8px;background:url(http://img.jongroeclass.co.kr/jongro/main/bg_btn_defaults.png) no-repeat 0 -27px}

a.btn_smlblue{color:white;display:inline-block;padding-right:4px;background:url(http://img.jongroeclass.co.kr/jongro/main/bg_btn_default_blue.png) 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_smlblue span,a.btn_smlblue strong{color:white;display:block;padding:1px 4px 0 8px;background:url(http://img.jongroeclass.co.kr/jongro/main/bg_btn_default_blue.png) no-repeat 0 -27px}

a.btn_smlred{color:white;display:inline-block;padding-right:4px;background:url(http://img.jongroeclass.co.kr/jongro/main/bg_btn_default_red.png) 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_smlred span,a.btn_smlred strong{color:white;display:block;padding:1px 4px 0 8px;background:url(http://img.jongroeclass.co.kr/jongro/main/bg_btn_default_red.png) 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:1px solid #999;font-size:15px}
.table caption{padding:8px 0;text-align:center}
.table th,
.table td{padding:10px 8px 7px;border:0;font-weight:normal;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;height:20px}
.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}
.table tbody td.point{background:#ecefff;font-weight:bold;color:#000}

/* //UI Object */


/* //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:30px;font-size:16px;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:12px;color:#666;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(http://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(http://www.jongroeclass.co.kr/Imgs/information/main/i_dot.gif) no-repeat 10px 15px;font-weight:normal}
.menu_v li li a span{color:#666}
.menu_v li.active{z-index:2;border:1px solid #ccc;}
.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{color:#33cc00;}
/* //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:#175cb0;}




#h_login{overflow:hidden;position:relative;width:1150px;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;margin:0;padding:0;font-size:32px;line-height:32px; color:#333;font-weight:normal; letter-spacing:-1px} 
h2 em{color:#e06126} 

h2 span{position:absolute;top:10px;right:10px;font-size:12px;color:red;text-decoration:none !important} 

h1{position:relative;padding:0;font-size:21px;font-weight:normal; color:#333;letter-spacing:-1px} 
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} 



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


#snb {position:relative;width:100%;height:29px;}
#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:6px 50px 5px;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:6px 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}

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

/* 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(http://static.naver.com/common/paginate/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(http://static.naver.com/common/paginate/bu_pg3_r_off.gif) no-repeat 62px 5px !important;letter-spacing:-1px}
.paginate a.pre{background:url(http://static.naver.com/common/paginate/bu_pg3_l_on.gif) no-repeat 6px 5px !important}
.paginate a.next{background:url(http://static.naver.com/common/paginate/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:100%;margin:0 auto;padding:20px 0 30px;border-top:1px solid #ccc;text-align:center; background:#273039}
.fmain_102{width:100%;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-size:14px;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(http://static.naver.com/common/footer/bu_bar.gif) 1 0px no-repeat;font-size:12px;white-space:nowrap;color:#fff}
#footer ul li a:link, #footer ul li a:hover,#footer ul li a:hover strong{color:#fff;}
#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(http://static.naver.com/common/footer/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}
.no2 {font-size:14px}

.styled-button {
    background-color: #ececec; /* Green background */
    border: 1px solid #999; /* Remove borders */
    color: #333; /* White text */
    padding: 12px 32px; /* Some padding */
    text-align: center; /* Center the text */
    text-decoration: none; /* Remove underline */
    display: inline-block; /* Make the container inline-block */
    font-size: 16px; /* Increase font size */
    cursor: pointer; /* Pointer/hand icon */
	margin-left:10px;
}

@media screen and (min-width:1024px) {
#lnb{display:block}
.se02 {margin-top:5px}
}
@media screen and (max-width:1150px) {
#gwrap{width:100%;margin:0 auto; _text-align:left}
#wrap{width:100%;}
#lnb{display:none}
#header {position:relative;width:100%;height:92px;margin:0 auto;padding:0;}
#header p.top_right{right:10px;}
.progress li,.progress li span{font-size:15px;}
.logo{position:absolute; top:33px;left:10px;}
#footer{width:1024px}
#h_login{overflow:hidden;position:relative;width:1024px;height:35px;margin:0 auto;} 
.se02 {margin-top:2px}
h1{padding:0 10px}
h2{padding:0 10px;font-size:28px}
.con001{padding:0 10px}
.progress{left:180px;}
.fbtn{padding:0 10px}
.table {padding:0 10px}
.no2 {padding:0 10px}
.tmo02 {font-size:15px}
.bsubmit2 {padding:0 5px}
#gua01_15 {width:100%;}

#gua01_1,#gua01_2,#gua01_3,#gua01_4,#gua01_5,#gua01_6,#gua01_7,#gua01_8,#gua01_9,#gua01_10,#gua01_11,#gua01_12,#gua01_13,#gua01_14,#gua01_15,#gua01_16,#gua01_17,#gua01_18,#gua01_19,#gua01_20,#gua01_21,#gua01_22 {font-size:19px;font-family: 'notokr-regular';}
#gua01_1 span,#gua01_2 span,#gua01_3 span,#gua01_4 span,#gua01_5 span,#gua01_6 span,#gua01_7 span,#gua01_8 span,#gua01_9 span,#gua01_10 span,#gua01_11 span,#gua01_12 span,#gua01_13 span,#gua01_14 span,#gua01_15 span,#gua01_16 span,#gua01_17 span,#gua01_18 span,#gua01_19 span,#gua01_20 span,#gua01_21 span,#gua01_22 span {display:block; width:50%; float:left; margin-bottom:10px}
.radio_set {font-size:19px; font-weight:normal}
}

.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_t50 {margin-top:50px} .mg_t60 {margin-top:60px}
.mg_b10 {margin-bottom:10px} .mg_b15 {margin-bottom:15px} .mg_b20 {margin-bottom:20px} .mg_b30 {margin-bottom:30px} 

.tm4{margin-top:-4px}

.l10{margin-left:10px} .l20{margin-left:20px}

.pd_t0 {padding-top:0}

/* UI Object */
.box_type{display:table;position:relative;width:100%;height:150px;margin-bottom:10px;border:0;background:url(http://img.jongroeclass.co.kr/jongro/main/bgjlcsbg.jpg) no-repeat;background-color:#0d0d0d}
.cell{display:table-cell;vertical-align:middle}
.inner{*position:absolute;*top:50%;*height:70px;*margin-top:-45px}
.inner ul{margin-left:40px;font-family:'¸¼Àº °íµñ',Nanum Gothic,'³ª´®°íµñ',NanumGothic,'µ¸¿ò'}
.inner ul li.tit{font-size:35px;letter-spacing:-4px;font-weight:bold;color:#fff}
.inner ul li.sub{margin-top:0;font-size:17px;color:#999;letter-spacing:-1px;}
/* //UI Object */

.box_type02{display:table;position:relative;width:100%;height:300px;margin-bottom:10px;border:0;background-color:#f5f5f5;font-family:'¸¼Àº °íµñ',Nanum Gothic,'³ª´®°íµñ',NanumGothic,'µ¸¿ò'}
.cell02{display:table-cell;vertical-align:middle;text-align:center;font-size:15px}

.inner02{*position:absolute;*top:50%;*height:70px;*margin-top:-45px}
.inner02 i {font-size:120px;color:#16834c}

.item{position:relative; float:left; width:100%}
label{display:block;position:static;font-weight:normal;color:#000}
.i_label2{background:red;width:100%;font:bold 1.2em Tahoma;font-weight:normal;color:#666}
.i_text{display:block;position:relative; background:transparent;width:100%;padding:0 20px;height:50px;text-align:left;font-family: 'notokr-regular'; background-color:#fff}
.i_text2{display:block;position:relative; background:transparent;width:100%;padding:0 5px;height:30px;text-align:left;font-family: 'notokr-regular'; background-color:#fff; text-align:center}

.bsubmit2 {display:block;position:relative; border:1px solid #ccc;background:transparent;padding:0 5px;height:48px;text-align:center;font-family: 'NotoKR-Medium'; line-height:50px;font-size:17px; background-color:#fff}
.bsubmit2.btn1 {}
.bsubmit2.btn1:link, .bsubmit2.btn1:focus .bsubmit2.btn1:visited {color:#000;font-weight:normal}
.bsubmit2.btn1:hover {border:1px solid #1cab00;color:#1cab00}
.bsubmit2.btn2 { border:1px solid #d8d8d8;}
.bsubmit2.btn3 {border:0; text-align:left; color:#ff6100}
.bsubmit2.btn1.select {color:#fff; background:#1cab00; border:2px solid #1cab00;font-family: 'notokr-bold';}

.bsubmit {display:block;position:relative; border:1px solid #1d252d;background:transparent;padding:0 10px;height:60px;text-align:center;font-family: 'NotoKR-Medium'; line-height:60px;font-size:19px; color:#fff; background-color:#1d252d}
.bsubmit.btn1 {}
.bsubmit.btn1:link, .bsubmit.btn1:hover, .bsubmit.btn1:focus .bsubmit.btn1:visited {color:#fff;font-weight:normal}
.bsubmit.btn2 { border:1px solid #ccc;}

.bsubmitf {display:block;position:relative; border:1px solid #e20000;background:transparent;padding:0 10px;height:60px;text-align:center;font-family: 'NotoKR-Medium'; line-height:60px;font-size:19px; color:#fff; background-color:#ff0000}
.bsubmitf.btn1 {}
.bsubmitf.btn1:link, .bsubmitf.btn1:hover, .bsubmitf.btn1:focus .bsubmitf.btn1:visited {color:#fff;font-weight:normal}
.bsubmitf.btn2 { border:1px solid #ccc;}


	/* UI Object */
	.form_table{font-size:14px;font-family:Tahoma, Geneva, sans-serif}
	.form_table input,
	.form_table textarea,
	.form_table select,
	.form_table table,
	.form_table button{}
	.form_table input{height:20px}
	.form_table table{width:100%;border:0;border-top:2px solid #739490}
	.form_table caption{padding:8px 0;font-weight:bold;text-align:left}
	.form_table th,
	.form_table td{padding:10px;border:0;vertical-align:top;letter-spacing:-1px}
	.form_table th{color:#60807e; letter-spacing:-1px}
	.form_table td{color:#666}
	.form_table thead th{border-bottom:1px solid #ccc;background:#f9fafa}
	.form_table tbody th{border-bottom:1px solid #ddd;background:#f9fafa;text-align:left}
	.form_table tfoot th{border-bottom:1px solid #ddd}
	.form_table tbody td{border-bottom: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_btn{margin:2px 0 2px 2px}
	.form_table .item .i_label{ top:6px; left:10px}
	.form_table .item .i_dsc{margin:2px 0}
	.form_table .item .i_check,
	.form_table .item .i_radio{width:13px;height:13px;margin:2px 5px 2px 0;padding:0;vertical-align:middle}
	.form_table .item .i_text{position:relative;margin:2px;padding:3px 4px;border:1px solid #b7b7b7;border-right-color:#e1e1e1;border-bottom-color:#e1e1e1;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;}
	.form_table .item label{margin:0 10px 0 0;cursor:pointer}
	/* //UI Object */

.i_tit{width:15.4%;font-size:17px; color:#666; font-family: 'NotoKR-Medium'; line-height:50px}

.select01 { -webkit-appearance: none; /* ³×ÀÌƼºê ¿ÜÇü °¨Ãß±â */ -moz-appearance: none; appearance: none; background: url(//img.jongroeclass.co.kr/img20/arrowbk.png) no-repeat 95% 50%; /* È­»ìÇ¥ ¸ð¾çÀÇ À̹ÌÁö */ } /* IE 10, 11ÀÇ ³×ÀÌƼºê È­»ìÇ¥ ¼û±â±â */ select::-ms-expand { display: none; }

.select01 { width: 100%; /* ¿øÇÏ´Â ³Êºñ¼³Á¤ */ padding: .8em .8em; font-size:1.1em;/* ¿©¹éÀ¸·Î ³ôÀÌ ¼³Á¤ */ font-family: inherit; /* ÆùÆ® »ó¼Ó */ background: url(//img.jongroeclass.co.kr/img20/arrowbk.png) no-repeat 100% 50%; /* ³×ÀÌƼºê È­»ìÇ¥ ´ëü */ border:0;  border-radius: 0px; /* iOS µÕ±Ù¸ð¼­¸® Á¦°Å */ -webkit-appearance: none; /* ³×ÀÌƼºê ¿ÜÇü °¨Ãß±â */ -moz-appearance: none; appearance: none; background-color:#000000;color:#fff;letter-spacing:-1px}

.select02 { -webkit-appearance: none; /* ³×ÀÌƼºê ¿ÜÇü °¨Ãß±â */ -moz-appearance: none; appearance: none; background: url(//img.jongroeclass.co.kr/img20/arrowbk.png) no-repeat 95% 50%; /* È­»ìÇ¥ ¸ð¾çÀÇ À̹ÌÁö */ } /* IE 10, 11ÀÇ ³×ÀÌƼºê È­»ìÇ¥ ¼û±â±â */ select::-ms-expand { display: none; }

.select02 { width: 100%; /* ¿øÇÏ´Â ³Êºñ¼³Á¤ */ padding: .7em .7em; font-size:1.1em;/* ¿©¹éÀ¸·Î ³ôÀÌ ¼³Á¤ */ font-family: inherit; /* ÆùÆ® »ó¼Ó */ background: url(//img.jongroeclass.co.kr/img20/arrowbk.png) no-repeat 100% 50%; /* ³×ÀÌƼºê È­»ìÇ¥ ´ëü */ border:0;  border-radius: 0; /* iOS µÕ±Ù¸ð¼­¸® Á¦°Å */ -webkit-appearance: none; /* ³×ÀÌƼºê ¿ÜÇü °¨Ãß±â */ -moz-appearance: none; appearance: none; background-color:#fff;border:1px solid #999;color:#666;letter-spacing:-1px}

.select03 { -webkit-appearance: none; /* ³×ÀÌƼºê ¿ÜÇü °¨Ãß±â */ -moz-appearance: none; appearance: none; background: url(//img.jongroeclass.co.kr/img20/arrowbk.png) no-repeat 95% 50%; /* È­»ìÇ¥ ¸ð¾çÀÇ À̹ÌÁö */ } /* IE 10, 11ÀÇ ³×ÀÌƼºê È­»ìÇ¥ ¼û±â±â */ select::-ms-expand { display: none; }

.select03 { margin-top:0; width: 100%; /* ¿øÇÏ´Â ³Êºñ¼³Á¤ */ padding-left:20px;height:50px; font-size:17px;/* ¿©¹éÀ¸·Î ³ôÀÌ ¼³Á¤ */ font-family: inherit; /* ÆùÆ® »ó¼Ó */ background: url(//img.jongroeclass.co.kr/img20/arrowbk.png) no-repeat 100% 50%; /* ³×ÀÌƼºê È­»ìÇ¥ ´ëü */ border:0;  border-radius: 0; /* iOS µÕ±Ù¸ð¼­¸® Á¦°Å */ -webkit-appearance: none; /* ³×ÀÌƼºê ¿ÜÇü °¨Ãß±â */ -moz-appearance: none; appearance: none; background-color:#fff;border:1px solid #999;color:#666;letter-spacing:-1px}

.select04 { -webkit-appearance: none; /* ³×ÀÌƼºê ¿ÜÇü °¨Ãß±â */ -moz-appearance: none; appearance: none; background: url(//img.jongroeclass.co.kr/img20/arrowbk.png) no-repeat 95% 50%; /* È­»ìÇ¥ ¸ð¾çÀÇ À̹ÌÁö */ } /* IE 10, 11ÀÇ ³×ÀÌƼºê È­»ìÇ¥ ¼û±â±â */ select::-ms-expand { display: none; }

.select04 { margin-top:0; width: 100%; /* ¿øÇÏ´Â ³Êºñ¼³Á¤ */ padding-left:0em;height:42px; font-size:1.1em;/* ¿©¹éÀ¸·Î ³ôÀÌ ¼³Á¤ */ font-family: inherit; /* ÆùÆ® »ó¼Ó */ background: url(//img.jongroeclass.co.kr/img20/arrowbk.png) no-repeat 100% 50%; /* ³×ÀÌƼºê È­»ìÇ¥ ´ëü */ border:0;  border-radius: 0; /* iOS µÕ±Ù¸ð¼­¸® Á¦°Å */ -webkit-appearance: none; /* ³×ÀÌƼºê ¿ÜÇü °¨Ãß±â */ -moz-appearance: none; appearance: none; background-color:#fff;border:1px solid #999;color:#666;letter-spacing:-1px}

.select05 { -webkit-appearance: none; /* ³×ÀÌƼºê ¿ÜÇü °¨Ãß±â */ -moz-appearance: none; appearance: none; background: url() no-repeat 95% 50%; /* È­»ìÇ¥ ¸ð¾çÀÇ À̹ÌÁö */ } /* IE 10, 11ÀÇ ³×ÀÌƼºê È­»ìÇ¥ ¼û±â±â */ select::-ms-expand { display: none; }

.select05 { margin-top:0; width: 100%; /* ¿øÇÏ´Â ³Êºñ¼³Á¤ */ padding-left:.8em;height:42px; font-size:1.1em;/* ¿©¹éÀ¸·Î ³ôÀÌ ¼³Á¤ */ font-family: inherit; /* ÆùÆ® »ó¼Ó */ background: url() no-repeat 100% 50%; /* ³×ÀÌƼºê È­»ìÇ¥ ´ëü */ border:0;  border-radius: 0; /* iOS µÕ±Ù¸ð¼­¸® Á¦°Å */ -webkit-appearance: none; /* ³×ÀÌƼºê ¿ÜÇü °¨Ãß±â */ -moz-appearance: none; appearance: none; background-color:#fff;border:1px solid #999;color:#666;letter-spacing:-1px}

textarea { width:calc(100% - 20px); border:1px solid #666; padding:10px; color:#999; border-radius: 0; /* iOS µÕ±Ù¸ð¼­¸® Á¦°Å */ -webkit-appearance: none; /* ³×ÀÌƼºê ¿ÜÇü °¨Ãß±â */ -moz-appearance: none; appearance: none;font-family: 'notokr-regular'; }