/*
@font-face { font-family: 'NanumGothic';
	src: url('/mine/css/fonts/NanumGothic.eot');
	src: url('/mine/css/fonts/NanumGothic.eot') format('embedded-opentype'),
	url('/mine/css/fonts/NanumGothic.woff') format('woff');
}


@font-face {
	font-family:'NanumSquare';
	src: url('/mine/css/fonts/NanumSquareR.eot');
	src: url('/mine/css/fonts/NanumSquareR.eot?#iefix') format('embedded-opentype'),
	url('/mine/css/fonts/NanumSquareR.woff') format('woff'),
	url('/mine/css/fonts/NanumSquareR.ttf') format('truetype'); 
}
	
@font-face { font-family: 'IropkeBatangM';
	src: url('/mine/css/fonts/IropkeBatangM.eot');
	src: url('/mine/css/fonts/IropkeBatangM.eot') format('embedded-opentype'),
	url('/mine/css/fonts/IropkeBatangM.woff') format('woff');
}
	
@font-face { font-family: 'NanumBarunGothic';
	src: url('/mine/css/fonts/NanumBarunGothic.eot');
	src: url('/mine/css/fonts/NanumBarunGothic.eot') format('embedded-opentype'),
	url('/mine/css/fonts/NanumBarunGothic.woff') format('woff');
}
	
@font-face { font-family: 'NanumBarunGothicBold';
	src: url('/mine/css/fonts/NanumBarunGothicBold.eot');
	src: url('/mine/css/fonts/NanumBarunGothicBold.eot') format('embedded-opentype'),
	url('/mine/css/fonts/NanumBarunGothicBold.woff') format('woff');
}
	
@font-face { font-family: 'NanumPen';
	src: url('/mine/css/fonts/NanumPen.eot');
	src: url('/mine/css/fonts/NanumPen.eot') format('embedded-opentype'),
	url('/mine/css/fonts/NanumPen.woff') format('woff');
}
*/

HTML { width:100%; height: 100%; }
		
BODY { 
	font-size:12px; color:#2E3034;   
	font-family: 'malgun gothic', 'Segoe UI', 'Gulim', 'Dotum', '고딕', 'Georgia', 'sans-serif'; 	
	margin: 0 0 0 0;
	height: 100%;
}
		
