@charset "utf-8";

/* font 관련 CSS 추가 *****************************************************************************/

  @import url(../css/font/nanumgothic.css);

/************************************************************************************************/

html, body, table, div, p{font-family: 'Nanum Gothic';}
body{overflow-x:hidden;}

ul{list-style:none;}



/* Type Selector */
#skipNav, .blind, legend{position:absolute; left:-9999em;}

*{margin:0; padding:0; font-family:'Nanum Gothic',Dotum,sans-serif;}
html, body{height:100%; margin:0px; padding:0px;}
body{font-size:12px; color:#303030; line-height:1.4; overflow-x:auto; overflow-y:auto;}
img, fieldset, button{border:0 none;}
fieldset {margin:0; padding:0;}
hr, button img, .hidden{display:none;}
li, input {list-style:none; vertical-align:middle;}
em, address{font-style:normal;}
body a{text-decoration:none; color:#565656;}
header,nav,section,article,footer {display:block;}
a:hover, a:active, a:focus{text-decoration:none;}
textarea{overflow:auto; background:#f2f1f0;}
table{border-collapse:collapse;}
td, th {display: table-cell;}
div{display:block}
html:first-child select{padding-right:6px; height:20px;} /* Opera 9 & Below Fixf */
option {padding-right:6px;} /* Firefox Fix */
caption, legend, .alt {position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; display:none; font-size:0; line-height:0;}
img, input, select {vertical-align:middle;}
select{padding:0 0 0 5px;}

.area {position: relative; width:1250px; margin:auto;}
.clear {clear:both;}
.bold {font-weight:600;}

.ListNumber {margin-left:20px;}
.ListNumber li {list-style-type:decimal;}

.tleft {text-align: left;}
.tcenter {text-align: center;}
.tright {text-align: right;}


/* 기본 레이아웃 */
#warp{width:100%; height:100%; margin:0 auto;}

#header-area {position: relative; width:100%; background-color:#ffffff; min-width:1250px;}
  #header-area .topt_area {position: relative; width:100%; height:75px;}
  #header-area .topb_area {position: relative; width:100%; height:151px; background:url("../images/top/menu_bg.jpg") top left repeat-x;}

#container_area{position:relative; margin:0 auto; width:100%; margin-top:0; min-height:500px; background:url("../images/dashboard/content_bg.gif") top left repeat-x;}

  #main_content_top{margin:0 auto; width:1116px; height:247px; }
    #main_content_top div.inlinebox{display:inline-block; }

  #main_content_gp{margin:0 auto; width:1116px; margin-top:30px;}
    #main_content_gp div.inlinebox{display:inline-block; }




/* TOP 영역 */
.topt_area div, ul{display:inline-block; letter-spacing:-1px; font-size:12.5px;}
.topt_area li{display:inline-block;}
.topt_area .topt_logo{float:left; width:35%; padding-left:46px; padding-top:10px;}
.topt_area .topt_banner{float:left; width:30%; text-align:right; padding-top:9px;}
/* .topt_area .topt_menu{float:right; width:35%; border:1px silid red; text-align:right; padding-top:40px; padding-right:20px;} */
.topt_area .topt_menu{float:right; width:35%; border:1px; border-color: red; text-align:right; padding-top:40px; padding-right:20px;}

.topt_area .t_menu01{color:#636363; text-align:center; line-height:20px; display:inline-block; margin:0; padding:0 12px 0 12px ;}
.topt_area .t_menu01 a {color:#636363; text-align:center; line-height:20px;}
.topt_area .t_menu01 a:link, .topt_area .t_menu01 a:visited, .topt_area .t_menu01 a:focus{color:#636363;}
.topt_area .t_menu01 a:hover, .topt_area .t_menu01 a:active{color:#526aa6;}

.topt_area span{color:#b97d25; margin:0 0 0 1px; padding:0 0 0 12px ;}

.topt_area .tbtn_set a {border:1px solid #44558b; background:#5267a8; color:#ffffff; text-align:center;  height:20px; line-height:20px; display:inline-block; margin:0 0 0 1px; padding:0 12px 0 12px ; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
.topt_area .tbtn_set a:link, .topt_area .tbtn_set a:visited, .topt_area .tbtn_set a:focus{background:#5267a8; border:1px solid #44558b; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
.topt_area .tbtn_set a:hover, .topt_area .tbtn_set a:active{background:#40579d; border:1px solid #44558b; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}

.topt_area .tbtn_notify a {border:1px solid #44558b; background:#f00; color:#ffffff; text-align:center;  height:20px; line-height:20px; display:inline-block; margin:0 0 0 1px; padding:0 12px 0 12px ; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; font-weight:bold;}
.topt_area .tbtn_notify a:link, .topt_area .tbtn_set a:visited, .topt_area .tbtn_set a:focus{background:#5267a8; border:1px solid #44558b; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
.topt_area .tbtn_notify a:hover, .topt_area .tbtn_set a:active{background:#f00; border:1px solid #44558b; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}


/* 메뉴 네비게이션 영역 */
#header-area .gnb {position:relative; margin:0 auto; width:1250px; text-align:center;}
#header-area .gnb .gnbMenu {position:relative; padding:15px 0 17px 0; height:20px; text-align:center;}
#header-area .gnb .gnbMenu li {float:left; font-size:16px; font-weight:600; text-align:center; padding:0 34px 0 34px;}
#header-area .gnb .gnbMenu  li a {color:#fdfffe;}
#header-area .gnb .gnbMenu li:hover a {color:#95aed5;}
#header-area .gnb .btn_allview{float:right; padding:17px 25px 0 0;}


/* bookmark 메뉴영역 */
#header-area .bookmark{margin:0 auto; width:100%; min-width:1120px; text-align:center; padding-top:12px;}
#header-area .bookmark li{position:relative; display:inline-block; margin:0 15px 0 15px; width:157px; height:74px; background-color:#ffffff; border:1px solid #000000; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background:url("../images/top/bookmark_bg.gif") 0 0 repeat-x;}

#header-area .bookmark li .bm_his{font-size:11px; font-weight:400; height:19px; padding-top:5px; color:#898989;}
#header-area .bookmark li .bm_menu{font-size:18px; font-weight:600; height:40px; padding-top:10px;}
#header-area .bookmark li .bm_menu a {color:#01173c;}
#header-area .bookmark li .bm_menu:hover a {color:#2257a2;}


#header-area .bookmark .bm_leftbtn{float:left; text-align:center; width:50px; border:0; padding-top:7px; margin:0; background:url("../images/top/bookmark_bg.png") 0 0 repeat-x;}
#header-area .bookmark .bm_leftbtn .btnimg{padding-bottom:13px}
#header-area .bookmark .bm_rightbtn{float:right; text-align:center; width:50px; border:0; padding-top:7px; margin:0; background:url("../images/top/bookmark_bg.png") 0 0 repeat-x;}
#header-area .bookmark .bm_rightbtn .btnimg{position:relative; padding-bottom:13px}

#header-area .bookmark .bm_admin{position:absolute; left:-12px; top:70px; width:25px;}




/* 컨텐츠_box유형별 */

.mt_box_type00{position:relative; vertical-align:top; padding-bottom:0px; margin:18px 0 26px 0; border:1px solid #b8c2ce; background-color:#ffffff; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; width:279px;}
.mt_box_type00_tit{font-size:14px; color:#262626; padding:13px 0 12px 13px; background-color:#f4f0eb; -moz-border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0; border-bottom:1px solid #f4f4f4;}
.mt_box_type00_tit_nd{padding:13px 0 0 0; background-color:#f4f0eb; -moz-border-radius:0 0 4px 4px; -webkit-border-radius:0 0 4px 4px; border-radius:0 0 4px 4px; border-bottom:1px solid #f4f4f4;}
.mt_box_type00_tit img{border:1px solid #d6d6d6;}
.mt_box_type00_tit .mt_btype00_text{display:inline-block; width:70%; font-size:18px; font-weight:600; text-align:center;}
.mt_box_type00 .box_span{position:absolute; right:10px; top:0;}
.mt_box_type00 .box_span .btn_boxtype01_close{width:21px; height:29px; cursor:pointer; border:0; background:url("../images/sub/box_type01_close.png") top right no-repeat; }

.mt_box_type01_c{position:relative; vertical-align:top; margin:18px 5px 0 12px; padding-bottom:0px; margin-bottom:26px; border:1px solid #b8c2ce; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; width:399px; background-color:#ffffff;}
.mt_box_type01_c_tit{ font-size:16px; color:#262626; padding:6px 0 6px 18px; background-color:#ebebec; -moz-border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0; }
.mt_box_type01_c .box_span{position:absolute; right:10px; top:0;}
.mt_box_type01_c .box_span .btn_boxtype01_close{width:21px; height:29px; cursor:pointer; border:0; background:url("../images/sub/box_type01_close.png") top right no-repeat; }

.mt_box_type01_r{position:relative; vertical-align:top; float:right; padding-bottom:0px; margin:18px 0 26px 0; border:1px solid #b8c2ce; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; width:399px; background-color:#ffffff;}
.mt_box_type01_r_tit{ font-size:16px; color:#262626; padding:6px 0 6px 18px; background-color:#ebebec; -moz-border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0; }
.mt_box_type01_r .box_span{position:absolute; right:10px; top:0;}
.mt_box_type01_r .box_span .btn_boxtype01_close{width:21px; height:29px; cursor:pointer; border:0; background:url("../images/sub/box_type01_close.png") top right no-repeat; }



.m_box_type01{position:relative; padding-bottom:0px; margin-bottom:26px; border:1px solid #b8c2ce; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; width:736px;}
.m_box_type01_tit{ font-size:16px; color:#ffffff; padding:6px 0 6px 18px; background-color:#7d91b5; -moz-border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0; }
.m_box_type01 .box_span{position:absolute; right:10px; top:0;}
.m_box_type01 .box_span .btn_boxtype01_close{width:21px; height:29px; cursor:pointer; border:0; background:url("../images/sub/box_type01_close.png") top right no-repeat; }

.m_box_type02{position:relative; padding-bottom:0px; margin-bottom:26px; border:1px solid #b8c2ce; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; width:360px;}
.m_box_type02_tit{ font-size:16px; color:#ffffff; padding:6px 0 6px 18px; background-color:#7d91b5; -moz-border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0; }
.m_box_type02 .box_span{position:absolute; right:10px; top:0;}
.m_box_type02 .box_span .btn_boxtype01_close{width:21px; height:29px; cursor:pointer; border:0; background:url("../images/sub/box_type01_close.png") top right no-repeat; }

.m_box_type02_c{position:relative; margin:0 12px; padding-bottom:0px; margin-bottom:26px; border:1px solid #b8c2ce; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; width:360px;}
.m_box_type02_c_tit{ font-size:16px; color:#ffffff; padding:6px 0 6px 18px; background-color:#7d91b5; -moz-border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0; }
.m_box_type02_c .box_span{position:absolute; right:10px; top:0;}
.m_box_type02_c .box_span .btn_boxtype01_close{width:21px; height:29px; cursor:pointer; border:0; background:url("../images/sub/box_type01_close.png") top right no-repeat; }

.m_box_type02_r{position:relative; float:right; padding-bottom:0px; margin-bottom:26px; border:1px solid #b8c2ce; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; width:360px;}
.m_box_type02_r_tit{ font-size:16px; color:#ffffff; padding:6px 0 6px 18px; background-color:#7d91b5; -moz-border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0; }
.m_box_type02_r .box_span{position:absolute; right:10px; top:0;}
.m_box_type02_r .box_span .btn_boxtype01_close{width:21px; height:29px; cursor:pointer; border:0; background:url("../images/sub/box_type01_close.png") top right no-repeat; }


.gp_area01{margin:0 auto; width:100%; text-align:center;}
.gp_area01 .farm_info{width:100%;}
.gp_area01 .farm_info li{border-bottom:1px solid #f4f4f4; height:24px;}
.gp_area01 .farm_info .detail_icon{width:25%; display:inline-block; text-align:right;}
.gp_area01 .farm_info .detail_title{width:25%; display:inline-block; text-align:right; padding-right:15px; color:#4f4f4f; font-size:13px;}
.gp_area01 .farm_info .detail_text{width:43%; display:inline-block; text-align:left; color:#89898a; font-size:13px;}


.gp_area02{margin:0 auto; width:90%; padding:12px 0px; color:#666666;}
.gp_area02 li{float:left; width:92%; text-align:left; padding:4px 12px; font-size:14px;}
.gp_area02 li span{display:inline-block; float:right;}

.gp_area02 li a:visited, .gp_area02 li a:focus{color:#254c88;}
.gp_area02 li a:hover, .gp_area02 li a:active{color:#254c88; border-bottom:1px solid #254c88; padding-bottom:0px;}


.gp_area03{margin:0 auto; width:90%; padding:12px 0px; text-align:center;}
.help_state01{display:inline-block; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; background-color:#1f64ca; color:#ffffff; padding:0px 5px; font-size:11px;}
.help_state02{display:inline-block; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; background-color:#012355; color:#ffffff; padding:0px 5px; font-size:11px;}

.gp_area03 li{float:left; width:92%; text-align:left; padding:4px 12px; font-size:14px;}
.gp_area03 li .help_date{display:inline-block; float:right;}

.gp_area03 li a:visited, .gp_area03 li a:focus{color:#254c88;}
.gp_area03 li a:hover, .gp_area03 li a:active{color:#407ed9;}


.gp_area_w{margin:10px auto; width:97%; padding:0px; text-align:center;}
.gp_area{margin:10px auto; width:94%; padding:10px; text-align:center;}


/* 테이블관련 DIV */
.table_contents{margin:0; padding:10px; margin-bottom:5px;} /*overflow-x:auto; overflow-y: hidden;*/

.table_contents_h{position:relative; width:98.5%; margin:0; text-align:center; padding:10px; margin-bottom:5px;}
.table_contents_h div{display:inline-block; vertical-align:middle;}
.table_contents_h .table_cont_hleft{text-align:right; width:44%;}
.table_contents_h .table_cont_hright{text-align:right; width:44%;}
.table_contents_h .table_cont_hcenter{ width:9.3%; text-align:center;}

/* 테이블01(입력및상세) */
.table_input01 {width:100%; border:1px solid #dddddd; margin:0;}
.table_input01 caption{top:auto; text-indent:-9999%; width:1px; height:1px; line-height:0; color:#FFFFFF;}
.table_input01 th, .table_input01 td {font-size:14px; border:1px solid #e4e4e4; color:#3f3e3e; height:34px;}
.table_input01 th {padding:3px 10px; color:#ffffff; background:#63a87b; font-weight:bold;}
.table_input01 td {color:#3f3e3e; background:#ffffff; padding:3px 5px;}
.table_input01 img{vertical-align:middle; padding:0 0 1px 0;}


/* 푸터 영역 */
#footer{border:1px solid #dcdcdc; margin:20px auto; padding:15px; text-align:center; width:1250px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
#footer div{display:inline-block; vertical-align:top;}

#footer .footer_logo_area_l {float:left; margin:40px 0 0 60px;}
#footer .footer_logo_area_r {float:right; margin:40px 60px 0 0;}

#footer .footer_menu{color:#5d5b5b;}
#footer .footer_menu li{display:inline-block; padding:15px 10px 15px 10px;}
#footer .footer_menu a{color:#5d5b5b;}
#footer .footer_menu a:hover{color:#000000;}

#footer address{padding:0px 0 20px 30px; text-align:left; }


/********/

.w10{width:10px;}

/********/






/****로그인***/

#login_area{width:100%; height:100%; margin:0 auto; background:#2c3a5c url("../images/dashboard/login_bg.gif") center 20% repeat-x; background-attachment: fixed;}

.login_box_all{position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;width:712px; height:387px;}
  .login_box_l{float:left; width:441px; height:387px; background-color:#ffffff; padding:30px 50px;}
  .login_box_r{float:right; width:271px; height:387px; background:url("../images/dashboard/login_rightimg.gif") 0 0 no-repeat;}


.login_stitle01{font-size:34px; font-weight:bold; color:#343f63;}
.login_form{padding-top:20px;}
.login_form input{margin-top:0px; padding:5px; width:97%; height:20px;  -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border:1px solid #b1b1b1;}



.login_box_l .keeping{ float:none; width:50%; height:32px; line-height:32px; margin:10px 0; padding:0 0 0 0px; font-size:14px; }
.login_box_l .keeping label{ position:static; cursor:pointer;}
.login_box_l .iCheck{ width:15px; height:15px; margin:0 8px 0 0; padding:0; vertical-align:middle;}



.btn_box01{position:relative; vertical-align:top; margin-top:15px;}
.btn_box01_text{font-size:12px; }

.btn_box02{position:relative; vertical-align:bottom; margin-top:225px;}


.login_box_r_text01{padding:25px 0px 0px 20px; font-size:15px; color:#FFF;}
.login_box_r_text02{padding:0px 0px 0px 20px; font-size:34px; font-weight:600; color:#FFF;}


/* 로그인내 버튼 */
.login_box_l .log_btn{width:100%; text-align:center; width:100%; margin-bottom:20px;}

.login_box_l  .log_btn button{-moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px;
  width:100%; height:50px; line-height:50px; background:#42b06d; color:#FFF; padding:0 5px; cursor:pointer;  border:0; margin:0 auto; font-size:15px;}

.login_box_l  .log_btn button:hover, .log_btn ul li.login button:focus, .log_btn ul li.login button:active {-moz-border-radius:7px; -webkit-border-radius:7px;border-radius:7px;
  width:100%; height:50px; line-height:50px; background:#2ea25c; color:#FFF; padding:0 5px; cursor:pointer;  border:0; margin:0 auto; font-size:15px;}



.btn_leftarea{width:40%; padding:10px 0 0 0; font-size:14px; color:#547aa1;}
.btn_centerarea{left:42%; top:0; padding:15px 0 15px 0;}
.btn_rightarea{float:right; right:18px; top:0px; padding:0px; }


.btn_lefttype01{position:absolute; top:0; right:0; font-size:14px; background:#d75b6a; height:30px; border:1px solid #cd5362; color:#FFF; border-radius:0px; padding:0 30px 0 30px; cursor:pointer; vertical-align:middle; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.btn_lefttype01:hover{background-color:#e56978;}

.btn_lefttype02{position:absolute; bottom:0; left:20px; font-size:14px; background:#1e58a6; height:30px; border:1px solid #18519c; color:#FFF; border-radius:0px; padding:0 22px 0 22px; cursor:pointer; vertical-align:middle; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.btn_lefttype02:hover{background-color:#2d67b4;}

.btn_lefttype03{position:absolute; bottom:0; left:138px; font-size:14px; background:#1e58a6; height:30px; border:1px solid #18519c; color:#FFF; border-radius:0px; padding:0 30px 0 30px; cursor:pointer; vertical-align:middle; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.btn_lefttype03:hover{background-color:#2d67b4;}