@charset "utf-8";
/************************************************* base *********************************************************/
img { border:0 none; vertical-align:top; }
ul,ol,li,dl,dt,dd { list-style:none; margin:0; padding:0; }
strong { font-weight:bold; }
a { text-decoration:none; color:#0088ce; }
a:hover { text-decoration:underline; }
p{margin:0; padding:0;}

h1 { padding:0; margin:0; }
h2 { padding:0; margin:10px 0 18px 0; font-size:28px; line-height:1.25em; color:#1e1e1e; }
h3 { padding:0; margin:-1px 0 16px 0; font-size:1.7em; line-height:1.25em; color:#1e1e1e; } /* 22px */
h4 { padding:0; margin:0 0 15px 0; font-size:1.2em; line-height:1.25em; color:#1e1e1e; } /* 16px */
h5 { padding:0; margin:0 0 4px 0; font-size:1em; line-height:1.25em; color:#4f5964; } /* 13px */
h1 em, h2 em, h3 em, h4 em, h5 em { color:#868686; }

ul:after,
ol:after,
dl:after { clear:both; display:block; content:''; }


address{font-style:normal!important;}
fieldset { border:0 none; margin:0; }
legend { display:none; }
label {}
select { vertical-align:middle; }
input { vertical-align:middle; }
input[placeholder], [placeholder], *[placeholder] {color:#4f5964 !important;}
::-webkit-input-placeholder {color:#4f5964 !important;}
:-moz-placeholder {color:#4f5964 !important;}
::-moz-placeholder {color:#4f5964 !important;}
:-ms-input-placeholder {color:#4f5964 !important;}
/************************************************* common *********************************************************/
.bg_gray{background-color:#7F7F82 !important;}
.bg_blue{background-color:#0088CE !important;}

.blue{color:#0088ce !important;}
.orange{color:#e37225 !important;}

.bold{font-weight:bold !important;}
.normal{font-weight:normal !important;}

.f12{font-size:12px !important;}
.f13{font-size:13px !important;}
.f14{font-size:14px !important;}
.f15{font-size:15px !important;}
.f16{font-size:16px !important;}

.fLeft{float:left !important;}
.fRight{float:right !important;}
.clear{clear:both !important;}
.tLeft{text-align:left !important;}
.tRight{text-align:right !important;}
.tCenter{text-align:center!important;}
.tUnder{text-decoration:underline !important;}
.cursor {cursor: pointer !important;}
.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}

.ml10{margin-left:10px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:30px !important;}
.ml35{margin-left:35px !important;}

.pr10{padding-right:10px !important;}


/************************************************* loginPage *********************************************************/

body {margin:0; text-align:center;  font-size:13px; line-height:1.6em; color:#4f5964; font-family: Arial, Microsoft YaHei, '맑은 고딕'}

/* Atype */
body.Atype .wrap{width:460px; margin:0 auto;}
body.Atype .header{padding-bottom:16px}
body.Atype .container{background: url('../img/bg_lineA.gif') center 0px no-repeat; margin:0 auto; padding:40px 0 20px 0;}
body.Atype .footer{border-top:1px solid #b0b0b0; padding:10px 0; text-align:left; font-size:13px;}


/* Btype */
body.Btype .wrap{text-align:center}
body.Btype .header{width:460px; margin:0 auto; height:165px; position:relative}
body.Btype .header .logo{position:absolute; bottom:15px;  left:0px; width: 100%; text-align: center;}
body.Btype .header > ul {position:absolute; bottom:15px;  width: 100%; }
body.Btype .container{
	position:relative;
	border-top:1px solid #dbdbdb; 
	background: -webkit-linear-gradient(#f9f9f9, #fff);
    background:    -moz-linear-gradient(#f9f9f9, #fff);
    background:     -ms-linear-gradient(#f9f9f9, #fff);
    background:      -o-linear-gradient(#f9f9f9, #fff);
    background:         linear-gradient(#f9f9f9, #fff);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f9f9f9, endColorstr=#ffffff)";    
    background-color: #f9f9f9;
}
body.Btype .line_gradation{position:absolute; top:-2px; width:100%; height:4px; }
body.Btype .conArea{margin:0 auto; width:460px; padding:40px 0 20px 0;}
body.Btype .footer{width:460px; margin:0 auto; border-top:1px solid #b0b0b0; padding:10px 0; text-align:left; font-size:13px;}



.loginField_test{position:relative; padding:0 15px; text-align:left}
.loginField_test dl{display:inline-block; width:325px; vertical-align:middle}
.loginField_test dl dt{display:inline-block; width:60px; line-height:35px }
.loginField_test dl dd{display:inline-block; margin-bottom:10px; margin-left:10px;}
.loginField_test input[type="text"], .loginField_test input[type="password"]{ -webkit-appearance: none; border-radius: 0; padding:0; margin:0; text-indent:5px; line-height:30px; font-size:14px; width:243px; height:33px; border:1px solid #d3d3d3;}
.loginField_test a.login_btn{position:absolute; top:0; right:15px; width:100px; height:82px; background:#0088ce url("../img/ico_login.gif") no-repeat center 20px; text-align:center; vertical-align:bottom; color:#fff; font-size:14px; font-weight:bold; line-height:120px}
.loginField_test div{padding-left:70px;}


.loginField{position:relative; padding:0 15px; text-align:left}
.loginField dl{display:inline-block; width:325px; vertical-align:middle}
.loginField dl dt{display:inline-block; width:60px; line-height:35px }
.loginField dl dd{display:inline-block; margin-bottom:10px; margin-left:10px;}
.loginField input[type="text"], .loginField input[type="password"]{ -webkit-appearance: none; border-radius: 0; padding:0; margin:0; text-indent:5px; line-height:30px; font-size:14px; width:243px; height:33px; border:1px solid #d3d3d3;}
.loginField a.login_btn{position:absolute; top:0; right:15px; width:100px; height:82px; background:#0088ce url("../img/ico_login.gif") no-repeat center 20px; text-align:center; vertical-align:bottom; color:#fff; font-size:14px; font-weight:bold; line-height:120px}
.loginField div{padding-left:70px;}
.gray_box{padding:7px 5px; border:1px solid #dcdcdc; background-color:#f1f2f5; }

ul.txtLink{margin-top:20px}
ul.txtLink li{display:inline-block; padding:0 0 0 10px;}
ul.txtLink li span.bar{color:#4f5964; display:inline-block; padding-left:10px;}

.telList{}
.telList li{display:inline-block; width:49%; font-weight:bold}
.telList li .bar{ float:left; color:#b1b1b1;}
.telList_en li {display:inline-block; font-weight:bold}
.telList_en li .bar{ float:left; color:#b1b1b1; margin:0 25px}
.ico_tel{display:inline-block; width:17px; height:14px; background: url('../img/ico_tel.gif') center no-repeat;}


/* errorpage */
.errorMsg{font-size:14px; text-align:left; line-height:22px;}
.btnset{margin-top:24px; height:37px;}
.type_btn{display: inline-block; padding: 8px 15px 7px; line-height: 1.6em; cursor: pointer; vertical-align: middle; font-size: 14px; font-weight:bold; background: #4f5964; color: #fff;}
.type_btn:hover{background:#06c;text-decoration:none}

.errorNoti{margin-top:25px; text-align:left}
.errorNoti dt{font-size:14px; color:#e37225; margin-bottom:10px;}
.errorNoti dd{font-size:13px; line-height:20px}