/* 초기화 */
@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-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; 
}

@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; 
}

html {}
body {margin:0 auto;padding:0;color:#000;font-size:1em;font-family: 'notokr-medium';width:100%;height:100%;background:#f5f5f5}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
legend {position:absolute;width:1px;height:1px;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#sir-head ul, header ul, nav ul, #sir-tail ul {margin:0;padding:0;list-style:none}
p {margin:0;padding:0 0 10px;line-height:1.8em;word-break:break-all}
label, input, select, img, button {vertical-align:middle} 
input {border-radius:0;border:1px solid #999; }
button {margin:0;border-radius:0;font-size:0.857em;font-family: 'notokr-medium';cursor:pointer;border:0}
input[type=text],input[type=tel], input[type=password], input[type=submit], input[type=image], button {border-radius:0;font-size:1em;-webkit-appearance:none;margin:0;font-family: 'notokr-medium'; color:#333}
pre {overflow-x:scroll;font-size:1em}
select {margin:0;font-size:0.857em}
hr {display:none}
iframe#hiddenframe {display:none;width:0;height:0}
a, a:link, a:visited, a:active {color:#000;text-decoration:none}
a:focus, a:hover {text-decoration:none}
ul,li,ol,dd,dt,dl{list-style:none;padding:0;margin:0}
table{border-collapse:collapse}
.sound_only,#hd_pop h2{position: absolute;margin: 0 !important;padding: 0 !important;font-size: 0;text-indent: -9999em;line-height: 0;overflow: hidden;}


select {width:100%;margin-top:-1px;border:1px solid #bababa;color:#666; }
.slt01 {height:34px}
.slt02 {width:100px;height:23px;background:#fff}


a.btn_big{display:inline-block;padding-right:4px;background:#333;font-size:12px;color:#fff;line-height:27px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap;}
a.btn_big span,a.btn_big strong{display:block;padding:1px 10px 0 14px;}
a.btn_sml{display:inline-block;padding-right:4px;background:url(//img.jongroeclass.co.kr/eclass/comuser/slp/2014/bg_btn_default.gif) no-repeat 100% -27px;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(//img.jongroeclass.co.kr/eclass/comuser/slp/2014/bg_btn_default.gif) no-repeat 0 -27px;cursor:pointer;}
a.btn_sml span.on{color:#DC6530 !important;}

.b { font-family: 'notokr-medium'; }

.bsubmit {display:block;width:100%;padding:10px 0 10px;letter-spacing:-0.1em;font-size:15px;color:#4F4F4F;
cursor:pointer;text-align:center;background-color:#fff;border:1px #12a043 solid;border-bottom:1px #0d8436 solid;border-top:1px #15ab49 solid;
text-overflow:ellipsis;overflow:hidden;white-space:nowrap; border-radius:1px}
.bsubmit.btn1 {color:#fff; font-size:17px; font-weight:700;background-color:#0e933c; border:1px #0e933c solid;border-bottom:1px #0d8436 solid;border-top:1px #0e933c solid;}
.bsubmit.btn1:link, .bsubmit.btn1:hover, .bsubmit.btn1:focus .bsubmit.btn1:visited {color:#fff;}

.bsubmit2 {display:block;width:100%;padding:10px 0 10px;letter-spacing:-0.1em;font-size:13px;color:#ccc;
cursor:pointer;text-align:center;background-color:#fff;border:1px #ccc solid;border-bottom:1px #ccc solid;border-top:1px #ccc solid;
text-overflow:ellipsis;overflow:hidden;white-space:nowrap; border-radius:3px}
.bsubmit2.btn1 {color:#666; font-size:17px; font-weight:700;background-color:#fff; border:1px #ccc solid;border-bottom:1px #ccc solid;border-top:1px #ccc solid;}
.bsubmit2.btn1:link, .bsubmit2.btn1:hover, .bsubmit2.btn1:focus .bsubmit2.btn1:visited {color:#999;font-weight:normal}

.bsubmitbk {display:block;width:100%;padding:13px 0 13px;letter-spacing:-0.1em;font-size:1.2em;color:#fff;
cursor:pointer;text-align:center;background-color:#ff2b18;border:0;
text-overflow:ellipsis;overflow:hidden;white-space:nowrap; border-radius:3px}
.bsubmitbk:link, .bsubmitbk:hover, .bsubmitbk:focus, .bsubmitbk:visited {color:#fff}


.bsubmits {padding:3px 10px;letter-spacing:-0.1em;font-size:12px;color:#333;
cursor:pointer;text-align:center;background-color:#fff;border:1px #ccc solid;border-bottom:1px #ccc solid;border-top:1px #fff solid;
text-overflow:ellipsis;overflow:hidden;white-space:nowrap; border-radius:2px}
.bsubmits:link, .bsubmits:hover, .bsubmits:focus, .bsubmits:visited {color:#333}

.more{position:absolute;right:10px;margin-top:4px;font-size:10px;color:#F65700}

.select01 {position:relative;color:#666;}
.select01 li{margin-top:5px}

.notice {font-size:12px;color:#333;margin-top:0px;padding:0 10px;line-height:14px}

.bsubmit_s {display:block;width:100%;padding:10px 0;font-size:13px;font-family:arial;font-weight:bold;color:#4F4F4F;
cursor:pointer;text-align:center;background-color:#333;border:1px #000 solid;
text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.bsubmit_s.btn12 {color:#fff; font-size:15px; font-weight:700;}
.bsubmit_s.btn12:link, .bsubmit_s.btn12:hover, .bsubmit_s.btn12:focus .bsubmit_s.btn12:visited {color:#fff;}
.bsubmit_s.btn12 i {font-size:15px;vertical-align:middle;margin-top:-4px}


.item{position:relative;width:100%;}
.i_label{display:block;position:static;top:9px;left:9px;font:bold 1.1em Tahoma;font-weight:normal;color:#666;}
.i_label2{background:red;width:100%;font:bold 1.2em Tahoma;font-weight:normal;color:#666}
.i_text{display:block;position:relative; border:1px solid #999;background:transparent;width:calc(100% - 22px);padding:0 10px;height:45px;text-align:left;font-family: 'notokr-regular'; background-color:#fff; border-radius:4px}

.warning{display:block;float:none;margin:10px 0 -10px;line-height:1em;letter-spacing:-1px}

.examTbl2015 td.arrowtd{position:relative;font-weight:700 !important;padding:12px 0 12px;color:#333;font-size:0.9em;border:1px solid #bababa;line-height:13px}
.ctrl02{ position:absolute; top:0; right:0; width:35px; height:35px;  border-left:1px solid #eaeaea;}
.arrow02{ position:absolute; width:0; height:0; top:16px; right:13px; border-top:5px solid #000; border-left:5px solid #fff; border-right:4px solid #fff; font-size:0; line-height:0}
.atxt{ position:absolute;top:12px;left:12px;}

.nav-container{ background: url('//www.sutanaryan.com/wpcp/Tutorials/fixed-menu-when-scrolling-page-with-CSS-and-jQuery/images/nav_bg.jpg') repeat-x 0 0;display:none;}
	.f-nav{ z-index: 9999; position: fixed; top: 0; width: 100%;display:block;} /* this make our menu float top */

	.nav { height: 42px;}
	.nav ul { list-style: none; }
	.nav ul li{float: left; margin-top: 6px; padding: 6px; border-right: 1px solid #ACACAC;}
	.nav ul li:first-child{ padding-left: 0;}
	.nav ul li a { }
	.nav ul li a:hover{ text-decoration: underline;}

.material-icons {vertical-align:middle;}

.statb{position:relative;width:100%;height:40px;line-height:40px;background:#12a87e;color:#fff;text-align:center;letter-spacing:-1px;}
.statb span{margin-left:10px;}
.statb strong{color:#fff000;}

.nav-container{max-width:690px}

#con_lf{background:#fff;padding-bottom:10px;border-bottom:2px solid #d5d5d5;position:relative;margin-top:10px}

.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; border-radius:4px}

.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; border-radius:4px}

.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:.8em;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; border-radius:4px}

.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 #dfdfdf; padding:10px; color:#999; border-radius: 0; /* iOS 둥근모서리 제거 */ -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none;font-family: 'notokr-regular'; }

.BD1 {border:'solid dimgray 1px';}


.popup-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); display: none; justify-content: center; align-items: center; z-index: 9999; }
.popup-box { width: 90%; height: 80%; background: #fff; border-radius: 8px; overflow: hidden; display: flex; flex-direction: column; }
.popup-header { background:#f0f0f0; padding:10px 15px; font-size:1.2em; font-weight:bold; display:flex; justify-content:space-between; align-items:center; }
.popup-close { background:none; border:none; font-size:1.2em; cursor:pointer; }
.popup-content { padding:15px; overflow:none; flex:1; font-size:1.1em; line-height:1.6; }
.tit25 {width:20%; font-size:1.2em; color:#000;}

input[type="checkbox"],input[type="radio"] {  transform: scale(1.4); /* 20px 정도 크기와 비슷한 효과 */  transform-origin: left middle;  }


@media (max-width: 720px) {
    /* 720px 이하일 때 적용될 CSS */
body {font-size:1.2em;}
.agree a {font-size:0.9em; letter-spacing:-1px}
.i_text {height:60px}
.select03 {height:62px}
.bsubmitbk {padding: 16px 0 16px}


}