@charset "utf-8";
/* CSS Document */

/* 로그인 */
.subLogin .log_ctn {position:relative; padding:15px 25px; margin-bottom:30px; border:2px solid #dfe6ee; background:#fff;}
.subLogin .log_ctn:before {content:''; position:absolute; top:-2px; left:-2px; width:50px; height:50px; border-top:4px solid #266ed4; border-left:4px solid #266ed4;}
.subLogin .log_ctn:after {content:''; position:absolute; bottom:-2px; right:-2px; width:50px; height:50px; border-bottom:4px solid #2a384a; border-right:4px solid #2a384a;}

.subLogin .log_hdr { text-align:center; padding:0 0 10px} /*191205*/
.subLogin .log_hdr p {line-height:150%}
.subLogin .log_hdr .txt1 { font-size:24px; font-weight:bold; color:#005fca; letter-spacing:-1px; margin-bottom:6px}
.subLogin .log_hdr .txt2 { font-size:15px; color:#777;}

.subLogin .log_ctn.w100 li{  margin: 0 auto; float:none; }
.subLogin .log_ctn ul { padding:0 5px; overflow:hidden} /*191205*/
.subLogin .log_ctn ul li{ float:left; position:relative; width:50%; text-align:center}
.subLogin .log_ctn ul li .inner{ display:block; border-left:1px solid #dee0e6; padding:0 30px}
.subLogin .log_ctn ul li:first-child .inner{ border-left:0}
.subLogin .log_ctn ul li .inner img{ margin-bottom:27px;}
.subLogin .log_ctn ul li dt{ font-size:19px; color:#000; font-weight:bold; margin-bottom:5px}/*191205*/
.subLogin .log_ctn ul li dd{ width:80%; margin: 0 auto; font-size:13.5px;  line-height:150%; min-height:50px; color:#464646; word-break: keep-all; }/*191205*/
.subLogin .log_ctn.w100 ul li .btn { width:202px; margin:5px 0;}/*191205*/
.subLogin .log_ctn ul li .btn{ display:inline-block; text-align:center; width:160px; height:40px; line-height:38px;  background:#155eb6;}
.subLogin .log_ctn ul li .epkiBtn{ height:55px; line-height:20px; padding-top:15px;}
.subLogin .log_ctn ul li .btn:hover{background:#0f4e99;}

.subLogin .log_ctn ul li .btn span { color:#fff; font-size:15px}
.subLogin .log_ctn ul li .btnUpdate{ display:inline-block; text-align:center; width:160px; height:40px; line-height:38px; background-color:#f0ad4e;}
.subLogin .log_ctn ul li .btnUpdate:hover{background-color:#fcca7e;}
.subLogin .log_ctn ul li .btnUpdate span { color:#fff; font-size:15px}
.subLogin .log_ctn ul li .btnList{ display:inline-block; text-align:center; width:160px; height:40px; line-height:38px; background-color:#909090;}
.subLogin .log_ctn ul li .btnList:hover{background-color:#d8d8d8;}
.subLogin .log_ctn ul li .btnList span { color:#fff; font-size:15px}
.subLogin .log_ctn ul li .btn_green{ display:inline-block; text-align:center; width:160px; height:40px; line-height:38px; background-color:#3A8421;}/* 220218 FS수정 */
.subLogin .log_ctn ul li .btn_green:hover{background-color:#24610f;}/* 220218 FS수정 */
.subLogin .log_ctn ul li .btn_green span { color:#fff; font-size:15px}/* 220218 FS수정 */

.subLogin .log_ctn ul li input {/* float:left; */ border:1px solid #d7d7d7; background-color:#fff !important; color:#8e8e8e; width:90%; height:35px; margin:0 0 6px; padding-left:40px; font-size:13px; color:#666; vertical-align:middle} /* 210916 jhk 로그인 인풋창 정렬 float 제거 */
.subLogin .log_ctn .login_id {background:url('/images/co/lo/ico_login_id.gif') no-repeat 15px 50%; } /* 191224 경로수정 */
.subLogin .log_ctn .login_pw {background:url('/images/co/lo/ico_login_pw.gif') no-repeat 15px 50%; } /* 191224 경로수정 */
.subLogin .log_ctn.w100 p.btn_gray { text-align:center; border-top: dashed 1px #e1e1e1; padding:10px 0; }/*191205*/
.subLogin .log_ctn.w100 p.btn_gray a {width:158px;}

.subLogin .log_ftr {  border:1px solid #bfbfbf; background:#fbfbfb; padding:20px 25px; overflow:hidden}
.subLogin .log_ftr dl + dl { margin-top:16px;}
.subLogin .log_ftr dt { font-size:14px; font-weight:bold; color:#252525; margin-bottom:5px}
.subLogin .log_ftr dd{ font-size:13px; color:#898989; line-height:150%; padding-left:12px; position:relative}
.subLogin .log_ftr dd:before { content:""; display:block; width:6px; height:1px; position:absolute; left:0; top:10px; background-color:#999;}
.subLogin .log_ftr dd.bu_none:before {  width:0;}
.subLogin .log_ftr ul.log_box { width:100%; float:left; }/*191205*/
.subLogin .log_ftr ul.log_box li{ width:48%;  float:left; margin:0 1%; height: 110px;}/* 201028 jhk 안내문구부분 높이지정*/

.btn{margin:0px 0px 0; padding: 0px 0px; border:0px; border-radius:0px;}
@media (max-width:1200px) {
	.subLogin .log_ctn ul li .inner{padding:0 10%}
	.subLogin .log_ctn ul li dt{ font-size:17px;}
	.subLogin .log_ctn ul li dd{ font-size:13px;}
    .subLogin .log_ctn.w100 ul li .btn { margin-top:5px;}
}
@media (max-width:800px) {
	.subLogin .log_hdr {padding:0 0 15px}
	.subLogin .log_hdr p {line-height:140%}
	.subLogin .log_hdr .txt1 { font-size:22px;}
	.subLogin .log_hdr .txt2 { font-size:14px;}
	.subLogin .log_ctn ul { padding:0;}
	.subLogin .log_ctn ul li{ width:100%;}
	.subLogin .log_ctn ul li:first-child{ width:100%}
	.subLogin .log_ctn ul li .inner{border-left:0; border-top:1px solid #dee0e6; padding:2% 20% 2%}/*191205*/
	.subLogin .log_ctn ul li:first-child .inner{ border-top:0; padding:2% 20% 2%}/*191205*/
	.subLogin .log_ctn ul li dd{ width:100%; min-height:auto;  margin-bottom:20px}/*191205*/
	.subLogin .log_ctn ul li .btn span {font-size:14px}
	.subLogin .log_ctn ul li .btnUpdate span {font-size:14px}
	.subLogin .log_ctn ul li .btnList span {font-size:14px}
	.subLogin .log_ftr ul.log_box { float:none; }/*191205*/
	.subLogin .log_ftr ul.log_box li{ width:100%;  float:none; margin:20px 0 0;}/*191205*/
}

.tooltiptext
{
    width: 130px;
    font-size:11px;
    border:1px;
    border-style:solid;
    border-color:#000;
    background-color: #fff;
    color: #000;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: 77%;
    left: 48%;
}
.tooltiptext::after
{
    content: "";
    position: absolute;
    bottom: 100%;
    left: 7%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent black transparent;
}