@charset "utf-8";

button { font-family:"Malgun Gothic", "맑은 고딕", "NanumGothic", "dotum"; }

/*로그인*/
.login_body { background: url(../mp05_images/bg/login_bg.png) #404040; }
.login_top_bg { background:#252525; height:46px; }
.login_wrap { position:absolute; left:0px; top:50%; width:100%; margin: 0; padding: 0; }
.login_container { position:relative; left:0px; top:-215px; width:100%; height:430px; margin: 0; padding: 0; font-size: 12px; color: #FFF; background:#333333; }

.login_box { position:relative; width: 380px; height: 200px; margin: 0 auto; padding: 90px 0px 0px 0px; }
.login_box h1 { font-size:16px; font-weight:bold; color:#FFF; }
.login_box h1 span { color: #52af14; font-size:16px; font-weight:bold; }

.login_area { position: relative; margin: 0; padding: 0; top: 30px; }
.login_area p.id { padding-bottom:5px; }
.login_area p.login_btn { position: absolute; width: 120px; height: 95px; top: 0; left: 255px; background: #52af14; }
.login_area p.login_btn button { width: 120px; height: 95px; background: #52af14; font-weight: bold; font-size: 18px; color: #fff; border: 0px; font-family:"Malgun Gothic", "맑은 고딕", "NanumGothic", "dotum"; }
.login_area input { width: 240px; height: 45px; padding: 0px 5px; border: none; color: #666; font-size: 12px; ime-mode:disabled; }
.login_area input[type=text]:focus { width: 230px; height: 35px; border: #52af14 solid 5px; }
.login_area input[type=text]:hover { background: #E9E9E9; }
.login_area input[type=password]:focus { width: 230px; height: 35px; border: #52af14 solid 5px; }
.login_area input[type=password]:hover { background: #E9E9E9; }

.login_bottom { position: absolute; width: 100%; top: 250px; height: 31px; }
.login_bottom p { color:#FFF; }
.login_bottom .user { position: absolute; right: 5px; top: 0; width: 226px; text-align: right; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;  }
/*로그인 끝*/

.body_color { background: url(../mp05_images/bg/login_bg.png) #404040; overflow-y:scroll; min-width:1215px; }
.wrap { position: relative; font-size: 12px; overflow:hidden; }
.wrap a, wrap a:hover { color: #333; }

.header_wrap_client { background : #373737; }
.header_client { position: relative; width: 1215px; height: 67px; margin:0 auto; background : #373737; color:#FFF; }
.header_client h1 { float:left; width:215px; height:67px; font-family:"Malgun Gothic", "맑은 고딕", "NanumGothic", "dotum"; font-size:14px; font-weight:bold; text-align:center; color:#E5E5E5; }
.header_client h1 p.sitename{ color:#FFF; margin-top:10px; }
.header_client h1 span { font-family:"Malgun Gothic", "맑은 고딕", "NanumGothic", "dotum"; font-size:14px; font-weight:bold; color:#00A7FF; }
.header_client h1 a { font-size:14px; font-weight:bold; color:#FFF; }
.header_client h1 a:hover { color:#FFF; }
.header_client ul.alarm { float:left; list-style: none; padding:0px; margin:0px; background:#008BF4; height:66px; border-bottom:1px solid #0D6DB9; }
.header_client ul.alarm li { float:left; width:150px; height:66px; line-height:66px; text-align:center; border-right:1px solid #0D6DB9; }
.header_client ul.alarm li:last-child { border-right:0px; }
.header_client ul.alarm li a span { color:#FFF; height:66px; line-height:66px; display:block; }
.header_client div.menu_util { float:right; list-style: none; padding:0px; margin:0px 10px 0px 0px; }
.header_client div.menu_util span { display: inline-block; height:65px; line-height:95px; margin-right:20px; color:#FFF; }
.header_client div.menu_util span span.user { color:#00A9FE; margin:0px; padding-left:18px; background:URL('../mp05_images/icon/user.png') 0px 41px no-repeat; }
.header_client div.menu_util span a{ color:#fff;}
.header_client div.menu_util span a:hover{ color:#fff;}

.main_wrap { width:1215px; margin:0 auto; overflow:hidden; background:URL(../mp05_images/bg/menu_left_bg.png) repeat-y; }

.left { width: 185px; float: left; padding: 15px; margin-bottom:30px; }
.left .menu_left { width: 155px; background: #fff; position: relative; padding: 10px 15px; margin: 0px 0px 10px 0px; font-size: 14px; color: #008AF4; font-weight: bold; }
.left .menu_left ul { list-style: none; padding: 0px; margin: 5px 0px 0px 0px; }
.left .menu_left li { font-size: 12px; color: #333; height: 25px; font-weight: normal; margin-left:5px; }
.left .menu_left li a { color: #333; }
.left .menu_left li a:hover { color: #008AF4; }
.left .customer { width: 155px; position: relative; padding: 10px 15px 15px 15px; margin: 0px 0px 10px 0px; font-size: 14px; background-color: #fff; background-image: url(../mp05_images/bg/customer_bg.png); background-repeat: no-repeat; background-position: 13px 38px; }
.left .customer dt { font-size: 14px; color: #333333; height: 25px; font-weight: bold; margin: 0; padding: 0; }
.left .customer .num { font-size: 18px; color: #d25876; font-weight: bold; letter-spacing:-0.03em; text-align: right; }
.left .customer .time { line-height: 14px; font-size: 11px; text-align: right; }
.left .count { width: 165px; position: relative; padding: 10px; list-style: none; margin: 0px 0px 10px 0px; font-size: 14px; color: #008AF4; font-weight: bold; background-color: #fff; background-image: url(../mp05_images/bg/count_bg.png); background-repeat: no-repeat; background-position: 100px 20px; }
.left .count li { font-size: 14px; color: #333; height: 25px; font-weight: bold; margin: 0; padding: 0px; display: block; }
.left .count .today { font-size: 11px; font-weight: normal; }
.left .count .total { font-size: 11px; font-weight: normal; }
.left .bottom_left { list-style: none; width: 185px; padding: 0; margin:30px 0px 10px 0px;  font-weight: bold; }
.left .bottom_left li { width: 185px; height: 45px; text-align: center; line-height: 45px; color: #fff; margin-bottom: 5px; }
.left .bottom_left .link1 { background: #52af14 }
.left .bottom_left .link2 { background: #414e57; }

.left_client { width: 185px; float: left; padding: 15px; margin-bottom:30px; }
.left_client .menu_main { list-style: none; margin:0px 0px 10px 0px; padding:0px; border-top:5px solid #008AF5; }
.left_client .menu_main > li { background-color:#FFF; background-image: url(../mp05_images/bg/left_menu_bg.png); background-repeat: no-repeat; background-position: 152px 9px; padding:6px 14px; font-size:14px; font-weight:bold; color:#565656; margin-bottom:1px; cursor:pointer; }
.left_client .menu_main > li.ov { background:#FFF; color:#008BF4; }
.left_client .menu_main > li a { font-size:14px; font-weight:bold; font-family:"Malgun Gothic", "맑은 고딕", "NanumGothic", "dotum"; color:#565656; display:block; }
.left_client .menu_main > li a:hover { color:#008BF4; }
.left_client .menu_main > li a.ov { color:#008BF4; }
.left_client .menu_main > li span { font-size:14px; font-weight:bold; font-family:"Malgun Gothic", "맑은 고딕", "NanumGothic", "dotum"; color:#565656; display:block; }
.left_client .menu_main > li span.ov { font-size:14px; font-weight:bold; font-family:"Malgun Gothic", "맑은 고딕", "NanumGothic", "dotum"; color:#008BF4; display:block; }
.left_client .menu_main > li span:hover { color:#008BF4; }
.left_client .menu_main > li > ul { list-style: none; margin:0px 0px 0px 12px; padding:0px; }
.left_client .menu_main > li > ul > li > a { color:#565656; font-size:12px; font-family:"Malgun Gothic", "맑은 고딕", "NanumGothic", "dotum"; }
.left_client .menu_main > li > ul > li > a:hover { color:#008BF4; }
.left_client .menu_main > li > ul > li > a.ov { color:#008BF4; }
.left_client .customer { width: 165px; position: relative; padding: 10px; list-style: none; margin: 0px 0px 10px 0px; font-size: 14px; background-color: #fff; background-image: url(../mp05_images/bg/customer_bg.png); background-repeat: no-repeat; background-position: 10px 40px; }
.left_client .customer dt { font-size: 14px; color: #333333; height: 25px; font-weight: bold; margin: 0; padding: 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.left_client .customer .num { font-size: 16px; color: #d25876; font-weight: bold; margin-top:5px; margin-left:35px; }
.left_client .count { width: 165px; position: relative; padding: 10px; margin: 0px 0px 10px 0px; font-size: 14px; background-color: #fff; background-image: url(../mp05_images/bg/count_bg.png); background-repeat: no-repeat; background-position: 100px 20px; }
.left_client .count h3 { font-size: 14px; font-weight: bold; }
.left_client .count ul { list-style: none; padding:0px; margin:5px 0px 0px 0px; }
.left_client .count ul li { font-size: 14px; color: #333; font-size: 12px; font-weight: normal; margin: 0; padding: 0px;}
.left_client .count ul li span { font-size: 12px; font-weight: bold; color:#008BF4; font-family:verdana; }
.left_client .bottom_left { list-style: none; width: 185px; padding: 0; margin:30px 0px 10px 0px;  font-weight: bold; }
.left_client .bottom_left li { width: 185px; height: 45px; text-align: center; line-height: 45px; color: #fff; margin-bottom: 5px; }
.left_client .bottom_left .link1 { background: #52af14 }
.left_client .bottom_left .link2 { background: #414e57; }

.container { width: 940px; position: relative; padding: 25px 25px 50px 25px; float: left; margin-bottom:10px; background:#FFF; min-height:600px; }
.container .page_top { position: relative; background-color: #ffefc8; width: 940px; height: 27px; margin: 0px 0px 10px 0px; padding: 3px 0 0 0; }
.container .page_top .left_top { margin: 0 0 0 10px; list-style: none; position: absolute; width: 500px; padding: 0; }
.container .page_top .left_top li { float: left; display: block; margin-right: 20px; }
.container .page_top .left_top li span { color: #ec4800; padding-right: 3px; }
.container .page_top .page_nav { margin: 0; display:block; position: absolute; width: 337px; height:23px; line-height:23px; right: 10px; text-align: right; }
.container .page_top .page_nav .home_icon { background-image: url(../mp05_images/icon/nav.png); background-repeat: no-repeat; display:inline-block; width:16px; height:23px; line-height:23px; background-position: 0px 7px;  }
.container .page_top .page_nav .slice { background-image: url(../mp05_images/icon/nav_bg.png); background-repeat: no-repeat; display:inline-block; width:13px; height:23px; line-height:23px; background-position: 5px 10px; }
.container .page_top .page_nav .slice2 { margin:0px 3px 2px 3px; }
.container .page_banner_top { height: 70px; padding: 0; margin: 0px; list-style: none; position: relative; width: 940px; }
.container .page_banner_top li { display: block; float: left; width: 227px; height: 70px; margin-right: 10px; }
.container .main_contents { position: relative; background-color: #DCDCDC; width: 930px; padding: 10px 0px 0px 10px; overflow:hidden; }
.container .main_contents .contents_box { float: left; width: 413px; background: #fff; margin:0px 10px 10px 0px; min-height:140px; border-radius: 5px; border: solid 1px #b8b8b8; padding: 15px 20px; overflow:hidden; }
.container .main_contents .contents_box h3 { font-weight:bold; font-size:14px; margin-bottom:8px; border-bottom:1px dotted #BBB; padding-bottom:8px; background:URL('../mp05_images/icon/more.png') center right no-repeat; }
.container .main_contents .contents_box ul { list-style: none; margin:0px; padding:0px; }
.container .main_contents .contents_box ul li { height:25px; line-height:25px; }
.container .main_contents .contents_box ul li.link a span:hover { color:#008BF4; }
.container .main_contents .contents_box ul li span.content_text1 { display:inline-block; width:340px; height:22px; line-height:22px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.container .main_contents .contents_box ul li span.content_text2 { display:inline-block; width:85px; height:22px; line-height:22px; }
.container .main_contents .contents_box ul li span.content_text3 { display:inline-block; width:250px; height:22px; line-height:22px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.container .main_contents .contents_box ul li span.content_text4 { display:inline-block; width:120px; height:22px; line-height:22px; }
.container .main_contents .contents_box ul li span.nick { height:22px; line-height:22px; color:#AAA; }
.container .main_contents .contents_box ul li span.date1 { float:right; display:inline-block; width:70px; height:22px; line-height:22px; color:#AAA; text-align:right; }
.container .main_contents .contents_box ul li span.state1 { float:right; display:inline-block; width:80px; margin:1px 10px 1px 0px; height:20px; line-height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center; background:#D8F8C2; border-radius: 3px; }
.container .main_contents .contents_box ul li span.state2 { float:right; display:inline-block; width:80px; margin:1px 10px 1px 0px; height:20px; line-height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center; background:#DDD; border-radius: 3px; }
.container .main_contents .contents_box1 { position: relative; top: 0; left: 0; width: 433px; height: 98px; float: left; background: #fff; margin-bottom: 10px; border-radius: 5px; border: solid 1px #b8b8b8; padding: 10px; }
.container .main_contents .contents_box2 { position: relative; top: 0; right: 0; width: 433px; height: 98px; float: right; background: #fff; margin-bottom: 10px; border-radius: 5px; border: solid 1px #b8b8b8; padding: 10px; }
.container .main_contents .contents_box3 { position: relative; top: 0; left: 0; width: 433px; height: 98px; float: left; background: #fff; margin-bottom: 10px; border-radius: 5px; border: solid 1px #b8b8b8; padding: 10px; }
.container .main_contents .contents_box4 { position: relative; top: 0; right: 0; width: 433px; height: 98px; float: right; background: #fff; margin-bottom: 10px; border-radius: 5px; border: solid 1px #b8b8b8; padding: 10px; }
.container .main_contents .contents_box5 { position: relative; top: 0; left: 0; width: 433px; height: 248px; float: left; background: #fff; border-radius: 5px; border: solid 1px #b8b8b8; padding: 10px; }
.container .main_contents .contents_box6 { position: relative; top: 0; right: 0; width: 433px; height: 248px; float: right; background: #fff; border-radius: 5px; border: solid 1px #b8b8b8; padding: 10px; }
.container .main_contents2 { position: relative; margin-top:20px; padding:40px 0px; overflow:hidden; border-top:1px solid #CCC; border-left:1px solid #CCC; border-right:1px solid #CCC; border-top-left-radius: 10px;  border-top-right-radius: 10px; }
.container .main_contents2 > #info_date { float:left; position:relative; width: 469px; height: 150px; text-align:center; }
.container .main_contents2 > #info_date > div { margin-top:30px; }
.container .main_contents2 > #info_date > div span.text1 { display:block; margin-top:10px; font-size:16px; }
.container .main_contents2 > #info_date > div span.text2 { font-family:verdana; font-size:16px; font-weight:bold; color:#32B49A; }
.container .main_contents2 > #info_disk { float:left; position:relative; width: 469px; height: 150px; text-align:center; }
.container .main_contents2 > #info_disk > #info_disk_text {  line-height: 150px; display:none; }
.container .main_contents2 > #info_disk > #info_disk_text span.blue { font-weight:bold; color:#008BF4; }
.container .main_contents2 > #info_disk > div.loading { height:150px; background:URL('../mp05_images/icon/loading2.gif') center center no-repeat; }
.container .main_contents3 { position: relative; overflow:hidden; background:#F9F9F9; }
.container .main_contents3 > div.board1 { float:left; width:408px; min-height:142px; border-top:1px solid #CCC; border-left:1px solid #CCC; border-right:1px dashed #CCC; padding:20px 30px; }
.container .main_contents3 > div.board2 { float:left; width:409px; min-height:142px; border-top:1px solid #CCC; border-right:1px solid #CCC; padding:20px 30px; }
.container .main_contents3 h3 { font-weight:bold; font-size:14px; margin-bottom:8px; border-bottom:1px dotted #BBB; padding-bottom:8px; background:URL('../mp05_images/icon/more.png') center right no-repeat; }
.container .main_contents3 ul { list-style: none; margin:0px; padding:0px; }
.container .main_contents3 ul li { height:25px; line-height:25px; }
.container .main_contents3 ul li.link a span:hover { color:#008BF4; }
.container .main_contents3 ul li span.content_text1 { display:inline-block; width:330px; height:22px; line-height:22px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.container .main_contents3 ul li span.date1 { float:right; display:inline-block; width:70px; height:22px; line-height:22px; color:#AAA; text-align:right; }
.container .main_contents4 { position: relative; overflow:hidden; }
.container .main_contents4 > div.info1 { float:left; width:409px; padding:58px 30px 20px 30px; background:URL('../mp05_images/bg/info_support.png') right bottom no-repeat #83B732; border-bottom-left-radius: 10px; }
.container .main_contents4 > div.info2 { float:left; width:411px; padding:58px 30px 20px 30px; background:URL('../mp05_images/bg/info_bank.png') right bottom no-repeat #2383B4; border-bottom-right-radius: 10px;  }
.container .main_contents4 p { line-height:26px; color:#FFF; font-size:16px; }
.container .main_contents4 span.tel { float:left; display:inline-block; width:200px; line-height:26px; color:#FFF; font-size:16px; }
.container .main_contents5 { position: relative; margin:30px 0px 0px 0px;  height:250px; overflow:hidden; border:1px solid #CCC; }
.container .main_contents5 > #counter_chart { position:absolute; left:-55px; width: 1000px; height: 250px; }
.container .main_contents5 > #counter_chart > div.loading { height:250px; background:URL('../mp05_images/icon/loading2.gif') center center no-repeat; }
.container .page_banner_bottom { height: 70px; padding: 0; margin: 20px 0px 0px 0px; list-style: none; width: 940px; }
.container .page_banner_bottom li { display: block; float: left; width: 227px; height: 70px; margin-right: 10px; }
.container .sub h2.page_title { font-size:24px; margin-bottom:10px; }
.container .sub p.page_title_box { display: block; background-color: #f6f6f6; padding: 10px; margin-top: 5px; }
.container .page_sub_title { display:inline-block; font-size: 16px; font-weight: bold; background:URL('../mp05_images/icon/bul01.png') 0px 12px no-repeat; padding-left:10px; }

.container table.default { width:100%; border-collapse: collapse; border-spacing:0; border:0 none; }
.container table.default th { text-align:center; font-weight: bold; background:#F5F5F5; padding:5px; border:1px solid #CCC; vertical-align:middle; height:32px; }
.container table.default td { text-align:left; font-weight: normal; padding:5px; border:1px solid #CCC; vertical-align:middle; height:32px; }
.container table.default td.center { text-align:center; }

.container table.default1 { width:100%; border-collapse: collapse; border-spacing:0; border:0 none; }
.container table.default1 th { text-align:center; font-weight: bold; background:#F5F5F5; padding:5px; border-top:1px solid #CCC; border-bottom:1px solid #CCC; vertical-align:middle; height:32px; }
.container table.default1 td { text-align:left; font-weight: normal; padding:5px; border-top:1px solid #CCC; border-bottom:1px solid #CCC; vertical-align:middle; height:32px; }
.container table.default1 td.center { text-align:center; }

.container table.default2 { width:100%; border-collapse: collapse; border-spacing:0; border:0 none; border-top:2px solid #3AB0FF; }
.container table.default2 th { text-align:center; font-weight: bold; background:#EFF7FC; padding:5px; border-top:1px solid #CCC; border-bottom:1px solid #CCC; vertical-align:middle; height:32px; }
.container table.default2 td { text-align:left; font-weight: normal; padding:5px; border-top:1px solid #CCC; border-bottom:1px solid #CCC; vertical-align:middle; height:32px; }
.container table.default2 td.center { text-align:center; }

.container table.default3 { width:100%; border-collapse: collapse; border-spacing:0; border:0 none; border-top:2px solid #3AB0FF; }
.container table.default3 > tr > th { text-align:center; font-weight: bold; background:#EFF7FC; padding:5px; border-top:1px solid #CCC; border-bottom:1px solid #CCC; border-right:1px solid #CCC; vertical-align:middle; height:32px; }
.container table.default3 > thead > tr > th { text-align:center; font-weight: bold; background:#EFF7FC; padding:5px; border-top:1px solid #CCC; border-bottom:1px solid #CCC; border-right:1px solid #CCC; vertical-align:middle; height:32px; }
.container table.default3 > tbody > tr > th { text-align:center; font-weight: bold; background:#EFF7FC; padding:5px; border-top:1px solid #CCC; border-bottom:1px solid #CCC; border-right:1px solid #CCC; vertical-align:middle; height:32px; }
.container table.default3 > tbody > tr > th.multi { text-align:center; font-weight: bold; background:#EFF7FC; padding:5px; border-top:1px solid #CCC; border-bottom:1px solid #CCC; border-left:1px solid #CCC; border-right:1px solid #CCC; vertical-align:middle; height:32px; }
.container table.default3 > tr > td { text-align:left; font-weight: normal; padding:5px; border-top:1px solid #CCC; border-bottom:1px solid #CCC; vertical-align:middle; height:32px; }
.container table.default3 > thead > tr > td { text-align:left; font-weight: normal; padding:5px; border-top:1px solid #CCC; border-bottom:1px solid #CCC; vertical-align:middle; height:32px; }
.container table.default3 > tbody > tr > td { text-align:left; font-weight: normal; padding:5px; border-top:1px solid #CCC; border-bottom:1px solid #CCC; vertical-align:middle; height:32px; }
.container table.default3 td.center { text-align:center; }

.container table.default4 { width:100%; border-collapse: collapse; border-spacing:0; border:0 none; border-top:2px solid #3AB0FF; }
.container table.default4 th { text-align:center; font-weight: bold; background:#EFF7FC; padding:5px; border-top:1px solid #CCC; border-bottom:1px solid #CCC; vertical-align:middle; height:32px; }
.container table.default4 th:first-child { border-right:1px solid #CCC; }
.container table.default4 td { text-align:left; font-weight: normal; padding:5px; border-top:1px solid #CCC; border-bottom:1px solid #CCC; vertical-align:middle; height:32px; }
.container table.default4 td:first-child { border-right:1px solid #CCC; }
.container table.default4 td.center { text-align:center; }

.container span.red { color:#C00; }
.container p.center { text-align:center; }
.container p.right { text-align:right; }
.container div.center { text-align:center; }
.container div.right { text-align:right; }
.container div.space1 { height:10px; clear:both }
.container div.space2 { height:20px; clear:both }

.container div.sub span.default_f { cursor:pointer; display:inline-block; width:18px; height:25px; background:URL('../mp05_images/icon/paging1_f.png') center center; vertical-align:top; margin-right:5px; }
.container div.sub span.default_p { cursor:pointer; display:inline-block; width:14px; height:25px; background:URL('../mp05_images/icon/paging1_p.png') center center; vertical-align:top; margin-right:5px; }
.container div.sub span.default_b { cursor:pointer; display:inline-block; border:1px solid #006FC5; background:#008AF4; font-weight:bold; color:#FFF; padding:2px 10px; margin:0px 2px 0px 2px;  vertical-align:top;}
.container div.sub span.default_d { cursor:pointer; display:inline-block; border:1px solid #CCC; background:#F5F5F5; font-weight:bold;  padding:2px 10px; margin:0px 2px 0px 2px; vertical-align:top; }
.container div.sub span.default_d:hover { border:1px solid #006FC5; background:#008AF4; color:#FFF; }
.container div.sub span.default_n { cursor:pointer; display:inline-block; width:14px; height:25px; background:URL('../mp05_images/icon/paging1_n.png') center center; vertical-align:top; margin-left:5px; }
.container div.sub span.default_l { cursor:pointer; display:inline-block; width:18px; height:25px; background:URL('../mp05_images/icon/paging1_l.png') center center; vertical-align:top; margin-left:5px; }
.container div.sub select { font-family:"Malgun Gothic", "맑은 고딕", "NanumGothic", "dotum"; }
.container div.sub select.default { border:1px solid #CCC; height:32px; padding:5px; vertical-align:top; line-height:1; }
.container div.sub select.choice { border:1px solid #F60; color:#F60; height:32px; padding:5px; vertical-align:top; line-height:1; }
.container div.sub input { font-family:"Malgun Gothic", "맑은 고딕", "NanumGothic", "dotum"; }
.container div.sub input.default { border:1px solid #CCC; height:20px; padding:5px; vertical-align:top; line-height:1; }
.container div.sub input.default:focus { border:1px solid #0D6DB9; font-size:16px; color:#0D6DB9; }
.container div.sub input.default1 { border:1px solid #CCC; height:20px; padding:5px; vertical-align:top; line-height:1; margin-top:5px; }
.container div.sub input.default1:focus { border:1px solid #0D6DB9; font-size:16px; color:#0D6DB9; }
.container div.sub input.choice { border:1px solid #F60; color:#F60; height:20px; padding:5px; vertical-align:top; line-height:1; }
.container div.sub button { font-family:"Malgun Gothic", "맑은 고딕", "NanumGothic", "dotum"; }
.container div.sub button.list_keyword_search { border:1px solid #282828; background:#4A4A4A; color:#FFF; height:32px; vertical-align:top; padding:0px 7px; border-radius: 3px; }
.container div.sub button.list_keyword_search:hover { border:1px solid #282828; background:#282828; color:#FFF; height:32px; vertical-align:top; padding:0px 7px; border-radius: 3px; }
.container div.sub button.icon_search { border:0; width:16px; height:32px; background:URL('../mp05_images/icon/search.png') center center; vertical-align:top; }
.container div.sub button.icon_edit { border:0; width:17px; height:32px; background:URL('../mp05_images/icon/edit.png') center center; vertical-align:top; }
.container div.sub button.icon_calendar { border:0; width:32px; height:32px; background:URL('../mp05_images/icon/calendar2.png') center center; vertical-align:top; }
.container div.sub button.icon_calendar_clear { border:0; width:32px; height:32px; background:URL('../mp05_images/icon/calendar_clear2.png') center center; vertical-align:top; }
.container div.sub button.default { border:1px solid #CCC; height:32px; vertical-align:top; padding:0px 7px; }
.container div.sub button.default:hover { background:#CCC; }
.container div.sub button.default1 { border:1px solid #0D6DB9; background:#008BF4; color:#FFF; border-radius: 3px; height:26px; padding:0px 7px; margin:0px; }
.container div.sub button.default1:hover { background:#0D6DB9; }
.container div.sub button.default2 { border:1px solid #0D6DB9; background:#008BF4; color:#FFF; border-radius: 3px; height:32px; padding:0px 10px; margin:0px; }
.container div.sub button.default2:hover { background:#0D6DB9; }
.container div.sub button.default3 { border:1px solid #5C5C5C; background:#666; color:#FFF; height:32px; vertical-align:top; padding:0px 7px; }
.container div.sub button.default3:hover { border:1px solid #5C5C5C; background:#5C5C5C; color:#FFF; height:32px; vertical-align:top; padding:0px 7px; }
.container div.sub button.default4 { border:1px solid #BFBFBF; background:#F5F5F5; color:#008AF4; border-radius: 3px; height:26px; padding:0px 7px; margin:0px; }
.container div.sub button.default11 { border:1px solid #0C6DB8; background:#008AF4; font-size:14px; color:#FFF; width:200px; height:40px; border-radius: 5px; }
.container div.sub button.default11:hover { background:#0C6DB8; }
.container div.sub button.default12 { border:1px solid #3D3D3D; background:#4F4F4F; font-size:14px; color:#FFF; width:200px; height:40px; border-radius: 5px; }
.container div.sub button.default12:hover { background:#3D3D3D; }
.container div.sub button.default21 { border:1px solid #3C800F; background:#52AF14; font-size:14px; color:#FFF; min-width:100px; height:31px; padding:2px 15px; border-radius: 5px; }
.container div.sub button.default21:hover { background:#3C800F; }
.container div.sub button.default22 { border:1px solid #3D3D3D; background:#4F4F4F; font-size:14px; color:#FFF; min-width:100px; height:31px; padding:2px 15px; border-radius: 5px; }
.container div.sub button.default22:hover { background:#3D3D3D; }
.container div.sub button.big1 { width:200px; height:40px; color:#FFF; font-weight:bold; border:1px solid #3D3D3D; background:#4F4F4F; border-radius:4px; }
.container div.sub button.big2 { width:200px; height:40px; color:#FFF; font-weight:bold; border:1px solid #909090; background:#9A9A9A; border-radius:4px; }

.footer { clear:both; position:relative; width: 1205px; height: 30px; background: #373737; color: #FFF; text-align: center; font-size: 12px; }
.footer .copyright { position: absolute; top: 2px; left: 440px; color:#FFF; }
.footer .copyright span { color: #008AF4; }

.banner ul.list { list-style:none; padding:0px; margin:0px; }
.banner ul.list > li { padding:10px; margin-bottom:10px; background:#F9F9F9; border:2px solid #BCBCBC; display:block; border-radius:5px; overflow:hidden; position:relative; }
.banner ul.list > li > span.sort { position:absolute; right:10px; top:10px; display:inline-block; background: url('../mp05_images/icon/wizard_line_tb.png'); margin: 0px; padding: 0px; border: 0px; width: 20px; height: 20px; cursor: pointer; }
.banner ul.list > li > button.delete { position:absolute; right:10px; top:40px; background: url('../mp05_images/icon/wizard_line_delete.png') center center no-repeat; margin: 0px; padding: 0px; border: 0px; width: 20px; height: 20px; cursor: pointer; }
.banner ul.list > li > span.display_banner { float:left; display:inline-block; vertical-align:top; border:2px dotted #BCBCBC; background:#FFF; width:150px; height:45px; line-height:150px; overflow:hidden; text-align:center; color:#000; font-size:12px; font-weight:bold; text-shadow:0px 0px 3px #FFF; margin:15px 10px; }