@charset "utf-8";
/* CSS Document */

* {
margin:0; 
padding:0;
}

html, body {
width:100%; 
height:100%;
}

body {
font-family:arial, dotum;
font-size:12px;
color:#000000;
line-height:16px;
background:url(../images/bg2.gif) repeat-x;
}


/*layout*/
.containerBack {
width:100%;
height:100%;
}

.header {
width:960px;
height:42px;
}

.breadCrumb {
text-align:right;
padding-bottom:8px;
padding-right:2px;
font-family:arial;
font-size:9px;
color:#999999;
}

.mainContainer {
border:1px solid #cccccc;
width:960px;
}

.mainColumn {
width:100%;
height:428px;
background:url(../images/bg.jpg) no-repeat;
}

.mainTD {
text-align:right;
padding:0px 42px 30px 0px;
}

.subMS {
margin-top:40px;
}

.popupBG {
background:none;
}

.subContainer {
border-bottom:1px solid #e4e4e4;
width:960px;
}

.leftColumn{
width:191px;
background:#ececec;
padding-bottom:20px;
}

.footer {
font-family:arial;
width:960px;
font-size:9px;
color:#999999;
text-align:center;
margin:20px 0px;
}

/*main*/
.noticeBox,
.loginBox {
width:356px;
border:1px solid #b6b6b6;
background:#e7e7e7;
text-align:left;
}

.noticeBox {
margin-bottom:8px;
}