a:link { text-decoration: none; color:#2E3034; font-size:12px; font-family: "malgun gothic", "Gulim", "Dotum"; cursor:pointer; }
a:visited { text-decoration: none; color:#2E3034; font-size:12px; font-family: "malgun gothic", "Gulim", "Dotum"; cursor:pointer; }
a:hover { text-decoration: none; color:#356D9B; font-size:12px; font-family: "malgun gothic", "Gulim", "Dotum"; cursor:pointer; }

/* loading */
.loader { position: absolute; left: 50%; top: 50%; z-index: 1; width: 150px; height: 150px; margin: -75px 0 0 -75px; border: 16px solid #f3f3f3; border-radius: 50%; border-top: 16px solid #3498db; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; } 
@-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } 
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

/* List 바로가기 링크 */
a.btn_this{text-decoration:none;  border-radius:3px; background-color: #F0AD4E; font-size:12px; color:#ffffff; font-weight:bold; border:1px solid #ED9A29; display:block; float:left; padding:4px 4px 4px 4px; margin-right:3px; cursor:pointer;}
a.btn_link{text-decoration:none;  border-radius:3px; font-size:12px; color:#666666; border:1px solid #CCCCCC; display:block; float:left; padding:4px 4px 4px 4px; margin-right:3px; cursor:pointer;}
a:hover.btn_link{text-decoration:none; background:#F0AD4E; font-size:12px; color:#ffffff; border:1px solid #ED9A29; }	


div { box-sizing: border-box; }

#container_table{
    width:100%;height:100%;
    /* position:absolute; */
	position:relative;
    display:table;
    left:0; top:0;
    background-color: #EFEFEF;
	padding-bottom:30px;
}
#table_cell{
    display:table-cell;
    /* vertical-align: middle; */
	padding-top:30px;
}
#window{
    position:relative;
    text-align: center;
    width:500px; height:330px;
    margin-left:auto; margin-right:auto; 
    color: #474747;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border:0px solid #628897;
	border-radius: 10px;
	background-color: #6DC9E7;
}
#window1{
    position:relative;
    text-align: center;
    width:500px; height:330px;
    margin-left:auto; margin-right:auto; 
    color: #474747;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border:0px solid #628897;
	border-radius: 10px;
	background-color: #6DC9E7;
}

#container_back{ width:100%; height:100%; position:absolute; left:0; top:0; background-color: #92ABAF; }
#container_back_left { position:fixed; z-index:2; width:20px; height:100%; left:0; top:0; background-color: #6DC9E7; }
#container_back_center { position:relative; max-width:100%; width:auto; height:100%; background-color: #BCA9F5; overflow:auto; }
#container_back_right { position:fixed; z-index:2; width:20px; height:100%; right:0; top:0; background-color: #6DC9E7; }

#container_back_left_cell { width:100%; height:100%; }
#container_back_left1 { width:100%; height:25%; position:relative; background-color: #04B431; }
#container_back_left2 { width:100%; height:25%; position:relative; background-color: #B5D500; }
#container_back_left3 { width:100%; height:25%; position:relative; background-color: #FB8813; }
#container_back_left4 { width:100%; height:25%; position:relative; background-color: #755B63; }
	
#container_back_right_cell { width:100%; height:100%; }
#container_back_right1 { width:100%; height:25%; position:relative; background-color: #8258FA; }
#container_back_right2 { width:100%; height:25%; position:relative; background-color: #F781BE; }
#container_back_right3 { width:100%; height:25%; position:relative; background-color: #F7D358; }
#container_back_right4 { width:100%; height:25%; position:relative; background-color: #848484; }

.span_main_text { font-size:12px; }
.main_banner1 { width:80px;height:auto; }
.main_banner2 { width:100px;height:auto; }

/* alert, confirm */
.modal .btn{cursor: pointer;border: 0px solid #999999;text-align: center;border-radius: 5px;outline: none;}
.dimLayer{display: block; width: 100%;background-color: rgba(0, 0, 0, 0.6);position: fixed;left: 0;top: 0px;margin: 0;padding: 0;z-index: 9998;}
.modal{width: 80%;min-height: 150px;height:auto;border-radius: 10px;padding: 50px 20px 50px 20px;box-sizing: border-box;text-align: center;}
.modal-section{background: #BCA9F5;box-sizing: border-box;display: none;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);display: none;z-index: 9999;}
.menu_msg{ font-size: 12px; text-align: left; }
.enroll_box {padding-bottom: 50px;}
.cancel_btn {width: 90px;background: #CBD2F5;color: #8A8A8A;height: 36px;transition: 0.5s;font-size: 13px;}
.ok_btn {width: 90px;background: #8000FF;color: #fff;height: 36px;transition: 0.5s;font-size: 13px;border: none;}

/* Login */ 
#login_form1 { width:300px; margin:0 auto; padding-top:100px; text-align:center; }
#div_login_bi { width:100%; margin:0 auto; padding-bottom:100px; text-align:center; }
.login_bi { max-width:200px; height:auto; }
.login_bi1 { max-width:150px; height:auto; }
.form_login_id { width:100%; height:36px; background-color:#F3F3F1; border:0px solid #0098d7; font-size:15px;color:#666666; padding:0px 0px 0px 5px; margin-bottom:20px; box-sizing: border-box; }
.form_login_pw { width:100%; height:36px; background-color:#F3F3F1; border:0px solid #0098d7; font-size:15px;color:#666666; padding:0px 0px 0px 5px; margin-bottom:20px; box-sizing: border-box; }
.form_checkbox { background-color:#F3F3F1; border:0px solid #0098d7; }
.login_button { width:100%; height:40px; font-size:15px; color:#ffffff; font-family: 'malgun gothic', 'Gulim', 'Dotum', '고딕',  'Georgia', 'sans-serif'; 
	background-color: #517077; border:0px solid #0985EA; border-radius:5px; cursor:pointer; letter-spacing :1px;
} 
.login_button:hover { background-color: #92ABAF; cursor:pointer; }
#login_version { width:100%; margin:0 auto; padding-top:20px; text-align:center; }
#search_version { width:100%; margin:0 auto; padding-top:10px; text-align:center; }
#container_menu { position:relative; width:500px; margin:0 auto; padding-top:100px; text-align:left; }
#div_container_copyright { width:80%; margin:0 auto; padding-top:10px; }
#container_copyright { width:100%; margin:0 auto; }
#container_copyright_banner { width:90%; margin:0 auto; padding-bottom:20px; }
#container_copyright_text { width:500px; margin:0 auto; padding-bottom:20px; }

/* note */
#container { display:flex; height:100%; }
#div_menu { flex-basis:250px; height:100%; background-color:#BCA9F5; padding:0 0 50px 0; z-index:1000; }
#div_menu_mobile { display:none; z-index:1000; }
#div_contents { flex:1; height:100%; padding:20px 20px 50px 20px; overflow:auto; }
#div_top_logo { width:200px; margin:0 auto; padding:20px 0 20px 0; text-align:center; }
.bi1 { width:150px; }
.bi2 { width:114px; }
#div_top_menu { width:220px; margin:0 auto; padding:0 0 10px 0; }
.top_menu { cursor:pointer; width:220px; height:30px; background-color:#C6D6DB; border:1px solid #ffffff; text-align:left; padding:5px 0 5px 10px; font-size:14px; color:#072630; }
.top_menu:hover { background-color:#E2E8B9; }
.top_menu2 { cursor:pointer; width:220px; height:30px; background-color:#C6D6DB; border:1px solid #ffffff; text-align:left; padding:4px 0 0 10px; }
.top_menu2:hover { background-color:#E2E8B9; }
.top_menu3 { cursor:pointer; width:220px; height:30px; background-color:#C6D6DB; border:1px solid #ffffff; text-align:left; padding:2px 0 0 10px; font-size:14px; color:#072630; }
.top_menu3:hover { background-color:#E2E8B9; }
#div_toothedwheel { width:200px; margin:0 auto; padding:100px 0 100px 0; }
.toothedwheel { width:200px; }

#div_mobile_menu_tree { display: none; z-index:1000; } 

.li1 { width:10px; height:10px; margin-right:5px; vertical-align:middle; }
.li2 { width:auto; height:14px; vertical-align:middle; } 
.li3 { width:auto; height:24px; margin-right:10px; vertical-align:middle; }

#page_container { width:100%; height:100%; }

#contents_title { margin:0px 0px 10px 0px;background-color:#F0F0F0;border:1px solid #CDCDCD; }
#contents_title_text { padding:5px 0px 5px 20px; font-size:15px;font-weight:bold;color:#474747; }
#contents_content { margin:0px 0px 0px 0px; width:100%; height:100%; }

/* control */
#div_control { display:flex;flex-direction:column;height:100%; }
/*
#div_control_block1 { flex-basis:40px; width:100%; }
#div_control_block2 { flex:1;height:100%; padding-top:10px; }
*/
#div_control_block1 { width:100%; padding-bottom:10px; }
#div_control_block2 { padding-top:10px; }

/* div table */
.divTable{ display: table; } 
.divTableRow { display: table-row; }
.divTableCell { border: 0px solid #999999; display: table-cell; padding: 5px 5px 5px 5px; } 
.divTableBody { display: table-row-group; }

/* form */
.form_text { width:100%; height:24px; background-color: #ffffff; border:1px solid #CDCDCD; font-size:12px; color:#666666; box-sizing: border-box; padding:0px 5px 0px 5px; }
.form_select { width:100%; height:24px; font-size:12px; color:#666666; background-color: #ffffff; border:1px solid #CDCDCD; box-sizing: border-box; padding:0px 5px 0px 5px; } 
.form_text_area { width:100%; background-color: #ffffff; border:1px solid #CDCDCD; font-size:12px; color:#666666; box-sizing: border-box; padding:5px 5px 5px 5px; }
.form_button { padding:5px 10px 5px 10px; font-size:13px; color:#ffffff; border-radius:3px; background-color: #F0AD4E; border:0px solid #0985EA; cursor:pointer; }	
.form_button:hover { background-color: #92ABAF; cursor:pointer; }
.form_del_button { padding:5px 10px 5px 10px; font-size:13px; color:#ffffff; background-color: #C03A3E; border:0px solid #0985EA; cursor:pointer; }	
.form_del_button:hover { background-color: #92ABAF; cursor:pointer; }
.form_title1 { font-size:15px; font-weight:bold; padding:10px 5px 10px 5px; }
.form_input1 { width:100%; height:40px; background-color:#F5F5F3; border:1px solid #6BA3C0; font-size:16px; color:#666666; padding:0px 0px 0px 5px; box-sizing: border-box; }

/* table */
.table1 { width:100%; border-top: 2px solid #6DC9E7; border-left: 1px solid #CDCDCD; border-collapse:collapse; }
.th1 { padding:0px; border-right: 1px solid #CDCDCD; border-bottom: 1px solid #CDCDCD; }	
.td1 { padding:5px 5px 5px 5px; border-right: 1px solid #CDCDCD; border-bottom: 1px solid #CDCDCD; background-color:#F8F8F8; font-weight:bold; text-align:center; }	
.td1_left { padding:5px 5px 5px 5px; border-right: 1px solid #CDCDCD; border-bottom: 1px solid #CDCDCD; background-color:#F8F8F8; font-weight:bold; text-align:left; }	
.td1_1 { padding:5px 5px 5px 5px; border-right: 1px solid #CDCDCD; border-bottom: 1px solid #CDCDCD; background-color:#ffffff; }	

.table1_no { width:100%; border-top: 0px solid #6DC9E7; border-left: 0px solid #CDCDCD; border-collapse:collapse; }
.th1_no { padding:0px; border-right: 1px solid #CDCDCD; border-bottom: 0px solid #CDCDCD; }				
.td1_1_no { padding:5px 5px 5px 5px; border-right: 1px solid #CDCDCD; border-bottom: 0px solid #CDCDCD; background-color:#ffffff; }	
.th_no { padding:0px; border-right:0px solid #CDCDCD; border-bottom:0px solid #CDCDCD; }		
.td_no { padding:0px 0px 0px 0px; border-right: 0px solid #CDCDCD; border-bottom: 0px solid #CDCDCD; background-color:#ffffff; }	

.table_no1 { width:100%; border-top: 2px solid #ffffff; border-left: 2px solid #ffffff; border-collapse:collapse; }
.th_no1 { padding:0px; border-right: 2px solid #ffffff; border-bottom: 2px solid #ffffff; }	
.td_no1_left { padding:5px 5px 5px 5px; border-right: 2px solid #ffffff; border-bottom: 2px solid #ffffff; background-color:#EFEFEF; font-weight:normal; text-align:left; }	
.td_no1_center { padding:5px 5px 5px 5px; border-right: 2px solid #ffffff; border-bottom: 2px solid #ffffff; background-color:#EFEFEF; font-weight:normal; text-align:center; }	
.td_no1_right { padding:5px 5px 5px 5px; border-right: 2px solid #ffffff; border-bottom: 2px solid #ffffff; background-color:#EFEFEF; font-weight:normal; text-align:right; }	
.td_no1_left_w { padding:5px 5px 5px 5px; border-right: 2px solid #ffffff; border-bottom: 2px solid #ffffff; background-color:#ffffff; font-weight:normal; text-align:left; }	
.td_no1_center_w { padding:5px 5px 5px 5px; border-right: 2px solid #ffffff; border-bottom: 2px solid #ffffff; background-color:#ffffff; font-weight:normal; text-align:center; }	
.td_no1_right_w { padding:5px 5px 5px 5px; border-right: 2px solid #ffffff; border-bottom: 2px solid #ffffff; background-color:#ffffff; font-weight:normal; text-align:right; }	


/* button */
.tab_button1 { padding:10px 10px 10px 10px; font-size:12px; border-radius:5px; background-color: #EBE996; border:0px solid #C0C0C0; cursor:pointer; }
.tab_button2 { padding:10px 10px 10px 10px; font-size:12px; color:#ffffff; border-radius:5px; background-color: #C0C0C0; border:0px solid #C0C0C0; cursor:pointer; }

.normal_button1 { font-size:12px; color:#ffffff; background-color: #F0AD4E; border:0px solid #0985EA; border-radius:3px; text-align:center; padding:5px 10px 5px 10px; cursor:pointer; }	
.normal_button1:hover { background-color: #92ABAF; cursor:pointer; }
.normal_button2 { font-size:12px; color:#ffffff; background-color: #EF5C97; border:0px solid #0985EA; border-radius:3px; text-align:center; padding:5px 10px 5px 10px; cursor:pointer; }
.normal_button2:hover { background-color: #92ABAF; cursor:pointer; }
.normal_button3 { font-size:12px; color:#ffffff; background-color: #30A4D6; border:0px solid #0985EA; border-radius:3px; text-align:center; padding:5px 10px 5px 10px; cursor:pointer; }
.normal_button3:hover { background-color: #92ABAF; cursor:pointer; }

.button1 { height:26px; background: #30A4D6; border:none; border-radius: 3px; color: #ffffff; padding:0px 10px 0px 10px; cursor:pointer; }	
.button1:hover { background-color: #92ABAF; cursor:pointer; }
.button2 { height:26px; background: #FF8000; border:none; border-radius: 3px; color: #ffffff; padding:0px 10px 0px 10px; cursor:pointer; }	
.button2:hover { background-color: #92ABAF; cursor:pointer; }
.button3 { height:26px; background: #8080C0; border:none; border-radius: 3px; color: #ffffff; padding:0px 10px 0px 10px; cursor:pointer; }	
.button3:hover { background-color: #92ABAF; cursor:pointer; }

.small_button1 { font-size:12px; color:#ffffff; background-color: #489DBD; border:0px solid #0985EA; border-radius:3px; text-align:center; padding:3px 5px 3px 5px; cursor:pointer; }	
.small_button1:hover { background-color: #92ABAF; cursor:pointer; }

.form_button1 { padding:10px 20px 10px 20px; font-size:16px; color:#ffffff; background-color: #71B5C6; border:0px solid #0985EA; border-radius:0px; cursor:pointer; }
.form_button1:hover { background-color: #77A3D2; cursor:pointer; }

/* hr */
.hr_devide { border:1px solid #212121; margin:5px 0px 5px 0px; }
.hr_line1 { border:1px solid #818181; margin:5px 0px 5px 0px; }
.hr_line2 { border:0px solid #818181; margin:0px 0px 0px 0px; height:1px; background-color: #CFCFCF; }
.hr_line3 { border-top:2px solid #9A2EFE; border-bottom:1px solid #ffffff; }

/* div box */
.div_box1 { background: #F0F0F0; border:none; border-radius: 0px; padding:0px 0px 0px 0px; }


/* 달력 레이아웃 */
#div_calendar { display:flex;flex-direction:column;height:100%; }
#calendar_block1 { flex-basis:40px; width:100%; }
#calendar_block2 { flex:1;height:100%; padding-top:10px; padding-bottom:10px; }
.table_calendar_window { border-top: 1px solid #DDDDDD; border-left: 1px solid #DDDDDD; border-collapse:separate; border-spacing: 0px; width:100%; height:100%; margin-top:0px; table-layout:fixed; }
.th_calendar_window { padding:0px; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; }
.td1_calendar_window { width:14%; height:30px; padding:0px 0px 0px 0px; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; background:#ffffff; }
#week_header { padding:5px 5px 5px 5px;border:0px solid #639C9C;text-align:center;background:#ffffff; }
.week_kor1 { font-size:13px;color:#CB070D;font-weight:bold; }
.week_kor2 { font-size:13px;color:#666666;font-weight:bold; }
.week_kor3 { font-size:13px;color:#1B52B8;font-weight:bold; }
.week_eng { font-size:11px;color:#828282;font-weight:bold; }
.td2_calendar_window_blank { width:14%; padding:0px 0px 0px 0px; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; vertical-align:top; background-color:#F8F8F8; }
.td2_calendar_window_today { width:14%; padding:0px 0px 0px 0px; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; vertical-align:top; background-color:#E0EBEB; }
.td2_calendar_window { width:14%; padding:0px 0px 0px 0px; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; vertical-align:top; }
.td2_calendar_window_text { padding:5px 5px 5px 5px; }
.td2_calendar_window_day { font-size:14px; color:#474747; font-weight:normal; }
.td2_calendar_window_sat { font-size:14px; color:#0000FF; font-weight:normal; }
.td2_calendar_window_sun { font-size:14px; color:#FF0000; font-weight:normal; }
#calendar_control { float:left; height:40px; margin-right:20px; }
#calendar_menu { float:left; height:40px; }
.calendar_button1 { height:26px; background: #30A4D6; border:none; border-radius: 3px; color: #ffffff; padding:0px 10px 0px 10px; cursor:pointer; }	
.calendar_button2 { height:26px; background: #FF8000; border:none; border-radius: 3px; color: #ffffff; padding:0px 10px 0px 10px; cursor:pointer; }	
.calendar_button3 { height:26px; background: #8080C0; border:none; border-radius: 3px; color: #ffffff; padding:0px 10px 0px 10px; cursor:pointer; }	
.calendar_year_text { font-size:16px;color:#474747;font-weight:bold; padding:0; }
.calendar_month_text { font-size:16px;color:#474747;font-weight:bold; padding:0; }

/* 달력 일정 표시 */
#div_cal_schedule { margin:0px 2px 2px 2px; padding:2px 2px 2px 2px; border-radius:0.3em; background-color:#3788D8; }
#div_cal_schedule_long { margin:0px 2px 2px 0px; padding:2px 2px 2px 2px; border-radius:0.3em; background-color:#999966; text-align:left; }
#div_cal_schedule_long_start { margin:0px 0px 2px 2px; padding:2px 2px 2px 2px; border-top-left-radius:0.3em; border-bottom-left-radius:0.3em; background-color:#999966; text-align:left; }
#div_cal_schedule_long_all { margin:0px 0px 2px 0px; padding:2px 2px 2px 2px; border-radius:0em; background-color:#999966; text-align:left; }
#div_cal_schedule_long_end { margin:0px 2px 2px 0px; padding:2px 2px 2px 2px; border-top-right-radius:0.3em; border-bottom-right-radius:0.3em; background-color:#999966; text-align:left; }
.cal_schedule_timeline { margin:0px 2px 2px 0px; padding:2px 2px 2px 2px; border-radius:0.3em; background-color:#3788D8; text-align:left; }
.cal_schedule_timeline_long { margin:0px 2px 2px 0px; padding:2px 2px 2px 2px; border-radius:0.3em; background-color:#999966; text-align:left; }
#div_cal_schedule1 { float:left; width:70%; text-align:left; }
#div_cal_schedule2 { float:left; width:30%; text-align:right; }
.div_cal_schedule3 { font-size:12px; color:#ffffff; text-align:left; padding:0px 2px 0px 2px; }
#div_calendar_view { min-height:80px; }
.cal_todo { margin-left:10px; padding:2px 4px 2px 4px; border-radius:0.3em; background-color:#8080C0; font-size:12px; color:#ffffff; }

.table_schedule { border-top: 1px solid #E0E0E0; border-left: 1px solid #E0E0E0; border-collapse:collapse; margin:0 auto; }
.th_schedule { padding:0px; border-right: 0px solid #E0E0E0; border-bottom: 0px solid #E0E0E0; }
.td_schedule1 { padding:2px; border-right: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0; font-size:12px; font-weight:bold; background-color: #f7f7f7; text-align:left; }
.td_schedule2 { padding:2px; border-right: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0; font-size:12px; color:#474747; text-align:left; }

.cal_schedule_timeline_date { float:left; margin:0px 0px 5px 0px; padding:0px 0px 0px 0px; width:70%; text-align:left;background :#ffffff; font-size:12px;color:#A5A5A5; }
.cal_schedule_timeline_md { float:right; margin:0px 0px 5px 0px; padding:0px 0px 0px 0px; width:30%; text-align:right;background:#ffffff; font-size:12px;color:#666666; }
.cal_schedule_timeline_comment { margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; text-align:left; background :#ffffff;font-size:12px;color:#474747; }

/* 메모장 */
#sortable1 { list-style-type: none; margin: 0; padding: 0; width: 100%; }
#sortable1 li { margin: 3px 0px 0px 3px; padding:2px 5px 2px 3px; min-height:16px; }
/* #sortable1 li span { position: absolute; margin-left: -1.3em; }	 */

/* 지도 레이아웃 */
#div_map { display:flex;flex-direction:column;height:100%; }
#div_map_block1 { flex-basis:40px; width:100%; }
#div_map_block2 { flex:1;height:100%; padding-top:10px; }

/* 회원가입, 서비스안내, 이용약관, 처리방침 */
#container_top { width:100%; height:60px; position:fixed; z-index:2; left:0; top:0; background-color: #BCA9F5; padding-bottom:30px; }
#container_left { float:left; width:50%; text-align:left; padding:20px 20px 0px 20px; }
#container_right { float:left; width:50%; text-align:right; padding:20px 20px 0px 20px; }
#container_body { padding:70px 20px 20px 20px; position:relative; }

/* 회원가입 */
#div_search_contents { width:100%;margin:0 auto; padding:100px 0 0 0; text-align:center; }
#div_join_contents { width:100%;margin:0 auto; padding:10px 0 10px 0; text-align:center; }
#div_exit_contents { width:100%;margin:0 auto; padding:0 0 100px 0; text-align:right; font-size:12px; }
#div_exit_contents1 { width:100%;margin:0 auto; padding:0 0 100px 0; text-align:left; }
#agree1 { vertical-align:middle; }
#agree2 { vertical-align:middle; }
#agreement { width:100%; height:100%; background-color:#F5F5F3; border:1px solid #6BA3C0; font-size:11px; color:#666666; padding:0px 0px 0px 0px; box-sizing: border-box; }

/* contents_title */
#contents_title1 { width:100%; margin:0 auto; padding:0 0 20px 0; text-align:left; font-size:18px; color:#2C322F; }

/* box_layout */
#div_box_text1 { width:100%; padding:20px 0 5px 0; text-align:left; }
#div_box_input1 { width:100%; padding:0 0 20px 0; text-align:left; }
#div_box_input2 { width:100%; height:300px; padding:0 0 0 0; text-align:left; border:1px solid #6BA3C0; }
#div_box_button1 { width:100%; padding:10px 20px 50px 0; text-align:left; }












	
	
@media ( max-width: 980px ) {

	HTML { width:100%; height: 100%; }
		
	BODY { 
		font-size:11px; color:#2E3034;   
		font-family: 'malgun gothic', 'Segoe UI', 'Gulim', 'Dotum', '고딕', 'Georgia', 'sans-serif'; 	
		background-color: #ffffff; 
		margin: 0 0 0 0;
		height: 100%;
	}
			
	a:link { text-decoration: none; color:#2E3034; font-size:11px; font-family: "malgun gothic", "Gulim", "Dotum"; cursor:pointer; }
	a:visited { text-decoration: none; color:#2E3034; font-size:11px; font-family: "malgun gothic", "Gulim", "Dotum"; cursor:pointer; }
	a:hover { text-decoration: none; color:#356D9B; font-size:11px; font-family: "malgun gothic", "Gulim", "Dotum"; cursor:pointer; }

	#container_table{
		width:100%;height:100%;
		/* position:absolute; */
		position:relative;
		display:table;
		left:0; top:0;
		background-color: #EFEFEF;
		padding-bottom:30px;
	}
	#table_cell{
		display:table-cell;
		/* vertical-align: middle; */
		padding-top:30px;
	}
	#window{
		position:relative;
		text-align: center;
		width:250px; height:280px;
		margin-left:auto; margin-right:auto; 
		color: #474747;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		border:0px solid #628897;
		border-radius: 10px;
		background-color: #6DC9E7;
	}

	#window1{
		position:relative;
		text-align: center;
		width:250px; height:300px;
		margin-left:auto; margin-right:auto; 
		color: #474747;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		border:0px solid #628897;
		border-radius: 10px;
		background-color: #6DC9E7;
	}

	#container_back{ width:100%; height:100%; position:absolute; left:0; top:0; background-color: #BCA9F5; }
	#container_back_left { position:fixed; z-index:2; width:10px; height:100%; left:0; top:0; background-color: #6DC9E7; }
	#container_back_center { position:relative; max-width:100%; width:auto; height:100%; background-color: #BCA9F5; overflow:auto; }
	#container_back_right { position:fixed; z-index:2; width:10px; height:100%; right:0; top:0; background-color: #6DC9E7; }

	#container_back_left_cell { width:100%; height:100%; }
	#container_back_left1 { width:100%; height:25%; position:relative; background-color: #04B431; }
	#container_back_left2 { width:100%; height:25%; position:relative; background-color: #B5D500; }
	#container_back_left3 { width:100%; height:25%; position:relative; background-color: #FB8813; }
	#container_back_left4 { width:100%; height:25%; position:relative; background-color: #755B63; }
	
	#container_back_right_cell { width:100%; height:100%; }
	#container_back_right1 { width:100%; height:25%; position:relative; background-color: #8258FA; }
	#container_back_right2 { width:100%; height:25%; position:relative; background-color: #F781BE; }
	#container_back_right3 { width:100%; height:25%; position:relative; background-color: #F7D358; }
	#container_back_right4 { width:100%; height:25%; position:relative; background-color: #848484; }

	.span_main_text { font-size:10px; }
	.main_banner1 { width:40px;height:auto; }
	.main_banner2 { width:50px;height:auto; }

	/* Login */ 
	#login_form1 { width:200px; margin:0 auto; padding-top:60px; text-align:center; }
	#div_login_bi { width:100%; margin:0 auto; padding-bottom:60px; text-align:center; }
	.login_bi { max-width:150px; height:auto; }
	.login_bi1 { max-width:100px; height:auto; }
	.form_login_id { width:100%; height:36px; background-color:#F3F3F1; border:0px solid #0098d7; font-size:13px;color:#666666; padding:0px 0px 0px 5px; margin-bottom:15px; box-sizing: border-box; }
	.form_login_pw { width:100%; height:36px; background-color:#F3F3F1; border:0px solid #0098d7; font-size:13px;color:#666666; padding:0px 0px 0px 5px; margin-bottom:15px; box-sizing: border-box; }
	.login_button { width:100%; height:36px; font-size:13px; color:#ffffff; font-family: 'malgun gothic', 'Gulim', 'Dotum', '고딕', 'Georgia', 'sans-serif'; 
		background-color: #517077; border:0px solid #0985EA; border-radius:5px; cursor:pointer; letter-spacing :1px;
	} 
	.login_button:hover { background-color: #92ABAF; cursor:pointer; }
	#login_version { width:100%; margin:0 auto; padding-top:20px; text-align:center; }
	#search_version { width:100%; margin:0 auto; padding-top:10px; text-align:center; }
	#container_menu { position:relative; width:250px; margin:0 auto; padding-top:40px; text-align:left; } 
	#div_container_copyright { width:80%; margin:0 auto; padding-top:10px; }
	#container_copyright { width:100%; margin:0 auto; }
	#container_copyright_banner { width:90%; margin:0 auto; padding-bottom:20px; }
	#container_copyright_text { width:250px; margin:0 auto; padding-bottom:20px; }

	/* note */
	#container { display:block; width:100%; height:100%; }
	#div_menu { display:none; z-index:1000; } 
	#div_menu_mobile { display:block; position:fixed; width:100%; height:50px; background-color:#BCA9F5; padding:0 0 0 0; z-index:1000; }
	#div_contents { width:100%; height:100%; padding:60px 10px 30px 10px; overflow:auto; }
	#div_top_logo_mobile { float:left; width:50%; padding:17px 0 0px 20px; }
	#div_top_menu_mobile { float:right; width:50%; padding:0 20px 0 0; text-align:right; } 
	.bi1 { width:100px; }
	.bi2 { width:76px; }
	#div_toothedwheel { width:100px; margin:0 auto; padding:100px 0 100px 0; }
	.toothedwheel { width:100px; }

	/* mobile menu tree */
	#top_mobile_menu { display: block; float:right; width:30px; height:50px; background-color:#BCA9F5; }
	#div_mobile_menu1 { float:right; width:30px; height:50px; text-align:right; }
	#div_mobile_menu2 { float:right; width:30px; height:50px; text-align:right; display:none; }
	#mobile_menu1 { max-width:30px; width:100%; margin:0 auto; padding:10px 10px 0 0; }
	#mobile_menu2 { max-width:30px; width:100%; margin:0 auto; padding:10px 10px 0 0; }
	#div_mobile_menu_tree { display: none; position:fixed; width:100%; height:auto; border-top:1px solid #f7f7f7; top:50px; padding:10px 0px 20px 0px; background-color:#C6D6DB; overflow:auto; z-index:1000; } 
	#div_mobile_menu_tree_left { float:left; width:50%; padding:5px 5px 5px 10px; }
	#div_mobile_menu_tree_right { float:right; width:50%; padding:5px 10px 5px 5px; }
	#mobile_menu_tree1 { width:auto; height:30px; margin:0px 0px 0px 0px; padding:7px 10px 7px 10px; border:1px solid #ffffff; font-size:13px; font-weight:normal; color:#242526; background-color:#D7E2E6; }
	#mobile_menu_tree2 { width:auto; height:30px; margin:0px 0px 0px 0px; padding:5px 10px 7px 10px; border:1px solid #ffffff; font-size:13px; font-weight:normal; color:#242526; background-color:#D7E2E6; }
	#mobile_menu_tree3 { width:auto; height:30px; margin:0px 0px 0px 0px; padding:2px 10px 7px 10px; border:1px solid #ffffff; font-size:13px; font-weight:normal; color:#242526; background-color:#D7E2E6; }

	.li1 { width:10px; height:10px; margin-right:5px; vertical-align:middle; }

	/* pages */
	#contents_title { margin:0px 0px 10px 0px;background-color:#F0F0F0;border:1px solid #CDCDCD; }
	#contents_title_text { padding:5px 0px 5px 10px; font-size:13px;font-weight:bold;color:#474747; }
	#contents_content { margin:0px 0px 0px 0px; width:100%; height:100%; }

	/* control */
	#div_control { display:flex;flex-direction:column;height:100%; }
	/*
	#div_control_block1 { flex-basis:40px; width:100%; }
	#div_control_block2 { flex:1;height:100%; padding-top:10px; }
	*/
	#div_control_block1 { width:100%; padding-bottom:10px; }
	#div_control_block2 { padding-top:10px; }

	/* form */
	.form_text { width:100%; height:24px; background-color: #ffffff; border:1px solid #CDCDCD; font-size:12px; color:#666666; box-sizing: border-box; padding:0px 5px 0px 5px; }
	.form_select { width:100%; height:24px; font-size:12px; color:#666666; background-color: #ffffff; border:1px solid #CDCDCD; box-sizing: border-box; padding:0px 5px 0px 5px; } 
	.form_text_area { width:100%; background-color: #ffffff; border:1px solid #CDCDCD; font-size:12px; color:#666666; box-sizing: border-box; padding:5px 5px 5px 5px; }
	.form_button { padding:5px 10px 5px 10px; font-size:13px; color:#ffffff; border-radius:3px; background-color: #F0AD4E; border:0px solid #0985EA; cursor:pointer; }	
	.form_button:hover { background-color: #92ABAF; cursor:pointer; }
	.form_del_button { padding:5px 10px 5px 10px; font-size:13px; color:#ffffff; background-color: #C03A3E; border:0px solid #0985EA; cursor:pointer; }	
	.form_del_button:hover { background-color: #92ABAF; cursor:pointer; }
	.form_title1 { font-size:13px; font-weight:bold; padding:10px 5px 10px 5px; }
	.form_input1 { width:100%; height:30px; background-color:#F5F5F3; border:1px solid #6BA3C0; font-size:13px; color:#666666; padding:0px 0px 0px 5px; box-sizing: border-box; }

	/* button */
	.form_button1 { padding:10px 20px 10px 20px; font-size:16px; color:#ffffff; background-color: #71B5C6; border:0px solid #0985EA; border-radius:0px; cursor:pointer; }
	.form_button1:hover { background-color: #77A3D2; cursor:pointer; }

	/* 달력 레이아웃 */
	#calendar_block1 { flex-basis:40px; width:100%; }
	#calendar_block2 { flex:1;height:100%; padding-top:10px; padding-bottom:10px; }
	.table_calendar_window { border-top: 1px solid #DDDDDD; border-left: 1px solid #DDDDDD; border-collapse:separate; border-spacing: 0px; width:100%; height:100%; margin-top:0px; table-layout:fixed; }
	.th_calendar_window { padding:0px; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; }
	.td1_calendar_window { width:14%; height:30px; padding:0px 0px 0px 0px; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; background:#ffffff; }
	#week_header { padding:5px 5px 5px 5px;border:0px solid #639C9C;text-align:center;background:#ffffff; }
	.week_kor1 { font-size:12px;color:#CB070D;font-weight:bold; }
	.week_kor2 { font-size:12px;color:#666666;font-weight:bold; }
	.week_kor3 { font-size:12px;color:#1B52B8;font-weight:bold; }
	.week_eng { font-size:11px;color:#828282;font-weight:normal; }
	.td2_calendar_window_blank { width:14%; padding:0px 0px 0px 0px; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; vertical-align:top; background-color:#F8F8F8; }
	.td2_calendar_window_today { width:14%; padding:0px 0px 0px 0px; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; vertical-align:top; background-color:#E0EBEB; }
	.td2_calendar_window { width:14%; padding:0px 0px 0px 0px; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; vertical-align:top; }
	.td2_calendar_window_text { padding:2px 2px 2px 2px; }
	.td2_calendar_window_day { font-size:9px; color:#474747; font-weight:normal; }
	.td2_calendar_window_sat { font-size:9px; color:#0000FF; font-weight:normal; }
	.td2_calendar_window_sun { font-size:9px; color:#FF0000; font-weight:normal; }
	#calendar_control { float:none; height:40px; margin-right:20px; text-align:center; }
	#calendar_menu { float:none; height:40px; text-align:center; }

	/* 달력 일정 표시 */
	#div_cal_schedule { margin:0px 2px 2px 2px; padding:2px 2px 2px 2px; border-radius:0.3em; background-color:#3788D8; }
	#div_cal_schedule_long { margin:0px 0px 2px 0px; padding:2px 2px 2px 2px; border-radius:0.3em; background-color:#999966; text-align:left; }
	#div_cal_schedule_long_start { margin:0px 0px 2px 2px; padding:2px 2px 2px 2px; border-top-left-radius:0.3em; border-bottom-left-radius:0.3em; background-color:#999966; text-align:left; }
	#div_cal_schedule_long_all { margin:0px 0px 2px 0px; padding:2px 2px 2px 2px; border-radius:0em; background-color:#999966; text-align:left; }
	#div_cal_schedule_long_end { margin:0px 2px 2px 0px; padding:2px 2px 2px 2px; border-top-right-radius:0.3em; border-bottom-right-radius:0.3em; background-color:#999966; text-align:left; }
	.cal_schedule_timeline { margin:0px 0px 2px 0px; padding:2px 2px 2px 2px; border-radius:0.3em; background-color:#3788D8; text-align:left; }
	.cal_schedule_timeline_long { margin:0px 0px 2px 0px; padding:2px 2px 2px 2px; border-radius:0.3em; background-color:#999966; text-align:left; }
	#div_cal_schedule1 { float:none; width:100%; text-align:left; }
	#div_cal_schedule2 { float:none; width:100%; text-align:left; }
	.div_cal_schedule3 { font-size:10px; color:#ffffff; text-align:left; padding:0px 2px 0px 2px; }
	#div_calendar_view { min-height:40px; }
	.cal_todo { margin-left:2px; padding:2px 2px 2px 2px; border-radius:0.3em; background-color:#8080C0; font-size:8px; color:#ffffff; }

	.table_schedule { border-top: 1px solid #E0E0E0; border-left: 1px solid #E0E0E0; border-collapse:collapse; margin:0 auto; }
	.th_schedule { padding:0px; border-right: 0px solid #E0E0E0; border-bottom: 0px solid #E0E0E0; }
	.td_schedule1 { padding:2px; border-right: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0; font-size:10px; font-weight:bold; background-color: #f7f7f7; text-align:left; }
	.td_schedule2 { padding:2px; border-right: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0; font-size:10px; color:#474747; text-align:left; }

	.cal_schedule_timeline_date { float:left; margin:0px 0px 5px 0px; padding:0px 0px 0px 0px; width:70%; text-align:left;background :#ffffff; font-size:10px;color:#A5A5A5; }
	.cal_schedule_timeline_md { float:right; margin:0px 0px 5px 0px; padding:0px 0px 0px 0px; width:30%; text-align:right;background:#ffffff; font-size:10px;color:#666666; }
	.cal_schedule_timeline_comment { margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; text-align:left; background :#ffffff;font-size:11px;color:#474747; }

	/* 지도 레이아웃 */
	#div_map { display:flex;flex-direction:column;height:100%; }
	#div_map_block1 { flex-basis:40px; width:100%; }
	#div_map_block2 { flex:1;height:100%; padding-top:10px; }

	/* 회원가입 */
	#div_search_contents { width:100%;margin:0 auto; padding:50px 0 0 0; text-align:center; }
	#div_join_contents { width:100%; margin:0 auto; padding:10px 0 10px 0; text-align:center; }
	#div_exit_contents { width:100%;margin:0 auto; padding:0 0 50px 0; text-align:right; font-size:12px; }
	#div_exit_contents1 { width:100%;margin:0 auto; padding:0 0 100px 0; text-align:left; }

	/* contents_title */
	#contents_title1 { width:100%; margin:0 auto; padding:0 0 20px 0; text-align:left; font-size:15px; color:#2C322F; }

	/* box_layout */
	#div_box_text1 { width:100%; padding:20px 0 5px 0; text-align:left; }
	#div_box_input1 { width:100%; padding:0 0 20px 0; text-align:left; }
	#div_box_input2 { width:100%; height:300px; padding:0 0 0 0; text-align:left; border:1px solid #6BA3C0; }
	#div_box_button1 { width:100%; padding:10px 20px 50px 20px; text-align:center; }










	
}