

/* TOP */
#header{position:relative;left:0;top:0;width:100%; height:87px; background-color:#f2f2f2;border-bottom:3px solid #005bb0;padding:10px 15px 10px 15px}
#leftmenu TD{font-family:"Dotum",Arial,sans-serif;font-size:12px;line-height:180%;}
#leftmenu{background-color:#f0f5fa;}

#header h1 {position:relative; display:inline; float:left;width:125;padding:15px 0 0 10px;}
.sidemenu {display:inline; /*width:100%;*/ position:absolute;left:238px;top:14px}

/* top_gnb_btn */
.header_menu {display:inline;width:100%;text-align:right;}
.header_menu .header_menu1{float:left;line-height:12px;color:#6e6e6;letter-spacing:-1px;font-family:verdana}
.header_menu .header_menu2{float:left;margin-left:10px;}
.header_menu .header_menu2 li{float:left;padding:0 5px 0 0;}

/* top_menu */
.top_menu {clear:both;height:36px;margin-top:10px;}
.top_menu li{float:left;_display:inline;margin-right:3px;background:url(/img/sm/top_menu_right.gif) right top no-repeat;}
.top_menu li span{display:block;}
.top_menu li a{_float:left;display:block;font-weight:bold;font-size:11px;height:36px;padding:10px 15px 0 24px;background:url(/img/sm/top_menu_left.gif) left top no-repeat;color:#ffffff;text-decoration:none;}
.top_menu li a:hover{color:#fff799;text-decoration:none;}
.top_menu li a:visited{color:#ffffff;text-decoration:none;}

/* LEFT */
.leftM {background-color:#fbfbfb;margin:0px;border-right:0px solid;border-color:#cccccc;padding:15px;padding:14px 0 0 17px;}
.left_title {width:185px;height:35px;background:url(/img/sm/left_title.gif) no-repeat;padding:10px 0 0 10px;}
.left_title p{padding:0 0 0 18px;background:url(/img/sm/left_bullet1.gif) no-repeat 0 2px;font-weight:bold;color:#454545;}

/* left_list_title */
.left_list {border:1px solid;border-color:#d4d4d4;background-color:#ffffff;width:155px; text-align:left;padding:15px 15px 5px 15px;margin-top:5px;  }
.left_list li.dep2 {margin-bottom:8px;color:#5f9bdc;letter-spacing:-1;padding:0 0 0 15px;background:url(/img/sm/left_bullet2.gif) no-repeat 0 3px;}
.left_list li.dep3 {margin-bottom:3px;color:#707070;letter-spacing:-1;padding:0 0 0 23px;background:url(/img/sm/left_bullet4.gif) no-repeat 15px 5px;font-size:11px;}
.left_list li.dep4 {margin-bottom:3px;color:#707070;letter-spacing:-1;padding:0 0 0 28px;background:url(/img/sm/left_bullet5.gif) no-repeat 20px 5px;font-size:11px;}

.left_list li a {text-decoration:none;}
.left_list li a:hover {color:#5f9bdc}

/* CONTENTS */
#wrapper {margin:15px 0 0 20px;}
#wrapper .size700 {width:770px;clear:both}
#pop_wrapper {}
.loca {border-bottom:1px solid;border-color:#eeeeee;padding:0px 4px 4px 4px;letter-spacing:-1;font-size:9pt;color:958670;text-align:right;width:100%;margin-bottom:5px;}
.sm_title {font-size:14px;padding:0 0 5px 20px;background:url(/img/sm/left_bullet3.gif) no-repeat 5px 5px;font-weight:bold;color:#454545;margin-bottom:15px;border-bottom:2px solid;border-color:#eeeeee;}
.sm_title2 {font-size:12px;padding:2px 0 0 15px;background:url(/img/sub/bullet12.gif) no-repeat 0 4px;font-weight:bold;color:#454545;}

/* BTN */
.sm_btn{clear:both;width:100%; height:30px; margin:10px 0 0 0;}
.sm_btn li{display:inline;padding:0 3px 0 0;}
.sm_btn .center{clear:both;text-align:center;padding: 0 0 1px 0;}
.sm_btn .left{float:left;padding: 0 0 1px 0;}
.sm_btn .right{float:right;padding: 0 0 1px 0;}

/* hidden */
.hidden, #contents .hidden { visibility:hidden; position:absolute; font-size:0; width:0; height:0; line-height:0; margin:0; padding:0; background:none}

.space_top{clear:both;margin-top:5px;}
.space_top img,.space_top input {vertical-align:middle}

/* search_form */
.sch {text-align:center;width:100%;padding:10px 0 10px 0;background-color:#f8f8f8;border:1px solid;border-color:#d6dbe1;margin:10px 0 10px 0;}
.sch1{text-align:center;width:100%;padding:10px 0 0 0;background-color:#f8f8f8;border:1px solid;border-color:#d6dbe1;margin:10px 0 10px 0;}
.sch img,.sch input {vertical-align:middle}
.sch1 img,.sch1 input {vertical-align:middle}
.sch2 {font-weight:bold;vertical-align:bottom}

/* smBox */
.sm_box {clear:both;width:100%;}
.sm_box li{width:19%;float:left;margin-right:7px;}
.sm_box li.end{width:19%;float:left;margin-right:0px;}

.sm_box .class2 li.{width:20%;float:left;margin-right:7px;}
.sm_box .class2 li.end{width:37%;float:left;margin-right:0px;}

.sm_box .class3 li.{width:20%;float:left;margin-right:7px;}
.sm_box .class3 li.small{width:16%;float:left;margin-right:7px;}
.sm_box .class3 li.end{width:45%;float:left;margin-right:0px;}

.sm_box .class4 li.{width:20%;float:left;margin-right:7px;}
.sm_box .class4 li.small{width:15%;float:left;margin-right:7px;}
.sm_box .class4 li.end{width:42%;float:left;margin-right:0px;}

.sm_box .class6 li.{width:22%;float:left;margin-right:7px;}
.sm_box .class6 li.small{width:18%;float:left;margin-right:7px;}
.sm_box .class6 li.end{width:39%;float:left;margin-right:0px;}

.sm_box .class49 li.{width:20%;float:left;margin-right:7px;}
.sm_box .class49 li.small{width:18%;float:left;margin-right:7px;}
.sm_box .class49 li.end{width:41%;float:left;margin-right:0px;}

/* smRadio */
.sm_ra01 {margin-bottom:20px}

.degree_list{width:499px;border-collapse:collapse;border-top:solid 1px #dbdbdb;border-bottom:solid 1px #dbdbdb;}
.degree_list ul{width:499px;padding:8px 0 0 5px;height:29px;background:url(/img/board/line1.gif) no-repeat;}
.degree_list ul li.first1{float:left;width:99px;font-weight:bold;padding:0 0 0 18px;background:url(/img/board/bullet1.gif) no-repeat 0 2px;}
.degree_list ul li.first2{float:left;width:390px;}

.degree_list2{width:550px;margin-bottom:10px;}
.degree_list2 li{padding:0 0 0 30px;background:url(/img/sub/bullet2.gif) no-repeat 15px 3px;}

.degree_list3{width:550px;margin-bottom:10px;border-collapse:collapse;border:solid 1px #dadde1;padding:10px;}
.degree_list3 li.photo{float:left;width:119px;height:139px;padding:5px 0 0 5px;background:url(/img/board/photo_bg.gif) no-repeat;}
.degree_list3 li.right{float:left;margin-left:15px;}
.degree_list3 li.right .degree_list4{padding:7px 0 7px 0;}
.degree_list3 li.right .degree_list4 ul li.first1{float:left;width:99px;font-weight:bold;padding:0 0 0 18px;background:url(/img/board/bullet1.gif) no-repeat 0 2px;}
.degree_list3 li.right .degree_list4 ul li.first2{float:left;}

.degree_in{width:550px;margin:10px 0 0 15px;}

/* graph */
.h_graph ul{margin:0 50px 0 0px;padding:1px 0 0 0;border-top:0;border-right:0;list-style:none;width:400px}
.h_graph li{position:relative;margin:5px 0;vertical-align:middle;white-space:nowrap;font-weight:bold}
.h_graph .g_bar{display:inline-block;position:relative;height:10px;border:1px solid #0f5fb0;border-left:0;background:#0089c2;vertical-align:middle}
.h_graph .g_bar span{position:absolute;top:0;right:0px;width:40px;color:#767676;line-height:20px}
.h_graph .num{padding-left:5px;color:#0077b4;font-weight:bold}


/* calendar */
.ly_popup{position:absolute;z-index:100;left:2px;top:2px;width:175px;background-color:#78bfe4}
.ly_popup .border_type{padding:9px 0 5px;border:2px solid #0b89c0;background-color:#fff;text-align:center}
.ly_popup .close{position:absolute;top:9px;right:9px;text-align:right}
.ly_popup .txt {text-align:center;font-weight:bold}
.ly_popup .txt a{text-align:center;color:#78bfe4;font-size:6pt;vertical-align:middle}
.ly_popup .txt a:hover{text-align:center;color:#fe74cc;font-size:6pt;vertical-align:middle;text-decoration:none}
.ly_popup .txt a:visited{text-align:center;color:#fe74cc;font-size:6pt;vertical-align:middle;text-decoration:none}
.ly_popup .txt a:active{text-align:center;color:#fe74cc;font-size:6pt;vertical-align:middle;text-decoration:none}
.cal{margin:0 auto;padding:0;border:0}
.cal caption{margin:0 auto;padding:0 0 8px 3px;color:#000;font-family:'돋움',dotum;font-size:11px;font-weight:bold;text-align:left}
.cal tr{border:none}
.cal tr a:hover{font-weight:bold;text-decoration:none;color:#fe74cc}
.cal th{width:21px;height:19px;border:none;color:#000;font-family:'돋움',dotum;font-size:11px;font-weight:normal}
.cal td{width:21px;height:19px;border:none;font-family:tahoma;font-size:11px;text-align:center}
.cal td a{color:#6e6e6e}

/* poll popup iframe */
.poll {width:100%;height:500px}

/* popup */
.pop_pre {margin:0 0 0 20px;}
.pop_pre ul {float:left; width:90px;margin:0 20px 0 20px;}
.pop_pre li {padding:0 0 1px 0;}
.graph_box {height:220px;width:670px;overflow:hidden;}
.sms_add{width:400px; height:200px; overflow-y:auto;}

.pop {width:100%; height:100px;}
.popup .top {width:100%; height:65px; background:url(/img/popup/1/1_top.gif) repeat-x;}
.popup .title {width:100%; height:44px; background:url(/img/popup/1/1_title.gif) repeat-x;}

.popup .contents {float:left;width:100%; height:100%; background:#FFFFFF; border-left:#1e88c6 solid 4px; border-right:#1e88c6 solid 4px;  border-bottom:#1e88c6 solid 4px;}
.popup .contents .left{float:left; width:4px; height:100%; background:url(/img/popup/1/1_left.gif) repeat-y;}
.popup .contents .contents{float:left; width:100%; height:100%;}
.popup .contents .contents .com {clear:both; width:100%; height:100%;}
.popup .contents .right{float:left; width:4px; height:100%; background:url(/img/popup/1/1_right.gif) repeat-y;}

.popup .bottom {width:100%; height:4px; background:url(/img/popup/1/1_bottom.gif) repeat-x;}


/* menu05 page */
.clear01 {clear:both;margin:5px 0 0 0;}
.poptitle{text-align:center;font-weight:bold;font-size:14px;margin-bottom:3px;}
.list {padding:0 0 0 10px;}
.list .in {padding:5px 0 5px 0;}
.list .in01 {padding:3px 0 10px 13px;color:#9f9f9f;font-size:11px;}


.bar_top{clear:both;height:10px;border-top:solid 2px #0371c8;}
.bar_bottom{clear:both;height:10px;border-top:solid 1px #e9e9e9;}


/* TAB */
.tab_red {clear:both;width:100%;height:29px;margin-top:10px;margin-bottom:10px;background:url(/img/board/tab_green_bg.gif) repeat-x;}
.tab_red li.select{float:left;_display:inline;margin-right:1px;background:url(/img/board/tab_green_right.gif) right top no-repeat;}
.tab_red li.select span{display:block;}
.tab_red li.select a{float:left;display:block;font-weight:bold;font-size:12px;height:29px;padding:5px 15px 0 15px;background:url(/img/board/tab_green_left.gif) left top no-repeat;color:#ffffff;text-decoration:none;}
.tab_red li.select a:hover{color:#fff799;text-decoration:none;}
.tab_red li.select a:visited{color:#ffffff;text-decoration:none;}
.tab_red li{float:left;_display:inline;margin-right:1px;background:url(/img/board/tab_green_right2.gif) right top no-repeat;}
.tab_red li span{display:block;}
.tab_red li a{_float:left;display:block;font-weight:bold;font-size:12px;height:29px;padding:5px 15px 0 15px;background:url(/img/board/tab_green_left2.gif) left top no-repeat;color:#444444;text-decoration:none;}
.tab_red li a:hover{color:#387a0b;text-decoration:none;}
.tab_red li a:visited{color:#444444;text-decoration:none;}

.tab_box{padding:10px 0 10px 0;}
.txt_both{width:100%;}
.txt_both .left{text-align:left;float:left}
.txt_both .right{text-align:right;}


.stats {width:100%;margin:5px 0 0 0;padding:20px 20px 10px 20px;border:1px solid #d6dbe1;}
.stats .left{text-align:left;float:left;width:290px;padding:0 20px 0 0}
.stats .right{text-align:right;width:360px;}

.stats1 {width:100%; margin:5px 0 0 0;   border:1px solid #d6dbe1;float:left; }
.stats1 .left{text-align:left; float:left; width:290px; padding-top:30px; margin-left:40px; margin-right:40px; padding-bottom:20px;}
.stats1 .right{text-align:right; width:360px;float:left;padding-top:30px; padding-bottom:20px;}


/* 관리자 > 행사일정 */
.calendar_tit {height:18px;text-align:center;margin-bottom:7px;color:#6fb011;font-size:12px;font-weight:bold}
.calendar_tit img {position:relative;bottom:3px}

.pover {color:#ff0000;text-decoration:underline;font-weight:bold;}

/* 공통버튼 */
a.gray{display:inline-block;height:18px;border:1px solid #707070;color:#fff;font-weight:bold;font-family:dotum;cursor:pointer;vertical-align:middle;overflow:hidden;}
a.gray{border-radius:2px;background:url(/img/board/btn_bg_gray.gif) left bottom repeat-x;}
a.gray span{display:block;padding:2px 10px;}
input.gray{display:inline-block;padding:0 10px;height:20px;line-height:20px;border:1px solid #707070;color:#fff;font-weight:bold;font-family:dotum;cursor:pointer;vertical-align:middle;}
input.gray{border-radius:2px;background:url(/img/board/btn_bg_gray.gif) left bottom repeat-x;}

a.white{display:inline-block;height:18px;border:1px solid #d0d0d0;color:#666;font-weight:bold;font-family:dotum;cursor:pointer;vertical-align:middle;overflow:hidden;}
a.white{border-radius:2px;background:url(/img/board/btn_bg_white.gif) left bottom repeat-x;}
a.white span{display:block;padding:2px 10px;}
input.white{display:inline-block;padding:0 10px;height:20px;line-height:20px;border:1px solid #d0d0d0;color:#666;font-weight:bold;font-family:dotum;cursor:pointer;vertical-align:middle;}
input.white{border-radius:2px;background:url(/img/board/btn_bg_white.gif) left bottom repeat-x;}

/*설문*/
.userResalt ul{ padding:15px;}
.userResalt ul li{height:15px; margin:5px 0; position:relative; padding-left:100px; line-height:1.2em;}
.userResalt ul li strong{position:absolute; left:0; display:block; width:100px; text-align:left; color:#444444; font-size:95%;}
.userResalt ul li span{ position:absolute; right:0;  font-size:85%; font-weight:bold; color:#444; font-family:Tahoma; }
.userResalt ul li div.poll{ width:300px; height:15px; position:absolute; display:inline;}

.userResalt ul li.last{margin:5px 0; position:relative; padding-left:18px; padding-right:18px; }
.userResalt ul li.last p{margin-top:10px; line-height:18px; padding:5px; border:1px dashed #ddd;}

/*Datepicker*/
input.hasDatepicker{width:85px;}
img.ui-datepicker-trigger{cursor:pointer;}
#ui-datepicker-div{display:none;width:180px;background:#fff;border:1px #ccc solid;z-index:99 !important}
.ui-datepicker{position:relative;padding:5px}
.ui-datepicker table{width:100%;font-size:12px}
.ui-datepicker table thead th{height:24px;color:#777;line-height:24px;text-align:center}
.ui-datepicker table tbody td{width:14.2857%;text-align:center;height:22px}
.ui-datepicker table tbody td a{display:block;height:22px;color:#4b4b4b;line-height:22px;text-align:center}
.ui-datepicker table tbody td span{color:#aaa}
.ui-datepicker table tbody td.date-holiday a{color:#eb3c3c}
.ui-datepicker tr td:first-child *{color:#eb3c3c}
.ui-datepicker tr td:last-child *{color:#4084d2}
.ui-datepicker td a.ui-state-active{background:#696a6c;color:#fff}
.ui-datepicker .ui-datepicker-header{position:relative}
.ui-datepicker .ui-datepicker-title{height:30px;line-height:30px;font-size:15px;font-weight:bold;color:#242424;letter-spacing:-1px;text-align:center;}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next{position:absolute;top:5px;line-height:26px;cursor:pointer}
.ui-datepicker .ui-datepicker-prev{left:5px;}
.ui-datepicker .ui-datepicker-next{right:5px;}