@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, '맑은 고딕';  -webkit-text-size-adjust: none;}

/* Atype */
body.Atype .wrap{width:90%; margin:0 auto;}
body.Atype .header{padding: 30px 0;margin-bottom: 20px;} 
body.Atype .container{background: url('../img/bg_lineA_repeat.gif') center 0px repeat-x; margin:0 auto; padding:25px 0 20px 0; position:relative}
body.Atype .container .bg_line{width:63px; height:5px; position:absolute; right:0px; top:0px; background: url('../img/bg_lineA_right.gif') right 0px no-repeat;}
body.Atype .footer{border-top:1px solid #b0b0b0; padding:10px 0; text-align:left; font-size:13px;}

body.Btype .wrap{width: 100%; text-align:center}
body.Btype .header{ width:90%; margin:0 auto; padding:20px 0; position:relative}
body.Btype .header > a{text-align: center;}
body.Btype .header > ul { }
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; background: url('../img/bg_lineB.gif') center no-repeat;}
body.Btype .conArea{margin:0 auto; width:90%; padding:40px 0 20px 0;}
body.Btype .footer{width:90%; margin:0 auto; border-top:1px solid #b0b0b0; padding:10px 0; text-align:left; font-size:13px;}


.loginField{position:relative; padding:0; text-align:left}
.loginField input[type="text"], .loginField input[type="password"]{ -webkit-appearance: none; border-radius: 0; color: #4f5964; box-sizing: border-box; padding:0; margin:0; text-indent:10px; line-height:30px; font-size:16px; width:100%; height:50px; border:1px solid #d3d3d3;}
.loginField a.login_btn{ display:block; width:100%;background:#0088ce; text-align:center; color:#fff; font-size:19px; font-weight:bold; padding:19px 0; margin-top:10px;}
.loginField div{margin-top:10px; font-size:14px;}
.gray_box{padding:15px 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;}

.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}


/* header */
.header_1 {
    float: left;
    /* margin-bottom: 1%; */
}

.header_2 {
    float: right;
    margin-top: 15px;
}


@media (min-width: 1281px) {
    body.Atype .wrap{width:460px; margin-top: 104.5px;}
    body.Atype .header{
        height: 40px;
        padding: 0 0 16px 0;
        margin: 0;
    }

}