@charset "utf-8";

@import url("common.css");
@import url("layout.css");
@import url("main.css");
@import url("contents.css");

@import url("rspsCommon.css");
@import url("rspsLayout.css");
@import url("rspsMain.css");
@import url("rspsContents.css");


/* popup */
/* .iePop{position: absolute; top: 136px; left: 580px; width:320px; height:; z-index:99998} *//*top: 136px; 탑배너 위치와 일치  2017.09.24 추석 안내말씀- 임시공휴일에 따른 예금만기안내 */
.iePop{position: absolute; top: 520px; left: 0px; width:320px; height:; z-index:99998}
.iePop .conPop{padding:30px; background:#fff; border-left:1px solid #E0E2E7; border-right:1px solid #E0E2E7}
.iePop .footPop{border:1px solid #E0E2E7; background:#f6f6f8; padding:8px 20px; overflow:hidden}
.iePop .footPop .check{float:left}
.iePop .footPop .closeBtn{float:right; overflow:hidden}
.iePop .footPop .closeBtn p{float:left}
.iePop .footPop .closeBtn p:hover{text-decoration:underline}

.iePop2 {position: absolute; top: 1000px; left: 0px; width:320px; height:; z-index:99999}
.iePop2 .conPop{padding:30px; background:#fff; border-left:1px solid #E0E2E7; border-right:1px solid #E0E2E7}
.iePop2 .footPop{border:1px solid #E0E2E7; background:#f6f6f8; padding:8px 20px; overflow:hidden}
.iePop2 .footPop .check{float:left}
.iePop2 .footPop .closeBtn2{float:right; overflow:hidden}
.iePop2 .footPop .closeBtn2 p{float:left}
.iePop2 .footPop .closeBtn2 p:hover{text-decoration:underline}

/* 20190516 허귀식 팝업 버튼 추가 원본
.iePop>p>button { position:absolute; z-index:999; background:none; border:1px #333 solid; padding:10px 20px; text-align:center; bottom:65px; color:#333; margin:0 auto; left:50%; transform:translate(-50%,0); cursor:pointer; }
.iePop2>p>button { position:absolute; z-index:999; background:none; border:1px #fff solid; padding:10px 20px; text-align:center; bottom:65px; color:#fff; margin:0 auto; left:50%; transform:translate(-50%,0); cursor:pointer; }
*/ 
.iePop>p>button { position:absolute; z-index:999; background:none; border:1px #fff solid; padding:5px 10px; text-align:center; bottom:85px; color:white; margin:0 auto; left:50%; transform:translate(-50%,0); cursor:pointer; }
.iePop2>p>button { position:absolute; z-index:999; background:none; border:1px #fff solid; padding:5px 10px; text-align:center; bottom:105px; color:#fff; margin:0 auto; left:50%; transform:translate(-50%,0); cursor:pointer; }

/* 타이어 리스트 추가 스타일 */
.Tire-List02 { border-top:1px #333 solid; border-bottom:1px #ccc solid; }
.Tire-List02:after {clear:both; display:block; content:''; }
.Tire-List02>dl:after { clear:both; display:block; content:''; }
.Tire-List02>dl:first-child { border:0px; }
.Tire-List02>dl { border-top:1px #ccc solid; background:#f8fafc; height:110px; }
.Tire-List02>dl>dt { float:left; width:50%; height:100%; background:#fff; text-align:center; display:table-cell; }
.Tire-List02>dl>dt>span { vertical-align:bottom; margin-bottom:0px; }
.Tire-List02>dl>dd { float:left; width:calc(50% - 50px); font-size:12px; display:table-cell; padding-left:50px; }
.Tire-List02>dl>dd>a { margin-left:30px; vertical-align:middle; }
.Tire-List02>dl>dd>a>span { display:block; line-height:140%; }
.Tire-List02>dl>dd>a>span:first-child { color:#ec5d62; padding-bottom:5px; }
@media (max-width: 1024px) {
.Tire-List02 { border-top:1px #333 solid; border-bottom:1px #ccc solid; height:auto; }
.Tire-List02>dl:first-child>dt { border:0px; }
.Tire-List02>dl { border-top:1px #666 solid; background:#f8fafc; min-height:auto; }
.Tire-List02>dl>dt { clear:both; display:block; width:100%; background:none; border-top:1px #ccc solid; margin:0px; padding:0px; height:auto; }
.Tire-List02>dl>dt:after { clear:both; display:block; content:''; }
.Tire-List02>dl>dt>span { padding:0px; margin:0px; }
.Tire-List02>dl>dt img { width:100%; } 
.Tire-List02>dl>dd { clear:both; display:block; box-sizing:border-box; font-size:12px; background:#f8fafc; width:100%; height:auto; margin-top:0px; padding-top:0px; }
}