@charset "euc-kr";

*{margin:0;padding:0;}
body{color:#666; font:12px/1.6 arial, helvetica, clean, sans-serif; background-color:#d5e9fd; width:100%; min-width:1024px;}
@media print{body{color:#000;}}
th,td{font:12px/1.6 arial, helvetica, clean, sans-serif;}
li{list-style:none;}
img, fieldset{border:none;}
address,em{font-style:normal;}
input,textarea,select{font-family:inherit;}
input.type_text{border:1px #B8C7D4 solid; padding:2px 5px 2px 5px; font-size:0.95em; letter-spacing:normal;}
input.type_text_tit{border:1px #B8C7D4 solid; padding:2px 5px 2px 5px; font-size:0.95em; letter-spacing:normal; width:99%;}
select.type_sel{font-size:0.95em;}
select{height:20px;}
a{color:#666;text-decoration:none; cursor:pointer;}
a:visited,a:visited{color:#666;}
a.visited,a.visited:visited{color:#666;}
a:hover,a:hover *,a.visited:hover{color:#666;text-decoration:underline;}
hr,legend,.skip,.alt,.hd{display:none;}
.fClear{clear:both;}
.fLeft {float:left !important;}
.fRight {float:right !important;}

#wrap {margin:0 auto; width:1024px; min-height:768px; position:relative; background:url(../../images/extension/bg_wrap.gif) 0 0 no-repeat;}
/*Login*/
#login {margin:0 auto; margin-bottom:30px; position:relative; width:521px; padding-top:100px;}
.login_top {height:20px; background:url(../../images/extension/bg_login_top.png) 0 0 no-repeat;}
.login_bottom {height:26px; background:url(../../images/extension/bg_login_bottom.png) 0 0 no-repeat;}
.logo {height:40px; margin-bottom:15px;}

#loginForm {background:url(../../images/extension/bg_login_middle.png) 0 0 repeat-y; padding:10px 55px 30px 55px;}
#loginForm .fieldLeft {float:left; width:245px;}
#loginForm .fieldRight {float:right;}
.Box {border:1px solid #d3d3d3; background-color:#fafafa; padding:20px 25px;}
.inputBox {position:relative; width:213px; height:30px; line-height:30px; border:1px solid #d3d3d3; border-radius:3px; margin-bottom:5px; background-color:#fff; padding-left:32px;}
.inputBox input {margin:0; border:none; background-color:transparent; width:208px; height:30px; line-height:30px; padding-left:5px;}
.inputBox.id {background:#fff url(../../images/extension/login_img.png) 0 0 no-repeat;}
.inputBox.password {background:#fff url(../../images/extension/login_img.png) 0 -32px no-repeat;}
.inputBox.password input {/*font-size:25px;*/}
.lab_in {position:absolute; left:35px; color:#c5c5c5;}
.btn_login {margin-left:8px;}
.saveid {float:left; padding-top:10px;}
.saveid input {vertical-align:-2px;}
.join {float:right; padding-top:10px;}

.logout {text-align:center; color:#333;}
.logout_btn {width:210px; height:27px; margin:21px auto;}
.logout_btn.btn1 {width:101px;}
.logout_btn a.btn_login_small, a.btn_logout_small, a.btn_back_small, a.btn_close_small {background-image:url(../../images/extension/login_img.png); background-repeat:no-repeat; height:27px; width:101px; display:block; float:left; text-indent:-9999px;}
.logout_btn a.btn_login_small {background-position:0 -127px;margin-right:8px;}
.logout_btn a.btn_logout_small {background-position:0 -156px;}
.logout_btn a.btn_back_small {background-position:0 -185px;}
.logout_btn a.btn_close_small {background-position:0 -214px;}

.joinmsg {text-align:center; color:#333; padding-bottom:25px;}
.joinmsg strong {color:#1d77d2;}

/*Notice*/
#notice {height:192px; margin-top:30px;}
.line {background:url(../../images/extension/notice_line.gif) 0 0 no-repeat; width:411px; height:12px; margin-bottom:20px;}
#notice .title {background:url(../../images/extension/login_img.png) 0 -92px no-repeat; width:63px; height:13px; margin-bottom:10px; display:inline-block; text-indent:-9999px;}
#notice .list {width:363px; height:95px;}
#notice .list li {overflow:hidden; background:url(../../images/extension/login_img.png) 0 -106px no-repeat; padding-left:12px; line-height:19px; height:19px;}
#notice .list li a {float:left; width:230px; overflow:hidden; white-space:nowrap; word-break:break-all;}
#notice .list li span {float:right; color:#888; width:113px;}
.err {text-align:center; height:65px; padding-top:30px;}
.err img {vertical-align:-3px;}
#copyright {margin:0 auto; width:521px; text-align:center; color:#8e8e8e; margin-bottom:30px;}

/* Select */
.domain.select{width:156px; margin-right:6px; float:left;}
.language.select{width:83px;}
.select {position:relative; line-height:normal; display:inline-block; *display:inline; vertical-align:middle; background:#fff; *zoom:1;}
.select * {margin:0; padding:0; cursor:pointer;}
.select .selectedValue {position:relative; z-index:2; left:0; top:0; border:1px solid #d3d3d3; border-radius:3px; line-height:30px; height:30px; _line-height:normal; text-align:left; overflow:visible; background:transparent;}
.select div.selectedValue {text-indent:8px;}
.select .arrow {position:absolute; width:27px; height:30px; top:0; right:0; line-height:0; background-image:url('../../images/extension/login_img.png'); background-repeat:no-repeat; background-position:0 -62px;}
.select ul {top:30px; left:0; width:100%; list-style:none; border:0; border-bottom:1px solid #d3d3d3; overflow:hidden;}
.select ul.iList {display:none; left:-2000%;}
.select.open ul.iList {display:block; left:0;}
.select li {position:relative; overflow:hidden; white-space:nowrap; height:30px; border-left:1px solid #d3d3d3; border-right:1px solid #d3d3d3;}
.select li input.option {position:absolute; width:100%; height:30px; line-height:30px;}
.select li label {position:absolute; left:0; top:0; width:100%; text-indent:8px; *text-indent:6px; height:30px; line-height:30px; color:#767676; background:#fff;}
.select li a {display:block; text-indent:8px; *text-indent:6px; height:30px; line-height:30px; text-decoration:none;}
.select li.hover * {background:#bbbbbb; color:#fff;}

/*layer_box*/
.layer_box_bg{position:absolute; left:0; top:0; z-index:98; background-color:#fff; width:100%; height:100%; opacity:0.5; filter:alpha(opacity=50); -moz-opacity:0.5;}
.layer_box{position:absolute; z-index:99; text-align:center; background:#fff; border:2px #8BA6BD solid; padding:10px 15px; width:310px; height:135px;}
.layer_box .tit{font-weight:bold; margin:0; color:#266AB8; width:100%;}
.layer_box .loadimg{padding:20px 0 30px 0}

/* placeholder*/
.placeholder { 
	color: #D3D3D3;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #D3D3D3;
}
::-webkit-input-placeholder { /* WebKit browsers */
    color: #D3D3D3;
}