@charset "utf-8";
@font-face {font-weight:normal; font-style:normal; font-family:ng; src: url('font/NanumGothic.eot'); src: local('☺'), url('font/NanumGothic.eot?#iefix') format('embedded-opentype'), url('font/NanumGothic.woff') format('woff'), url('font/NanumGothic.ttf') format('truetype')}
@font-face {font-weight: normal; font-style: normal; font-family:ngb; src: url('font/NanumGothicBold.eot'); src: url('font/NanumGothicBold.eot?#iefix') format('embedded-opentype'),url('font/NanumGothicBold.woff') format('woff'),url('font/NanumGothicBold.ttf') format('truetype')}

/* style reset */
* {margin:0; padding:0}
html {width:100%; height:100%}
body {width:100%; height:100%; background:url('../images/bg_body.gif') repeat-x 0 0; font-family:Dotum, Helvetica, sans-serif; font-size:12px; color:#6e6e6e}
form, input, select, textarea, button {font-family:Dotum, Helvetica,sans-serif; font-size:12px; color:#333}
ul, ol, li{list-style:none}
a {cursor:pointer; color:#6e6e6e; text-decoration:none}
a:hover,a:active,a:focus{text-decoration:underline}
em, address {font-style:normal}
caption {visibility:hidden; width:0; height:0; overflow:hidden; font-size:0}
hr {display:none}
button {cursor:pointer; border:0; font-family:Dotum}
img {border:0}
input.txt {height:20px; padding:3px 0 0 3px; background:#fff; border:1px solid #ccc; color:#888}
input.txt_2 {width:90%; height:20px; padding:3px 0 0 3px; background:#fff; border:1px solid #ccc; color:#888}
input.file {height:20px; padding:3px 0 0 3px}
input.radio {vertical-align:middle}
input.checkbox {vertical-align:middle}
select {padding:2px; border:1px solid #ccc; color:#888}
fieldset {margin:0; padding:0; border:0; background:0}
fieldset legend {visibility:hidden; font-size:0; line-height:0}
.hide {visibility:hidden; left:0; top:0; font-size:0; line-height:0; font-size:0}
.nodata {padding:100px 0; text-align:center; font-size:14px}

/* margin, padding */
.mt0 {margin-top:0 !important}
.mt30 {margin-top:30px !important}

#wrap {width:100%; height:100%}
.toparea {position:relative; z-index:10; width:980px; height:180px; margin:0 auto}
.toparea h1 {position:absolute; left:10px; top:47px}
.toparea .welcome {position:absolute; right:230px; top:10px; color:#ccc; font-size:11px; font-weight:bold}
.toparea .welcome strong {color:#fbd13b}
.toparea .gnb {position:absolute; right:0; top:8px}
.toparea .gnb a {display:block; float:left; padding:0 10px 0 11px; background:url('../images/bg_bar_01.gif') no-repeat 0 2px; font-family:ng; color:#c4c4c4}
.toparea .gnb a:first-child {background:none}
.toparea .gnb a.sitemap {color:#f3cb3e}
.toparea ul.topmenu {float:right; width:700px; margin:61px 0 0 0}
.toparea ul.topmenu li {float:left; width:15%; text-align:center; color:#3d3d3d; font-size:16px; font-family:ngb}
.toparea ul.topmenu li a {color:#3d3d3d; font-size:16px; font-family:ngb}
.toparea ul.topmenu li.on a {color:#fd5909}

.toparea ul.topmenu li a:hover {color:#fd5909; text-decoration:none}
.toparea ul.topmenu li.end {width:10%}
.toparea ul.topmenu li ul {display:none; position:absolute; left:0; top:109px; float:none; width:auto; margin:0; border-left:1px solid #d1d1d1}
.toparea ul.topmenu li.on ul {display:block}
.toparea ul.topmenu li ul li {position:relative; width:118px; height:41px; border-right:1px solid #d1d1d1}
.toparea ul.topmenu li ul li a {display:block; width:100%; height:27px; padding:14px 0 0 0; font-weight:bold; font-size:13px; color:#888}
.toparea ul.topmenu li ul li a:hover {background:#ff7a31; color:#fff !important}
.toparea ul.topmenu li ul li div {position:absolute; left:0; top:41px; display:none; width:117px; border-width:1px 1px 0 1px; border-style:solid; border-color:#d1d1d1}
.toparea ul.topmenu li ul li div span {display:block; width:117px; padding:8px 0 6px 0; text-align:center; background:#eaeaea; border-bottom:1px solid #d1d1d1; color:#a5a5a5; font-weight:normal; font-size:12px; font-family:Dotum}
.toparea ul.topmenu li ul li div span a {display:inline; padding:0; color:#a5a5a5 !important; font-size:12px; font-family:Dotum; background:#eaeaea !important; font-weight:normal}
.toparea ul.topmenu li ul li div span.on a {color:#722800 !important}
.toparea ul.topmenu li ul li div span a:hover {color:#722800 !important}
.toparea ul.topmenu li.on ul li a {color:#888}
.toparea ul.topmenu li.on ul li.on a {background:#ff7a31; color:#fff}

.midarea {clear:both; width:980px; min-height:100%; margin:-100px auto -136px}
*html .midarea {height:100%}
.midarea .contentarea {position:relative; padding:120px 0 200px 0; *padding:220px 0 200px 0}
.midarea .contentarea .path {position:absolute; right:0; top:90px; *top:170px; color:#333; line-height:13px}
.midarea .contentarea .path span {display:inline-block; *display:block; *float:left; padding:0 12px 0 9px; background:url('../images/icon_path.gif') no-repeat 100% 1px}
.midarea .contentarea .path strong {display:inline-block; *display:block; *float:left; padding:0 12px 0 9px; color:#ff7a31}
.midarea .contentarea .path span.home {display:block; float:left; padding-left:0}
.midarea .contentarea h2 {height:55px; padding:0 0 0 18px; background:url('../images/icon_stit_01.gif') no-repeat 0 10px; color:#3d3d3d; font-size:28px; font-family:ng}

.bottomarea {clear:both; width:100%; height:136px; background:url('../images/bg_bottomarea.gif') repeat-x 0 0}
.bottomarea .bottomwrap {position:relative; width:980px; height:136px; margin:0 auto}
.bottomarea h1 {position:absolute; left:18px; top:31px; width:180px; height:65px; padding:10px 0 0 0; border-right:1px solid #cdcdcd}
.bottomarea h1 span {position:absolute; left:0; top:0}
.bottomarea .bottomlink {position:absolute; left:218px; top:31px}
.bottomarea .bottomlink a {display:inline-block; *display:block; *float:left; padding:0 8px 0 7px; background:url('../images/bg_bar_03.gif') no-repeat 0 2px; letter-spacing:-1px; color:#717171; font-weight:bold; font-size:11px}
.bottomarea .bottomlink a:first-child {padding:0 11px 0 0; background:none}
.bottomarea address {clear:both; display:block; position:absolute; left:218px; top:55px}

.pagination {clear:both; width:100%; padding:20px 0 50px 0; overflow:hidden; text-align:center; display:inline-block}/*IE7 페이징이 왼쪽에 붙어 추가 = display:inline-block */
.pagination * {vertical-align:middle}
.pagination a {display:inline-block;}/*IE7 페이징이 왼쪽에 붙어 .pagination a 추가  */
.pagination span {display:inline-block} /*IE7 페이징이 왼쪽에 붙어 삭제 =*display:block; */
.pagination span a {display:inline-block; width:25px; height:17px; margin:0 13px 0 0; padding:8px 0 0 0; text-align:center; background:url('../images/set_sprbox.png') no-repeat -55px -30px; color:#9c9fa1; font-size:12px; line-height:12px; font-weight:bold}
.pagination span a:hover {background-position:-10px -30px; color:#8c610d; text-decoration:none}
.pagination span a:focus {background-position:-10px -30px; color:#8c610d; text-decoration:none}
.pagination span a.on {background-position:-10px -30px; color:#8c610d; text-decoration:none}
.pagination button {*display:block; width:13px; height:11px; margin:0 15px 0 0; *margin:7px 15px 0 0; background:url('../images/set_sprbox.png') no-repeat 0 0; text-indent:-99999px}
.pagination button.btn_first {background-position:-4px -6px}
.pagination button.btn_prev {width:7px; background-position:-32px -6px}
.pagination button.btn_next {width:7px; background-position:-72px -6px}
.pagination button.btn_final {background-position:-93px -6px}

/* button */
.btnright {clear:both; width:100%; padding:10px 0 0 0; text-align:right; font-size:0}
.btnright button {margin:0 0 0 7px}
.btnright button:first-child {margin:0}
.btncenter {clear:both; width:100%; padding:25px 0 0 0; text-align:center; font-size:0}
.btncenter button {margin:0 0 0 5px}
.btncenter button:first-child {margin:0}
.btnjustify {clear:both; width:100%; padding:10px 0 0 0; text-align:left; font-size:0}
.btnjustify button {margin:0 0 0 5px}
.btnjustify button:first-child {margin:0}
.btnjustify span {display:block; float:right}
button.btn_yellow_216 {display:inline-block; width:216px; height:35px; padding-top:1px; background:url('../images/bg_tabbox_on.gif') no-repeat 0 0; font-size:14px; font-weight:bold; letter-spacing:-1px; color:#7e5608; text-shadow:0 1px #ffe88c}
button.btn_yellow_120 {display:inline-block; width:120px; height:35px; padding-top:1px; background:url('../images/bg_btnbox_02.gif') no-repeat 0 0; font-size:13px; font-weight:bold; letter-spacing:-1px; color:#7e5608; text-shadow:0 1px #ffe88c}
button.btn_yellow_90 {display:inline-block; width:90px; height:35px; padding-top:1px; background:url('../images/bg_btnbox_03.gif') no-repeat 0 0; font-size:13px; font-weight:bold; letter-spacing:-1px; color:#7e5608; text-shadow:0 1px #ffe88c}
button.btn_yellow_45 {display:inline-block; width:45px; height:25px; padding-top:2px; background:url('../images/bg_btnbox_09.gif') no-repeat 0 0; font-size:11px; color:#754810; text-shadow:0 1px #ffe88c}
button.btn_gray_45 {display:inline-block; width:45px; height:25px; padding-top:2px; background:url('../images/bg_btnbox_08.gif') no-repeat 0 0; font-size:11px; color:#888; text-shadow:0 1px #ececec}
button.btn_gray_90 {display:inline-block; width:90px; height:35px; padding-top:1px; background:url('../images/bg_btnbox_04.gif') no-repeat 0 0; font-size:13px; font-weight:bold; letter-spacing:-1px; color:#777; text-shadow:0 1px #ececec}
button.btn_calendar {display:inline-block;  width:25px; height:25px; vertical-align:middle; margin:-2px 0 0 -1px; background:url('../images/icon_calendar.gif') no-repeat 0 0; border:1px solid #ccc; text-indent:-99999px}
button.btn_detailview {width:90px; height:90px; background:#ffde23 url('../images/bg_btnbox_01.gif') repeat-x 0 100%; border:1px solid #f4bf05; color:#7e5608; font-size:14px; font-weight:bold; letter-spacing:-1px; line-height:20px}
button.btn_exceldown {width:125px; height:25px; padding:3px 0 0 30px; text-align:left; background:#ffde23 url('../images/bg_btnbox_07.gif') repeat-x 0 100%; color:#fff; font-size:12px; font-weight:bold; letter-spacing:-1px; line-height:20px}
button.btn_exceldown2 {position:absolute;width:125px; height:25px; right:0; padding:3px 0 0 30px; text-align:center; background:#ffde23 url('../images/bg_btnbox_07.gif') repeat-x 0 100%; color:#fff; font-size:12px; font-weight:bold; letter-spacing:-1px; line-height:20px}
button.btn_upload {width:105px; height:25px; background:#ffde23 url('../images/btn_upload2.gif') repeat-x 0 100%; /*text-indent:-99999px*/}
button.btn_download {width:105px; height:25px; background:#ffde23 url('../images/btn_download.gif') repeat-x 0 100%; text-indent:-99999px}
button.btn_ctgview {position:absolute; right:0; top:142px; width:145px; height:25px; background:url('../images/btn_ctgview.gif') repeat-x 0 100%; text-indent:-99999px}
button.btn_ctgview2 {position:absolute; right:0; margin-top:60px; width:145px; height:25px; background:url('../images/btn_ctgview.gif') repeat-x 0 100%; text-indent:-99999px}
button.btn_ctgview3 {position:absolute; right:0; width:145px; height:25px; background:url('../images/btn_ctgview.gif') repeat-x 0 100%; text-indent:-99999px}
button.btn_print {position:absolute; right:0; top:142px; width:120px; height:25px; background:url('../images/bg_btnbox_07.gif') repeat-x 0;font-weight:bold; color:#7E5959; font-size:13px;text-align:left;letter-spacing: 0.4em}
button.btn_sample {width:145px; height:25px; background:url('../images/btn_sample2.gif') repeat-x 0 100%; text-indent:-99999px}
button.btn_cyber {width:161px; height:25px; background:#ffde23 url('../images/btn_cyber.gif') repeat-x 0 100%; text-indent:-99999px}

.transparents-layer {position:fixed; left:0; top:0; z-index:99; width:100%; height:100%; background:#000; opacity:0.7; filter:alpha(opacity="70")}
.modalpop {display:none; position:fixed; left:50%; top:50%; z-index:100; background:#fff; border:1px solid #ff7a31;

	/* width: 100%;
	height: 100%;
	padding: 0;
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 1003;
	opacity: 1;
	overflow-y: auto;
	background: none;
	transform: scaleX(1) scaleY(1);
	-webkit-box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
	box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2); */



}
.modalpop button.btn_closelayer {position:absolute; right:5px; top:5px; display:block; width:20px; height:20px; background:url('../images/icon_closelayer_01.gif') no-repeat 50% 50%; text-indent:-99999px}
.modalpop button.btn_confirm {width:90px; height:35px; padding-top:4px; background:#ffe04b; border:1px solid #fac918; color:#7e5608; font-weight:bold; font-size:12px; text-shadow:1px 0 #ffe98e}
.modalpop .btncenter {clear:both; position:absolute; left:0; bottom:0; width:100%; padding:10px 0; overflow:hidden; background:#ff7a31}
.modalpop.loginerror {width:430px; height:260px; margin:-130px 0 0 -215px}
.modalpop.accountregok {width:430px; height:300px; margin:-150px 0 0 -215px}
.modalpop.accountregok dl dd {color:#333 !important; line-height:21px}
.modalpop.accountregok dl dd span {display:block; color:#666 !important; font-size:12px}
.modalpop.pwmailsend {width:430px; height:260px; margin:-130px 0 0 -215px}
.modalpop.uploadprc {width:560px; height:260px; margin:-130px 0 0 -280px}
.modalpop.uploadprc dl {width:100%; padding:22px 0 0 0; text-align:center}
.modalpop.uploadprc dl dt {height:40px}
.modalpop.uploadprc dl dd strong {display:block; padding:0 0 8px 0; overflow:hidden; text-align:center; letter-spacing:-1px; color:#221e1f; font-family:ng; font-size:32px}
.modalpop.uploadprc dl dd p {width:478px; height:28px; margin:0 auto; background:#f1f1f1; border:1px solid #cacaca}
.modalpop.uploadprc dl dd p span {display:block; width:100%; height:28px; background:#ffd940}
.modalpop.uploadprc dl dd em {display:block; padding:22px 0 0 0; color:#666; font-size:14px; font-weight:bold}
.modalpop.accountreg {width:560px; height:630px; margin:-300px 0 0 -280px;padding-bottom:110px;top:40%;left: 40%;}
.modalpop.accountreg h3 {padding:12px 0; overflow:hidden; text-align:center; background:#ff7a31; color:#fff; font-size:22px; letter-spacing:-1px; font-family:ng}
.modalpop.accountreg button.btn_closelayer {right:10px; top:13px; background:url('../images/icon_closelayer_02.png') no-repeat 50% 50%}
.modalpop.accountreg button.btn_confirm {width:120px}
.modalpop.accountreg .btncenter {position:static; padding:30px 0 0 0; background:#fff}
.modalpop.accountreg table.boardwrite {width:90%; margin:30px auto 0}
/* 2021.03.22 희망학교 신청 추가 */

.modalpop.userSchoolApply {width:650px; height:100%; margin:-400px 0 0 -280px; position: fixed;

 /*  -ms-overflow-style: none; */ /* IE and Edge */
 /* scrollbar-width: none;  *//* Firefox */
}
/* .modalpop.userSchoolApply::-webkit-scrollbar {display:none;}
 */


.modalpop.userSchoolApply h3 {padding:12px 0; overflow:hidden; text-align:center; background:#ff7a31; color:#fff; font-size:22px; letter-spacing:-1px; font-family:ng}
.modalpop.userSchoolApply button.btn_closelayer {right:10px; top:13px; background:url('../images/icon_closelayer_02.png') no-repeat 50% 50%}
.modalpop.userSchoolApply button.btn_confirm {width:120px}
.modalpop.userSchoolApply .btncenter {position:static; padding:30px 0 0 0; background:#fff}
.modalpop.userSchoolApply table.boardwrite {width:90%; margin:30px auto 0}

.userSchoolApply {width:100%; height:100%;  position: relative;

 /*  -ms-overflow-style: none; */ /* IE and Edge */
 /* scrollbar-width: none;  *//* Firefox */
}
/* .modalpop.userSchoolApply::-webkit-scrollbar {display:none;}
 */


.userSchoolApply h3 {padding:12px 0; overflow:hidden; text-align:center; background:#ff7a31; color:#fff; font-size:22px; letter-spacing:-1px; font-family:ng}
.userSchoolApply button.btn_closelayer {right:10px; top:13px; background:url('../images/icon_closelayer_02.png') no-repeat 50% 50%}
.userSchoolApply button.btn_confirm {width:120px}
.userSchoolApply .btncenter {position:static; padding:30px 0 0 0; background:#fff}
.userSchoolApply table.boardwrite {width:100%; /* margin:30px auto 0 */}



.popup button.btn_closelayer {position:absolute; /* right:5px; top:5px; */ display:block; width:20px; height:20px; /* background:url('../images/icon_closelayer_01.gif') no-repeat 50% 50%;  */text-indent:-99999px}

.popup button.btn_confirm {
	height: 35px;
	padding-top: 4px;
	background: #ffe04b;
	border: 1px solid #fac918;
	color: #7e5608;
	font-weight: bold;
	font-size: 12px;
	text-shadow: 1px 0 #ffe98e;
}
.popup {
	width: 100%;
	height: 100%;
	padding: 0;
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 1003;
	opacity: 1;
	overflow-y: auto;
	background: none;
	transform: scaleX(1) scaleY(1);
	-webkit-box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
	box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
}

.popup4 {
	width: 100%;
	height: 100%;
	padding: 0;
	visibility: hidden;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 1003;
	opacity: 1;
	overflow-y: auto;
	background: none;
	transform: scaleX(1) scaleY(1);
	-webkit-box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
	box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
}

.popup_inner {
	margin: 5% auto;
	padding: 20px;
	position: relative;
	background-color: #fff;
	border-radius: 8px;
}

.popup_inner .btn_close {
	position: absolute;
	top: 40px;
	right: 40px;
	cursor: pointer;
}

.popup_inner .btn_confirm_close {
	position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
}

.popup_overlay {
	width: 100%;
	height: 125%;
	position: fixed;
	top: -25%;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 1002;
	background: #000;
	display: none;
	will-change: opacity;
	opacity: 0.5;
}

.custom_popup_overlay {
	width: 100%;
	height: 125%;
	position: fixed;
	top: -25%;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 1002;
	background: #000;
	display: none;
	will-change: opacity;
	opacity: 0.5;
}

.w600 {
	max-width: 600px;
	width: 100%;
	margin: 0 auto;
}
.w700 {
	max-width: 600px;
	width: 100%;
	margin: 0 auto;
}

/*	2013.10.31 아이디 찾기 추가 start	*/
.modalpop.searchId {width:560px; height:563px; margin:-280px 0 0 -280px}
.modalpop.searchId h3 {padding:12px 0; overflow:hidden; text-align:center; background:#ff7a31; color:#fff; font-size:22px; letter-spacing:-1px; font-family:ng}
.modalpop.searchId button.btn_closelayer {right:10px; top:13px; background:url('../images/icon_closelayer_02.png') no-repeat 50% 50%}
.modalpop.searchId button.btn_confirm {width:120px}
.modalpop.searchId .btncenter {position:static; padding:30px 0 0 0; background:#fff}
.modalpop.searchId table.boardwrite {width:90%; margin:30px auto 0}
/*	2013.10.31 아이디 찾기 추가 end	*/
.modalpop.pwsearch {width:560px; height:260px; margin:-130px 0 0 -280px}
.modalpop.pwsearch h3 {padding:12px 0; overflow:hidden; text-align:center; background:#ff7a31; color:#fff; font-size:22px; letter-spacing:-1px; font-family:ng}
.modalpop.pwsearch button.btn_closelayer {right:10px; top:13px; background:url('../images/icon_closelayer_02.png') no-repeat 50% 50%}
.modalpop.pwsearch button.btn_confirm {width:120px}
.modalpop.pwsearch .btncenter {position:static; padding:30px 0 0 0; background:#fff}
.modalpop.pwsearch table.boardwrite {width:90%; margin:30px auto 0}
.modalpop.userApplySearch {width:560px; height:auto; margin:-130px 0 0 -280px}
.modalpop.userApplySearch h3 {padding:12px 0; overflow:hidden; text-align:center; background:#ff7a31; color:#fff; font-size:22px; letter-spacing:-1px; font-family:ng}
.modalpop.userApplySearch button.btn_closelayer {right:10px; top:13px; background:url('../images/icon_closelayer_02.png') no-repeat 50% 50%}
.modalpop.userApplySearch button.btn_confirm {width:120px}
.modalpop.userApplySearch .btncenter {position:static; padding:30px 0 0 0; background:#fff}
.modalpop.userApplySearch table.boardwrite {width:90%; margin:30px auto 0}
.modalpop.ctgviewbox {width:650px; height:590px; margin:-320px 0 0 -280px}
.modalpop.ctgviewbox h3 {margin:0; padding:12px 0; overflow:hidden; text-align:center; background:#ff7a31; color:#fff; font-size:22px; letter-spacing:-1px; font-family:ng}
.modalpop.ctgviewbox h4 {clear:both; margin:20px 0 9px 0; padding:0 0 0 10px; background:url('../images/icon_stit_02.gif') no-repeat 0 5px; color:#7d5423; font-size:16px; word-spacing:-1px}
.modalpop.ctgviewbox button.btn_closelayer {right:10px; top:13px; background:url('../images/icon_closelayer_02.png') no-repeat 50% 50%}
.modalpop.ctgviewbox .scrollbox {height:540px; padding:0 18px; overflow-x:hidden; overflow-y:auto}
.modalpop.ctgviewbox table.boardlist tbody th {background:#fff; font-weight:normal}
.modalpop.ctgviewbox table.boardlist td {border-left:1px solid #d1d1d1}
.modalpop.noticeview {width:650px; height:520px; margin:-250px 0 0 -280px}
.modalpop.noticeview h3 {margin:0; padding:12px 0; overflow:hidden; text-align:center; background:#ff7a31; color:#fff; font-size:22px; letter-spacing:-1px; font-family:ng}
.modalpop.noticeview button.btn_closelayer {right:10px; top:13px; background:url('../images/icon_closelayer_02.png') no-repeat 50% 50%}
.modalpop.noticeview table.boardview {width:600px; margin:20px}
.modalpop.noticeview .scrollbox {height:290px; padding:0 18px; overflow-x:hidden; overflow-y:auto}
.modalpop dl.warning {width:100%; padding:22px 0 0 0; text-align:center}
.modalpop dl.warning dt {height:150px}
.modalpop dl.warning dd {color:#666; font-size:14px; font-weight:bold; letter-spacing:-1px}
.modalpop.uploaddata {width:430px; height:220px; margin:-110px 0 0 -215px}
.modalpop.uploaddata fieldset {width:300px; margin:40px auto 0}
.modalpop.uploaddata fieldset input.txt {height:30px; background:#fff}
.modalpop.uploaddata h3 {margin:0; padding:12px 0; overflow:hidden; text-align:center; background:#ff7a31; color:#fff; font-size:22px; letter-spacing:-1px; font-family:ng}
.modalpop.uploaddata button.btn_closelayer {right:10px; top:13px; background:url('../images/icon_closelayer_02.png') no-repeat 50% 50%}

.modalpop.cyber {width:730px; height:700px; margin:-350px 0 0 -350px}
.modalpop.cyber fieldset {width:300px; margin:40px auto 0}
.modalpop.cyber fieldset input.txt {height:30px; background:#fff}
.modalpop.cyber h3 {margin:0; padding:12px 0; overflow:hidden; text-align:center; background:#ff7a31; color:#fff; font-size:22px; letter-spacing:-1px; font-family:ng}
.modalpop.cyber button.btn_closelayer {right:10px; top:13px; background:url('../images/icon_closelayer_02.png') no-repeat 50% 50%}

/*	2014.03.12 과의존상담 프로그램신청서 안내 추가 start	*/
.modalpop.downloadPop {width:760px; height:400px; margin:-280px 0 0 -280px}
.modalpop.downloadPop h3 {padding:12px 0; overflow:hidden; text-align:center; background:#ff7a31; color:#fff; font-size:22px; letter-spacing:-1px; font-family:ng}
.modalpop.downloadPop button.btn_closelayer {right:10px; top:13px; background:url('../images/icon_closelayer_02.png') no-repeat 50% 50%}
.modalpop.downloadPop button.btn_confirm {width:120px}
.modalpop.downloadPop .btncenter {position:static;}
.modalpop.downloadPop table.boardwrite {width:90%; margin:30px auto 0}
.modalpop.downloadPop dl {width:100%; padding:22px 0 0 50px;}
.modalpop.downloadPop dl dt {height:40px}
.modalpop.downloadPop dl dd p {width:478px; height:28px; margin:0 auto; background:#f1f1f1; border:1px solid #cacaca}
.modalpop.downloadPop dl dd p span {display:block; width:100%; height:28px; background:#ffd940}
.modalpop.downloadPop dl dd em {display:block; color:#666; font-size:16px; font-weight:bold;line-height:1.5}
 .button_style{background:#F8D33F;height:30px;width:250px;font-size:16px;padding-top:10px;font-weight:bold;color:#5C5353;border-radius:5px;font-family:ngb;}
/*	2014.03.12 과의존상담 프로그램신청서 안내 추가  end	*/

/*	2014.04.23 권한설정 팝업	*/
.modalpop.TG_AUTH {width:300px; height:550px; margin:-300px 0 0 -240px}
.modalpop.TG_AUTH h3 {margin:0; padding:12px 0; overflow:hidden; text-align:center; background:#ff7a31; color:#fff; font-size:22px; letter-spacing:2px; font-family:ng}
.modalpop.TG_AUTH button.btn_closelayer {right:10px; top:13px; background:url('../images/icon_closelayer_02.png') no-repeat 50% 50%}
.modalpop.TG_AUTH .scrollbox {height:500px; padding:0 18px; overflow-x:hidden; overflow-y:auto}
button.btn_yellow_80 {display:inline-block; width:80px; height:25px; padding-top:4px; background:url('../images/bg_btnbox_03.gif') no-repeat 0 0; font-size:13px; font-weight:bold; letter-spacing:-1px; color:#7e5608; text-shadow:0 1px #ffe88c}
button.btn_yellow_70 {display:inline-block; width:70px; height:23px; padding-top:0px; background:url('../images/bg_btnbox_03.gif') no-repeat 0 0; font-size:13px; font-weight:bold; letter-spacing:-1px; color:#7e5608; text-shadow:0 1px #ffe88c}
button.btn_gray_70 {display:inline-block; width:70px; height:23px; padding-top:0px; background:url('../images/bg_btnbox_04.gif') no-repeat 0 0; font-size:13px; font-weight:bold; letter-spacing:-1px; color:#777; text-shadow:0 1px #ececec}
/*	2014.04.23 권한설정 팝업  end	*/

body#main {height:auto; overflow-x:hidden; background:#e9e9e9}
body#main #wrap {height:auto}
body#main .toparea {width:1024px; height:0px; margin:0 auto; overflow:hidden} /* 안보이게 처리 */
body#main .toparea ul.topmenu {float:left; padding-left:300px}
body#main .midarea {width:auto; margin:-109px 0 0 0; background:#fff url('../images/bg_bodymain.gif') repeat-x 0 0}
.maincontents {position:relative; width:1300px; height:720px; margin:0 auto; padding:109px 0 0 0; font-size:0}
.maincontents .loginbox {float:left; width:379px; height:650px; padding:65px 0 0 0; border-left:1px solid #dbdbdb}
.maincontents .loginbox dl {width:334px; height:450px; margin:0 auto; margin-top:-40px;}
.maincontents .loginbox dl dt {padding:0 0 35px 0; overflow:hidden; text-align:center}
.maincontents .loginbox dl dd input.txt {border:0; font-size:16px; font-weight:bold; font-family:ng; color:#a7a7a7}
.maincontents .loginbox dl dd.inp_id{width:324px; height:38px; padding:6px 0 0 20px; background:url('../images/bg_inpbox_01.gif') no-repeat 0 0}
.maincontents .loginbox dl dd.inp_id input.txt {width:270px; height:30px; padding:0; background:transparent}
.maincontents .loginbox dl dd.inp_pw {width:324px; height:39px; padding:6px 0 0 20px; margin:10px 0 15px 0; overflow:hidden; background:url('../images/bg_inpbox_02.gif') no-repeat 0 0}
.maincontents .loginbox dl dd.inp_pw input.txt {width:270px; height:30px; padding:0; background:transparent}
.maincontents .loginbox dl dd.btn {width:334px; height:85px}
.maincontents .loginbox dl dd.btn button {display:block; width:334px; height:55px; background:url('../images/btn_login.png') no-repeat 0 0; text-indent:-99999px}
.maincontents .loginbox dl dd.loginchk {text-align:center}
.maincontents .loginbox dl dd.loginchk label {display:inline-block; height:17px; padding:0 0 0 22px; background:url('../images/bg_radiobox_off.gif') no-repeat 0 0; font-family:ngb; color:#b79a7e; font-size:16px}
.maincontents .loginbox dl dd.loginchk label.on {background:url('../images/bg_radiobox_on.gif') no-repeat 0 0}
.maincontents .loginbox dl dd.action {padding:30px 0 0 0; text-align:center; color:#888; font-weight:bold; font-size:12px}
.maincontents .loginbox dl dd.action a {color:#888; font-weight:bold}
.maincontents .mainvisual {position:relative; float:left; width:644px; height:520px; overflow:hidden}
.maincontents .mainvisual ul li {display:none}
.maincontents .mainvisual ul li.on {display:block}
.maincontents .mainvisual ul li img {width:644px}
body#main .noticewrap {clear:both; width:100%; height:35px; background:url('../images/bg_noticebox.gif') no-repeat 50% 0; border-top:1px solid #d6d6d6}
body#main .noticewrap .noticebox {width:980px; height:35px; margin:0 auto}
body#main .noticewrap dl {width:600px; height:27px; overflow:hidden; padding:8px 0 0 0; background:#fff}
body#main .noticewrap dl dt {float:left; position:relative; width:80px; text-align:left; font-family:ngb; color:#3a4758; font-size:15px}
body#main .noticewrap dl dt button {display:block; position:absolute; right:5px; width:13px; height:10px; text-indent:-99999px}
body#main .noticewrap dl dt button.btn_top {top:0; background:url('../images/arr_top.gif') no-repeat 0 0}
body#main .noticewrap dl dt button.btn_bottom {top:12px; background:url('../images/arr_bottom.gif') no-repeat 0 0}
body#main .noticewrap dl dd {position:relative; float:none; overflow:hidden; min-height:20px; padding-top:2px; line-height:16px}
body#main .noticewrap dl dd a {color:#5b5b5b}
body#main .noticewrap dl dd a:hover {text-decoration:underline}
body#main .noticewrap dl dd a:active {text-decoration:none}
body#main .noticewrap dl dd a:visited {text-decoration:none}
body#main .noticewrap dl dd a:focus {text-decoration:underline}
body#main .noticewrap dl dd a.new {padding-right:13px; background:url('../images/icon_new.gif') no-repeat 100% 0}
body#main .noticewrap dl dd .date {position:absolute; right:10px; top:0; display:inline-block; *display:block; width:120px; height:20px; padding:2px 0 0 0; background:url('../images/icon_arr_01.png') no-repeat 100% 0; color:#3a4758}

/* main notice 수정 2014.05.30 */
.maincontents .loginbox .noticebox {clear:both;width:379px; height:240px;  margin-top:40px;}
.maincontents .loginbox .noticebox dl {width:320px; height:230px; overflow:hidden; padding:8px 0 0 0; background:#fff}
.maincontents .loginbox .noticebox dl dt {float:left; position:relative; width:80px; text-align:left; font-family:ngb; color:#3a4758; font-size:15px}
.maincontents .loginbox .noticebox dl dt button {display:block; position:absolute; right:0px; width:13px; height:10px; text-indent:-99999px}
.maincontents .loginbox .noticebox dl dt button.btn_top {top:0; background:url('../images/arr_top.gif') no-repeat 0 0}
.maincontents .loginbox .noticebox dl dt button.btn_bottom {top:12px; background:url('../images/arr_bottom.gif') no-repeat 0 0}
.maincontents .loginbox .noticebox dl dd {position:relative; float:none; overflow:hidden; min-height:26px; padding-top:4px; line-height:25px; text-align:left; font-family:ngb; color:#3a4758; font-size:15px}
.maincontents .loginbox .noticebox dl dd a {color:#5b5b5b}
.maincontents .loginbox .noticebox dl dd a:hover {text-decoration:none}
.maincontents .loginbox .noticebox dl dd a:active {text-decoration:none}
.maincontents .loginbox .noticebox dl dd a:visited {text-decoration:none}
.maincontents .loginbox .noticebox dl dd a:focus {text-decoration:underline}
.maincontents .loginbox .noticebox dl dd a.new {padding-right:13px; background:url('../images/icon_new.gif') no-repeat 100% 0}
.maincontents .loginbox .noticebox dl dd .date {position:absolute; right:-38px; top:0; display:inline-block; *display:block; width:120px; height:20px; padding:2px 0 0 0; color:#3a4758}


/* contents, board */
ul.tabbox {clear:both; width:100%; height:47px; background:url('../images/bg_tabbot_01.gif') repeat-x 0 0}
ul.tabbox li {float:left; width:216px; height:45px; margin:0 4px 0 0; text-align:center}
ul.tabbox li * {vertical-align:middle}
ul.tabbox li a {display:block; width:216px; height:31px; padding-top:14px; background:url('../images/bg_tabbox_off.gif') no-repeat 0 0; font-weight:bold; color:#888; font-size:16px; letter-spacing:-1px; line-height:20px}
ul.tabbox li a em {display:inline-block; width:20px; height:15px; margin:-2px 3px 0 0; padding:5px 0 0 0; text-align:center; background:url('../images/set_sprbox.png') no-repeat -43px -63px; color:#fff; font-size:11px; line-height:12px; letter-spacing:0}
ul.tabbox li.on a {background:url('../images/bg_tabbox_on.gif') no-repeat 0 0; color:#754810}
ul.tabbox li.ok a {background:url('../images/bg_tabbox_on.gif') no-repeat 0 0; color:#754810}
ul.tabbox li a:hover {background:url('../images/bg_tabbox_on.gif') no-repeat 0 0; text-decoration:none; color:#754810}
ul.tabbox li a:hover em {background:url('../images/set_sprbox.png') no-repeat-11px -63px }
ul.tabbox li.on a em {background:url('../images/set_sprbox.png') no-repeat -11px -63px }

/* move section */
ul.move_section {overflow:hidden; width:100%;}
ul.move_section li {position:relative;float:left;width:25%;text-align:center}
ul.move_section li * {vertical-align:middle}
ul.move_section li a {display:block;height:35px;padding-top:14px;font-weight:bold;font-size:16px;letter-spacing:-1px;line-height:20px;text-decoration:none;background:#dddddd;}
ul.move_section li a:hover {background:#ffde48; text-decoration:none; color:#754810}


.sch_conditions {position:relative; padding:0 100px 0 0; margin:0 0 60px 0; overflow:hidden}
.sch_conditions button.btn_search {position:absolute; right:0; top:0; width:90px; height:100%; background:#ffde23 url('../images/bg_btnbox_01.gif') repeat-x 0 100%; border:1px solid #f4bf05; color:#7e5608; font-size:16px; font-weight:bold; letter-spacing:-1px}

.reg_sch_conditions {position:relative; padding:0 100px 0 0; margin:0 0 0 0; overflow:hidden}
.reg_sch_conditions button.btn_search {position:absolute; right:0; top:0; width:90px; height:100%; background:#ffde23 url('../images/bg_btnbox_01.gif') repeat-x 0 100%; border:1px solid #f4bf05; color:#7e5608; font-size:16px; font-weight:bold; letter-spacing:-1px}

.stats_list h3 {margin:50px 0 9px 0; padding:0 0 0 10px; background:url('../images/icon_stit_02.gif') no-repeat 0 5px; color:#7d5423; font-size:16px; word-spacing:-1px}
.stats_list table.boardlist .ctg_depth th {background:#fff}
.stats_list table.boardlist .ctg_subdepth th.bd {border-bottom:1px solid #ccc}
.stats_list table.boardlist tr.even th {background:#f1f1f1 !important}
.stats_list table.boardlist tbody td {border-left:1px solid #ccc}

.sch_resultlist table.boardlist tr:hover td {background:#fff5b5}
.sch_resultlist table.boardlist tr:hover th.name {background:#fff5b5}
.sch_resultlist table.boardlist tr:hover th.name strong {color:#ff5b01}
.sch_resultlist table.boardlist tr:hover th.chk {background:#fff5b5}
.sch_resultlist table.boardlist thead th {padding:13px 0 10px 0; background:#f1f1f1 url('../images/bg_bar_02.gif') no-repeat 0 0; border-bottom:2px solid #ccc; border-left:0; line-height:17px; color:#555}
.sch_resultlist table.boardlist thead th:first-child {background:#f1f1f1}

.dataroom h3 {margin:0 0 9px 0; padding:0 0 0 10px; background:url('../images/icon_stit_02.gif') no-repeat 0 5px; color:#7d5423; font-size:16px; word-spacing:-1px}
.dataroom table.boardlist thead th {padding:13px 0 10px 0; background:#f1f1f1 url('../images/bg_bar_02.gif') no-repeat 0 0; border-bottom:2px solid #ccc; border-left:0; line-height:17px; color:#555}
.dataroom table.boardlist thead th:first-child {background:#f1f1f1}
.dataroom table.boardlist tbody th {border-left:0; border-right:0}
.dataroom table.boardlist tbody td {border-left:0; border-right:0}
.dataroom .btnright {margin-top:-30px}

.chk_infolist table.boardlist tr:hover td {background:#fff5b5}
.chk_infolist table.boardlist tr:hover th.name {background:#fff5b5}
.chk_infolist table.boardlist tr:hover th.name strong {color:#ff5b01}
.chk_infolist table.boardlist thead th {padding:13px 0 10px 0; background:#f1f1f1 url('../images/bg_bar_02.gif') no-repeat 0 0; border-bottom:2px solid #ccc; border-left:0; line-height:17px; color:#555}
.chk_infolist table.boardlist thead th:first-child {background:#f1f1f1}

.chk_diaglist h3 {margin:0 0 50px 0; padding:8px 0; overflow:hidden; text-align:center; border:2px solid #c4976c; font-size:20px; font-family:ng; color:#b58454; line-height:22px}
.chk_diaglist h3 span {display:inline-block; height:20px; padding:0 25px 0 0; background:url('../images/icon_arr_02.gif') no-repeat 100% 50%}
.chk_diaglist h3 strong {margin-right:3px; color:#000; letter-spacing:5px}
.chk_diaglist h4 {clear:both; margin:50px 0 9px 0; padding:0 0 0 10px; background:url('../images/icon_stit_02.gif') no-repeat 0 5px; color:#7d5423; font-size:16px; word-spacing:-1px}
.chk_diaglist h4 strong {color:#ff5a00}
.chk_diaglist h5 {margin:15px 0 10px 0; font-size:14px; word-spacing:-1px; color:#b6824f}
.chk_diaglist .fl {float:left; width:480px}
.chk_diaglist .fr {float:right; width:480px}
.chk_diaglist .cl {clear:both; width:100%; padding:10px 0 0 0; overflow:hidden}
.chk_diaglist.member {position:relative}
.chk_diaglist.member h4 {height:20px; margin-top:0; padding-top:5px; background-position:0 10px}
.chk_diaglist.member .btnset {position:absolute; right:0; top:0}
.chk_diaglist.member table.boardlist tr:hover td {background:#fff5b5}
.chk_diaglist.member table.boardlist tr:hover th.name {background:#fff5b5}
.chk_diaglist.member table.boardlist tr:hover th.name strong {color:#ff5b01}
.chk_diaglist.member table.boardlist thead th {padding:5px 0 5px 0; background:#f1f1f1 url('../images/bg_bar_02.gif') no-repeat 0 0; border-bottom:2px solid #ccc; border-left:0; line-height:16px; color:#555}
.chk_diaglist.member table.boardlist thead th:first-child {background:#f1f1f1;padding:5px 0 5px 0;}
.chk_diaglist table.boardlist tbody td {border-left:1px solid #ccc}

.tab_button {height:40px}
.tab_button a {display:block; float:left; width:91px; height:21px; margin:0 10px 0 0; padding:7px 0 0 0; text-align:center; background:url('../images/bg_btnbox_06.gif') no-repeat 0 0; color:#fff; font-size:14px; font-weight:bold; letter-spacing:-1px}
.tab_button a.on {background:url('../images/bg_btnbox_05.gif') no-repeat 0 0; color:#6f4717}
.tab_button a:hover {text-decoration:none; color:#6f4717}

.tab_button_2 {height:40px}
.tab_button_2 a {display:block; float:left; width:91px; height:21px; margin:0 10px 0 0; padding:7px 0 0 0; text-align:center; background:url('../images/bg_btnbox_06.gif') no-repeat 0 0; color:#fff; font-size:14px; font-weight:bold; letter-spacing:-1px}
.tab_button_2 a.on {background:url('../images/bg_btnbox_05.gif') no-repeat 0 0; color:#6f4717}
.tab_button_2 a:hover {background:url('../images/bg_btnbox_05.gif') no-repeat 0 0; color:#6f4717}


.teachermag h4 {clear:both; margin:0 0 9px 0; padding:0 0 0 10px; background:url('../images/icon_stit_02.gif') no-repeat 0 5px; color:#7d5423; font-size:16px; word-spacing:-1px}
.teachermag .tab_button {height:75px}
.teachermag .tab_button a {display:block; float:left; width:131px; height:21px; margin:0 10px 0 0; padding:7px 0 0 0; text-align:center; background:url('../images/bg_btnbox_11.gif') no-repeat 0 0; color:#fff; font-size:12px; font-weight:bold; letter-spacing:-1px}
.teachermag .tab_button a.on {background:url('../images/bg_btnbox_10.gif') no-repeat 0 0; color:#6f4717}
.teachermag .applylist {float:left; width:250px}
.teachermag .applylist .selectlist {width:210px; height:142px; padding:10px; background:#f1f1f1; border-top:2px solid #cda57d; border-bottom:1px solid #ccc}
.teachermag .applylist .selectlist .scrollbox {width:170px; height:100px; padding:20px; overflow-x:hidden; overflow-y:auto; border:1px solid #ccc; background:#fff;line-height:25px}
.teachermag .applylist .selectlist .scrollbox a {display:block; color:#888}
.teachermag .applylist .selectlist .scrollbox a:hover {text-decoration:none; color:#ff5a00}
.teachermag .accountinfo {float:right; width:730px}
.teachermag .accountinfo table.boardwrite {border-bottom:1px solid #ccc}
.teachermag .accountinfo .btnright {padding-top:30px}
.teachermag .sch_resultlist table.boardlist thead th {padding:13px 0 10px 0; background:#f1f1f1; border-left:1px solid #ccc; border-bottom:2px solid #ccc; line-height:17px; color:#555}
.teachermag .sch_resultlist table.boardlist thead th:first-child {background:#f1f1f1; border-left:0}
.teachermag .sch_resultlist table.boardlist td {border-left:1px solid #ccc}

table.boardlist {clear:both; width:100%; border-top:2px solid #cda57d}
table.boardlist thead th {padding:10px 0 10px 0; background:#f1f1f1; border-left:1px solid #ccc; border-bottom:2px solid #ccc; line-height:16px; color:#555}
table.boardlist thead th:first-child {background:#f1f1f1; border-left:0}
table.boardlist thead tr.ctg_depth th {padding:12px 0 9px 0; border-bottom:1px solid #ccc; border-left:1px solid #ccc}
table.boardlist thead tr.ctg_depth th.blank {border-bottom:2px solid #ccc; border-left:0}
table.boardlist thead tr.ctg_depth th.first {border-left:0px;}
table.boardlist thead tr.ctg_subdepth th {padding:10px 0 7px 0; border-bottom:2px solid #ccc; border-left:1px solid #ccc}
table.boardlist thead tr.ctg_depth_nth th {padding:12px 0 9px 0; border-bottom:1px solid #ccc; border-left:1px solid #ccc}
table.boardlist thead tr.ctg_depth_nth th:first-child {border-left:0}
table.boardlist thead tr.ctg_subdepth_nth th {padding:10px 0 7px 0; border-bottom:2px solid #ccc; border-left:1px solid #ccc}
table.boardlist thead tr.ctg_subdepth_nth th:first-child {border-left:0}
table.boardlist td {padding:12px 0 10px 0; text-align:center; border-bottom:1px solid #ccc; color:#888; line-height:17px;border-left:1px solid #ccc;}
table.boardlist td.first {border-left:0px}
table.boardlist td.subject {padding-left:10px; text-align:left}
table.boardlist td.subject a {color:#333}
table.boardlist td.subject a:hover {color:#ff5a00; text-decoration:none}
table.boardlist td.sex span.male {color:#2a8ed0}
table.boardlist td.sex span.female {color:#f2555b}
table.boardlist td.number strong {color:#01bc0a}
table.boardlist td.type {padding-left:15px; text-align:left; color:#333}
table.boardlist td .minus {color:#0067ff}
table.boardlist td .plus {color:#ff7a31}
table.boardlist tr.even td {background:#fffbd8}
table.boardlist tr.even th {background:#fffbd8 !important}
table.boardlist tr.even th.stit {background:#f1f1f1 !important}
table.boardlist tr th.stit {background:#f1f1f1}
table.boardlist tbody th {background:#f1f1f1; border-bottom:1px solid #ccc}
table.boardlist tbody th.normal {background:#fff; border-bottom:1px solid #ccc; font-weight:normal}
table.boardlist tbody th.name {background:#fff; border-bottom:1px solid #ccc; font-weight:normal}
table.boardlist tbody tr.nth td:first-child {border-left:0}
table.boardlist tbody th.chk {background:#fff; border-bottom:1px solid #ccc}
table.boardlist .name strong {letter-spacing:4px; color:#555}
table.boardlist .name strong.font-orange {color:#ff7a31}
table.boardlist tr.on th {background:#fff5b5}
table.boardlist tr.on th.chk {background:#fff5b5}
table.boardlist tr.on td {background:#fff5b5}
table.boardlist tfoot th {background:#aaaaaa; color:#fff}
table.boardlist tfoot td {background:#aaaaaa; color:#fff}

table.boardview {width:100%; border-top:2px solid #cda57d}
table.boardview thead th {padding:12px 0 10px 10px; text-align:left; background:#f1f1f1; border-bottom:2px solid #ccc; color:#777; line-height:16px}
table.boardview tbody td {padding:12px 0 10px 10px; text-align:left; border-bottom:1px solid #d1d1d1; color:#888; line-height:16px}
table.boardview tbody td.contentsview {padding:15px 10px; text-align:justify; line-height:20px}

table.boardwrite {width:100%; border-top:2px solid #cda57d; border-bottom:1px solid #e4e4e4}
table.boardwrite thead th {padding:12px 0 10px 10px; text-align:left; background:#ffe35b; border-bottom:2px solid #ccc; color:#754810; font-size:14px; line-height:16px}
table.boardwrite thead th strong {color:#ff5a00}
table.boardwrite tbody th {padding:13px 0 10px 0; background:#f1f1f1; line-height:16px; color:#555}
table.boardwrite td {padding:13px 0 10px 18px; border-top:1px solid #e4e4e4; line-height:16px; color:#888}
table.boardwrite tbody tr:first-child td {border-top:0}
table.boardwrite td.inp {padding:8px 0 8px 18px}
table.boardwrite td.inp_search {padding:8px 0 8px 18px}
table.boardwrite td.inp_search * {vertical-align:middle}
table.boardwrite td.inp_search button.btn_calendar {vertical-align:1px}
table.boardwrite td.inp_date {padding:8px 0 8px 18px}
table.boardwrite td.inp_date input.txt {margin:0 2px 0 0; text-align:center; background:#f8f8f8; border:0; color:#888}
table.boardwrite td.inp_after {padding:8px 0 8px 18px}
table.boardwrite td.inp_after input.txt {margin:0 2px 0 0; text-align:left; background:#f8f8f8; border:0; color:#888}
table.boardwrite td.inp_date * {vertical-align:middle}
table.boardwrite td.orchoice {padding-left:0}
table.boardwrite td.orchoice * {vertical-align:middle}
table.boardwrite td.orchoice span {padding:0 0 0 18px}
table.boardwrite td.orchoice span label {padding:0 0 0 5px; *padding:0}
table.boardwrite td.orchoice span input.checkbox {vertical-align:-2px}
table.boardwrite td textarea {width:720px; height:80px; padding:8px; overflow-y:auto; border:1px solid #ddd; color:#888; line-height:20px}
table.boardwrite td textarea.schbox {background:#f8f8f8; border:0}
table.boardwrite td.txt_summary ul {float:left; width:630px; height:74px; margin:0 10px 0 0; padding:8px; background:#f8f8f8}
table.boardwrite td.txt_summary ul li {padding:0 0 0 8px; margin:0 0 5px 0; background:url('../images/icon_stit_03.gif') no-repeat 0 5px; line-height:17px; color:#888}
table.boardwrite td.txt_summary button {float:left}

table.boardwrite .consultCheck {vertical-align: -2px;}
table.boardwrite .consultCheckLabel {padding:0 0 0 5px; *padding:0;}

table .font-black {color:#333}
table .font-blue {color:#0067ff}
table .font-orange {color:#ff7a31}
table .font-green {color:#01bc0a}
table .font-red {color:#d63922}
table .font-purple {color:#F781F3}

.graphbox {clear:both; width:100%; padding:10px 0 0 0; margin:0 0 20px 0; border:1px solid #ccc}
.graphbox h3 {clear:both; margin:0 0 9px 0; padding:0 0 0 20px; background:url('../images/icon_stit_02.gif') no-repeat 10px 5px; color:#7d5423; font-size:16px; word-spacing:-1px}
.graphbox ul {width:100%; padding:0 0 40px 0; overflow:hidden}
.graphbox ul li {padding:0 0 20px 0; overflow:hidden; text-align:center}
.graphbox ul.graphlist_01 li {width:100%}
.graphbox ul.graphlist_02 li {float:left; width:50%}
.graphbox ul.graphlist_03 li {float:left; width:33.3%}

.fontsize { color:#0067ff}


.alert-warning {
background-color: #fcf8e3;
border-color: #faebcc;
color: #8a6d3b;
display: block;
list-style-type: disc;
webkit-margin-before: 1em;
webkit-margin-after: 1em;
webkit-margin-start: 0px;
webkit-margin-end: 0px;
webkit-padding-start: 40px;
}
.alert {
padding: 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px;
}
.margin-bottom-none {
margin-bottom: 0px !important;
}
.padding-left-lg {
padding-left: 22px !important;
}

/* .float {position:absolute; top:200px; right:330px; padding:3px 3px 0px;text-align:center;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;}
.float a {display:block;height:30px;padding-top:14px;font-weight:bold;font-size:16px;letter-spacing:-1px;line-height:20px;text-decoration:none;background:#f7d9e9;width:100px;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;}
.float a:hover {background:#ffde48; text-decoration:none; color:#754810} */
.float {position:absolute; top:300px; margin-left:1000px; padding:3px 3px 0px;}
.float-icon{background:#3276b1;color:#fff;border-radius:50%;opacity:.8;width:50px;height:50px;line-height:20px;font-size:20px;text-align:center;padding-top:7px;}
.bg-color-codeedge-blue{background-color:#ff8949!important}
/* .fancy {
  line-height: 0.5;
  text-align: center;
}
.fancy span {
  display: inline-block;
  position: relative;  
}
.fancy span:before,
.fancy span:after {
  content: "";
  position: absolute;
  height: 5px;
  border-bottom: 1px solid black;
  border-top: 1px solid black;
  top: 0;
  width: 600px;
}
.fancy span:before {
  right: 100%;
  margin-right: 15px;
}
.fancy span:after {
  left: 100%;
  margin-left: 15px;
} */
.fancy {
  line-height: 0;
  text-align: left;
}
.fancy span {
  display: inline-block;
  position: relative;  
  clear:both; 
  margin-top:10px; 
  color:#7d5423; 
  font-size:20px; 
  word-spacing:-1px;
  font-weight: bold;
  border-left:1px solid #7d5423;
  border-left-width:5px;
}

.fancy span:after {
  content: "";
  position: absolute;
  height: 1px;
  border-bottom: 1px solid #ff7a31;
  border-top: 1px solid #ff7a31;
  top: 0;
  width: 550px;
  left: 100%;
  margin-left: 10px;
}
.fancy2 {
  line-height: 0;
  text-align: left;
}
.fancy2 span {
  display: inline-block;
  position: relative;  
  clear:both; 
  margin-top:10px; 
  color:#7d5423; 
  font-size:20px; 
  word-spacing:-1px;
  font-weight: bold;
  border-left:1px solid #7d5423;
  border-left-width:5px;
}

.fancy2 span:after {
  content: "";
  position: absolute;
  height: 1px;
  border-bottom: 1px solid #ff7a31;
  border-top: 1px solid #ff7a31;
  top: 0;
  width: 459px;
  left: 100%;
  margin-left: 10px;
}

.dot {
display:block;
margin-top:50px;
border : 0 ; 
border-bottom : 2px dashed #ffd437 ;
	
}

/* 2021-06-11 메인 공지사항 팝업 처리 css */
.flex-box {
	display: flex;
}
.scroll-box {
	height: 32px;
    overflow-y: scroll;
}
.w120 {
	width: 120px;
}