@charset "UTF-8";

/* Popup */
.popWrap {position:relative;height:100%;}
/* bsh */
.popWrap .popHeader {position:sticky;top:0px;height:40px;background:#0d1c2f;color:#fff;z-index: 99;}
/* end */
.popWrap .popHeader h1.tit {min-height:40px;padding:10px 13px;color:#fff;font-family: 'NotoKrM';font-size:15px}
.popWrap .popHeader .close {display:block;;position:absolute;right:10px;top:0;text-align:center;padding:10px}
.popWrap .popContents {padding:20px;}
.popWrap .popupBtn {width:100%;text-align:center;margin-bottom:20px;position:relative;display:table;;}
.popWrap .popupBtn:after {display:block;clear:both;content:''}


/* Layer Popup*/
/* 2019.12.19 수정 - 화면 크기를 확대하는 경우 결제하기 레이어 팝업에서 확인 버튼이 아래로 숨겨지는 현상을 개선하기 위해
body.closeWrap{position:fixed;overflow:hidden;width:100%;height:100%} */
body.closeWrap{width:100%;height:100%}

body.closeWrap02{overflow:hidden}
.layerPop > .dim {width:100%;height:100%;z-index:2;background-color:#000; opacity:0.7; filter: alpha(opacity=40); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; position:fixed; top:0; left:0;  margin:0;padding:0;}
.layerPop {display:none;position:fixed;left:0;top:0;bottom:0;width:100%;overflow:hidden;z-index:9999;overflow:auto;-webkit-overflow-scrolling:touch;}
.layerPopWrap {position:absolute;left:0;top:0;bottom:0;width:100%;overflow:hidden;z-index:9999;overflow:auto;-webkit-overflow-scrolling:touch;}
.layerPopWrap .layerPopInner {position:relative;height:500px;margin:0 auto;top:5%;background:#fff;padding:12px 20px;overflow:auto;}
.layerPopWrap .layerPopInner.w450 {width:410px;}
.layerPopWrap .layerPopInner.w600 {width:560px;}
.layerPopWrap .layerPopInner.w700 {width:660px;}
.layerPopWrap .layerPopInner.w800 {width:760px;}
.layerPopWrap .scrollY{}
.layerPopWrap .popHeader {position:relative;padding-top:3px;padding-bottom:12px;border-bottom:2px solid #142e4e;height:auto;background:none;}
.layerPopWrap .popHeader h1.tit {color:#142e4e;;font-family: 'NotoKrM';font-size:18px;min-height:auto;padding:0;}
.layerPopWrap .popHeader .close {display:block;;position:absolute;right:-10px;top:-6px;text-align:center;padding:10px}
.layerPopWrap .popContents {padding:20px 0;}
.layerPopWrap .popupBtn {width:100%;text-align:center;position:relative;display:table;margin-bottom:10px;}
.layerPopWrap .popupBtn:after {display:block;clear:both;content:''}
.layerPopWrap .popupBtn.btnBd {padding-top:20px;border-top:1px solid #ccc;}
.layerPopWrap .contBox01 {padding:8px;border-top:2px solid #123867;border-bottom:1px solid #8e99a7;}

/* Popup common*/
.popContents .subTit {margin-top:50px;}
.popContents > .subTit:first-child {margin-top:0;}
.popContents ul {margin-left:5px;margin-top:5px;font-size:14px;}
.popContents li {margin-left:15px;margin-top:15px;}

.popupBtn .pBtns{margin-left:10px;}
.popupBtn .pBtns {display:inline-block;padding:0 15px;min-width:90px;height:32px;font-size:14px;text-align:center;line-height:30px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;font-family: 'NotoKrM'}
.popupBtn .pBtns > span{color:#fff;}
.popupBtn .btnArea {margin-bottom:20px;font-family: 'NotoKrM';}

/* 2022.02.23 추가 */
.popupBtn .pBtns img {border-radius:20px;display:inline-block;position:relative;width:26px;height:26px;vertical-align:middle;border-right:none;text-align:center;font-family: 'NotoKrM';line-height:1.2;margin-right:0px;}


.pt01 {color:#e6000c !important} /* red */
.pt02 {color:#007dc3 !important} /* blue */
.pt03 {
  color: #000000 !important;        /* 글자색: 검정 */
  background-color: #ccffcc !important; /* 배경색: 밝은 녹색 */
  text-decoration: underline !important; /* 밑줄 */
}

.btnSt01 {background:#123867} /* blue */
.btnSt02 {background:#555555} /* gray */
.btnSt03 {background:#515f7a}
.btnSt04 {background:#007dc3}  /* blue */
.btnSt05 {background:#ee3a43}  /*  */