/**/
a:link  {color:#000000; text-decoration:none;}
a:visited  {color:#000000; text-decoration:none;}
a:hover  {color:#a90000; text-decoration:none;}

a.linkPointC1:link  {color:#00aeef; text-decoration:none;}
a.linkPointC1:visited  {color:#00aeef; text-decoration:none;}
a.linkPointC1:hover  {color:#00aeef; text-decoration:underline;}



h1 {
font-family:tahoma, arial;
font-size:17px;
padding-bottom:10px;
color:#000000;
}


strong {
font-family:tahoma, arial;
}

ul {
list-style:none;
}

ol {
list-style:outside;
margin-left:22px;
}

img {
border:0px;
}

select, input, textarea {
font-size:12px;
color:#000000;
vertical-align:middle;
}

input, textarea {
padding:2px;
}

.inputBasic {
border:1px solid #CCCCCC;
}

.inputBasic.Inputtype1 {
width:110px;
}

.inputBasic.Inputtype2 {
width:200px;
}

.inputBasic.Inputtype3 {
width:500px;
}

.kr11 {
font-family:dotum;
font-size:12px;
}

.loginTxt {
font-family:tahoma, arial;
font-size:10px;
margin-bottom:6px;
}

.leftImg {
margin-bottom:1px;
}

.leftTitle {
margin-bottom:10px;
}

.leftmenuDepth1 {
width:191px;
font-family:tahoma, arial;
border-top:1px solid #cecece;
}

.leftmenuDepth1 li {
border-bottom:1px solid #cecece;
}

.leftmenuDepth1 a.depthLink1 {
display:block;
padding-left:22px;
padding-top:4px;
padding-bottom:4px;
}

a.depthLink1:link  {color:#000000; text-decoration:none;background:url(../images/icon02.gif) 12px 50% no-repeat; }
a.depthLink1:visited  {color:#000000; text-decoration:none;background:url(../images/icon02.gif) 12px 50% no-repeat; }
a.depthLink1:hover  {color:#a90000; text-decoration:none; background:#e5ccca url(../images/icon02on.gif) 12px 50% no-repeat; }



.leftmenuDepth1 li.depthLink1on {
background:#e5ccca url(../images/icon02on.gif) 12px 50% no-repeat; 
color:#a90000;
font-weight:bold;
padding-left:22px;
padding-top:4px;
padding-bottom:4px;
}

.leftmenuDepth2 {
font-family:tahoma, arial;
margin-bottom:10px;
}

.leftmenuDepth2 li {
border-bottom:1px solid #ececec;
}

.leftmenuDepth2 a.depthLink2 {
display:block;
padding-left:22px;
padding-top:4px;
padding-bottom:4px;
}

a.depthLink2:link  {color:#000000; text-decoration:none;}
a.depthLink2:visited  {color:#000000; text-decoration:none;}
a.depthLink2:hover  {color:#a90000; text-decoration:none; background:#e5ccca;}

.leftmenuDepth2 .depthLink2on {
background:#e5ccca;
color:#a90000;
font-weight:bold;
padding-left:22px;
padding-top:4px;
padding-bottom:4px;
}

.leftmenuDepth3 {
margin-left:15px;
margin-bottom:10px;
font-family:tahoma, arial;
}

.leftmenuDepth3 li {
padding-top:4px;
padding-bottom:4px;
}

.leftmenuDepth3 a.depthLink3 {
display:block;
padding-left:10px;
width:120px;
}

.leftmenuDepth3 .depthLink3on {
background:url(../images/icon02on.gif) 0px 50% no-repeat; 
color:#a90000;
font-weight:bold;
padding-left:10px;
}

a.depthLink3:link  {background:url(../images/icon02.gif) 0px 50% no-repeat; color:#666666; text-decoration:none;}
a.depthLink3:visited  {background:url(../images/icon02.gif) 0px 50% no-repeat; color:#666666; text-decoration:none;}
a.depthLink3:hover  {background:url(../images/icon02on.gif) 0px 50% no-repeat; color:#a90000; text-decoration:none;}

.searchBox {
width:168px;
margin:0 auto;
margin-top:12px;
margin-bottom:10px;
padding:10px 0px 8px 0px;
}

.inputSearch {
border:1px solid #CCCCCC;
width:110px;
}

.bannerBox {
width:166px;
margin:0 auto;
margin-top:2px;
margin-bottom:2px;
}


.actionBar {
width:730px;
text-align:center;
margin:20px 0px;
}

.actionBar2 {
text-align:center;
margin:20px 0px;
}

.actionBar a,
.actionBar2 a {
margin:0px 5px;
}

.boxType1 {
border:1px solid #f0f0f0;
background:#f9f9f9;
font-family:Dotum;
font-size:12px;
color:#000000;
margin:10px 0px;
}

.boxType2 {
font-family:Dotum;
font-size:12px;
color:#000000;
margin:0 auto;
width:730px;
}



/*table*/
table {
border:none;
border-collapse:collapse;
}

table th {
font-family:tahoma, arial;
}

.listTypeH th {
background:#e2dbdb;
color:#a85959;
font-size:12px;
padding-top:7px;
padding-bottom:7px;
}

.listTypeH td {
border-bottom:1px solid #e5e5e5;
padding-top:7px;
padding-bottom:7px;
text-align:center;
}

.listTypeH td.head {
background:#e2dbdb;
color:#a85959;
font-weight:bold;
}

.listTypeH td.bbsTit {
text-align:left;
padding-left:10px;
}

.listTypeH2 {
border:1px solid #e0c4c4;
}

.listTypeH2 th {
background:#e2dbdb;
color:#a85959;
font-size:12px;
}

.listTypeH2 th, 
.listTypeH2 td {
border:1px solid #e0c4c4;
padding:5px;
}

.listTypeW th, 
.listTypeW td {
border-bottom:1px solid #e0c4c4;
padding-top:7px;
padding-bottom:7px;
padding-left:20px;
text-align:left;
font-size:12px;
}

.listTypeW th {
background:#ece8e8;
color:#a85959;
}

.listViewHead th {
background:#e2dbdb;
color:#a85959;
font-size:12px;
text-align:left;
padding:5px 12px;
}

.listViewHead td {
border-bottom:1px solid #e5e5e5;
padding:4px 12px;
background:#f9f9f9;
}

.listViewHead .head {
font-weight:lighter;
}

.listViewHead td.contentView {
border-bottom:1px solid #e5e5e5;
padding:15px 12px;
background:#FFFFFF;
font-family:dotum;
}

.listViewHead td.contentView img {
margin:7px;
}

/* comment & review */
.commentBox {
width:730px;
border:1px solid #f0f0f0;
background:#f9f9f9;
font-family:Dotum;
font-size:12px;
color:#000000;
margin:10px 0px;
}

.commentView {
border-top:1px solid #e3e3e3;
padding:15px 0px;
}

.commentView p {
padding-bottom:5px;
}

.commentTitle {
font-weight:bold;
font-size:12px;
}

.commentWrite textarea {
border:1px solid #acacac;
width:606px;
padding:2px;
}

/*page navi*/
.pageNo {
list-style:none;
margin-left:7px;
}

.pageNo li {
float:left;
display:inline;
padding-right:7px;
}

.pageNo li a, .pageNo li a:link, .pageNo li a:visited {
color:#000000;
text-decoration:none;
text-align:center;
}

.pageNo li a:hover,
.pageNo li.pageOn {
color:#a90000;
font-weight:bold;
}


/*tab*/
.detailsTitleList {
margin:0 auto;
list-style:none;

width:730px;
}

.detailsTitleList li {
display:inline-block;
float:left;
font-size:12px;
color:#000000;
border-top:1px solid #d1d1d1;
border-left:1px solid #d1d1d1;
border-right:1px solid #d1d1d1;
text-align:center;
padding:3px 12px 3px 12px;
background:#f8f8f8;
margin-right:1px;
}

.detailsTitleList li.tabon {
border-top:1px solid #a85959;
border-left:1px solid #a85959;
border-right:1px solid #a85959;
background:#a85959;
color:#FFFFFF;
font-weight:bold;
}

.cath {
margin-top:5px;
}

.cathimg {
border:1px solid #e5e5e5;
}

.cath td {
padding-bottom:10px;
}

.cath2 {
border:1px solid #e5e5e5;
margin-top:10px;
}

.cath2 td {
padding:20px;
}

.popLog {
padding:10px;
border:1px solid #b6b6b6;
background:#e7e7e7;
}