/* 마스크 */
.dimmed{display: none; position: fixed; left: 0; top: 0; width:100%; height:100%; background:#000000; opacity:0.7; z-index:999999999;}

/* 레이어 팝업 */
/*.layerPop{font-family: 'Spoqa Han Sans Neo', 'sans-serif';}*/
.layerPop{max-width:540px; width: 100%; position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background:#ffffff; z-index:9999999999999;font-family: 'SUIT', -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', sans-serif;}
.layerPop .layerTit{height: 40px; line-height: 40px; padding: 0 5px 0 15px; font-size: 16px; color: #ffffff; background-color: #dd0017;}
.layerPop .layerTit .layerPopClose{float: right; padding: 0 10px; color: #ffffff;}
.layerPop .layerCont{padding: 15px; background-color: #FCFCFC;}
.layerPop .layerCont.withM{position: relative; min-height: 200px; min-width: 300px; padding:15px;}
.layerPop .layerCont .grid{max-height: 200px; }
.layerPop .mssgBox{position: absolute; top: 0; right: 0; bottom: 0; width: 340px; border-left: 1px solid #e7e7e7;}

#saveformwarp{max-width: 500px; width: 100%;   overflow-y: auto; border-radius: 10px; height: 100vh; padding: 30px; background-color: #DADCEF; position: relative; left: 50%; transform: translate(-50%, 0%);height: calc(var(--vh, 1vh) * 100);}

/* iOS only */
@supports (-webkit-touch-callout: none) {
  height: -webkit-fill-available;
}

#savepickWrap .allsave{position: relative; text-align: center; }
#savepickWrap .allsave .icon{width: 400px; height: auto; margin-top: 50px;}
#savepickWrap .allsave h1{font-size: 30px; line-height: 1.4em; margin-top: 40px; display: block;}
#savepickWrap .allsave p{font-size: 15px; line-height: 1.4em; margin-top: 40px;}
#savepickWrap .allsave button.serachnext{background-color: #fff; margin-top: 40px; padding: 15px 30px;  font-size: 20px; border-radius: 20px; color: #3D47C7;}
#savepickWrap .allsave button.serachnext:hover{background-color: #3D47C7; color: #fff;}
#savepickWrap .saveChat { position: relative; display: none; overflow: hidden;}
#savepickWrap .saveChat.active{display: block;}
#savepickWrap.active{display: block;}
#savepickWrap .saveChat h2{font-size: 18px; line-height: 1.4em; margin-top: 40px; display: block; text-align: center;}
#savepickWrap .saveChat .quzi{background-color:#3D47C7; margin-top: 30px; display: inline-block; color: #fff; text-align: left; border-radius: 20px; padding: 10px 20px;}
#savepickWrap .saveChat .quzi2{background-color:#3D47C7; margin-top: 10px; display: inline-block; color: #fff; text-align: left; border-radius: 20px; padding: 10px 20px;}
#savepickWrap .saveChat .quzi3{background-color:#fff; margin-top: 10px; display: inline-block; color: #333; text-align: left; border-radius: 20px; padding: 10px 20px;}
#savepickWrap .saveChat .radio{margin-top: 20px; text-align: right; }
#saveformwarp input[type=radio] {display: none;  clear: both;}
#saveformwarp input[type=radio] + label{display: inline-block;margin:5px 5px 0px 0;padding: 8px 10px;background-color: #f5f5f5;border-radius: 14px;color: #666;text-align: center;}

.fontred{ color:#c40f06;}

button, select {text-transform: none;}
button {margin: 0; padding: 0; border: 0; font: inherit; color: inherit; background:transparent; overflow:visible; cursor: pointer; line-height: 1;}
button, input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: none; cursor: pointer;}
button:disabled, input:disabled {cursor: default;}

#savepickWrap .saveChat .conform{background-color:#f9f9f9; display: block; width: 120px;  margin-top: 10px; margin-left: 10px; padding: 10px 30px;  height: 40px; float: right; font-size: 15px; border-radius: 10px; color: #3D47C7;}
#savepickWrap .saveChat .conform:hover{background-color: #3D47C7; color: #fff;}
#savepickWrap .saveChat select{border-radius: 10px; background-color: #f9f9f9; width: 150px; border-radius: 10px; height: 40px; margin-top: 10px; padding:5px 10px; font-size: 14px; margin-left: 5px;}

.question4{position: relative; display: none; overflow: hidden;}
.question4.active{display: block;}
.msg{opacity:0; transform:translate3d(0,20px,0); transition-property:opacity,transform; transition:all .5s; }
.msg.up{transform:translateZ(0); opacity:1; }

#savepickWrap .condition{position: relative; display: none; overflow: hidden;}
#savepickWrap .condition.active{display: block;}
#savepickWrap .condition h2{font-size: 19px; line-height: 1.4em; margin-top: 40px; color: #333; display: block; text-align: center;}
#savepickWrap .condition .rebox{margin-top: 20px; padding: 20px; background-color: #fff; border-radius: 20px;}
#savepickWrap .condition .rebox p{font-size: 15px; line-height: 30px;}
#savepickWrap .condition .rebox p:first-child{font-size: 16px; margin-bottom: 10px; font-weight: bold; line-height: 30px;}
#savepickWrap .condition .quzi{background-color:#3D47C7; margin-top: 30px; display: inline-block; color: #fff; text-align: left; border-radius: 20px; padding: 10px 20px;}
#savepickWrap .condition .radio{margin-top: 20px; text-align: right; }
.content:last-of-type{border: none !important;}
#savepickWrap .sale{position: relative; display: none; overflow: hidden; text-align: center;}
#savepickWrap .sale.active{display: block;}
#savepickWrap .sale h2{font-size: 18px; margin-top: 40px; display: block; text-align: center;}
#savepickWrap .sale .itemwarp{width: 100%; display: flex; border-radius: 10px;}
#savepickWrap .sale .item li{margin-top: 10px; background-color:#3D47C7;  color: #fff; border-radius: 10px;}
#savepickWrap .sale .item {width: 100%; margin-top: 20px; border-radius: 10px; text-align: center;  float: left; margin-right: 16px; }
#savepickWrap .sale .item h3{position: relative; display: block; padding-right: 30px; font-weight: 500; width: 100%; color:#fff; background-repeat: no-repeat; padding: 10px; font-size: 18px; text-align: left; word-break: keep-all;}
#savepickWrap .sale .item .sale{font-size: 16px; line-height: 22px;  margin-top: 10px; text-decoration: underline;}
#savepickWrap .sale .item h4{color: #c40f06; font-size: 20px; display: block; margin-top: 10px;padding: 10px; font-size: 20px; }
#savepickWrap .sale .item .moreveiw{position:absolute; top:50%; right:10px; -webkit-transform: translateY(-50%); transform: translateY(-50%); float:right; color:#fff; background: transparent;}
#savepickWrap .sale .item .moreveiw i{-webkit-transition: 0.4s;transition: 0.4s;}
#savepickWrap .sale .item .moreveiw.on i{-webkit-transform: rotate(180deg);transform: rotate(180deg);}
#savepickWrap .sale .item h4.two{color: #c40f06; font-size: 20px;  display: block; margin-top: 10px;padding: 10px; font-size: 20px; }
#savepickWrap .sale .item .tag{font-size: 12px; line-height: 20px; color: #555; }
#savepickWrap .sale .item:last-child{margin-right: 0;}
#savepickWrap .sale .text{font-size: 13px; margin-top:20px;}
#savepickWrap .sale::after{content: "" ; display: block; clear: both;}
#savepickWrap  .subbox{display: block ; text-align: left; width: 100%; background-color: #fff; color: #555; font-size: 12px; line-height: 1.3em; border-radius: 10px; margin-top: 20px; padding: 20px;}
#savepickWrap .sale .gotoonline{background-color: #fff; margin-top: 20px; text-align: center; padding: 15px 30px;  font-size: 20px; border-radius: 20px; color: #3D47C7;}
#savepickWrap input[type='tel'],select,textarea {border: 1px solid #bbb; background: #fff;padding: 5px;width: 50%; margin-bottom: 10px; }

/*더보기 디자인*/
.moreWrap .popInner{display:inline-block; font-family: 'Spoqa Han Sans Neo', 'sans-serif';  border-bottom-left-radius: 10px; word-wrap: break-word; border-bottom-right-radius: 10px;  padding:10px; background:#fff; border-top: 1px solid #ccc;  color:#333; width:100%; height:auto; vertical-align:middle; font-size:15px; position: relative;}
.moreWrap .popInner h3{font-size: 24px; border-top-left-radius: 20px; text-align: left;  border-top-right-radius: 20px; padding: 15px 0 10px 25px; display: block;  color: #333;}
.moreWrap .popInner h5.top{font-size: 16px;  text-align: left;  padding: 0 5px; display: block; color: #333;}

.moreWrap .popInner > div{background-color: #f9f9f9;  width: 100%;  overflow:auto; padding: 5px; position: relative; margin: 0 auto; text-align: left; font-size: 12px;}
.moreWrap .popInner .shot{ background-color: #fff; width:100%;   overflow:auto; position: relative; margin: 0 auto; text-align: left; font-size: 13px;}
.moreWrap .popInner p{text-align: left; padding: 5px ; word-break: keep-all;  margin-bottom: 10px; font-size: 14px; border-bottom: 1px solid #ccc;}
.moreWrap .popInner .shot .title{background-color: #333;  border-radius: 10px;  text-align: center; padding:  4px; float: left; font-size: 13px; line-height: 1.2em; width: 20%; color:#fff}
.moreWrap .popInner .shot .content{background-color: #fff; color: #333; line-height: 16px;  font-size: 12px; padding:   5px;  width:74%; float: right;word-break: keep-all;}
.moreWrap .popInner .btnClose{position: absolute; top: 16px; right: 30px; color:#fff; font-size: 24px; clear: both;}
.moreWrap .popInner .confrim{width: 600px; text-align: center; background:#c40f06; border-bottom-left-radius: 10px; clear: both; border-bottom-right-radius: 10px; color:#fff; padding: 10px; font-size:16px;  border: none; height: 50px;}
.moreWrap .height60{height: 60px;}
.moreWrap .block{width: 8px; display: inline-block;}
.moreWrap .popInner .sup{font-size: 11px; line-height: 1.3em; word-break: keep-all; padding: 10px 20px 0px 20px; border-bottom: none;}
.dropdown_gnb img{vertical-align: top;}

#savepickWrap  .moveview1{background-color: #fff; color: #333; border-radius: 5px; padding: 5px; margin-left: 10px;}

#saveformwarp input[type=radio]:checked + label{
background-color: #3D47C7; color: #fff;}
#saveformwarp::-webkit-scrollbar {width: 6px;}
#saveformwarp::-webkit-scrollbar-track {background-color: transparent;}
#saveformwarp::-webkit-scrollbar-thumb {border-radius: 3px;background-color: #ccc;}
#saveformwarp::-webkit-scrollbar-button {width: 0;height: 0;}

.btnClose{position: fixed; z-index: 1000; top: 20px; right: 20px; color:#333; font-size: 24px; background:transparent; }

/* 240320 콘텐츠패스 테이블 추가 */
.popup-txt .table_wrap{
    margin-top: 10px;
}
.save_table th,
.save_table td{
    padding: 4px;
    border-left: 1px solid #ddd;
    font-size: 12px;
    word-break: keep-all;
    vertical-align: middle;
}
.save_table th:first-child,
.save_table td:first-child{
    border-left: 0;
}
.save_table th{
    background-color: #c40f06;
    color: #fff;
    text-align: center;
}
.save_table td{
    border-bottom: 1px solid #ddd;
}
.color_red{
	color: #c40f06;
}