@charset "euc-kr";

body, td, p, input, button, textarea, select, .c1 { font-size:14px; color:#000001; font-family:gulim;}
/*
 div, span, ckeditor 2021-01-19
*/

body {
    display: block;
    margin: 5px;
}

form { margin:0px; }

img {border:0px;}

a:link, a:visited, a:active { text-decoration:none; color:#000001; }
a:hover { text-decoration:underline; color:blue; }

a.menu:link, a.menu:visited, a.menu:active { text-decoration:none; color:blue; }
a.menu:hover { text-decoration:none; }


/*
.member {font-weight:bold;color:#888888;}
.guest  {font-weight:normal;color:#888888;}
*/
.lh { line-height: 150%; }
.jt { text-align:justify; }

.li { font-weight:bold; font-size:18px; vertical-align:-4px; color:#66AEAD; }

.ul { list-style-type:square; color:#66AEAD; }

.ct { font-family: Verdana, gulim; color:#222222; }

.ed { border:1px solid #CCCCCC; }
.tx { border:1px solid #CCCCCC; }

.small { font-size:8pt; font-family:dotum; }
.cloudy, a.cloudy {color:#888888;}

.top_td { font-size:12px; color:#222266; }
input.ed { height:20px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:3px 2px 0 2px; }
input.ed2 { height:24px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:3px 2px 0 2px; }
input.ed_password { height:20px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:3px 2px 0 2px; font:10px ; }
textarea.tx { border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:2px; }
input.ebtn { height:22px; border:1px solid #9A9A9A !important; padding:3px 2px 1px 2px; margin-top:2px; cursor:pointer;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;border:1px;border-style: solid;border-color: #55f;}
input.ebtn2 { height:30px; border:1px solid #9A9A9A !important; padding:3px 2px 1px 2px; margin-top:2px; cursor:pointer;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;border:1px;border-style: solid;border-color: #55f;}
input.ebtn3 { height:22px; border:1px solid #9A9A9A !important; padding:4px 10px; cursor:pointer;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;border:1px;border-style: solid;border-color: #55f;}

.pmenuOn  { background-color:green; color:yellow; cursor:hand; }
.pmenuOff { background-color:#ccffcc; color:blue;  }
.dimm_bar { color:#bbbbbb; font-weight:normal; }


.board_top { clear:both; }

.board_list { clear:both; width:100%; table-layout:fixed; margin:5px 0 0 0; }
.board_list th { font-weight:bold; font-size:15px; }
/* .board_list th { background:url(<?=$board_skin_path?>/img/title_bg.gif) repeat-x; }  */
.board_list th { white-space:nowrap; height:34px; overflow:hidden; text-align:center; }
.board_list th { border-top:1px solid #bbb; border-bottom:1px solid #bbb; }

.board_list tr.bg0 { background-color:#f2ffff; }
.board_list tr.bg1 { background-color:#ffffff; }

.board_list tr.bg10 { background-color:#f7f7f7; }
.board_list tr.bg11 { background-color:#ffffff; }

.board_list td { padding:.4em; font-size:14px; }
.board_list td { border-bottom:1px solid #ddd; }
.board_list td.num { color:#000000; text-align:center; }
.board_list td.checkbox { text-align:center; }
.board_list td.cat      { padding:0 3px; color:#217111; }
.board_list td.subject  { overflow:hidden; }
.board_list td.name     { padding:0 0 0 10px; text-align:center; }
.board_list td.datetime { font:normal 13px ; /* color:#5555FF; */ text-align:center; }
.board_list td.hit      { font:normal 13px ; /* color:#5555FF; */ text-align:right; }
.board_list td.good     { font:normal 13px ; /* color:#BABABA; */ text-align:center; }
.board_list td.nogood   { font:normal 13px ; /* color:#BABABA; */ text-align:center; }
.board_list .category { background-color: #ffff88; }

.board_list .notice { font-weight:bold; color:blue; letter-spacing:-1px;}
.board_list .gongji { font-weight:bold; background:#80ffff; padding:2px 3px 0px 3px; }
.board_list .current { font:bold 13px ; color:#16E159; }
.board_list .comment {  font-size:13px; color:#00aE8A; }
.board_list .commentNEW {  font-size:10px; color:#ffffff; background-color:#00aE8A; padding-left:2px; padding-right:2px; }
.comment_name {   color:#007777; }
.comment_date {   color:#007777;display:inline }
.commentNEW {  font-size:10px; color:#ffffff; background-color:#00aE8A; padding-left:2px; padding-right:2px; }

/*
.comment_date_today 	{ background-color: #af9; }
.comment_date_yesterday { background-color: #9ef; }
.comment_date_day2 		{ background-color: #ff8; }
.comment_date_day3 		{ border:solid 1px #333; }
*/

.highlight {
    background-color: #fff34d;
    padding:1px 4px;
    margin:0 -4px;
    border-bottom:solid 1px blue;
}

.board_button { clear:both; margin:10px 0 0 0; width:100%; }

.board_page { clear:both; text-align:center; margin:3px 0 0 0; }
/*.board_page a:link { color:blue;}*/

.board_search { text-align:center; margin:10px 0 0 0; }
.board_search .stx { height:21px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; }


a.view_btns {
	background: transparent url(/img/btn_l.jpg) no-repeat top left;
	display: block;
	float: left;
/*	line-height: 9px;*/
	height: 23px;
	padding-left: 8px;
	white-space:nowrap;
}
a.view_btns span	{
	background: transparent url(/img/btn_r.jpg) no-repeat top right;
	display: block;
	padding: 5px 8px 9px 0;
	white-space:nowrap;
}
a.view_btns:hover {
	text-decoration: none;
	color:blue;
	font-weight: bold;
	letter-spacing:-1px;
	white-space:nowrap;
}
a.view_btns + .view_btns {margin-left:10px}

#mychat .sysmsg			{ font-size:11pt; font-weight:bold; color:#389900; }
#mychat .chtnick		{ font-size:12pt; background-color: transparent};
#mychat .cdata			{ font-size:14pt; margin:2px 1px; padding:1px; line-height:130%; margin-left:3.7em; text-indent : -3.7em; }
#mychat .cdata	img		{ border:0; margin:0px 2px 0 2px; vertical-align:middle; }
.mychat_premsg			{
	font-size:12pt; font-weight:normal; background-color:#F0F0FF; color:black;
	border:solid 2px #78D940; display:inline-block; width:90%; height:auto; padding:10px; margin:10px 0px;
	line-height : 130%;
	white-space:nowrap;
}

.nowrap_table tbody tr td { white-space:nowrap; }

#divMenu {
	position:fixed; z-index:2; left:200px; top:300px;
	width:20px; height:auto;
	line-height:160%;
	padding:3px 0px;
	background-color:#ffffff;
	text-align:center;
	font-weight:bold; font-size:16pt;
	display:block;
}
#divMenu a {
	width:auto; height:auto; text-decoration:none;
}

#foldTop {
	position:absolute; right:2px; top:2px;
	display:block; height:auto; font-size:9pt;
	width:auto; background:#fff; color:#333;
	z-index:1000; cursor:pointer;
	border:solid 1px #888;
	padding:2px;
}

#foldLeft {
	position:absolute; left:2px; bottom:2px;
	display:block;
	width:auto; height:25px; background:#fff; color:#333;
	z-index:1000;
	border:solid 1px #888;
	padding:2px;
}

#writeContents {
	-webkit-text-size-adjust:none;
	-ms-text-size-adjust:none;
	-moz-text-size-adjust:none;
	*text-size-adjust:none;
}

#writeContents p {
	line-height:160%;
	font-size:16px;
	height:auto;
	margin:0px;
}

div {
	-webkit-text-size-adjust:none;
	-ms-text-size-adjust:none;
	-moz-text-size-adjust:none;
	*text-size-adjust:none;
}

.text_no_adjust {
	-webkit-text-size-adjust:none;
	-ms-text-size-adjust:none;
	-moz-text-size-adjust:none;
	text-size-adjust:none;
}

/* ADD */
.clr::after{content:'';display:block;clear:both}
.icon-close{position:relative;display:inline-block;width:18px;height:18px;vertical-align:middle}
.icon-close:before,
.icon-close:after{position:relative;content:'';display:block;background-color:#fff;top:50%;left:0;width:100%;height:2px}
.icon-close:before{top:calc(50% + 2px);transform:rotate(45deg)}
.icon-close:after{transform:rotate(-45deg)}
.icon-close.bk:before,
.icon-close.bk:after{background-color:#1d1d1d}
#bbs_head_ctrl{position:relative}
#bbs_head_ctrl::after{content:'';display:block;clear:both}
#bbs_head_ctrl .tit{font-size:16px;font-weight:bold}
/* eclass title */
[class^="o_online"]{width:100%;height:135px;min-width:900px;margin:10px 0;padding:20px 40px;background:#f3f3f3 url(/img/eclass-tit-bg.png) right center no-repeat;background-size:auto 200%;box-sizing:border-box;border-bottom:5px solid #008c5f}
[class^="o_online"] > * {box-sizing:border-box}
[class^="o_online"] a:hover{text-decoration:none}
[class^="o_online"] .bbs_header_inner{position:relative;display:flex;flex-wrap:wrap;/*flex-direction:column-reverse;*/padding:14px 0 14px 120px}
[class^="o_online"] .bbs_header_inner::before{position:absolute;top:0;left:0;content:'';display:block;width:91px;height:91px;background:#fff url(/img/icon-eclass-tit.png) center no-repeat;background-size:65%;border-radius:50%}
[class^="o_online"] .bbs_header_inner span{display:block;width:100%;font-family:'nanum'}
#bbs_head_ctrl[class^="o_online"] .bbs_header_inner .tit{font-size:2Rem;font-weight:bold}
[class^="o_online"] .bbs_header_inner .tit-sub{margin-top:12px;font-size:16px;font-weight:bold;color:#666}
[class^="o_online"] .bbs_header_inner .dimm_bar{display:none}
[class^="o_online"] .btn-area{position:absolute;top:0;right:400px;display:block;width:auto;height:100%;padding:0 20px}
[class^="o_online"] .btn-area a{position:relative;top:calc(50% - 20px);display:inline-block;padding:5px 8px;font-family:'nanum';font-size:16px;font-weight:bold;color:#333;background-color:#fff;border:2px solid #999;border-radius:5px}
[class^="o_online"] .btn-area a:hover{box-shadow:3px 3px 7px rgba(0,0,0,0.2)}
[class^="o_online"] .btn-area a+a{margin-left:10px}
[class^="o_online"] ~ table .board_list td{padding:0.8em 0}
[class^="o_online"] ~ table .board_list td.subject{padding-left:20px}
[class^="o_online"] ~ table .board_list td.hit{text-align:center}
@media screen and (max-width: 1024px){
    [class^="o_online"]{min-width:100%}
    [class^="o_online"] .btn-area{right:20px}
}
.board_list[data-board-val="eclass"]{padding-top:15px}
/* eclass list */
.eclass-list-wrap td select{padding:5px 10px 5px 5px}
.eclass-list-wrap td .btn-write{margin-left:10px}
/* eclass view */
.eclass-view-wrap{width:98%;margin:5px 0 0 0;overflow-x:hidden}
.eclass-view-tit{width:100%;margin-top:20px;border-top:solid 1px #d0d0d0; border-bottom:solid 1px #eaeaea;box-sizing:border-box}
.eclass-view-tit > div{padding-left:15px;padding-right:15px}
.eclass-view-tit .write-info{border-bottom: 1px solid #eaeaea}
.eclass-view-tit .write-info dl{margin:0;padding:10px 0}
.eclass-view-tit .write-info dl::after{content:'';display:block;clear:both}
.eclass-view-tit .write-info dl:first-of-type{float:left}
.eclass-view-tit .write-info dl:last-of-type{float:right}
.eclass-view-tit .write-info dl > * {float:left}
.eclass-view-tit .write-info dl dd,
.eclass-view-tit .write-info dl dd + dt{margin-left:10px}
.eclass-view-tit .write-info dl dd::before{content:':';display:inline-block;padding:0 10px}
.eclass-view-tit .write-info dl dd + dt{padding-left:10px;border-left:1px solid #d0d0d0}
.eclass-view-tit .view-tit{padding:10px 15px;color:black;font-size:16px;font-weight:bold;word-break:break-all;border-bottom: 1px solid #eaeaea}
.eclass-view-tit .view-info{padding:15px 20px;background-color:#f9f9f9}
.eclass-view-tit .view-info dl{margin:0;padding:5px 0;line-height:20px}
.eclass-view-tit .view-info dl::after{content:'';display:block;clear:both}
.eclass-view-tit .view-info dl > * {float:left}
.eclass-view-tit .view-info dt{width:80px;font-weight:bold}
.eclass-view-cont{width:100%;min-width:600px;padding:40px 20px}
.eclass-view-cont .add-file{margin-top:30px}
.eclass-view-cont .add-file .file-info{max-width:900px;padding:10px;background-color:#f9f9f9;border:1px solid #d0d0d0;border-radius:10px}
.eclass-view-cont .add-file .notice-msg{padding:5px 0;color:#999;font-size:14px}

/* Alert */
body.is-hidden{overflow:hidden}
.l-wrap{min-width:360px}
.l-wrap.is-hidden{overflow:hidden}

.alert-wrap{display:none;position:fixed;top:0;right:0;left:0;z-index:1010;width:100%;height:100%;margin:0 auto;background-color:rgba(0,0,0,0.6)}
.alert-wrap .alert{display:none}
.alert-wrap .alert.is-active{display:block}
.alert-wrap .alert-area{position:fixed;top:50%;left:50%;min-width:328px;max-width:calc(1200px - 30px);margin:0 auto;transform:translate(-50%, -50%);background-color:#fff}
.alert-wrap .alert-area > .btn-alert-close{position:absolute;top:0;right:0;width:58px;height:58px;padding:15px;box-sizing:border-box}
.alert-area{overflow:hidden;border-radius:8px;text-align:center}
.alert-area .alert-cont{overflow-y:auto;max-height:calc(100vh - 215px);padding:45px 18px}
.alert-area .alert-cont.pd-none{padding:0}
.alert-area .alert-cont .desc{margin-top:16px;font-size:14px;line-height:1.43}
.alert-area .alert-cont .app-section{padding:0 30px}
.alert-area .alert-cont .app-section > * {font-family:'nanum'}
.alert-area .alert-cont .tit{margin-bottom:30px;font-size:22px;font-weight:bold}
.alert-area .alert-cont table{width:100%;padding:0;border-spacing:0;text-align:center;border:1px solid #ccc;border-bottom:0}
.alert-area .alert-cont table th{background-color:#eaeaea}
.alert-area .alert-cont table th,
.alert-area .alert-cont table td{padding:10px;border-bottom:1px solid #ccc;font-family:'nanum'}
.alert-area .alert-cont table th + th,
.alert-area .alert-cont table td + td,
.alert-area .alert-cont table th + td{border-left:1px solid #ccc}
.alert-area .alert-cont table td.zoom{background-color:#eaf5ff}
.alert-area .alert-cont table .depart td{border-top:5px solid #eaeaea}
.alert-area .alert-cont .description{color:rgba(0,0,0,0.6)}
.alert-area .btn-area{padding:20px 0}
.alert-area .btn-area [class^="btn"]{padding:3px 5px;font-size:16px;font-weight:bold;border:none;border:1px solid #ccc}
@media screen and (min-width: 1024px){
    .alert[data-alert-name="timetable"] .alert-area{min-width:1033px}
}
/* rollback */
.alert[data-alert-name="rollbook"] .alert-area .alert-cont table{max-width:500px;margin:0 auto}
.alert[data-alert-name="rollbook"] .alert-cont .app-section{display:none}
.alert[data-alert-name="rollbook"] .alert-cont .app-section.is-active{display:block}

/* ¸Þ¸ðÀå */
		.use_mymemo_wrap { width:100%; max-width:1920px; margin:0 auto; display:block; /* Z-INDEX:2000; ¸Þ¸ðÀå Ŭ¸¯ ¹®Á¦.. Ȥ½Ã? */ }
		.mymemo_btn {width:100%;text-align:left; /* 2020.12.30 center;*/ padding:15px 0}
		.mymemo_btn input[type=button] { /* 2022.10.10*/ height:28px; text-align:center; padding:0px 12px; min-width:70px; border-radius: 6px; border: solid 1px #b3b9bf; margin-right:20px; }
		.mymemo_box { display:block; margin-bottom:15px;  }
		.mymemo_box .use_state{padding:10px;border:1px solid #d0d0d0;border-radius:5px}
		.mymemo_box .use_state:before {content:"¡Ü ¸Þ¸ðÀå ";display:inline-block;margin-right:10px}
		.mymemo_box .use_state b{display: inline-block;padding:5px 10px;background-color: #ffffaa}
		.mymemo_box .memo_area{position:relative;width:100%;/*height:500px;overflow-y:scroll;*/margin-top:10px; margin-bottom: 60px;}
		.mymemo_box .memo_area ul{margin:0;padding-left:0}
		.mymemo_box ul.tab_area{margin:0}
		.mymemo_box .tab_area li{display:block;float:left;width:auto;padding:10px 25px;list-style:none;
									border:1px solid #d0d0d0;border-bottom:0;border-right:0}
		.mymemo_box .tab_area li:last-child{border-right:1px solid #e0d0d0}
		.mymemo_box .tab_area li:hover{cursor:pointer}
		.mymemo_box .tab_area:after{content:'';display:block;clear:both}
		.mymemo_box .memo_box{width:100%;padding:10px 20px;box-sizing:border-box;border:1px solid #d0d0d0}
		.mymemo_box .memo_box .memo_tit{display:none;font-weight:700}
		.mymemo_box ul.box_ul_list { display:block; height:auto; }
		.mymemo_box .memo_box li{cursor:pointer;display:block;padding:3px 0}
		.mymemo_box .tab_area li{position:relative;background-color:#f3f3f3}
		.mymemo_box .tab_area li.is-active{background-color:#fff;font-weight:700}
		.mymemo_box .tab_area li.is-active:before{content:'';position:absolute;top:0;left:0;width:100%;height:2px;background-color:#333;font-weight:700}
		.mymemo_box .tab_area li.is-active:after{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:2px;background-color:#fff}
		.mymemo_box .memo_box {display:none; }
		.mymemo_box .memo_box.is-active{display:block}
		.mymemo_box .memo_box li span{border-bottom:solid 1px #88a;line-height:22px}
		.mymemo_box .memo_box li.mymemo_cell:hover { cursor:pointer; background:#aaffaa; }
		.mymemo_g_title { font-weight:bold; font-size:14pt; padding:5px; width:90%; height:30px}
		.mymemo_g_ul { margin:0px; padding:20px;list-style:decimal}
		.mymemo_g_ul > li { margin-bottom:15px; line-height:140%;}



.my_list_table    { border-collapse:collapse; }
.my_list_table td { border: solid 1px #aaaaaa;  background: #ffffff; line-height:145%; white-space:nowrap;word-break:break-word; }
.my_list_table td.thl { background: #e9e9e9; text-align:left; }
.my_list_table td.thr { background: #e9e9e9; text-align:right; padding-right:5px;}
.my_list_table td.thc { background: #e9e9e9; text-align:center; }
.my_list_table td.uline { border-top:double 3px #909090 !important; }
.my_list_table td.noline { border:none !important; }
.my_list_table tr:first-child td { border-bottom: double 3px #909090; }
.my_list_table td.one { border-bottom: double 1px #909090 !important; }
.my_list_table td.two { border-bottom: double 3px #909090; }
.my_list_table td.rtwo { border-right: double 3px #909090; }
.my_list_table td.ltwo { border-left: double 3px #909090; }

.i_exist_on_this {display:block; margin-bottom:10px; width:100%;text-align:left;background:#ccffcc;padding:5px 20px;font-weight:bold;border:solid 1px #006600;}

#ScrollTop_btn, #ScrollHide_btn, #ScrollBottom_btn {display:inline-block;cursor:pointer;}

/* ¸Þ¸ðÀå Ŭ¸¯ ¹®Á¦.. ·ÎµùÇϴµ¥ ¼Óµµ°¡?
@font-face {
    font-family: "¿µ±³±Ã¼­";
    src: local("YGgungsuh_A");
}
*/

/* µî·Ï¹öÆ° ¾Õ¿¡ À̸§ Ç¥½Ã */
.reg_mynick_class { font-weight:bold !important;color:blue; }