/*=============================================================================================================
* 2013-05-11 Create By Sinjin
=============================================================================================================*/

* { margin: 0; padding: 0; font-family: "Dotum"; }/* vertical-align: baseline;*/
h1, h2, h3, h4, h5 ,h6 { font-size: 100%; font-weight: normal; }
ul, ol { list-style: none; }
img, fieldset { border: 0; }
legend { display: none; width: 0; height: 0; font-size: 0; position: absolute; top: -30000px; overflow: hidden; }
table { border-collapse: collapse; }
q:before, q:after { content: ""; }


body { font-size: 12px; color: #434343; }
a { text-decoration: none; }


/*=============================================================================================================
* Admin Footer
=============================================================================================================*/
#admin_footer { min-height: 50px; background: #F2F2F2; border-top: 1px solid #ADADC1; clear: both; }


#price_table { width: 360px; text-align:center; color:#555555;}
#price_table th { background-color:#525252; color:#FFF; height:25px; font-size:11px;}
#price_table td { border:#c8c8c8 solid; border-width: 0 0 1px 0;  height:25px; font-size:11px; }
#price_table span { border:#c8c8c8 solid 1px; display:inline-block;}
#price_table input{ width:54px; height:13px; border:none;}
#price_table td:nth-child(6n+1) { font-weight:bold; border:#c8c8c8 solid; border-width: 0 0 1px 1px ; }
#price_table td:nth-child(6n+4) { font-weight:bold; color:#e24f2f; }
#price_table td:nth-child(6n+6) {  border:#c8c8c8 solid; border-width: 0 1px 1px 0 ; }
#price_table tr:nth-child(odd){background-color:#ffffff;}
#price_table tr:nth-child(even){background-color:#eef2f7;}

/*=============================================================================================================
* Common Style
=============================================================================================================*/
/* Button */
.btn_common { display: inline-block; padding-left: 2px; }
.btn_common a,
.btn_common input { display: block; padding: 0 15px; color: #FFF; border:0; }

.btn_small { height: 22px; background: url("/adm/images/admin/btn_common.gif") no-repeat left top; }
.btn_small a, .btn_small input { height: 22px; line-height: 22px; background: url("/adm/images/admin/btn_common.gif") no-repeat right top; }

.btn_normal { height: 32px; background: url("/adm/images/admin/btn_common.gif") no-repeat left -32px; }
.btn_normal a, .btn_normal input { height: 32px; line-height: 32px; background: url("/adm/images/admin/btn_common.gif") no-repeat right -32px; }

.btn_small_gray { height: 22px; background: url("/adm/images/admin/btn_common_gray.gif") no-repeat left top; }
.btn_small_gray a, .btn_small_gray input { height: 22px; line-height: 22px; background: url("/adm/images/admin/btn_common_gray.gif") no-repeat right top; color: #626262; }

.btn_normal_gray { height: 32px; background: url("/adm/images/admin/btn_common_gray.gif") no-repeat left -32px; }
.btn_normal_gray a, .btn_normal_gray input { height: 32px; line-height: 32px; background: url("/adm/images/admin/btn_common_gray.gif") no-repeat right -32px; }


/* Form */
select,
input[type="text"],
input[type="password"] { height: 20px; line-height: 22px; border: 1px solid #DDD; }
input[type="radio"],
input[type="checkbox"] { width: 13px; height: 13px; }


/* Font Color */
.color_red { color: #D00; }
.color_orange { color: #F90; }

/* Float */
.right_f { float: right; }
.center_f { float: center; }
.left_f { float: left; }


/* space */
.margin_10 { margin-bottom: 10px; }



/*=============================================================================================================
* 견적서
=============================================================================================================*/
.estimate_area { width: 610px; }
.estimate_area table { margin-bottom: 10px; }
.estimate_area h1 { padding: 10px 0; font-size: 14px; font-weight: bold; text-align: center; border-bottom: 1px solid #333; }
.estimate_area .date { padding: 10px 0; text-align: right; font-size:12px}
.estimate_area .date span { margin-left: 15px; }
.estimate_area div.left_f { width: 221px; }
.estimate_area .left_f table tr th,
.estimate_area .left_f table tr td { background: none; border: 0; }
.estimate_area .left_f table tr td { padding: 0 10px; height: 35px; *height: 32px; vertical-align: middle; }
.estimate_area .left_f table tr td span { display: inline-block; margin-bottom: 10px; padding: 5px 5px; background: #F2F2F2; }
.estimate_area div.right_f { width: 389px; }
.estimate_area .payment { margin-bottom: 10px; background: #EEE; clear: both; overflow: hidden; }
.estimate_area .payment table { margin-bottom: 0; }

.estimate_area .payment_02 { background: 0; }
.estimate_area .payment_02 th { text-align: right; }

.estimate_area .payment_03 th,
.estimate_area .payment_03 td { padding: 0 10px; height: 22px; text-align: center; vertical-align: middle; }

.estimate_area .pay_list tr th { text-align: center; }
.estimate_area .pay_list tr td { padding: 0; height: 22px; }


/*=============================================================================================================
* Admin Wrap 
=============================================================================================================*/
#admin_wrap { min-width: 1000px; }



/*=============================================================================================================
* Admin Header
=============================================================================================================*/
#admin_header { position: relative; width:100% }
#admin_header h1 { margin: 10px 0; float: left; }
#admin_header q { font-size: 19px; color: #0D36B0; font-weight: bold; position: relative; top: 20px; left: 10px; }
#admin_header .nav { height: 37px; background: url("/adm/images/admin/nav_bg.gif") repeat-x left top; clear: both; }
#admin_header .nav li { padding: 1px 0; border-right: 1px solid #1F72D7; float: left; }
#admin_header .nav li a { display: block; padding: 0 35px; height: 35px; color: #FFF; line-height: 35px; border-left: 1px solid #3A8BEC; overflow: hidden; }

#admin_header .top_menu * { font-size: 11px; color: #434343; }
#admin_header .top_menu { position: absolute; top: 40px; right: 10px; }
#admin_header .top_menu ul li { padding: 0 8px; background: url("/adm/images/admin/top_menu_bar.gif") no-repeat right top; float: left; }


/*=============================================================================================================
* Admin Contents
=============================================================================================================*/
#admin_contents { background: url("/adm/images/admin/aside_bg.gif") repeat-y left top; clear: both; overflow: hidden; }



/*=============================================================================================================
* Admin Contents - Aside
=============================================================================================================*/
#admin_contents .aside { width: 149px; float: left; overflow: hidden;}
#admin_contents .aside h2 { height: 50px; color: #3A8BEC; font-weight: bold; text-align: center; line-height: 50px; }
#admin_contents .aside .aside_menu { border-bottom: 1px solid #D8D9DF; overflow: hidden; }
#admin_contents .aside .aside_menu li { border-top: 1px solid #D8D9DF; }
#admin_contents .aside .aside_menu li a { display: block; padding-left: 15px; height: 30px; color: #A5A5A5; line-height: 30px; background: url("/adm/images/admin/aside_arrow.gif") no-repeat 138px 50%; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF;  color:#5D5D5D; }
#admin_contents .aside .aside_menu li a.on,
#admin_contents .aside .aside_menu li a:hover { color: #434343; background-color: #D8D9DF; }



/*=============================================================================================================
* Admin Contents - Section
=============================================================================================================*/
#admin_contents .section { margin-left: 150px; padding-top: 35px; overflow: hidden; }
#admin_contents .section h3 { padding: 0 0 5px 10px; font-size: 17px; font-weight: bold; float: left; }
#admin_contents .section .location { margin-right: 10px; float: right; overflow: hidden; }
#admin_contents .section .location ul li { font-size: 11px; color: #3A8BEC; font-weight: bold; float: left; }
#admin_contents .section .location ul li a { margin-right: 5px; padding-right: 10px; color: #3A8BEC; font-weight: normal; background: url("/adm/images/admin/location_arrow.gif") no-repeat right top; }

#admin_contents .section .cont_area { padding: 25px 10px; border-top: 1px solid #D8D9DF; clear: both; overflow: hidden; }
#admin_contents .section .cont_area h4 { margin-bottom: 5px; font-size: 13px; color: #2980EC; font-weight: bold; }


#admin_contents .section .cont_area1 { padding: 25px 10px; border: solid 1px #d6d6d6; clear: both; }
#admin_contents .section .cont_area1 th { padding: 5px 5px; text-align:center; background: #A0BAED;border: solid 1px #d6d6d6; }
#admin_contents .section .cont_area1 td { padding: 5px 5px; text-align:center;border: solid 1px #d6d6d6; }


.table_area { overflow: hidden; clear: both;}
.table_area h4 { margin-bottom: 5px; font-size: 13px; color: #2980EC; font-weight: bold; }
.table_area table { margin-bottom: 25px; width: 100%; }
.table_area table th { text-align: left; vertical-align: middle; background: #F2F2F2; font-weight: bold; font-size: 13px; }
.table_area table th,
.table_area table td { padding: 5px 10px; font-weight: normal; border: 1px solid #555; font-size:14px;}
.table_area table td * { vertical-align: middle; }
.table_area table td .btn_common { margin-right: 5px; }
.table_area table td .color_orange { font-size: 11px; }
.table_area table td .address_01 input[type="text"],
.table_area table td .address_02 input[type="text"] { width: 100%; } 
.table_area table td .address_01 { margin: 3px 0; }
.table_area table td .address_03 input[type="text"],
.table_area table td .address_04 input[type="text"] { width: 50%; } 
.table_area table td .address_03 { margin: 3px 0; }
.table_area textarea { width: 99%; height: 90px; border: 1px solid #DDD; overflow: auto; }
.table_area table td[colspan="6"] { text-align: right; }
.table_area table td[colspan="6"] label { margin: 0 3px 0 10px; }
.table_area table td[colspan="6"] input[type="text"] { background: #FDE8EB; }
.table_area p span {font-size:14px;}


.table_list { margin-bottom: 30px; overflow: hidden; clear: both; }
.table_list h4 { margin-bottom: 5px; font-size: 13px; color: #2980EC; font-weight: bold; }
.table_list table { margin-bottom: 25px; width: 100%; }
.table_list table th { vertical-align: middle; background: #F2F2F2; font-weight: bold; }
.table_list table th,
.table_list table td { padding: 5px 10px; border: 1px solid #DDD; text-align: center; }
.table_list table td * { vertical-align: middle;  font-weight: normal; text-align: left; }
.table_list table td .btn_common { margin-right: 5px; }
.table_list table td .color_orange { font-size: 11px; }
.table_list table td .address_01 input[type="text"],
.table_list table td .address_02 input[type="text"] { width: 100%; } 
.table_list table td .address_01 { margin: 3px 0; }
.table_list textarea { width: 99%; height: 90px; border: 1px solid #DDD; overflow: auto; }
.table_list table td[colspan="6"] { text-align: right; }
.table_list table td[colspan="6"] label { margin: 0 3px 0 10px; }
.table_list table td[colspan="6"] input[type="text"] { background: #FDE8EB; }

.board_list { margin-bottom: 30px; overflow: hidden; clear: both; border-top: solid 2px #2980EC; }
.board_list h4 { margin-bottom: 5px; font-size: 13px; color: #2980EC; font-weight: bold; }
.board_list table { margin-bottom: 25px; width: 100%; }
.board_list table tr.b2 { background: #f9f9f9; }
.board_list table th { vertical-align: middle; background: #F2F2F2; font-weight: bold;  text-align: center; }
.board_list table td.center { text-align: center; }
.board_list table th,
.board_list table td { padding: 5px 10px; border: 1px solid #DDD;  font-weight: normal; }
.board_list table td * { vertical-align: middle; text-align: left; }
.board_list table td .btn_common { margin-right: 5px; }
.board_list table td .color_orange { font-size: 11px; }
.board_list table td .address_01 input[type="text"],
.board_list table td .address_02 input[type="text"] { width: 100%; } 
.board_list table td .address_01 { margin: 3px 0; }
.board_list textarea { width: 99%; height: 90px; border: 1px solid #DDD; overflow: auto; }
.board_list table td[colspan="6"] { text-align: right; }
.board_list table td[colspan="6"] label { margin: 0 3px 0 10px; }
.board_list table td[colspan="6"] input[type="text"] { background: #FDE8EB; }


.statistics_list { margin-bottom: 30px; overflow: hidden; clear: both;}
.statistics_list ul li { float: left; width: 260px; }
.statistics_list h4 { margin-bottom: 5px; font-size: 13px; color: #2980EC; font-weight: bold; }
.statistics_list table { margin-bottom: 25px; width: 240px; border-top: solid 2px #2980EC; }
.statistics_list table tr.b2 { background: #f9f9f9; }
.statistics_list table tr.total { background: #e4ecf8; }
.statistics_list table th { vertical-align: middle; background: #c9dcf7; font-weight: bold; }
.statistics_list table th,
.statistics_list table td { padding: 5px 10px; border: 1px solid #DDD;  font-weight: normal;  text-align: center; }
.statistics_list table td * { vertical-align: middle; }
.statistics_list table td .btn_common { margin-right: 5px; }
.statistics_list table td .color_orange { font-size: 11px; }
.statistics_list table td .address_01 input[type="text"],
.statistics_list table td .address_02 input[type="text"] { width: 100%; } 
.statistics_list table td .address_01 { margin: 3px 0; }
.statistics_list textarea { width: 99%; height: 90px; border: 1px solid #DDD; overflow: auto; }
.statistics_list table td[colspan="6"] { text-align: right; }
.statistics_list table td[colspan="6"] label { margin: 0 3px 0 10px; }
.statistics_list table td[colspan="6"] input[type="text"] { background: #FDE8EB; }




.text_area { margin: 10px 0 10px 0; }

.paging { width: 100%; text-align: center; }
.paging ul { margin: 0  auto; width: 200px; display: block; }
.paging ul li { float: left; }
.paging ul li a { margin: 0 5px; }
.paging ul li a.on { font-weight: bold; }

.btn_set { text-align: center; margin-bottom: 20px; }
.btn_set span { margin-right: 5px; }

/*=============================================================================================================
* 
=============================================================================================================*/
.mb_cate { margin-bottom: 20px; overflow: hidden; }
.mb_cate ul li { float: left; }
.mb_cate ul li * { vertical-align: baseline; }
.mb_cate ul li label { display: inline-block; margin: 0 10px 0 3px; }

.mb_select { margin-bottom: 10px; overflow: hidden; }
.mb_select ul li { float: left; margin: 0 5px; }

.item_list { margin-bottom: 10px; overflow: hidden; }
.item_list ul li { float: left; margin: 0 5px; }
.item_list fieldset { margin-bottom: 5px; }
.item_list select { width: 150px; }
.item_list p { margin-bottom: 5px; }



.adm_search { margin-bottom: 10px; }
.adm_search span { margin: 0 10px; }

.adm_cate  { float: left; width: 320px; margin-right: 20px; }
.adm_cate h4 { margin-bottom: 5px; font-size: 13px; color: #2980EC; font-weight: bold; }
.adm_cate h4 span { color:#e60012; }
.adm_cate ul { width: 320px;  }
.adm_cate ul li.title { padding-bottom: 10px; margin-bottom: 10px; border-bottom: solid 1px; #999; }
.adm_cate .btn_margin { width: 320px; text-align: center; margin-bottom: 5px; }

.price_change { width: 100%; height: 100px; margin-bottom: 20px; display: block; overflow: hidden; border:solid 1px #eee; text-align: center; }
.price_change span { margin-top: 30px; }

.company { margin-bottom: 20px; border-top: solid 2px #2980EC; overflow: hidden;  }
.company_line { padding: 10px 0; border-bottom: solid 1px #999; overflow: hidden; }
.company_line ul li { float: left; margin-right: 20px;}
.company_line ul li span { font-weight: bold; }

.company_search { padding: 10px; margin-bottom: 20px; width: 97%; border: solid 1px #eee; text-align: center; }

/*=============================================================================================================
* mail
=============================================================================================================*/
.mail_box { width: 400px; padding: 10px; border: solid 2px #eee; overflow: hidden; }
.mail_box h5 { font-weight: bold; padding-bottom: 5px; margin-bottom: 10px; border-bottom: solid 2px #2980EC; }
.mail_box .content { height: 200px; display: block; overflow: hidden; }
.mail_box p.from { float: right; padding:10px; margin-top:10px; font-weight: bold; overflow: hidden; display: block;  }
.mail_box p.from span { font-style: italic; }
.mail_box .file { padding-top: 10px; margin-bottom: 10px; border-top: solid 2px #2980EC; margin-bottom: 10px; }

.mail_write { width: 400px; padding: 10px; border: solid 2px #eee; overflow: hidden; }
.mail_write h5 { font-weight: bold; padding-top: 5px; margin:10px 0 10px 0; border-top: solid 2px #2980EC; }
.mail_write .content { height: 200px; display: block; overflow: hidden; }
.mail_write .content textarea { width: 100%; height: 180px;  }
.mail_write p.from { float: right; padding:10px; margin-top:10px; font-weight: bold; overflow: hidden; display: block;  }
.mail_write p.from span { font-style: italic; }
.mail_write .file { padding-top: 10px; margin-bottom: 10px; border-top: solid 2px #2980EC; }
.mail_write .file input[type="text"] { margin-right: 5px; }

.mail_search { width: 400px; padding: 10px; border: solid 2px #eee; overflow: hidden; }
.mail_search h5 { font-weight: bold; padding-top: 5px; margin: 10px 0 ; border-top: solid 2px #2980EC; }
.mail_search .content { height: 200px; display: block; overflow: hidden; }
.mail_search p { padding: 5px 0 ; }
.mail_search .file { padding-top: 10px; margin-bottom: 10px; border-top: solid 2px #2980EC; margin-bottom: 10px; }
.mail_search .search_box { background:#999; padding: 10px; }
.mail_search .mes ul li { line-height: 160%; }