/*************************************/
@charset "utf-8";
@import url(reset.css);


ul, ol, dl, li { list-style: none; margin: 0; padding: 0;  }
img { margin: 0; padding: 0; border: none; }

a:link, a:visited { color: #666565; text-decoration: none; }
a:hover { color: #FF6600; text-decoration: none; }
a:active { color: #233B7A; text-decoration: none; font-weight: bold; }
a,img {selector-dummy: expression(this.hideFocus=true);}


.container { clear:both; width: 100%; }

/* Left Menu   tree  */
.leftmenu               { float: left;      left: 0; width: 170px; background-color:#FAFAFA;  }
.leftmenu ul            { margin:0; padding:0; list-style-image:none; list-style-position:outside; list-style-type:none; }

.leftmenu ul li         { padding-top: 7px; padding-bottom: 7px; font-weight: bold;  }
.leftmenu ul li.on      { color:#3771ad; text-decoration: none; }


.menubutton { float: left; left: 170px; width: 6px; border-left: solid 1px #7b7d7b; border-right: solid 1px #7b7d7b; cursor:pointer; background:url(../../Asset/Images/btn_close.gif) no-repeat left 50%; }

.maincontent { float: left; left: 176px; }

.sub_tabs { clear:both; height: 28px; border-bottom: solid 1px #b4b6b5; }

#TabBox { padding-left: 5px;     }
#TabBox li { float:left; height:24px;     margin-top: 4px; margin-right:3px; background:url(../../Asset/Images/bg_tab.gif) top right no-repeat;     }
#TabBox li a {float:left;height:24px; padding: 4px 14px 0 14px;background:url(../../Asset/Images/bg_tab_l.gif) top left no-repeat;color:#7E7E7E;font-size:11px;letter-spacing:-1px;text-decoration:none !important;}
#TabBox li.on { margin-top: 5px; background:url(../../Asset/Images/bg_tab_on.gif) top right no-repeat}
#TabBox li.on a { padding-top: 4px; background:url(../../Asset/Images/bg_tab_l_on.gif) top left no-repeat;color:#000;font-weight:bold;}  

.sub_tabs .command_box { width: 70px; margin-top: 7px; float: right; margin-right: 7px; }
.frame_box { clear:both; overflow: hidden; }

.DivHide { display: none; }
.DivShow { display: block; }

.leftMenu2 {background:#f1f1f1;text-align:center;padding-top:18px;padding-bottom:18px;cursor:hand;border:1px solid #cccccc;font:12px 굴림; }
/*   */

#tab_delete { cursor: pointer; }
#refresh { cursor: pointer; }

/* .InputBox { height:17px; border: solid 1px #CCCCCC; font-size:12px; color:#000000; background-color:#ffffff;  } */




/* 건너뛰기메뉴 */
a.skip{position:absolute; display:block; width:100%; left:0; text-align:center; top:-10000px; z-index:500;}
a.skip:hover, a.skip:focus, a.skip:active{position: absolute; top: 0; padding: 10px 0; font-weight:bold; color:#fff; background:#015386; z-index:500}

/*@font-face{ */
/*    font-family: ng; */
/*    src: url('../fonts/NanumGothic.eot'); */
/*    src: url('../fonts/NanumGothic.eot?') format('eot'),url('../fonts/NanumGothic.woff') format('woff'); */
/*} */
/*@font-face{ */
/*    font-family: ngb; */
/*    src: url('../fonts/NanumGothicBold.eot'); */
/*    src: url('../fonts/NanumGothicBold.eot?') format('eot'),url('../fonts/NanumGothicBold.woff') format('woff'); */
/*} */

body{margin:0px;font-size:12px;color:#666;font-family:ng,'NanumGothic','나눔고딕',dotum,Verdana,Sans-Serif;}
textarea{font-size:12px;color:#666;font-family:ng,'NanumGothic','나눔고딕',dotum,Verdana,Sans-Serif;}

#wrap_login{background:url(../images/bg_login.png) no-repeat center top;width:983px;height:682px;position:absolute;left:50%;top:50%;margin:-341px 0 0 -462px;}
#wrap_login .login{width:320px;margin:0 auto;padding-right:60px}
#wrap_login .login .top{padding:120px 0 15px 0}
#wrap_login .login .cont{border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:20px 0 7px 0;position:relative}
#wrap_login .login .cont p{padding:0 0 13px 0;overflow:hidden;vertical-align:middle}
#wrap_login .login .cont p label{float:left;display:block;width:80px;height:19px;line-height:19px;padding:7px 0 0 0}
#wrap_login .login .cont p input{float:left;display:block;width:140px;height:24px;line-height:24px;border:1px solid #ddd;text-align:center}
#wrap_login .login .cont .btn_login{position:absolute;right:0;top:20px;}
#wrap_login .login .desk{background:url(../images/bg_login_desk.png) no-repeat left top;width:290px;height:51px;padding:28px 0 0 30px;font-family:맑은 고딕;letter-spacing:-1px}
#wrap_login .login .desk p{padding:7px 0 5px 0;color:#969696;}
#wrap_login .login .desk p strong{color:#333}
#wrap_login .btn_group{overflow:hidden;padding:10px 0 15px 0}
#wrap_login .btn_group .left{float:left;padding:8px 0 0 0}
#wrap_login .btn_group .left input{padding:0;margin:0 5px 0 0;vertical-align:top;}
#wrap_login .btn_group .right{float:right;} 
#wrap_login .info{padding:50px 0 0 100px}

#wrap{margin:0 auto;}

#header{}
#header h1{float:left;padding:22px 0 10px 0}
#header .right{float:right;height:28px;line-height:28px;padding:32px 0 10px 0}
#header .right .clock{float:left;background:url(../images/ico_clock.png) no-repeat left 9px;padding:0 20px 0 20px;}
#header .right .user{float:left;background:url(../images/bg_user.png) no-repeat left top;padding:0 10px 0 80px;width:165px;height:28px;overflow:hidden}
#header .right .btn{float:left}
#header .gnb{clear:both;background:url(../images/bg_gnb.png) no-repeat left top;}
#header .gnb .gnb_in{background:url(../images/bg_gnb.png) no-repeat right top;}
#header .gnb .gnb_in table{border-collapse:collapse;width:100%}
#header .gnb .gnb_in table td{background:url(../images/ico_bar01.gif) no-repeat left 11px;padding:8px 0 10px 0;text-align:center;font-size:15px;color:#fff;font-weight:bold;font-family:맑은 고딕;text-shadow:0 0 3px #000;}
#header .gnb .gnb_in table td a{color:#fff}
#header .gnb .gnb_in table td:first-child{background:none}
#header .gnb .gnb_in table td:hover{background:url(../images/bg_gnb_on.png) no-repeat -192px top;}
#header .gnb .gnb_in table td.gnb_mypage:hover{background:url(../images/bg_gnb_on.png) no-repeat left top;}
#header .gnb .gnb_in table td.admin:hover{background:url(../images/bg_gnb_on.png) no-repeat right top;}
#header .gnb .gnb_in table td:focus{background:url(../images/bg_gnb_on.png) no-repeat -192px top;}
#header .gnb .gnb_in table td.gnb_mypage:focus{background:url(../images/bg_gnb_on.png) no-repeat left top;}
#header .gnb .gnb_in table td.admin:focus{background:url(../images/bg_gnb_on.png) no-repeat right top;}
#header .gnb .gnb_in table td.on{background:url(../images/bg_gnb_on.png) no-repeat -192px top;}
#header .gnb .gnb_in table td.gnb_mypage.on{background:url(../images/bg_gnb_on.png) no-repeat left top;}
#header .gnb .gnb_in table td.admin.on{background:url(../images/bg_gnb_on.png) no-repeat right top;}
#header .gnb .gnb_in table th{background:url(../images/ico_bar01.gif) no-repeat left 11px;padding:8px 0 10px 0;text-align:center;font-size:15px;color:#fff;font-weight:bold;font-family:맑은 고딕;text-shadow:0 0 3px #000;}
#header .gnb .gnb_in table th a{color:#fff}
#header .gnb .gnb_in table th:first-child{background:none}
/* #header .gnb .gnb_in table th:hover{background:url(../images/bg_gnb_on.png) no-repeat -192px top;} */
#header .gnb .gnb_in table th.gnb_mypage:hover{background:url(../images/bg_gnb_on.png) no-repeat left top;}
#header .gnb .gnb_in table th.admin:hover{background:url(../images/bg_gnb_on.png) no-repeat right top;}
#header .gnb .gnb_in table th:focus{background:url(../images/bg_gnb_on.png) no-repeat -192px top;}
#header .gnb .gnb_in table th.gnb_mypage:focus{background:url(../images/bg_gnb_on.png) no-repeat left top;}
#header .gnb .gnb_in table th.admin:focus{background:url(../images/bg_gnb_on.png) no-repeat right top;}
#header .gnb .gnb_in table th.on{background:url(../images/bg_gnb_on.png) no-repeat -192px top;}
#header .gnb .gnb_in table th.gnb_mypage.on{background:url(../images/bg_gnb_on.png) no-repeat left top;}
#header .gnb .gnb_in table th.admin.on{background:url(../images/bg_gnb_on.png) no-repeat right top;}
#container{overflow:hidden}
#container .main{overflow:hidden}
/* #container .main .visual{float:left;padding-left:60px;} */
#container .main .visual{float:left;padding-left:6%;}
#container .main .info{float:right;width:254px;height:266px;background:url(../images/bg_info.png) no-repeat left top;padding:76px 24px 0 30px;color:#454545}
#container .main .info .name_area{padding:0 0 8px 0}
#container .main .info .name_area dt{padding:0 0 10px 0}
#container .main .info .name_area dd .name{font-weight:bold;font-size:20px;padding-right:25px}
#container .main .info .name_area dd .tel{font-size:16px;letter-spacing:-1px}
#container .main .info .list_info{padding:20px 0 0 0}
#container .main .info .list_info li{padding:0 0 9px 0;*padding:0 0 6px 0;overflow:hidden}
#container .main .info .list_info li .tit{float:left;width:90px;}
#container .main .info .list_info li .txt{float:left;width:160px;}
#container .section1{overflow:hidden;padding:0 0 40px 10px}
#container .section1 h2{padding:0 0 6px 0;border-bottom:1px solid #ddd;position:relative;}
#container .section1 h2 .more{position:absolute;right:0;top:5px}
/* #container .section1 .notice{float:left;width:280px} */
/* #container .section1 .notice2{float:left;width:250px;padding:0 60px} */
/* #container .section1 .product{float:left;width:280px;position:relative;} */
#container .section1 .notice{float:left;width:27%;}
#container .section1 .notice2{float:left;width:27%;padding:0 60px;}
#container .section1 .product{float:left;width:30%;position:relative;}
#container .section1 .product h2{border-bottom:0;}
#container .section1 .product #nav{overflow:hidden;position:absolute;right:0;top:3px;}
#container .section1 .product #nav a{display:block;float:left;width:8px;height:8px;margin-left:10px;text-indent:-9999px;overflow:hidden;background:url(../images/ico_circle.png) no-repeat left top;}
#container .section1 .product #nav a.activeSlide{background-position:0 -8px}
#container .section1 .product .list_product{width:280px;height:120px;overflow:hidden;}
#container .section1 .product .list_product li{width:280px;height:120px;overflow:hidden;}
#container .section1 .product .list_product li .img{float:left;border:1px solid #ddd;padding:4px;margin:0 20px 0 0}
#container .section1 .product .list_product li dl{float:left;width:140px;height:120px;position:relative;}
#container .section1 .product .list_product li dl dt{padding:10px 0 10px 0;border-bottom:1px solid #ddd;margin-bottom:7px;font-weight:bold;color:#333}
#container .section1 .product .list_product li dl dd{margin:0 0 5px 0;font-size:11px;}
#container .section1 .product .list_product li dl dd.more{position:absolute;left:0;bottom:0;margin:0;}
#container .section1 .list_notice{padding:15px 0 0 0}
#container .section1 .list_notice li{margin:0 0 11px 0;*margin:0 0 7px 0;height:12px;line-height:12px;overflow:hidden;}
#container .section1 .list_notice li a{float:left;max-width:210px}
#container .section1 .list_notice li .date{float:right;color:#00b9f2;letter-spacing:-1px;font-family:Verdana}
#footer{border-top:1px solid #ddd;overflow:hidden;}
#footer .left{float:left;padding:0 0 0 0}
#footer .left p{float:left;padding:27px 0 0 0}
#footer .left .logo{padding:10px 26px 0 0}
#footer .right{float:right;padding:30px 0 0 0}

/* sub */
#container{overflow:hidden;}
#container #snb{float:left;border-right:1px solid #b3b3b3;padding:20px 0 0 0;width:19px;position:relative;overflow:hidden;}
#container #snb #menu_open{position:absolute;right:0;top:20px;}
#container #snb h2{padding:10px 0 10px 20px;background:url(../images/tit_order.png) no-repeat left 10px;font-size:17px;font-weight:bold;font-family:ngb;width:159px}
#container #snb .snb_list{width:159px;display:none;}
#container #snb .snb_list li{padding:0 0 0 10px}
#container #snb .snb_list li a{display:block;height:25px;line-height:25px;background:url(../images/ico_arrow.png) no-repeat left 7px;padding:0 0 0 10px;color:#333}
#container #snb .snb_list li:hover{background:#e6f9ff}
#container #snb .snb_list li:focus{background:#e6f9ff}
#container #snb .snb_list li.on{background:#e6f9ff}
#container #content{float:left;padding:0px 10px 0 10px;width:98%;}
/* #container #content{float:left;padding:0px 0 0 3px;width:920px;} */
/* #container #content{float:left;padding:10px 0 0 20px;width:920px;} */
#container #content .tab ul{*zoom:1;border-bottom:1px solid #b3b3b3;height:27px}
#container #content .tab ul li{float:left;margin-right:5px;background:url(../images/bg_tab.gif) no-repeat left top;padding-left:4px}
#container #content .tab ul li a{display:block;height:28px;line-height:28px;text-align:center;padding:0 15px 0 11px;background:url(../images/bg_tab.gif) no-repeat right top;color:#333}
#container #content .tab ul li:hover{background-position:left -28px}
#container #content .tab ul li:hover a{background-position:right -28px;color:#333}
#container #content .tab ul li:focus{background-position:left -28px}
#container #content .tab ul li:focus a{background-position:right -28px;color:#333}
#container #content .tab ul li.on{background-position:left -28px}
#container #content .tab ul li.on a{background-position:right -28px;color:#333}
#container #content .tab ul:after{display:block;clear:both;content:''}
#container #content .title{overflow:hidden;padding:10px 0}
#container #content .title .tit{background:url(../images/ico_tit.png) no-repeat left 2px;color:#333;padding:0 0 0 30px;font-size:16px;float:left;height:26px;line-height:26px}
#container #content .title .right{float:right}
#container #content .subtitle{overflow:hidden;padding:0 0 5px 10px}
#container #content .subtitle .tit{float:left;background:url(../images/ico_bul01.png) no-repeat left 9px;padding:6px 0 0  15px;color:#006b8b;}
#container #content .subtitle .right{float:right}
#container #content .subtitle .left{float:left}


#container #content .left_right_wrap{overflow:hidden}
#container #content .left_right_wrap .table_list{padding-bottom:0;border-top:2px solid #00baf2}
#container #content .left_right_wrap .leftArea{float:left;width:40%}
#container #content .left_right_wrap .rightArea{float:right;width:57%}
#container #content .left_right_wrap .centerArea{float:left;width:32%;padding:0 5px}

#container #content .left_right_wrap2 {overflow:hidden}
#container #content .left_right_wrap2 .table_list{padding-bottom:0;}
#container #content .left_right_wrap2 .leftArea{float:left;width:45%}
#container #content .left_right_wrap2 .rightArea{float:right;width:52%}
#container #content .left_right_wrap2 .centerArea{float:left;width:32%;padding:0 5px}

#container #content .left_middle_right_wrap {overflow:hidden}
#container #content .left_middle_right_wrap .table_list{padding-bottom:0;}
#container #content .left_middle_right_wrap .contentsArea{float:left;width:32%}
#container #content .left_middle_right_wrap .paddingArea{float:left;width:2%;}
#container #content .left_middle_right_wrap .contentsArea100{float:left;width:100%}

.table_list{letter-spacing:-1px;line-height:150%;}
.table_list table{border-collapse:collapse;width:100%}
.table_list table th{text-align:right;background:#e5f8fe;border:1px solid #ddd;border-bottom:1px solid #e5f8fe;border-top:1px solid #e5f8fe;padding:5px;font-weight:normal;color:#333}
.table_list table th.tit{background:#39579a;color:#fff}
.table_list table th.txtblue{color:blue;}
.table_list table td{border:1px solid #ddd;padding:5px}
.table_list table td .input_txt{border:1px solid #b3b3b3;padding:2px 3px}
.table_list table td .input_area{border:1px solid #b3b3b3}
.table_list table td .input_date{border:1px solid #b3b3b3;padding:2px 3px;margin:2px 4px 0 0;width:70px}
.table_list table td .input_date2{border:1px solid #b3b3b3;padding:2px 3px;margin:2px 4px 0 0;width:70px;background:#f6f6f6}
.table_list table td .ralign{text-align:right;}
.table_list table td .input_txt2{border:1px solid #b3b3b3;padding:2px 3px;background:#f6f6f6}
.table_list table td.cont{line-height:150%;}
.table_list table td.cont textarea{width:100%;height:100px;padding:0;margin:2px 0 0 0;}
.code{border:1px solid #b3b3b3;background:#f6f6f6;text-align:center;height:19px;padding:0 10px;line-height:19px;display:block;margin:2px 5px 0 0;float:left;}
.table_list table td span{display:inline-block;}
.table_list table td p{padding:5px 0}
.table_list table td.blank{background:#fafafa}

.table_list2 table{border-collapse:collapse;width:100%;border-spacing:0;}
.table_list2 table th{border:1px solid #b3b3b3;color:#333;background:url(../images/bg_th3.gif) repeat-x left top;line-height:28px;height:28px;padding:0;font-weight:normal}
.table_list2 table th.tit{background:url(../images/bg_th.gif) repeat-x left top;font-weight:bold;color:#006b8b}
.table_list2 table th.tit2{background:url(../images/bg_th2.gif) repeat-x left top;height:56px;font-weight:bold;color:#006b8b}
.table_list2 table td{border:1px solid #b3b3b3;padding:5px;text-align:center}
.table_list2 table td.left{text-align:left}

.table_list3 {letter-spacing:-1px;line-height:150%;}
.table_list3 table{border-collapse:collapse;width:100%}
.table_list3 table th{text-align:right;background:#e5f8fe;border:1px solid #ddd;border-bottom:1px solid #e5f8fe;border-top:1px solid #e5f8fe;padding:0px;font-weight:normal;color:#333}
.table_list3 table th.tit{background:#39579a;color:#fff}
.table_list3 table th.pad5{padding:1px 5px}
.table_list3 table td{border:1px solid #ddd;padding:0px}
.table_list3 table td.pad5{padding:1px 5px}

.table_list4 {letter-spacing:-1px;line-height:150%;}
.table_list4 table{border-collapse:collapse;width:100%}
.table_list4 table th{border:1px solid #ddd;padding:3px;}
.table_list4 table td{border:1px solid #ddd;padding:3px;}

.tab2 ul{overflow:hidden;}
.tab2 ul li{float:left;margin:0 0 0 -1px;border:1px solid #a6cad5;border-bottom:0;}
.tab2 ul li:first-child{margin:0}
.tab2 ul li a{display:block;padding:5px 20px;color:#333}
.tab2 ul li a:hover{background:#e6f9ff}
.tab2 ul li a:focus{background:#e6f9ff}
.tab2 ul li a.on{background:#e6f9ff}

#start_day{margin:2px 4px 0 0;width:70px}
#end_day{margin:2px 4px 0 0;width:70px}
#from_date{margin:2px 4px 0 0;width:70px}
#to_date{margin:2px 4px 0 0;width:70px}
#writeDay{margin:2px 4px 0 0;width:70px}



/* btns */
#btns {text-align:right; margin-bottom:5px}
#btns button {color:#fff; cursor:pointer; border-radius:3px; line-height:20px; font-size:12px; font-weight:bold; border-width:1px; border-style:solid; padding:0 10px; margin:0;
border-color:#5c6372 #555c6b #474d5e #585f6e;
background: #8e96a9;
background: -moz-linear-gradient(top,  #8e96a9 0%, #646d80 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8e96a9), color-stop(100%,#646d80));
background: -webkit-linear-gradient(top,  #8e96a9 0%,#646d80 100%);
background: -o-linear-gradient(top,  #8e96a9 0%,#646d80 100%);
background: -ms-linear-gradient(top,  #8e96a9 0%,#646d80 100%);
background: linear-gradient(to bottom,  #8e96a9 0%,#646d80 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e96a9', endColorstr='#646d80',GradientType=0 );
box-shadow:0 1px rgba(255,255,255,0.2) inset;
}
button.btns_button {color:#fff; cursor:pointer; border-radius:3px; line-height:20px; font-size:12px; font-weight:bold; border-width:1px; border-style:solid; padding:0 10px; margin:0;
border-color:#5c6372 #555c6b #474d5e #585f6e;
background: #8e96a9;
background: -moz-linear-gradient(top,  #8e96a9 0%, #646d80 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8e96a9), color-stop(100%,#646d80));
background: -webkit-linear-gradient(top,  #8e96a9 0%,#646d80 100%);
background: -o-linear-gradient(top,  #8e96a9 0%,#646d80 100%);
background: -ms-linear-gradient(top,  #8e96a9 0%,#646d80 100%);
background: linear-gradient(to bottom,  #8e96a9 0%,#646d80 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e96a9', endColorstr='#646d80',GradientType=0 );
box-shadow:0 1px rgba(255,255,255,0.2) inset;
}

.tac{text-align:center !important;}
.paginate{margin:40px auto; width:40%; text-align:center;}
.paginate a{padding:0 10px;}
.bt_box01{width: 97%; text-align: right;}
.bt_box01 a{
    color: #e9e9e9;
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font: 14px/100% Arial, Helvetica, sans-serif;
    padding: .5em 2em .55em;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-border-radius: .5em; 
    -moz-border-radius: .5em;
    border-radius: .5em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);}
.bt_box01 a:hover{text-decoration: none;}
.bt_box01 a:active{position: relative; top: 1px;}
.button{
    color: #e9e9e9 !important;
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font: 12px/100% ng,'NanumGothic','나눔고딕', Arial, Helvetica, sans-serif;
    padding: .5em 2em .55em;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-border-radius: .5em; 
    -moz-border-radius: .5em;
    border-radius: .5em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.gray{
    color: #e9e9e9;
    border: solid 1px #555;
    background: #6e6e6e;
    background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
    background: -moz-linear-gradient(top, #888, #575757);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');}
.gray:hover{
    background: #616161;
    background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
    background: -moz-linear-gradient(top, #757575, #4b4b4b);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');}
.gray:active{}

.btn_stat,
.btn_dinfo{
    display: inline-block;
    width:70px;
    height:26px;
    line-height:26px;
    background:#e3e3e3 !important;
    border:1px solid #ccc;
    border-radius:4px;
}