@charset "euc-kr";

/*제목 */

h3 { font-size:110%;}
h3 { margin:0; padding:0;}

h3.headers{
border: 1px solid #BBB;
width: 99%;
background: url(chromebg.gif) center center repeat-x;
margin-left: 0;
margin-bottom:5px;
padding: 2px 0 2px 5px;
text-align: left;
font-size: 120%;
}

h3.headers img{
float: right;
margin-right: 5px;
padding-top: 5px;
}


h3.headers span, .headers a.bar{
padding: 5px 0;
padding-left: 0;
}

h3.headers a.bar{
/*background: transparent url(arrowbullet2.gif) no-repeat center right;*/
text-decoration: none;
/*padding-right: 18px;*/
color: #273565;
}

h3.headers a:visited, .headers a:active{
color: #273565;
}

h3.headers a:hover{
color: blue;
}


/*Credits: Dynamic Drive CSS Library 그림자 상자*/
/*URL: http://www.dynamicdrive.com/style/ */<!-- Hide entire CSS code from IE6 -->
<![if !IE 6]>
.shiftcontainer{
text-align:center;
position: relative;
left: 5px; /*Number should match -left shadow depth below*/
top: 5px; /*Number should match -top shadow depth below*/
}

.shadowcontainer{
/* width: 300px; /* container width*/
width: 95%; /* container width*/
background-color: #d1cfd0;
}

.shadowcontainer .innerdiv{
/* Add container height here if desired */
background-color: white;
border: 1px solid gray;
padding: 6px;
position: relative;
left: -5px; /*shadow depth*/
top: -5px; /*shadow depth*/
}
<![endif]>


/* 넷플릭스 박스 */ 
 
.box {
  width: 160px;
  background: url(img/div-bottom160.gif) no-repeat bottom left;
  }
.box h3 {
  margin: 0;
  padding: 6px 8px 4px 10px;
  font-size: 110%;
  color: #333;
  border-bottom: 1px solid #E0CFAB;
  background: url(img/h3-bg160.gif) no-repeat top left;
  }
.box ul {
  margin: 0;
  padding: 14px 10px 14px 10px;
  list-style: none;
  }
.box li {
  margin: 0 0 6px; 
  padding: 0;
  } 

/* 깨지지 않는 상자 */

.container {
  float: left;
  margin: 0;
  padding: 0;
  color: #666;
  background: url(img/rounded-right.gif) top right no-repeat;
  } 
.desc {
  margin: 0;
  padding: 9px 9px 0 9px;
  background: url(img/rounded-left.gif) top left no-repeat;
  }
.link {
  margin: 0;
  padding: 0 0 0 9px;
  background: url(img/rounded-left.gif) bottom left no-repeat;
  }
.link em {
  display: block;
  padding: 0 9px 9px 0;
  font-style: normal;
  background: url(img/rounded-right.gif) bottom right no-repeat;
  }
.container a {
  font-size: 90%;
  color: #e70;
  }


/*Credits: Dynamic Drive CSS Library 로그인대화상자*/
/*URL: http://www.dynamicdrive.com/style/ */

.feedbackform{
padding: 7px 0px 5px 5px;
border:1px solid gray;
}

div.fieldwrapper{ /*field row DIV (includes two columns- Styled label column and 'thefield' column)*/
width: 150px; /*width of form rows*/
overflow: hidden;
padding: 2px 0;
}

div.fieldwrapper label.styled{ /* label elements that should be styled (left column within fieldwrapper DIV) */
float: left;
width: 40px; /*width of label (left column)*/
text-transform: uppercase;
border-bottom: 1px solid red;
margin-right: 5px; /*spacing with right column*/
}

div.fieldwrapper div.thefield{ /* DIV that wraps around the actual form fields (right column within fieldwrapper DIV) */
float: left;
margin-bottom: 5px; /* space following the field */
}

div.fieldwrapper div.thefield input[type="text"]{ /* style for INPUT type="text" fields. Has no effect in IE7 or below! */
width: 90px;
}
div.fieldwrapper div.thefield input[type="password"]{ /* style for INPUT type="text" fields. Has no effect in IE7 or below! */
width: 90px;
}

div.buttonsdiv{ /*div that wraps around the submit/reset buttons*/
margin-top: 2px; /*space above buttonsdiv*/
}

div.buttonsdiv input{ /* style for INPUT fields within 'buttonsdiv'. Assumed to be form buttons. */
width: 50px;
background: #e1dfe0;
}

/**/

#logout{
float:left;
width:180px;
padding: 5px 0;
border: 2px solid #c8cdd2;
}

#logout dl{
float:left;
width:174px
margin: 5px 2px;
padding:0;
display: inline;
}

#logout dt{
float:right;
width:174px;
margin:0;
padding:0;
font-size:100%;
letter-spacing: 1px;
color:#627081;
}

#logout dd{
margin: 0 0 0 60px;
padding:0;
font-size:85%;
line-height:1.5em;
color:#666;
}

#logout dl dd.img{ margin: 0;}

#logout dd.img img{
float:left;
margin: 0 2px 0 5px;
padding: 1px;
border: 1px solid #d9e0e6;
border-right-color: #c8cdd2;
background:#fff;
}


/* Round Top and Bottom */
.rtop, .rbottom{
display:block;
} 
.rtop * {
display:block;
height:1px;
overflow:hidden;
background: #ffffff
}  
.rbottom *{
display:block;
height:1px;
overflow:hidden;
background: #ffffff;
} 
.r1{
margin:0 5px;
background:#bcbcbc;
} 
.r2{
margin:0 3px; 
border-left:2px solid #bcbcbc;
border-right:2px solid #bcbcbc;
} 
.r3{
margin:0 2px;
border-left:1px solid #bcbcbc;
border-right:1px solid;#bcbcbc;
} 
.r4{
margin:0 1px; 
height:2px;
border-left:1px solid #bcbcbc;
border-right:1px solid #bcbcbc;
}
/* Box Left and Right*/
.box {
border-left:1px solid #eee;
border-right:1px solid #eee;
}