/*
 Date : 2013-02-21
 Project : SK EnS 웹모니터링 웹디자인
 writer : 최문정(moonwork@onewsoft.co.kr)
*/
* {
	font-family: 'Nanum Gothic','Dotum','돋움','Gulim','굴림';
	padding: 0;
	margin: 0;
	font-size:12px;	
	line-height:150%;
}
*{-webkit-text-size-adjust:none;} /* 사파리에서 브라우저가 폰트 사이즈를 강제로 조정하는 것을 방지함 */

body, li, dt, dd, input, select, textarea, p, span, th, td {}
body {color:#333; height:100%;padding: 0; margin: 0;}

fieldset, label {border:none;}
legend{ visibility:hidden; font-size:0; width:0; height:0; line-height:0}
table, th, td {margin:0; padding:0; border-collapse:collapse; word-break:break-all; font-weight:normal;}
h1, h2, h3, h4, h5, ul, ol, li, dl, dt, dd, form {margin:0; padding:0;font-size:1em;}
input {vertical-align:middle; font-size:11px;}
img	{border:0 none; vertical-align:middle; font-size:0; line-height:0;margin:0; padding:0;}
strong	{font-weight:bold}
ul, ol, li	{list-style:none;}

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

.fl {float:left;}
.fr {float:right;}
.clear {clear:both;}
.ta_c {text-align:center;}

.input_style{border:1px solid #ccc; height:11px; padding:3px}

body {background: url('/include/images/main/main_bg.jpg') repeat-x}

.s_body {background: url('/include/images/sub/sub_bg.jpg') repeat-x}

#wrap{position:relative;width:980px; margin:0 auto;}
#header{background:url('/include/images/main/header_bg.jpg') no-repeat;height:79px;}
#header h1 a{float:left;}
#header .header_gnb{float:right;padding-top:10px;}
#header .gnb{float:left;}
#header .gnb li{float: left;}
.plant_go{float:left;position:relative; background: url('/include/images/common/top_select_bg.png') no-repeat; width:140px; height:28px;}
.plant_go a{color:#ffffff; float: left; width:135px;height:15px;padding:5px 0 5px 8px}
.plant_list{display:none;position:absolute;top:25px;left:0;background:url('/include/images/common/top_select_downbg.png')  bottom no-repeat;float:left;width:100%;padding:10px 0;}

#slide{position:relative;height:341px;background:url('/include/images/main/slider_bg.jpg') no-repeat;}
#slide .slides_container{height:341px;width:980px;overflow:hidden;}
#slide .pagination {position:absolute;bottom:0;right:10px;height:25px;z-index:10;}
#slide .pagination li {float:left;margin:0 1px;list-style:none;}
#slide .pagination li a {display:block;width:14px;height:14px;background-color:#959090;float:left;overflow:hidden;text-indent:-999999px;}
#slide .pagination li.current a {background-color:red;}

#container{margin-top:6px;}
.main_l{float:left;width:299px;height:218px;border-right:1px solid #ccc;}
.notice_title{padding:15px 0 23px 10px;}
.notice_title h3 a{font-size:16px;font-weight:bold;float:left;width:250px}
.notice_title .notice_more{}
.main_l li{background:url('/include/images/main/notice_icon.gif') no-repeat 0 7px; padding-left:10px; height:25px;}
.main_c{float:left;width:379px; height:218px; overflow:hidden;border-right:1px solid #ccc;}
.total_box{background:url('/include/images/main/total_box.gif') 7px 0 no-repeat; width:379px;height:115px;}
.total_box .total_sum{padding-top:10px; font-size:16px; height:35px;text-align:center;}
.total_box .total_sum span{padding: 0 0 0 10px;width:120px;text-align:right;font-size:16px;color:#f1592a;font-family:Verdana;}

.total_box .total_list {padding:5px 0 0 10px;}
.total_box .total_list table th {text-align:left;}
.total_box .total_list table th, .total_list table td {font-size:12px; height:30px;}
.total_box .total_list table td span {color:#f1592a;font-size:12px;font-family:Verdana;}

.main_r {float:right;width:300px; overflow:hidden;}
.main_r .video_s {padding:5px 0px 5px 10px;width:290px;height:208px;overflow:hidden;}

.subheader{margin-top:6px;height:180px;background:url('/include/images/sub/subimg01.jpg') no-repeat;}
.subheader .topbox{float:right; width:443px; height:114px;background:url('/include/images/sub/subtopbox_bg.jpg') no-repeat; margin:20px 20px 0 0;}
.subheader .topbox table {color:#fff; margin:5px 0 0 15px;}
.subheader .topbox table th {text-align:left;}
.subheader .topbox table th, .subheader .topbox table td {font-size:14px; height:35px;}
.subheader .topbox table td span {color:#f1592a;font-size:14px;font-family:Verdana;}

.subheader_noline{margin-top:6px;height:180px;background:url('/include/images/sub/subimg00.jpg') no-repeat;}

#sub_container{background:url('/include/images/sub/sub_bg.gif') repeat-y;width:940px;padding:0 20px;float:left;}
#sub_container_noline{background:url('/include/images/sub/sub_bg_noline.gif') repeat-y;width:940px;padding:0 20px;float:left;}
#leftmenu{float:left;width:190px;}
#leftmenu h2{padding:10px 5px;}
#leftmenu h2 a{font-size:16px;}
#leftmenu ul{padding:10px 0 20px;}
#leftmenu ul li{background:url('/include/images/sub/leftmenu_off.gif') left top no-repeat;width:183px;height:40px;}
#leftmenu ul li a{font-size:16px;float:left;width:170px;height:30px;padding:5px 0px 0 13px;font-weight:bold;}
#leftmenu ul li.over{background:url('/include/images/sub/leftmenu_over.gif') left top no-repeat;}
#leftmenu ul li.over a{color:#ffffff;}

#r_content {float:left; padding:0px 0 20px 25px; width:725px;position:relative;}
#r_content .navi_text {text-align:right; padding:0 10px 10px 0;}
#r_content .navi_text strong {color:#f46a32}
#r_content .r_topbox {background-color:#e8ebf0; border:1px solid #d0d6de; width:698px; height:28px; padding:10px 10px 5px; }
#r_content .r_topbox th {text-align:left; font-size:12px; letter-spacing:-0.05em; padding:0 5px;}
#r_content .r_topbox td {padding:0 12px;letter-spacing:-0.05em; background:url('/include/images/sub/content_topbox_line.gif') right top no-repeat;}
#r_content .r_topbox td.noline {padding:0 16px;letter-spacing:-0.05em; background:none;}
#r_content .r_topbox td span {color:#f1592a;font-size:14px; font-family:Verdana;}

#r_content .infobox {background:url('/include/images/sub/infobox_top.gif') no-repeat top left; padding-top:20px; margin-top:22px;}
#r_content .infobox_in {background:url('/include/images/sub/infobox_bottom.gif') no-repeat bottom left; padding:0 20px;}
#r_content .infobox_in .infobox_left {float:left; width:387px; padding:0 15px 25px 0;}
#r_content .infobox_in h3.intro {font-size:16px; color:#000; background:url('/include/images/sub/infobox_intro_b.gif') no-repeat 0 3px; padding-left:25px; margin-bottom:10px;}
#r_content .infobox_in .infobox_right {float:left; width:263px; padding:0 0 25px 15px;}
#r_content .infobox_in h3.info {font-size:16px; color:#000; background:url('/include/images/sub/infobox_info_b.gif') no-repeat 0 3px; padding-left:25px; margin-bottom:10px;}
#r_content .information {border-bottom:1px solid #ddd; padding-bottom:20px;}
#r_content .information dt {float:left; width:80px; background:url('/include/images/main/notice_icon.gif') no-repeat 10px 7px; padding-left:20px;}
#r_content .right_notice {padding-top:15px;}
#r_content .right_notice h3 {font-size:16px; color:#000; background:url('/include/images/sub/infobox_notice_b.gif') no-repeat 0 3px; padding-left:25px; margin-bottom:10px;}
#r_content .right_notice ul li {float:left; background:url('/include/images/main/notice_icon.gif') no-repeat 10px 7px; padding-left:20px;}

#r_content .photozone {float:left; width:698px; padding:20px 15px 0 12px;}
#r_content .photozone h3 {font-size:16px; color:#000; background:url('/include/images/sub/infobox_photo_b.gif') no-repeat 0 3px; padding-left:25px; margin-bottom:10px;}
#r_content .photozone ul {padding-left:10px;}
#r_content .photozone li {float:left; padding-right:10px; margin-bottom:20px;}
#r_content .photozone li img {border:1px solid #333;}

#footer{clear:both;border-top:1px solid #ccc;width:100%;height:100px;}
#footer .footer_box {width:980px;margin:0 auto; padding:20px 0;}


/*모듈배치도 */
#module{clear:both; position:relative;margin-top:30px; padding-bottom:30px}

.model {border:1px solid #ddd; width:100px; position:absolute; top:20px; left:0; color:#797979;}
.model ul {padding:10px;}
.model ul li{}
.model .RUN {width:18px; height:18px; margin-bottom:5px;}
.model .FAULT {width:18px; height:18px;margin-bottom:5px;}
.model .STOP {width:18px; height:18px;margin-bottom:5px;}
.model .WAIT {width:18px; height:18px;margin-bottom:5px;}
.model .ERROR {width:18px; height:18px;margin-bottom:5px;}
.model span {padding-left:25px; font-weight:bold;}

.RUN {background-color:#72ab00;border:1px solid #608f00;font-size:120%;}
.FAULT {background-color:#00a8b2;border:1px solid #008088;font-size:120%;}
.STOP {background-color:#ff7f00;border:1px solid #c76300;font-size:120%;}
.WAIT {background-color:#00b100;border:1px solid #008200;font-size:120%;}
.ERROR { background-color:#dd3655;border:1px solid #bc1736;font-size:120%;}

#KR130101_module_map {background:url('/include/images/pages/module_bg.jpg') no-repeat; width:728px; height:515px; }
#KR130101_module_map .ST1 {position:absolute; top:420px; left:50px; width:43px; z-index:10; color:#fff; font-weight:bold; padding-left:3px;}
#KR130101_module_map .ST2 {position:absolute; top:90px; left:260px; width:43px; z-index:10; color:#fff; font-weight:bold; padding-left:3px;}
#KR130101_module_map .ST3 {position:absolute; top:320px; left:540px; width:43px; z-index:10; color:#fff; font-weight:bold; padding-left:3px;}
#KR130101_module_map .ST4 {position:absolute; top:80px; left:510px; width:43px; z-index:10; color:#fff; font-weight:bold; padding-left:3px;}
/*#KR130201_module_map .ST42 {position:absolute; top:360px; left:80px; width:43px; z-index:10; color:#fff; font-weight:bold; padding-left:3px;}*/

/*KR212301*/
#KR212301_module_map{background:url('/include/images/monitoring/KR212301.jpg') no-repeat; width:728px; height:317px; position:relative; margin-top:120px}
#KR212301_module_map .ST1 {position:absolute; top:93px; left:28px; width:100px; z-index:10; color:#fff; font-weight:bold; padding-left:3px; text-align:center}
#KR212301_module_map .ST2 {position:absolute; top:93px; left:173px; width:100px; z-index:10; color:#fff; font-weight:bold; padding-left:3px; text-align:center}
#KR212301_module_map .ST3 {position:absolute; top:93px; left:325px; width:100px; z-index:10; color:#fff; font-weight:bold; padding-left:3px; text-align:center}
#KR212301_module_map .ST4 {position:absolute; top:93px; left:470px; width:100px; z-index:10; color:#fff; font-weight:bold; padding-left:3px; text-align:center}
#KR212301_module_map .ST5 {position:absolute; top:93px; left:605px; width:100px; z-index:10; color:#fff; font-weight:bold; padding-left:3px; text-align:center}
#KR212301_module_map .ST6 {position:absolute; top:215px; left:470px; width:100px; z-index:10; color:#fff; font-weight:bold; padding-left:3px; text-align:center}
#KR212301_module_map .ST7 {position:absolute; top:215px; left:325px; width:100px; z-index:10; color:#fff; font-weight:bold; padding-left:3px; text-align:center}
#KR212301_module_map .ST8 {position:absolute; top:215px; left:173px; width:100px; z-index:10; color:#fff; font-weight:bold; padding-left:3px; text-align:center}
#KR212301_module_map .ST9 {position:absolute; top:215px; left:28px; width:100px; z-index:10; color:#fff; font-weight:bold; padding-left:3px; text-align:center}


/* Diagram */
#diagram_box{position:relative;float:left;width:720px;height:1050px;background:url('/include/images/pages/diagram_bg.jpg') no-repeat;}
#diagram_box .state {position:absolute; top:20px; right:10px;}
#diagram_box .state_title {font-size:120%; font-weight:bold; margin-bottom:5px; text-align:center;}
#diagram_box .diagram_state {border-left:1px solid #aaa;border-right:1px solid #aaa;}
#diagram_box .diagram_state thead th {border-bottom:1px solid #ccc; border-top:1px solid #ccc; border-right:1px solid #ccc; padding:3px 5px; font-weight:bold; background-color:#eee;}
#diagram_box .diagram_state tbody th {border-bottom:1px solid #ccc; border-top:1px solid #ccc; border-right:1px solid #ccc; padding:3px 5px; font-weight:bold; background-color:#faf5eb;}
#diagram_box .diagram_state td {border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:3px; text-align:center; background-color:#fff; }
#diagram_box .diagram_state td span {color:#0c50a4; font-weight:bold}

#diagram_box .VCB{position:absolute; top:343px; left:290px;}
#diagram_box .ACB1{position:absolute; top:640px; left:290px;}
#diagram_box .ACB2{position:absolute; top:715px; left:187px;}
#diagram_box .ACB3{position:absolute; top:715px; left:370px;}
#diagram_box .ACB4{position:absolute; top:715px; left:551px;}
#diagram_box .INV1 {position:absolute; top:910px; left:8px;}
#diagram_box .INV2 {position:absolute; top:910px; left:188px;}
#diagram_box .INV3 {position:absolute; top:910px; left:367px;}
#diagram_box .INV4 {position:absolute; top:910px; left:546px;}

#diagram_box .diagram_ts {border-top:2px solid #555;border-bottom:2px solid #555;border-left:1px solid #aaa;border-right:1px solid #aaa;}
#diagram_box .diagram_ts th {border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:3px 5px; font-weight:bold; background-color:#eee;font-size:11px;}
#diagram_box .diagram_ts td {border-bottom:1px solid #ccc; padding:3px; text-align:right; background-color:#fff;font-size:11px;}
#diagram_box .diagram_ts td span {color:#0c50a4; font-weight:bold;font-size:11px;}

#diagram_box .inverter p{position:relative;top:-23px; left:20px;font-weight:bold;}
#diagram_box .inverter table{position:relative;top:-15px;}

/* table style */
.t_style {border-top:2px solid #f38219; border-left:1px solid #ccc; width:720px; margin-top:20px;}
.t_style caption {text-align:left; color:#f38219; font-weight:bold; font-size:120%; margin-bottom:5px;background:url('/include/images/common/stitle_icon.gif') no-repeat 0 2px; padding:0 0 0 20px;}
.t_style thead th {background-color:#f9f1e7;}
.t_style tbody th {background-color:#f5f5f5;}
.t_style th {border-bottom:1px solid #ccc; border-right:1px solid #ccc;  padding:3px 0; font-weight:bold;}
.t_style td {border-bottom:1px solid #ccc; border-right:1px solid #ccc;  padding:3px;}

.t_style2 {border-top:2px solid #f38219; border-left:1px solid #ccc; margin-top:20px;}
.t_style2 caption {text-align:left; color:#f38219; font-weight:bold; font-size:120%; margin-bottom:5px;background:url('/include/images/common/stitle_icon.gif') no-repeat 0 2px; padding:0 0 0 20px;}
.t_style2 thead th {background-color:#f9f1e7;}
.t_style2 tbody th {background-color:#f5f5f5;}
.t_style2 th {border-bottom:1px solid #ccc; border-right:1px solid #ccc;  padding:3px 0; font-weight:bold;}
.t_style2 td {border-bottom:1px solid #ccc; border-right:1px solid #ccc;  padding:3px;}

/* Performance */
.inner {height:30em; overflow-y:auto;}

.t_style3 {width:720px; border-top:2px solid #f38219; border-left:1px solid #ccc; margin-top:20px;}
.t_style3 caption {text-align:left; color:#f38219; font-weight:bold; font-size:120%; margin-bottom:5px;background:url('/include/images/common/stitle_icon.gif') no-repeat 0 2px; padding:0 0 0 20px;}
.t_style3 tbody th {background:#f5f5f5;}
.t_style3 th {height:2em; border-bottom:1px solid #ccc; border-right:1px solid #ccc; font-weight:bold;}
.t_style3 td {border:1px solid #ccc;}

.t_style4 {width:700px;}
.t_style4 td {border-bottom:1px solid #ccc; border-right:1px solid #ccc; text-align:center;}

.th1 {width:125px;}
.th2 {width:85px;}
.th3 {width:70px;}
.th4 {width:70px;}
.th5 {width:70px;}
.th6 {width:70px;}
.th7 {width:70px;}
.th8 {width:70px;}
.th9 {width:89px;}
 
.td1 {width:125px;}
.td2 {width:85px;}
.td3 {width:70px;}
.td4 {width:70px;}
.td5 {width:70px;}
.td6 {width:70px;}
.td7 {width:70px;}
.td8 {width:70px;}
.td9 {width:70px;}
 

#state_box h4,#state_box h4 span{font-size:16px;font-weight:bold;}

#state_box {position:relative; background:url('/include/images/newwin/nw_all_box.jpg') left top no-repeat; width:654px; height:195px;}
#state_box table{position:absolute; top:38px; left:330px; width:300px;}
#state_box table th{text-align:left;font-size:13px;font-weight:bold;padding:3px 0 0 10px; }
#state_box table td{text-align:left;font-size:13px;padding:3px;font-weight:bold;}
#state_box table td span{width:100px;float:left;text-align:right;padding: 0px 5px;border:1px solid #ccc;background:#fff;color:#f1592a;}

#total_state{clear:both;margin-top:15px;height:96px;background:url('/include/images/newwin/nw_bottom_bg.gif') left top no-repeat;padding-left:5px;}
#total_state .total_sum {float:left; width:140px; padding:20px 0 0 10px; }
#total_state .total_sum dt {padding-right:5px;}
#total_state .total_list {float:left; width:480px;}
#total_state dl{padding:20px 0 0 10px;clear:both;}
#total_state dt{float:left;font-weight:bold;font-size:14px;font-weight:bold; white-space:nowrap; padding-bottom:5px;}
#total_state dd span{float:left;padding: 0px 5px;border:1px solid #ccc;background:#fff;font-size:14px;font-weight:bold;color:#f1592a;}
#total_state dd{float:left;font-weight:bold;font-size:14px;font-weight:bold; white-space:nowrap; padding-bottom:5px;}
#total_state .total_list dt {width:125px; *height:10px;}
#total_state .total_list dd {width:110px; *height:10px;}


.notice_block{display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:100;}
.notice_block .bg{position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
#notice_layer{position:absolute;top:75px;left:50%;width:978px;height:390px;margin:0 auto;background:#ffffff; border:1px solid #ccc;}
.notice_block .layer_container{height:370px;}
.notice_block .layer_l{float:left;width:657px;height:370px;padding:10px;border-right:1px solid #ccc;}
.notice_block .nw_title{height:45px;background:url('/include/images/newwin/nw_title_bg.gif') right top no-repeat;}
.notice_block .spot{height:45px;background:url('/include/images/newwin/nw_icon_spot.gif') left top no-repeat;padding:8px 0 0 45px;font-size:18px;font-weight:bold;}
.notice_block .list{height:45px;background:url('/include/images/newwin/nw_icon_list.gif') left top no-repeat;padding:8px 0 0 45px;font-size:18px;font-weight:bold;}
.notice_block .layer_r ul{margin-top:10px;height:275px;overflow-y:scroll;}
.notice_block .layer_r li{height:28px;font-size:14px;border-bottom:1px solid #ccc;}
.notice_block .layer_r li a{background:url('/include/images/newwin/nw_icon_list_off.gif') left 5px no-repeat;padding:5px 0 5px 20px;}
.notice_block .layer_r li a.over{background:url('/include/images/newwin/nw_icon_list_over.gif') left 5px no-repeat;color:#f1592a;}
.notice_block .layer_r li .notice_content{display:none;}
.notice_block .nw_contents{margin-top:10px;height:300px;overflow-y:scroll;}

.notice_block .layer_r{float:left;width:280px;padding:10px;}
.notice_block .layer_close{position:absolute;right:0;bottom:10px;height:30px;float:left;padding-right:10px;}


.block{display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:100;}
.block .bg{position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
#show_layer{position:absolute;top:75px;left:50%;width:978px;height:390px;margin:0 auto;background:#ffffff; border:1px solid #ccc;}
.block .layer_container{height:370px;}
.block .layer_l{float:left;width:657px;height:370px;padding:10px;border-right:1px solid #ccc;}
.block .nw_title{height:45px;background:url('/include/images/newwin/nw_title_bg.gif') right top no-repeat;}
.block .spot{height:45px;background:url('/include/images/newwin/nw_icon_spot.gif') left top no-repeat;padding:8px 0 0 45px;}
.block .spot span{font-size:18px;font-weight:bold;}
.block .list{height:45px;background:url('/include/images/newwin/nw_icon_list.gif') left top no-repeat;padding:8px 0 0 45px;font-size:18px;font-weight:bold;}
.block .layer_r ul{padding-top:10px;}
.block .layer_r li{height:28px;font-size:14px;border-bottom:1px solid #ccc;}
.block .layer_r li a{background:url('/include/images/newwin/nw_icon_list_off.gif') left 5px no-repeat;padding:5px 0 5px 20px;}
.block .layer_r li a.over{background:url('/include/images/newwin/nw_icon_list_over.gif') left 5px no-repeat;color:#f1592a;}
.block .nw_contents{margin-top:10px;height:210px;}

.block .layer_r{float:left;width:280px;padding:10px;}
.block .layer_close{position:absolute;right:0;bottom:10px;height:30px;float:left;padding-right:10px;}


/* 통합모니터링 */
.time_header {text-align:right; height:35px;}
#sp_datetime { font-size:120%; font-weight:bold;}
.total_title {width:100%; float:left; font-size:180%; font-weight:bold; }

.total_tb { border-top:2px solid #ee8518;margin-top:10px;margin-bottom:30px; font-size:12px;width:100%;}
.total_tb thead th{padding:8px 0 6px 0; border-bottom:1px solid #ccc; border-right:1px solid #ccc; line-height:12px; height:12px; background:#f9f1e8; color:#000;font-size:12px;font-weight:bold;}
.total_tb td{padding:7px 0 6px 0; border-bottom:1px solid #ccc; border-right:1px solid #ccc; line-height:15px; height:15px; text-align:center; font-size:90%;}
.total_tb .th_noline {padding:8px 0 6px 0; border-bottom:1px solid #ccc; border-right:none; line-height:12px; height:12px; background:#f9f1e8; color:#000; font-size:12px;}
.total_tb .td_noline {padding:7px 0 6px 0; border-bottom:1px solid #ccc; border-right:none; line-height:15px; height:15px; text-align:center; font-size:12px;}
.total_tb tbody th {padding:7px 0 6px 0; border-bottom:1px solid #ccc; border-right:1px solid #ccc; line-height:15px; height:15px; text-align:center; background:#f9f8e8;font-size:12px;font-weight:bold;}
.total_tb tbody td.td_g {background-color:#efefef;}
.total_tb tbody td.txt_r {color:#ff0000;}


/* main_login */
#login_container {position:relative; padding-top:4px; background:url('/include/images/login/login_bg.gif') no-repeat left bottom;}
#login_container .login_topimg {padding-bottom:80px;}
#login_container h2 {position:absolute; top:200px; left:250px;}
.login_tit{width:500px; margin:5px auto;padding-top:30px;}
.login {background-color:#e8e8e8; background:url('/include/images/login/login_box_left.gif') no-repeat left top; width:500px; margin:0 auto 50px;}
.login_box {background:url('/include/images/login/login_box_right.gif') no-repeat right top; height:120px;}
.namecheck form,
.login form {position: relative; height:118px; border-top:1px solid #c0c0c0; border-bottom:1px solid #c0c0c0; background-color:#e8e8e8; margin:0 10px;}
.login fieldset {padding:15px 5px 15px 16px; } 
#loginFrm label.over {position:absolute; color:#b0b0b0; padding:12px 0 0 6px; font-size:14px;}
#loginFrm p.title_txt{font-weight:bold;color:#333;font-size:24px;height:40px;}
.name, .num {padding:0 140px 7px 0;position:relative; height:38px;}
#UID, #UPW {width:100%;height:38px;padding:3px 30px 0 9px;color:#000;font-size:15px;border: 1px solid #bbb;}
.login .auto {text-align:center;}
input[type="checkbox"] {background-color:white; -webkit-border-radius:0; width:16px; height:16px; border:1px solid #bbb; vertical-align:middle;}
#admin_user_id{width:300px;height:38px;padding:3px 30px 0 9px;color:#000;font-size:15px;border: 1px solid #bbb;}
.admin_login{position:absolute;top:56px;right:16px; }
#btnLogin{
    width:82px;height:78px;position:absolute;top:15px;right:16px; color:#fff; font-weight:bold; font-size:1.214em; line-height:63px; text-align:center;
    background:url('/include/images/login/login_btn.jpg') no-repeat; padding-top:10px;
}
.txt {text-align:center; margin-top:20px;}



/* output */
.output_box {width:725px; border:0px solid #d7d7d7;}
.output_box p {padding:10px;}

/* 공지사항 및 DATA 테이블 출력용 Layor popup CSS */
.popup { width:550px; padding-bottom: 20px; display:none; z-index: 1000; background: #FFF; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0px 0px 4px rgba(0,0,0,0.7); -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7); -moz-box-shadow: 0 0px 4px rgba(0,0,0,0.7); }
.popup-header { background: url(/include/images/common/hd-bg.png); padding: 18px 18px 14px 18px; border-bottom: 1px solid #CCC; border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; }
.popup-header  h2 { color: #444; font-size: 1.5em; font-weight: 700; margin-bottom: 3px; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5); }
.popup-content  p { color: #444; font-size: 1.1em; margin: 10px; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5); text-shadow: none; padding-top:10px; text-align:left;}

#lean_overlay {
    position: fixed;
    z-index: 200;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background: #000;
    display: none;
}

div#photos {overflow:auto;}
div.photo {display:inline; margin:0 20px 0 0;}
div.photo a img {border:1px solid; padding:1px;}


/* Button CSS */
.myButton {
	-moz-box-shadow: 0px 10px 14px -7px #3e7327;
	-webkit-box-shadow: 0px 10px 14px -7px #3e7327;
	box-shadow: 0px 10px 14px -7px #3e7327;
	
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77b55a), color-stop(1, #72b352));
	background:-moz-linear-gradient(top, #77b55a 5%, #72b352 100%);
	background:-webkit-linear-gradient(top, #77b55a 5%, #72b352 100%);
	background:-o-linear-gradient(top, #77b55a 5%, #72b352 100%);
	background:-ms-linear-gradient(top, #77b55a 5%, #72b352 100%);
	background:linear-gradient(to bottom, #77b55a 5%, #72b352 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77b55a', endColorstr='#72b352',GradientType=0);
	
	background-color:#77b55a;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	
	border:1px solid #4b8f29;
	
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:13px;
	font-weight:bold;
	padding:6px 12px;
	text-decoration:none;
	
	text-shadow:0px 1px 0px #5b8a3c;
	
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #72b352), color-stop(1, #77b55a));
	background:-moz-linear-gradient(top, #72b352 5%, #77b55a 100%);
	background:-webkit-linear-gradient(top, #72b352 5%, #77b55a 100%);
	background:-o-linear-gradient(top, #72b352 5%, #77b55a 100%);
	background:-ms-linear-gradient(top, #72b352 5%, #77b55a 100%);
	background:linear-gradient(to bottom, #72b352 5%, #77b55a 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#72b352', endColorstr='#77b55a',GradientType=0);	
	background-color:#72b352;
}
.myButton:active {
	position:relative;
	top:1px;
}