:root{
  /* colors */
  --brand:#3F3F3F;
  --accent:#FF3B30;
  --text:#3F3F3F;
  --muted:#8A8A8A;
  --border:#C0C0C0;
  --border-blue:blue;
  --bg:#fff;
  --placeholder:#757575;
  --trg-text:#3F3F3F;
  --trg-border:#C0C0C0;


  /* size */
  --radius:20px;
  --tap:48px;
  --gap:12px;
  --text-size:14px;
  --footer-menu-height:55px;
  --ico-size:24px;
  --ico-len:80%;
  --ico-thick:1px;
  --ico-color:#B7BDC5;

  /* layer */
  --z-dim:9998;
  --z-sheet:9999;
}
html{
	scroll-behavior:smooth;
}
BODY
{
      scrollbar-3dlight-color:#595959;
      scrollbar-arrow-color:#ffffff;
      scrollbar-base-color:#CFCFCF;
      scrollbar-darkshadow-color:#FFFFFF; 
      scrollbar-face-color:#CFCFCF; 
      scrollbar-highlight-color:#FFFFF; 
      scrollbar-shadow-color:#595959
}

A:link {text-decoration:none; color:#3F3F3F;}
A:visited {text-decoration:none; color:#3F3F3F;}
A:active {text-decoration:none; color:#3F3F3F} 
A:hover {  text-decoration:underline;  color:#3F3F3F;}

A.noUnderline:link {text-decoration:none; color:black;}
A.noUnderline:visited {text-decoration:none; color:black;}
A.noUnderline:active {text-decoration:none; color:black} 
A.noUnderline:hover {  text-decoration:none; color:black;}

A.blue:link {text-decoration:none; color:blue;}
A.blue:visited {text-decoration:none; color:blue;}
A.blue:active {text-decoration:none; color:blue} 
A.blue:hover {  text-decoration:underline;  color:#0050D6;}

A.topMenu:link {text-decoration:none; color:#0181B1; font-size : 9pt;font-family:"돋움";}
A.topMenu:visited {text-decoration:none; color:#0181B1; font-size : 9pt;font-family:"돋움";}
A.topMenu:hover {text-decoration:underline; color:#0181B1; font-size : 9pt;font-family:"돋움";}
A.topMenu:active {text-decoration:none; color:#0181B1; font-size : 9pt;font-family:"돋움";}

A.topMenu2:link {text-decoration:none; color:#3F3F3F; font-size : 8pt;font-family:"돋움";}
A.topMenu2:visited {text-decoration:none; color:#3F3F3F; font-size : 8pt;font-family:"돋움";}
A.topMenu2:hover {text-decoration:underline; color:#0181B1; font-size : 8pt;font-family:"돋움";}
A.topMenu2:active {text-decoration:none; color:#0181B1; font-size : 8pt;font-family:"돋움";}

A.topMenu3:link {text-decoration:none; color:#0181B1; font-size : 9pt;font-family:"돋움";}
A.topMenu3:visited {text-decoration:none; color:#0181B1; font-size : 9pt;font-family:"돋움";}
A.topMenu3:hover {text-decoration:none; color:#F8A808; font-size : 9pt;font-family:"돋움";}
A.topMenu3:active {text-decoration:none; color:#0181B1; font-size : 9pt;font-family:"돋움";}

A.topMenu4:link {text-decoration:none; color:#00F0FF; font-size : 8pt;font-family:"돋움";}
A.topMenu4:visited {text-decoration:none; color:#00F0FF; font-size : 8pt;font-family:"돋움";}
A.topMenu4:hover {text-decoration:underline; color:#00F0FF; font-size : 8pt;font-family:"돋움";}
A.topMenu4:active {text-decoration:none; color:#00F0FF; font-size : 8pt;font-family:"돋움";}

A.topMenu5:link {text-decoration:none; color:#FF8000; font-size : 9pt;font-family:"굴림";font-weight:bold;}
A.topMenu5:visited {text-decoration:none; color:#FF8000; font-size : 9pt;font-family:"굴림";font-weight:bold;}
A.topMenu5:hover {text-decoration:underline; color:#FF8000; font-size : 9pt;font-family:"굴림";font-weight:bold;}
A.topMenu5:active {text-decoration:none; color:#FF8000; font-size : 9pt;font-family:"굴림";font-weight:bold;}


body,td,table,tr,input,select,textarea { font-family:굴림; font-size:9pt;}
p { font-family:굴림; font-size:9pt;color:#3F3F3F;}


.gsubmenu_layer {
	position : absolute;
	visibility : hidden;
	border :	1px solid #C0C0C0;
	background : #F7F7F7;
	width : 120;
}
.gsub_menu_font {
	cursor : pointer;
	color : #404040;
}
.cursor_hand {
	cursor : pointer;
}

.VBN_disabled{
	color:#ABABAB;
	background-color:#EEEEEE;
	BORDER: #CACACA 1px solid;
}

.VBN_sNotice{

    height: 22px;
    line-height: 22px;
    margin: 2px 0px;
    padding:3px;

    border:1px solid #d9d9d9;
    background-color:#f7f7f7;

	border-radius:5px;
}

.VBN_viewNotice{

    color:#3F3F3F;
    border:1px solid #d9d9d9;
    background-color:#f7f7f7;
    //font-weight:bold;

    margin-bottom:2px;
    padding:3px;
    border-radius:5px;
}


.VBN_inputCls {height:24;BORDER: #C0C0C0 1px solid;color:#3F3F3F;margin:2px 0px}


.VBN_btnCls {height:24;BORDER: #C0C0C0 1px solid;color:#3F3F3F;margin:2px 0px; font-family:굴림; font-size:9pt;cursor:pointer;border-radius: 2px; } 
.VBN_selectCls {height:24;BORDER: #C0C0C0 1px solid;color:#3F3F3F;margin:2px 0px;background-color:#ffffff;} 
.VBN_textareaCls{BORDER: #C0C0C0 1px solid} 


.VBN_text { font-family:굴림; font-size:9pt;color:#3F3F3F;}
.VBN_text8 {color:#3F3F3F; font-size : 8pt;font-family:"돋움";}

.VBN_Gothic { font-family:Malgun Gothic; color:#3F3F3F;}
.VBN_helvetica { font-family:helvetica; color:#3F3F3F;}


h1 { font-family:돋움; color:#3F3F3F; font-size:32px; margin:0; }
h2 { font-family:돋움; color:#3F3F3F; font-size:24px; margin:0;}
h3 { font-family:돋움; color:#3F3F3F; font-size:18px; margin:0; }
h4 { font-family:돋움; color:#3F3F3F; font-size:15px; margin:0; }
h5 { font-family:돋움; color:#3F3F3F; font-size:13px; margin:0; }

hr {border:0; border-top:1px solid #A5A5A5; margin:0 auto;}


/* 현재 이용중인 통신사  ================================================================ */
.phone-filter-container{
  width:750px;
  margin: 0 auto 10px auto;
  border:1px solid #ddd;
  padding:10px;
  background:#fff;
  box-sizing:border-box;
  border-radius:5px;
  font-size:12px;
  line-height:1.15;
}

.carrier-inline-wrap{
  display:flex;
  align-items:center;
  width:100%;           /* ← 전체폭 확보 */
  box-sizing:border-box;
}


.filter-submit-wrap{
  margin-left:auto;     /* ← 버튼을 맨 우측으로 밀기 */
  padding-top:0;
  border-top:0;         /* ← 위에 있는 선 제거 */
  padding-bottom:4px;
  border-bottom:1px solid #eee;
}


.current-tel-wrap{
  max-width:100%;       /* ← 모바일 대응 */
  padding-bottom:8px;
  border-bottom:1px solid #eee;
}


.current-yg-wrap{
  max-width:100%;       /* ← 모바일 대응 */
  padding-bottom:6px;
  border-bottom:1px solid #eee;
}

.current-yg-trigger{
  display:inline-flex;
  background:#fff;
  border-radius:8px;
  padding:0;
  gap:3px;
}

.current-yg-trigger input[type=radio]{
  display:none;
}

.current-yg-trigger label{
  padding:5px 15px;
  font-size:12px;
  font-weight:600;
  color:#555;
  border-radius:6px;
  border:1px solid #cfd3dc;
  cursor:pointer;
  user-select:none;
  transition:all .2s ease;
}

/* hover */
.current-yg-trigger label:hover{
  background:#e6e8ec;
}

/* 선택된 버튼 */
.current-yg-trigger input[type=radio]:checked + label{
  background:#3665BA;
  color:#fff;
}

@media (max-width:768px){
	.current-yg-wrap{
	  border:0;
	  padding:0;
	}
	.current-yg-trigger{
	  padding:0 5px;
	}
	.current-yg-trigger label{
      padding:5px 10px;
	  border:0;
	}
}


.current-tel-label{
  font-size:12px;
  font-weight:600;
  color:#3F3F3F;
}

.current-tel-trigger{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  padding:8px 10px;
  border:1px solid #ddd;
  border-radius:5px;
  cursor:pointer;
  background:#fff;
  font-size:12px;
}

.current-tel-trigger:hover{
  border-color:#3665BA;
}

.current-tel-arrow{
  width:6px;
  height:6px;
  border-right:1px solid #666;
  border-bottom:1px solid #666;
  transform:rotate(45deg);
  transition:transform .1s ease;
  margin-bottom:4px;
}
.current-tel-trigger.open .current-tel-arrow{
  transform: rotate(-135deg);
  margin-top:7px;
}


.btn-submit{
  background:#3665BA;
  color:#fff;
  border:0;
  margin-bottom:3px;
  padding:4px 15px;
  font-size:13px;
  border-radius:4px;
  cursor:pointer;
}
.btn-submit:hover{
  background:#2d54a1;
}

.btn-submit:disabled{
  background:#bfc7da;
  cursor:not-allowed;
}


.btn-reset{
  background:#fff;
  color:#222;
  border:1px solid #cfd3dc;
  font-weight:500;
  font-size:12px;
  box-shadow:0 1px 2px rgba(0,0,0,0.04);
  margin-bottom:3px;
  padding:4px 15px;

  border-radius:4px;
  cursor:pointer;
  transition:all .15s ease;
}

/* hover */
.btn-reset:hover{
  background:#f3f4f6;
  border-color:#9aa3b2;
}

/* active (눌림) */
.btn-reset:active{
  background:#e9ebf0;
  transform:translateY(1px);
}

/* 포커스 접근성 */
.btn-reset:focus{
  outline:none;
  box-shadow:0 0 0 2px rgba(0,0,0,0.05);
}


@media (max-width:768px){
	.phone-filter-container{
		position:sticky;
		z-index:10; 
		width:auto;
		border:1px solid #ddd;
		padding:4px 0;
		box-shadow:0px  5px 5px -5px #DEDEDE;  /* 아래 */
	}
	.current-tel-wrap{
	  border:0;
	  padding:0;
	}
	.current-tel-trigger{
	  border:0;
	  gap:5px;
	  font-size:13px;
	}
	.current-tel-label{
	  font-size:14px;
	}
}


/* 센터모달 : 현재 이용중인 통신사 1지망 2지망 ================================================================ */
.c_modal_pill{
  display:inline-flex;
  align-items:center;
  color:#3F3F3F;
  font-weight:600;
}
.c_modal_pill img{ height:18px; margin-right:5px }

.c_modal_dim{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.38);
  z-index:9998;
}

.c_modal_wrap{
  position:fixed;
  inset:0;
  z-index:9999;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px;
}

.c_modal_panel{
  position:relative;
  width:400px;
  max-width:92vw;
  background:#FFF;
  border-radius:22px;
  box-shadow:0 22px 60px rgba(0,0,0,.20);
  border:1px solid rgba(218,223,230,.65);
}

@media (min-width:769px){
  .c_modal_panel{ width:400px; }
}

.c_modal_panel .btn-ico{
  position:absolute;
  top:14px;
  right:14px;
  background:none;
  border:0;
  cursor:pointer;
  padding:0;
  margin:10px;
}

.c_modal_inner{
  margin:16px;
  background:#F4F6F9;
  border-radius:18px;
  padding:14px;
}

.c_modal_title{
  font-size:15px;
  font-weight:800;
  margin-bottom:15px;
}

.c_modal_group{
  display:flex;
  flex-direction:column;
  gap:8px;
}

.c_modal_radio{
  position:absolute;
  left:-9999px;
}

.c_modal_item{
  position:relative;
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 40px 10px 12px;
  border:1px solid #E3E7EE;
  border-radius:14px;
  background:#FFF;
  cursor:pointer;
}

.c_modal_item img{ height:20px; }

.c_modal_text{
  font-weight:700;
  font-size:14px;
}

.c_modal_radio:checked + .c_modal_item{
  border-color:#407AE6;
  box-shadow:0 0 0 3px rgba(64,122,230,.12);
}

.c_modal_item:after{
  content:"";
  position:absolute;
  right:14px;
  top:50%;
  width:8px;
  height:14px;
  border-right:2px solid #407AE6;
  border-bottom:2px solid #407AE6;
  transform:translateY(-50%) rotate(45deg);
  opacity:0;
}
.c_modal_radio:checked + .c_modal_item:after{ opacity:1; }

.c_modal_010_block{
  margin-top:12px;
  padding-top:10px;
  border-top:1px solid #E8ECF2;
}

.c_modal_010_label{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:12px;
  font-weight:700;
  cursor:pointer;
}

.c_modal_010_label input{
  width:15px;
  height:15px;
}

.c_modal_help_text{
  padding-left:27px;
  font-size:12px;
  color:#8B95A1;
}

.c_modal_footer{
  padding:12px 16px 16px;
  border-top:1px solid #EEF1F5;
}

.c_modal_btn_save{
  width:100%;
  height:42px;
  border:0;
  border-radius:14px;
  background:#407AE6;
  color:#FFF;
  font-weight:600;
  font-size:15px;
  cursor:pointer;
}

.c_modal_step2_top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-top:12px;
  margin-bottom:20px;
  padding-top:12px;
  border-top:1px solid #E8ECF2;
}

.c_modal_subtitle{
  font-size:15px;
  font-weight:800;
  color:#111827;
}

.c_modal_back{
  border:0;
  background:transparent;
  color:#6B7280;
  font-weight:800;
  font-size:13px;
  cursor:pointer;
  padding:6px 8px;
}

.c_modal_row{
  display:flex;
  gap:8px;
  margin-top:8px;
}

.c_modal_item_row{
  position:relative;
  flex:1;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:15px;
  padding:10px 10px;
  border:1px solid #E3E7EE;
  border-radius:14px;
  background:#FFF;
  cursor:pointer;
}

.c_modal_item_row img{ height:18px; }

.c_modal_radio:checked + .c_modal_item_row{
  border-color:#407AE6;
  box-shadow:0 0 0 3px rgba(64,122,230,.12);
}

.c_modal_item_row:after{
  content:"";
  position:absolute;
  right:10px;
  top:50%;
  width:8px;
  height:14px;
  border-right:2px solid #407AE6;
  border-bottom:2px solid #407AE6;
  transform:translateY(-50%) rotate(45deg);
  opacity:0;
}
.c_modal_radio:checked + .c_modal_item_row:after{ opacity:1; }

.c_modal_hint{
  margin-top:6px;
  font-size:12px;
  font-weight:500;
  color:#8B95A1;
}


/* 핫모델 필터 ===============================================================*/
.mfg-row{
  display:flex;
  align-items:stretch;
  gap:10px;
  margin:2px 0;
  padding:5px 0;
  border-bottom:1px solid #f0f0f0;
}
.mfg-row:last-child{ border-bottom:0; }

.mfg-left{
  width:75px;
  flex:0 0 75px;
  display:flex;
  background:#3665BA;
  border-radius:5px;
}

.mfg-box{
  width:100%;
  color:#fff;
  padding:6px;
  box-sizing:border-box;
}

/* checkbox + text tight */
.chkline{
  display:inline-flex;
  align-items:center;
  gap:4px;
  font-size:12px;
  font-weight:400;
  margin:0;
  padding:0;
  cursor:pointer;
}

.mfg-label{
  width:100%;
/*  justify-content:center;*/
}

.mfg-label:hover .mfg-text{
  text-decoration:underline;
}

.mfg-right{ flex:1 1 auto; }

.model-list{
  display:grid;
  gap:4px 15px;
  padding:5px 0;
}
.model-list.cols4{ grid-template-columns:repeat(4, 1fr); }
.model-list.cols3{ grid-template-columns:repeat(3, 1fr); }
.model-list.cols2{ grid-template-columns:repeat(2, 1fr); }

.model-item{ border:0; padding:0; margin:0; }

.model-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:6px;
}

.model-title{
  display:flex;
  align-items:center;
  gap:4px;
  font-size:12px;
  font-weight:400;
  white-space:nowrap;

  text-overflow:ellipsis;
  max-width:100%;
  overflow:visible;
}
.model-title::before{
  content:"·";
}

.model-title span{
  display:inline-flex;
  align-items:center;
  gap:4px;
}

.model-mark-dot{
  position:relative;
  top:-8px;

  display:inline-block;
  width:4px;
  height:4px;
  border-radius:50%;
  background:#3665BA;

}

.model-mark-text{
  position:relative;
  top:-7px;

  display:inline-block;
  font-style:normal;
  font-size:9px;

  color:#3665BA;
  font-weight:700;
}

.model-mark-badge{
  position:relative;
  top:-7px;
  left:-1px;

  display:inline-block;
  padding:1px 4px;
  border-radius:10px;
  background:#ff4d4f;
  color:#fff;
  font-size:10px;

  font-style:normal;
  font-weight:700;
}


/* 기종 링크 느낌 */
.model-btn span{
  text-decoration:none;
  color:#111;
  transition:all 0.15s ease;
}
.model-btn:hover span{
  text-decoration:underline;
  color:#3665BA;
}
.model-btn.on-model span{
  text-decoration:underline;
  color:#3665BA;
}

.storage-list{
  display:flex;
  gap:3px;
  justify-content:flex-end;
  flex-wrap:nowrap;
}

.storage-square{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
}

.storage-square input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}

/* 기본 네모 */
.storage-square .box{
  width:34px;
  height:18px;
  border:1px solid #bbb;
  border-radius:3px;
  font-size:11px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff;
  color:#333;
  box-sizing:border-box;
  position:relative;
  transition:all 0.15s ease;
}

/* 용량 없는 경우: 정사각형 */
.storage-square .box:empty{
  width:14px;
  height:14px;
  display:none;
}

/* 체크 상태 */
.storage-square input:checked + .box{
  border-color:#3665BA;
  background:#3665BA;
  color:#fff;
  font-weight:400;
}

/* 아이콘(용량 없는 경우만) */
.storage-square input:checked + .box:empty::after{
  content:"";
  width:4px;
  height:7px;
  border-right:1px solid #fff;
  border-bottom:1px solid #fff;
  transform:rotate(45deg);

}

/* etc 안에 인터넷을 UX로만 묶어 보이기 */
.internet-wrap{
}
.internet-title{
  font-size:12px;
  font-weight:600;
  color:#3665BA;
  display:none;
}
.internet-title::before{
  content:"·";
}

.internet-btn{ cursor:pointer; }
.internet-btn::before{
  content:"· ";
}
.internet-btn:hover{
  text-decoration:underline;
  color:#3665BA;
}
.internet-btn.on-internet{
  text-decoration:underline;
  color:#3665BA;
}

.row-break{
/*  grid-column: 1 / -1;  끝까지 먹음 */
  height: 17px;
}


@media (max-width:768px){

	  /* 기종 + 용량 세로 배치 */
	  .model-row{
	    flex-direction:column;
	    align-items:stretch;
	    gap:8px;                 /* 간격 조금 확대 */
	  }

	  /* 기종 글자 크게 */
	  .model-title{
	    font-size:15px;          /* 기존 12px → 16px */
	    white-space:nowrap;
	    overflow:visible;
	    text-overflow:ellipsis;
	  }

	  /* 용량은 아래 줄 + 우측 정렬 */
	  .storage-list{
	    width:100%;
	    display:flex;
	    justify-content:flex-end;
	    gap:6px;
	  }

	  /* 용량 버튼도 크게 */
	  .storage-square .box{
	    width:36px;              /* 35 → 42 */
	    height:20px;             /* 18 → 22 */
	    font-size:12px;          /* 11 → 13 */
	    border-radius:4px;
	  }

	  /* 바텀시트 내부 스크롤 활성화 */
	  .m-sheet__body{
	    max-height:70vh;          /* 화면 70% */
	    overflow-y:auto;
	    padding-right:6px;        /* 스크롤 공간 확보 */
	  }

	  /* ===== 스크롤바 스타일 (크롬/안드로이드) ===== */
	  .m-sheet__body::-webkit-scrollbar{
	    width:6px;
	  }

	  .m-sheet__body::-webkit-scrollbar-track{
	    background:transparent;
	  }

	  .m-sheet__body::-webkit-scrollbar-thumb{
	    background:#c5c5c5;
	    border-radius:10px;
	  }

	  .m-sheet__body::-webkit-scrollbar-thumb:hover{
	    background:#3665BA;
	  }

	  /* ===== Firefox ===== */
	  .m-sheet__body{
	    scrollbar-width:thin;
	    scrollbar-color:#c5c5c5 transparent;
	  }

	  /* 각 기종 아래에 구분선 */
	  .model-item{
	    padding-bottom:10px;
	    margin-bottom:10px;
	    border-bottom:1px solid #e9e9e9;
	  }

	  /* 마지막 기종은 밑줄 제거 */
	  .model-item:last-child{
	    border-bottom:0;
	    margin-bottom:0;
	  }


	  /* 인터넷 블록도 동일한 구분선 적용 */
	  .internet-wrap .model-item{
	    padding-bottom:10px;
	    margin-bottom:10px;
	    border-bottom:1px solid #e9e9e9;
	  }

	  .internet-wrap .model-item:last-child{
	    border-bottom:0;
	    margin-bottom:0;
	  }

	  /* 인터넷 버튼 줄바꿈 + 우측정렬 */
	  .internet-wrap .model-row{
	    flex-direction:column;
	    align-items:stretch;
	    gap:8px;
	  }

	  .internet-wrap .storage-list{
	    width:100%;
	    display:flex;
	    justify-content:flex-start;
	  }

	  /* 인터넷 버튼 크기 키우기 */
	  .internet-btn{
	    font-size:15px;
	  }

	  .model-title::before,
	  .internet-title::before,
	  .internet-btn::before{
	    content:none;
	  }


	  .filter-fixed-bar{
	    position:fixed;
	    left:0;
	    right:0;
	    bottom:0;   /* 하단 메뉴 위에 */
	    z-index:10000;

	    display:flex;
	    gap:10px;
	    padding:10px 12px calc(10px + env(safe-area-inset-bottom));
	    background:#fff;
	    border-top:1px solid #eee;
	    box-shadow:0 -4px 15px rgba(0,0,0,.08);
	  }

	  .filter-fixed-bar button{
	    flex:1;
	    height:44px;
	    font-size:15px;
	    font-weight:600;
	    border-radius:10px;
	  }

	  #btnFilterReset{
	    background:#fff;
	    border:1px solid #ddd;
	    color: rgba(17,24,39,.75);
	  }

	  #btnFilterSubmit{
	    background: rgba(47,111,228,.92);
	    color: #fff;
	    box-shadow: 0 10px 18px rgba(47,111,228,.20);
	    border:0;
	  }

	  #btnFilterSubmit:disabled{
	    background:#c7d2f3;
	  }

	  /* 바디에 버튼 높이만큼 여백 확보 */
	  .m-sheet__body{
	    padding-bottom:90px;
	  }

	  .storage-square input:checked + .box{
	    border-color: rgba(47,111,228,.92);
	    background: rgba(47,111,228,.92);
	  }

	  .model-btn:hover span{
	    color: rgba(47,111,228,.92);
	  }
	  .model-btn.on-model span{
	    color: rgba(47,111,228,.92);
	  }

	  .internet-btn:hover{
	    color: rgba(47,111,228,.92);
	  }
	  .internet-btn.on-internet{
	    color: rgba(47,111,228,.92);
	  }

	.mfg-left{
	  background:rgba(47,111,228,.92);;
	}


}


/* swiper 슬라이드 ===============================================================*/


/* list_skin */
.container_phone{width:750px; margin:0 auto;}
@media (max-width:768px){ .container_phone{width:300px; margin:0 auto;} }

.phone-row{position:relative;margin:0 0 30px;padding:25px 10px 5px 10px; background:#ffffff; border:1px solid #e5e5e5; border-radius:12px;}
.row-title{font-size:13px;font-weight:bold;margin-bottom:5px;color:#3F3F3F;}
.row-spec{font-size:12px;font-weight:bold;margin-bottom:25px;color:#7EBD1A;}

.e-icon-rect{
	position:absolute; 
	left:-3; 
	top:-10px; 
	z-index:5;

	font-size:12px;
   	font-weight:bold;
	color:#ffe239;
	background-color:#393f5f; 

	display:flex;
   	justify-content:center;
   	align-items:center;

	width:40;
	height:30px;
	line-height:12px; 

	background-size: 40px;
	background-repeat: no-repeat; 
	background-position: center center; 

	border-radius:20px;
}

.e-icon-circle{
	position:absolute; 
	left:-3; 
	top:-13px; 
	z-index:5;

	font-size:12px;
   	font-weight:bold;
	color:#ffe239;
	background-color:#393f5f; 

	display:flex;
   	justify-content:center;
   	align-items:center;

	width:40;
	height:40px;
	line-height:12px; 

	background-size: 40px;
	background-repeat: no-repeat; 
	background-position: center center; 

	border-radius:50%;
}


/* swiper */
.phone-swiper{
/*  width:100%;*/
  position:relative;
  padding:0px;
  touch-action:pan-y !important;

  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;

  cursor:grab;
  visibility:visible;
}
/* PC에서만 초기 숨김 */
@media (min-width:769px){
  .phone-swiper{
    visibility: hidden;
  }
  .phone-swiper.is-ready{
    visibility: visible;
  }
}

.phone-swiper:active{cursor:grabbing;}
.phone-swiper *{
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
}

/* PC card width */
.phone-swiper .swiper-slide{
  width:245px;
  display:flex;
  align-items:center;
  justify-content:center;

}

/* PC exactly 3 */
@media (min-width:769px){
  .phone-swiper{width:775px;margin:0 auto;}

/* 예약상품인 경우 높이 수정 ===============================================================*/
  .phone-swiper.grid-2row{
    width:755px;
    height:365px;
  }
  .phone-swiper.grid-2row .swiper-slide{
    height:80px !important;
  }
  .phone-swiper.grid-2row .swiper-slide.reserve-upper{
    height:265px !important;
  }

  .phone-swiper.grid-2rowY{
    width:755px;
    height:435px;
  }
  .phone-swiper.grid-2rowY .swiper-slide{
    height:115px !important;
  }
  .phone-swiper.grid-2rowY .swiper-slide.reserve-upper{
    height:300px !important;
  }

/* 예약상품인 경우 높이 수정 ===============================================================*/
}


/* Mobile 1 + next slight */
@media (max-width:768px){
  .phone-swiper{
    width:295px;
	overflow:hidden;
  }
  .phone-swiper .swiper-slide{
	padding-left:10px;					/* Mobile 우측으로 살짝 옮김 */
	box-sizing:border-box;
  }
}

/* card */
.card{
  border:0 solid #dddddd;
  border-radius:0px;
  padding:0;
  background:#ffffff;
}


/* ===== PC 화살표 아래 중앙 배치 ===== */
.swiper-button-prev,
.swiper-button-next{
  width:20px;
  height:20px;
  border-radius:50%;
  background:#ffffff;
  border:1px solid #cccccc;

  top:auto;
  bottom:-8px;        /* 슬라이더 아래 위치 */
  transform:none;
}

/* 중앙 정렬 후 좌우 분리 */
.swiper-button-prev{
  left:50%;
  margin-left:-50px;  /* 중앙 기준 왼쪽 */
}

.swiper-button-next{
  left:50%;
  margin-left:20px;   /* 중앙 기준 오른쪽 */
}

.swiper-button-prev:after,
.swiper-button-next:after{
  font-size:12px;
  font-weight:bold;
}

@media (max-width:768px){
  .swiper-button-prev,
  .swiper-button-next{display:none;}
}


/* phone-swiper 기준점 */
/* 왼쪽 위 고정 */
.phone-swiper .swiper-fixed-badge{
  position:absolute;
  top:2px;
  left:4px;
  z-index:50;
}

@media (max-width:768px){
	.phone-swiper .swiper-fixed-badge{
	  top:1px;
	  left:7px;
	}
}