.login-form { position: absolute; top: 21px; right: 400px; z-index: 600; width: 220px; float:right; }
.login-form .close { border-top: 1px solid #3f3f3f; width: 60px; text-align: center; margin: 0 auto; background: #434343; height: 29px; line-height: 25px; }
.login-form .close a { color: #ffffff; text-decoration: none; font-weight: bold; }
.login-form form { background: #434343 url(../../images/bg_login.png) repeat-x bottom; width: 220px; margin: 0; border-right: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.login-form fieldset { margin: 0; padding: 10px; }
.login-form .inputs { width: 130px; float: left; }
.login-form .input { margin-bottom: 5px; }
.login-form .input label { color: #fff; }
.login-form label.overlabel-apply { margin-top: 6px; color: #fff; }
.login-form .input input { border: 1px solid #848483; border-top: none; border-left: none; background: #5c5c5b url(../../images/input.gr.png) repeat-x 0 -99px; color: #ffffff; font-size: 12px; padding: 6px 5px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; height: 16px; vertical-align: middle; width: 118px; }
.login-form .button { width: 64px; float: right; }
.login-form .button input { width: 64px; height: 64px; background: url(../../images/bg_login_sub.png) no-repeat; border: none; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; box-shadow: 0 0 0; -webkit-box-shadow: 0 0 0; -moz-box-shadow: 0 0 0; padding: 0; color: #989898; font-size: 16px; font-weight: bold; text-shadow: 0 -1px 0px #5F5B5B, 0 1px 0 #fff; }
.login-form .remember { clear: both; margin-bottom: 4px; }
.login-form .remember label { color: #e4e4e4; font-size: 11px; vertical-align: middle; }
.login-form .remember input { vertical-align: middle; }
.login-form .lost { font-size: 11px; }
.login-form .lost a { color: #ffffff; text-decoration: none; }
.login-form .lost a:hover { text-decoration: underline; }


.modal-popup {
position: absolute; 
top: 226px; 
left: 436px; 
z-index: 200; 
display:none;
width:400px;
height:300px;
background:#fff;
text-align:left;  
z-index:10000;
}
.modal-popup .title {
margin:30px;
}
.modal-popup .title h1{
padding-bottom:5px;
border-bottom:1px solid #e7e7e7; 
margin:10px 0 20px 0;
}
.close-popup {
float:right;
width:20px;
height:20px;
margin:10px;
background:url(../images/close_btn.jpg) no-repeat;
}

#formLabels3 { width: 300px; float: right; margin:20px;}
#formLabels3 p { float: left; display: inline; margin: 0 0 10px; width: 100%; color: #8B8B8B; }
#formLabels3 p label { width: 60px; float: left; color: #333; font-weight: bold; }
#formLabels3 p.last { margin-right: 0; }
#formLabels3 input { 
  margin-right: 5px;
  width: 220px; 
  border-top: 1px solid #cecece; 
  border-left: 1px solid #dbdbdb; 
  border-right: 1px solid #dbdbdb; 
  background: #eeeeee; border-bottom: none; 
  -moz-border-radius: 3px; 
  border-radius: 3px; 
  }

#formLabels3  .button { float:right; -moz-border-radius: 3px; -webkit-border-radius: 3px;  background: -moz-linear-gradient(0% 170% 90deg, #c4c4c4, white); /* Image fallback */ background: -webkit-gradient(linear, 0% 0%, 0% 170%, from(white), to(#c4c4c4)); border: 1px solid; border-color: #e6e6e6 #cccccc #cccccc #e6e6e6; border-radius: 3px; color: #404040; display: inline-block; font-family: "helvetica neue", helvetica, arial, freesans, "liberation sans", "numbus sans l", sans-serif; font-size: 11px; outline 0; padding: 4px 4px; text-align:center;text-decoration: none; white-space: nowrap; margin-right:10px; width: 150px; height: 27px;margin-top:20px; }
#formLabels3  .button:hover { background: -moz-linear-gradient(0% 170% 90deg, #b8b8b8, white); background: -webkit-gradient(linear, 0% 0%, 0% 170%, from(white), to(#b8b8b8)); border-color: #99ccff; color: #333333; }
#formLabels3  .button:active { position: relative; top: 1px; }
#formLabels3  .button:active, .button:focus { background-position: 0 -25px; background: -moz-linear-gradient(0% 170% 90deg, white, #dedede); background: -webkit-gradient(linear, 0% 0%, 0% 170%, from(#dedede), to(white)); border-color: #8fc7ff #94c9ff #94c9ff #8fc7ff; color: #1a1a1a; text-shadow: 1px -1px 0 rgba(255, 255, 255, 0.5); }


/* ¸®´º¾ó */
.gray-box{border:1px solid #dfdfdf; background:#f8f9fd; padding:10px}
.search-list{padding:15px 0; border-bottom:1px solid #d2d2d2; margin-bottom:10px}

	 /* ´Þ·Â*/
	 .calender{width:70px; text-align:center; font-size:12px;}
	 .search-list{font-family:Verdana, Geneva, sans-serif; color:#666666; font-size:10px}
	 .search-list p input{font-size:12px; color:#666;}
	 .search-list p img{position:relative; top:4px;}
	 
.search-list p{display:inline-block; width:330px}
.search-list p select{width:100px}
.see-more{border-top:3px solid #e5e5e5; text-align:center}

.tab-new{margin:30px 0 20px 0; height:30px; position:relative}
.tab-new ol{width:421px; height:30px; background:#444444; border-radius:2px; text-align:center}
.tab-new ol li{display:inline-block; *display:inline; *zoom:1; border-radius:2px; background:#444444; width:101px; height:26px; position:relative; top:2px; line-height:26px}
.tab-new ol li a{color:#b2b2b2; font-weight:bold}
.tab-new ol li a:hover{text-decoration:none}
.tab-new ol li.on{background:#FFF}
.tab-new ol li.on a{color:#000}

.tab-new{margin:30px 0 20px 0; height:30px; position:relative}
.tab-new ol.type02{width:700px; height:30px; background:#444444; border-radius:2px; text-align:center}
.tab-new ol.type02 li{display:inline-block; *display:inline; *zoom:1; border-radius:2px; background:#444444; width:112px; height:26px; position:relative; top:2px; line-height:26px}
.tab-new ol.type02 li a{color:#b2b2b2; font-weight:bold}
.tab-new ol.type02 li a:hover{text-decoration:none}
.tab-new ol.type02 li.on{background:#FFF}
.tab-new ol.type02 li.on a{color:#000}

.tab-new .search-box{width:221px; height:22px; background:url(../images/common/search-btn.gif) no-repeat; position:absolute; right:0; top:5px}
.tab-new .search-box input{border:0; height:19px; position:relative; left:2px; top:2px; width:150px}
.tab-new .search-box a{color:#fff; display:inline-block; *display:inline; *zoom:1; position:relative; width:65px; height:20px; left:0; top:1px; text-indent:-9999px}

.favorite-table{width:100%; border-collapse:collapse; border-spacing:0}
.favorite-table tr td{text-align:left; vertical-align:top; padding-bottom:25px; word-break:break-all}
.favorite-table tr td .visit{width:150px; position:relative}
.favorite-table tr td .visit > a img{width:150px; height:200px;}
.favorite-table tr td .visit .date{background:#000; opacity:0.8; position:absolute; left:0; bottom:0; height:30px; z-index:10; line-height:30px; text-indent:10px; color:#FFF; width:100%; font-size:12px; font-weight:bold}
.favorite-table tr td .visit .date .quick img{position:absolute; right:0; top:0}
.favorite-table tr td .visit .date .favorite img{position:absolute; right:30px; top:0}
.favorite-table tr td dl{margin-top:10px}
.favorite-table tr td dl dt{font-weight:bold; font-size:12px; color:#333}
.favorite-table tr td dl dd{margin-top:10px; color:#767676}

.history-table{width:100%; border-collapse:collapse; border-spacing:0}
.history-table tr td{border:1px solid #dfdfdf; text-align:center; color:#666; font-size:12px; padding:3px 0}
.history-table tr td.first{border-left:0; font-size:11px;}
.history-table tr td.right{border-right:0}
.history-table tr td.right a img{margin:0 3px}
.history-table tr td.content{text-align:left; padding-left:10px}
.history-table tr td.content a{font-weight:bold;}
.history-table tr td.content a:hover{color:#037398; text-decoration:none}

/* °Ë»öâ */
.autoList{width:279px !important; right:-9px !important; padding:0 !important}
.autoList li {
    color: #000000;
    /* font-size: 12px; */
    list-style: none outside none;
    padding: 3px;
    clear: both;
}
.autoList li em {
    color: #EA570A;
    font-style: normal;
}
.autoList li img {
	float:left;
	margin:4px;
	border: 1px solid #e1e1e1;
	width:44px;
	height:50px;
}
.autoList li div {
	padding: 6px 4px 5px 58px;;
}
.searh-list{height:48px; padding:10px; border-bottom:1px solid #c5c5c5}
.searh-list:hover{background:#e9e9e9}
.searh-list dt{float:left; vertical-align:top; margin-right:10px;}
.searh-list dd a{color:#333; font-size:13px; font-weight:bold}
.searh-list dd a:hover{text-decoration:none; color:#00749a;}
.searh-list dd a span{font-size:12px; font-weight:normal; color:#9a9a9a}
.searh-list dt a img{width:50px; height:50px;}
.searh-list dd.korean{font-size:12px; color:#999999; margin-top:5px;}
	
.pro-tit{font-size:28px; color:#000000; text-align:center; margin:25px 0  10px 0; letter-spacing:-1px}
.pro-tit p span{color:#00749a}
.pro-detail{margin-top:30px; position:relative; overflow:hidden}
.pro-detail .pro-info{width:170px; float:left; overflow:hidden; margin-right:25px}
.pro-detail .pro-info img{width:168px; border:1px solid #dcdcdc;}

.pro-con{float:left; width:505px;}
.pro-con h3{font-size:28px; color:#000000; line-height:100%; margin-bottom:8px}
.pro-con h4{font-size:13px; color:#444444; font-weight:normal; line-height:100%}
.pro-con table{width:100%; border-collapse:collapse; border-spacing:0; margin-top:30px}
.pro-con table th{background:#f8f9fd; border-top:1px solid #c9d2ed; border-bottom:1px solid #c9d2ed; text-align:left; padding:10px; color:#5b6da0; font-size:10px}
.pro-con table td{background:#FFF; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; text-align:left; padding:10px; color:#444444; font-size:10px}
.pro-con table td span{color:#00749a;}
.pro-con table td a{color:#00749a}

.info-table{width:100%; border-collapse:collapse; border-spacing:0; font-family:"Franklin Gothic Medium", "Franklin Gothic";}
.info-table td{text-align:left; vertical-align:top; padding-bottom:25px}
.info-table td .infoer{width:211px; height:auto}
.info-table td .infoer a{display:block}
.info-table td .infoer a img{width:209px; height:121px; border:1px solid #dcdcdc}
.info-table td .infoer dl{margin-top:10px}
.info-table td .infoer dl dt a{color:#333333; font-size:16px;}
.info-table td .infoer dl dt a:hover{color:#00749a}
.info-table td .infoer dl dd{font-size:12px; color:#767676; margin-top:10px}

.report-table{width:100%; border-collapse:collapse; border-spacing:0; border-top:1px solid #d2d2d2; font-family:"Franklin Gothic Medium", "Franklin Gothic";}
.report-table tr td{padding:15px 0; border-bottom:1px solid #d2d2d2;}
.report-table tr td dl dt a{font-size:16px; color:#000000}
.report-table tr td dl dd{margin-top:10px;}
.report-table tr td dl dd a{font-size:13px; color:#767676}
.report-table tr td a:hover{color:#00749a}

.production-list{margin-top:30px}
.production-list ol li{background:#fafafa; border:1px solid #dcdcdc; display:inline-block; *zoom:1; *display:inline; padding:3px 10px; margin-bottom:7px}
.production-list ol li.on{background:#2e2e2e; border:1px solid #2e2e2e}
.production-list ol li a{font-size:11px; color:#444444;}
.production-list ol li.on a{color:#FFF}

.magazine-table{margin-top:30px; font-family:"Franklin Gothic Medium", "Franklin Gothic";}
.magazine-table tr td{vertical-align:top}
.magazine-table tr td dl{width:155px;}
.magazine-table tr td dl dt img{display:block; width:145px; height:186px; border:1px solid #e1e1e1}
.magazine-table tr td dl dd{margin-top:10px; height:32px; color:#333333; font-size:16px;}
.magazine-table tr td dl dd a{color:#333333; font-size:16px;}
.magazine-table tr td dl dd a:hover{color:#00749a}
.magazine-table tr td dl dd.pdf-dd{height:auto; margin-bottom:45px}