@charset "utf-8";

/* 로그인 */
#log_wrap{margin-top:10%}
.log_box {border:2px solid #bf3414;border-radius:10px;overflow:hidden;}
.log_box .titleBox{padding:50px 30px;background:linear-gradient(to right, #e95213, #930b12);color:#FFF}
.log_box .titleBox h2{font-size: 30px;font-weight: 700;line-height: 36px;margin-bottom: 70px;}
.log_box .txtBox{ flex: 1;padding: 60px;}
.log_box .txtBox dl dt{font-size:16px;color:#333;font-weight:500;display:block;margin-bottom: 5px;}
.log_box .txtBox dl dd{margin-bottom: 20px;}

#wrap{margin-top: 40px;}
.head_box {text-align:center;position:relative}
.head_box .newBtn{position:absolute;right:0;top:50%;margin-top:-10px}
#wrap .sub_container{}
#wrap .sub_container .top_tel_box{line-height:34px;padding:0 20px;color:#333;font-size:16px;font-weight:500;border:1px solid #DDD;border-radius:5px;margin:40px 0}
#wrap .sub_container .top_tel_box b{font-weight:500;display:inline-block;margin-right:5px}
#wrap .sub_container > section + section{margin-top:24px}
#wrap .sub_container section h3{color: #333;font-size: 16px;font-weight: 600;margin-bottom: 10px;display: inline-flex !important;align-items: center;}
#wrap .sub_container section h3.mobVer{display:none !important;}
#wrap .sub_container section h3 i{display:inline-block;width:17px;height:17px;margin-right:5px;}
#wrap .sub_container section h3 i.ico_h3{background:url(../img/common/ico_h3.png) no-repeat center center;}
#wrap .sub_container section h3 i.ico_h3.ver2{background:url(../img/common/ico_h3_2.png) no-repeat center center;}
#wrap .sub_container section h3 span{color:#f13c50;font-size:14px;display:inline-block;margin-left:5px}

.sub_box{padding-top:30px;border-top:1px dashed #c1c1c1;margin-top:30px}
.tbl table tbody td .sts{display:inline-block;margin:0 auto;text-align:center;line-height:28px;height:30px;width:55px;border-radius:5px;box-shadow: rgb(0 0 0 / 10%) 0px 1px 8px 0px}
.tbl table tbody td .sts.in{color:#0051ff;background:#ecf2ff;border:1px solid #0051ff}
.tbl table tbody td .sts.out{color:#f13c50;background:#ffeaed;border:1px solid #f13c50}


@media (max-width: 768px) {

	.log_box {height:auto;}
	.log_box .txtBox {padding:50px 30px}
	.log_box .titleBox{padding:60px 30px}
	.log_box .titleBox p {    word-break: keep-all;}
	.log_box .titleBox p br{display:none}
	.log_box .titleBox h2{margin-bottom:10px}
	#log_wrap {margin-top: 20%;}
	.sub_container .tbl{width:100% !important}
	.sub_container .tbl table{width:100% !important}
	#wrap .sub_container section{width:100%}
	#wrap{margin-top:0}
	header.inner2 { padding: 10px 4%;border-bottom: 1px solid #222;width: 100%;}
	#wrap .sub_container .top_tel_box{margin:20px 0}
	.head_box .newBtn {position: relative ;right: inherit ;margin-top: 0 ;}
	#wrap .sub_container section h3.mobVer{display:inline-flex !important;}
	#wrap .sub_container section h3.pcVer{display:none !important;}
	.tbl table tbody td .sts {width:40px;font-size:13px}

	.sub_box section + section{margin-top:20px}
	.m_mt0 {margin-top:0 !important}

}