@charset "UTF-8";

body { margin:0; padding:0; font-weight:normal; font-size:12px; color:#2d2d2d; text-align:left; background-color:#fff; font-family:arial,Helvetica,AppleGothic,Sans-serif,dotum,Gulim; }

img { border:0px; }
input, select,textarea {font-size:100%; vertical-align:middle;}

a { color:#666; text-decoration:none; } a:visited, a:active { text-decoration:none; } a:hover { text-decoration:underline; }

hr.layout { display:none; clear:both; }
table	{ table-layout:fixed; border-collapse:collapse; border-spacing:0; }
th,td	{ border-collapse:collapse; }
legend,caption	{ display:none; clear:both; font:bold 12px Dotum,Verdana,Arial,sans-serif; }
form	{  background:none; margin:0px; padding:0px; }

fieldset { margin:0; padding:0; border:none; }

/* float 해제 */
.f-clear:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
.f-clear { display:inline-block; }
* html .f-clear { height:1%; }
.f-clear { display:block; }

div.clear { clear:both; overflow:hidden; height:0; font:normal 0/0 verdana; }

body { background:url(../images/bg_body_01.gif) 0 0 repeat-x; }

.txt01 { color:#C00000; }
span.txt02 { display:block; padding:8px 0 0 0; color:#C00000;  }


/* 로그인  - 바탕박스 색상변경*/
.mainLogin { background:none; }
.mainLogin .Login { position:absolute; top:50%; left:50%; width:600px; height:400px;  margin: -200px 0 0 -300px; }

.mainLogin .Login h1 .text01 { display:block; margin:0 0 5px 0; }
.mainLogin .Login h1 .text02 { position:absolute; right:0px; top:14px; }
.mainLogin .Login .loginBox { width:568px; padding:28px 0 24px 29px; border:1px solid #e6e9f8; border-top:7px solid #4641D9; border-bottom:3px solid #5F00FF; }
.mainLogin .Login .loginBox .innerBox { width:547px; margin:0; border:1px solid #e6e9f8; background:#f0f2fb; }
.mainLogin .Login .loginBox .inputBox { position:relative; width:443px; height:112px; margin:24px 0 22px 47px; background:url(../images/bg_login_box.gif) no-repeat; }
.mainLogin .Login .loginBox .inputBox .loginimage { float:left; margin:3px 0 0 26px; }
.mainLogin .Login .loginBox .inputBox dl { position:absolute; top:30px; left:119px; float:left; width:215px; margin:0px; padding:0px; }
.mainLogin .Login .loginBox .inputBox dl dt { float:left; width:53px; padding:6px 4px 4px 0; font-size:12px; font-weight:bold; text-align:right; }
.mainLogin .Login .loginBox .inputBox dl dd { float:left; margin:0px; padding:0px 0 4px 0; }
.mainLogin .Login .loginBox .inputBox dl dd input.text01 { width:97px; }
.mainLogin .Login .loginBox .inputBox .btnLogin { position:absolute; top:30px; right:37px; }
.mainLogin .Login .loginBox .inputBox .btnJoin { position:absolute; right:36px; bottom:29px; }
.mainLogin .Login .loginBox .opBtnBox { padding:10px 0 0 20px; text-align:center; }
.mainLogin .Login .loginBox .opBtnBox a { margin:0 5px 0 5px;}
.mainLogin .Login .loginBox .textBox { margin:10px 0 0 0; padding:10px 0 3px 10px; background:#e6e9f8; }
.mainLogin .Login .loginBox .textBox p { padding:0 0 5px 6px; margin:0px; font-size:11px; letter-spacing:-1px; color:#464646; background:url(../images/icon/ico_bull_02.gif) 0 4px no-repeat; }
.mainLogin .Login .loginBox .textBox p a { font-weight:bold; text-decoration:underline; color:#464646; }
.mainLogin .Login .copyright { margin:0px; padding:9px 0 0 0; font-size:11px; color:#a6a6a6; text-align:center; border-top:1px solid #f2eeee; }


#Wrap { width:980px; padding:0 0 20px 0; }
#Header { position:relative; width:980px; padding:74px 0 0 0; }
#Header h1.logo { position:absolute; top:25px; left:16px; margin:0; padding:0px; font:0/0 arial; }
#Header h1.logo img { margin:0 0 5px 0; }
#Header .userInfoBox { position:absolute; right:17px; top:45px; }
#Header .userInfoBox .infoBox { margin:0px; padding:0px; font-size:12px; color:#2d2d2d; }
#Header .userInfoBox .infoBox .icon { vertical-align:-2px; margin:0 3px 0 0; }
#Header .userInfoBox .btnType01, #Header .userInfoBox .btnType02 { margin-left:4px; }
#Header .mainMenu { overflow:hidden; width:712px; height:52px; list-style:none; margin:0 0 0 0 ; padding:0px 0 0 267px; background:url(../images/bg_menu_01.gif) 0 0 no-repeat; }
#Header .mainMenu li { float:left; width: 167px; height:33px; color: #FFFFFF; font-size: 14px; font-weight: bold;margin:0 55px 0 0; padding:15px 0 0; text-align: center;}
#Header .mainMenu li a { color:#fff; }
#Header .mainMenu li.on { background:url(../images/button/bg_btn_tab_menu_on.gif) no-repeat; }



#Container { overflow:hidden; width:980px; min-height:500px; background:url(../images/bg_left_menu_01.gif) bottom left no-repeat; }
#Container .snb { float:left; width:203px; padding:0 0 0 16px; }
#Container .snb h2 { height:54px; text-align:center; margin:0px; padding:0px; background:url(../images/bg_h2_line.gif) center bottom no-repeat; }
/* ie용 스타일이 따로 있음 */
/*
#Container .snb .menu { list-style:none; margin:0px; padding:0px; }
#Container .snb .menu li { margin:0px; padding:0px 0 0 20px; }
#Container .snb .menu li div.title  { position:relative;  display:block; width:163px; height:28px; font-size:12px; font-weight:bold; color:#464646; background:url(../images/bg_category_off.gif) no-repeat; }
#Container .snb .menu li div.title a { display:block; width:105px; padding:7px 0 0 20px; color:#464646; }
#Container .snb .menu li div.title a:hover { text-decoration:none; }
#Container .snb .menu li div.title .arrow { position:absolute; right:0; top:0px; }

#Container .snb .menu li.on div.title  { display:block; width:163px; height:28px; font-size:12px; font-weight:bold; color:#fff; background:url(../images/bg_category_on.gif) no-repeat; }
#Container .snb .menu li.on div.title a { display:block; width:105px; padding:7px 0 0 20px; color:#fff;  }
#Container .snb .menu li.on ul { display:block; }

#Container .snb .menu li ul { display:none; list-style:none; width:163px; margin:0px; padding:0px; }
#Container .snb .menu li ul li { margin:0px; padding:7px 0 6px 27px; border-top:1px solid #f3f3f3;  }
#Container .snb .menu li ul li a { color:#7e7e7e; }
#Container .snb .menu li ul li.subOn { background:url(../images/icon/ico_arrow_sub.gif) 142px 11px no-repeat !important; }
#Container .snb .menu li ul li.subOn a { color:#3583db; }
*/

#Container .snb .menu { list-style:none; margin:0px; padding:0px; }
#Container .snb .menu li { margin:10px; padding:0px 0 0 20px; font-weight:bold;  }
#Container .snb .menu li .title  { display:block; width:163px; height:28px; font-size:12px; font-weight:bold; color:#464646; background:url(../images/bg_category_off.gif) no-repeat; }
#Container .snb .menu li .title span { display:block; width:105px; padding:7px 0 0 20px; }
#Container .snb .menu li a.title:hover { text-decoration:none;   }
#Container .snb .menu li div.title .arrow { position:absolute; right:0; top:0px; }

#Container .snb .menu li.on a.title  { display:block; width:163px; height:28px; font-size:12px; font-weight:bold; color:#fff; background:url(../images/bg_category_on.gif) no-repeat; }
#Container .snb .menu li.on a.title span { display:block; width:105px; padding:7px 0 0 20px; }
#Container .snb .menu li.on ul { display:block;}

#Container .snb .menu li ul { display:none; list-style:none; width:163px; margin:0px; padding:0px; }
#Container .snb .menu li ul li { margin:0px; padding:7px 0 6px 17px; border-top:1px solid #f3f3f3; }
#Container .snb .menu li ul li a { color:#2d2d2d; }
#Container .snb .menu li ul li.subOn { background:url(../images/icon/ico_arrow_sub.gif) 142px 11px no-repeat !important; }
#Container .snb .menu li ul li.subOn a { color:#3583db;  }

#Contents { float: left; width:731px; padding: 36px 0 0 30px; position: relative;}
#Contents h3.Title { color: #000; font-size: 26px; font-weight: bold; letter-spacing: -2px; margin: 0; padding: 0 0 15px 27px;background: url("../images/icon/ico_bull_03.gif") no-repeat 0 2px;}
#Contents .location { margin: 0; padding: 0; position: absolute; text-align: right; top: 50px; right:0;}
#Contents .location a.on {color:#004ba5; font-weight:bold;}

/* 버튼 */
.btnType01 { height:25px; padding:2px 5px; border:1px solid #a8a8a8; font-size:11px; color:#7e7e7e; vertical-align:middle; cursor:pointer;  background:url(../images/button/bg_btn_type_01_01.gif) repeat-x; }
.btnType02 { height:25px; padding:2px 5px; border:1px solid #797979; font-size:11px;color:#fff; vertical-align:middle; cursor:pointer;  background:url(../images/button/bg_btn_type_02_01.gif) repeat-x; }
.btnType03 { min-width:80px; _width:80px; height:27px; padding:2px 10px; border:1px solid #4689d6; color:#fff; font-weight:bold; vertical-align:middle; cursor:pointer;  background:url(../images/button/bg_btn_type_03_01.gif) repeat-x; }
.btnType04 { min-width:80px; _width:80px; height:27px; padding:2px 10px; border:1px solid #797979; color:#fff; font-weight:bold; vertical-align:middle; cursor:pointer;  background:url(../images/button/bg_btn_type_04_01.gif) repeat-x; }
.btnType05 { min-width:70px; _width:70px; height:20px; border:1px solid #cdcdcd; font-size:11px; color:#fff; vertical-align:middle; cursor:pointer;  background:url(../images/button/bg_btn_type_05_01.gif) repeat-x; }
.btnType06 { min-width:70px; _width:70px; height:20px; border:1px solid #797979; font-size:11px; color:#fff; vertical-align:middle; cursor:pointer;  background:url(../images/button/bg_btn_type_06_01.gif) repeat-x; }
.btnType07 { min-width:70px; _width:70px; height:20px; padding:1px 10px; border:1px solid #797979; font-size:11px; color:#fff; vertical-align:middle; cursor:pointer;  background:url(../images/button/bg_btn_type_07_01.gif) repeat-x; }

.btnType_search {border: 1px solid #000000; color: #FFFFFF; cursor: pointer; font-family: tahoma; font-size: 11px; font-weight: bold; height: 19px; vertical-align: middle; background: url('../images/button/bg_btn_type_search.gif') repeat-x 0 0; }


table.list01 {width:100%; padding:0; margin:0; border-top:3px solid #439FD9; clear:both;}
table.list01 thead { border-bottom:1px solid #dbdbdb;}
table.list01 thead th {color:#1d75ad; text-align:center; border-right:1px solid #dbdbdb; background:url('../images/bg_table01.gif') repeat-x 0 bottom; padding:10px 0; }
table.list01 thead th.end { border-right:none;}
table.list01 tbody td {text-align:center; padding:7px 2px 5px 2px; border-right:1px solid #dbdbdb;  border-bottom:1px solid #dbdbdb;}
table.list01 tbody td.icon {text-align:center;}
table.list01 tbody td.end { border-right:none;}
table.list01 tbody td.icon a {padding:0 3px;}
table.list01 tbody td.subject {text-align:left;padding-left:15px;}

table.list01 tbody td .info {width:150px; background-color:#fff; border:2px solid #3588bc;  z-index:0;}
table.list01 tbody td .info .close {text-align:right; padding:5px;}
table.list01 tbody td .info .title {text-align:center; color:#1c75ac; font-weight:bold;}
table.list01 tbody td .info .list {border:1px solid #e7e7e7; background-color:#f9f9f9;margin:5px;padding:5px;}
table.list01 tbody td .info .list li {color:#666666; font-size:11px; line-height:18px;}
table.list01 tbody td .info .list li strong {height:20px;}
table.list01 tbody td .info .sns_icon {text-align:center;}
table.view {margin-bottom:10px;}
table.view tbody th { text-align:right;padding-right:15px; border-bottom:1px solid #dbdbdb; border-right:1px solid #dbdbdb;}
table.view tbody td {text-align:left; padding-left:15px;}
table.view tbody th { text-align:right;padding-right:15px; border-bottom:1px solid #dbdbdb; border-right:1px solid #dbdbdb;}
table.view tbody td img {vertical-align:middle;}
table.view tbody td span {font-size:11px; }

.pageList01 { padding: 20px 0 0; text-align: center;}
.pageList01 ul { font: 0pt/0 arial; list-style: none outside none; margin: 0; padding: 0;  vertical-align: middle;}
.pageList01 ul li.first { background: none repeat scroll 0 0 transparent; font: 0pt/0 arial; padding: 2px 4px 0 0; vertical-align: 4px;}
.pageList01 ul li a { color: #323232;}
.pageList01 ul li.first img, .pageList01 ul li.pre img { margin: 0 0 0; vertical-align: middle;}
.pageList01 ul li.next img, .pageList01 ul li.last img { margin: -2px 0 0; vertical-align: middle;}
.pageList01 ul li.pre { font: 0pt/0 arial; padding: 2px 4px 0 0; vertical-align: 4px;}
.pageList01 ul li { background: url("../images/ico_page_list_bar.gif") no-repeat scroll right top transparent; display: inline-block; font: bold 12px tahoma; height: 17px; margin: 0; min-width: 7px; padding: 0 8px 0 9px;}
.pageList01 ul li.next { background: none repeat scroll 0 0 transparent; font: 0pt/0 arial; padding: 0 0 0 4px; vertical-align: middle;}
.pageList01 ul li.last { background: none repeat scroll 0 0 transparent; font: 0pt/0 arial; padding: 0 0 0 4px; vertical-align: middle;}
.pageList01 ul li strong { color: #0082E2; text-decoration: underline;}

.left_btn {float:left;;}
.right_search {float:right; margin:0; padding-top:20px; vertical-align:bottom;}
.center_btn {text-align:center;}
.right_search select.title01 { color: #7E7E7E; margin: 0 0 0 10px; vertical-align: middle; width: 90px;}