@charset "utf-8";

@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Pen+Script&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css');

@font-face {
    font-family: Pretendard;
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'NanumPen';
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/NanumPen.woff2) format('woff2');
    font-display: swap;
}

/* common */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,form,fieldset,legend,input,textarea,button,select{margin:0; padding:0} 
body,input,textarea,select,button,table{ }
table,caption,tbody,tfoot,thead,tr,th,td{ padding:0; margin:0; border:0; outline:0; vertical-align:baseline; background:transparent; word-break:break-all; }
table{ border-collapse:collapse; border-spacing:0;color:#333; }
img, fieldset{ border:0 }
ul{ list-style:none }
address,em{ color:#909090; font-style:normal }
a{ color:#333; text-decoration:none }
a:hover,a:active,a:focus { text-decoration:none; }

legend,caption{display:none}
html{-webkit-text-size-adjust:none; height:100%; }
body { width:100%; height:100%; min-height: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch;}

input {
    width: 100%;
    padding: 1.188rem 1.25rem;
    box-sizing: border-box;
    justify-content: space-between;
    align-items: center;
    flex: 1 0 0;
    border: 0.1rem solid #dbdbdb;
    color: #333;
    font-family: Pretendard;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 1.5rem */
}

input::placeholder {
    color: #333;
    font-family: Pretendard;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 1.5rem */
}

input.m_checkbox[type="checkbox"] {display: none;}

input.m_checkbox[type="checkbox"] + label {
    display: inline-block; 
    width: 1.625rem; 
    height: 1.625rem; 
    background: #fff;
    cursor: pointer; 
    border: 0.1rem solid #999;
    border-radius: 0.3rem;
    float: right;
}

input.m_checkbox[type=checkbox] + label:after {
    display: block; 
    clear: both; 
    content: "";
}

input.m_checkbox[type="checkbox"]:checked + label {
    background: url(/img/renew/sub/icon_check_w.png) #429fdf no-repeat center/1.2rem 1.5rem; 
    float: right;
}

input.m_checkbox[type="checkbox"] + label span {
    position: absolute; 
    top: 0; 
    left:0px; 
    display: none; 
    font-weight: bold;
}

select {
    width: 100%;
    padding: 1.188rem 1.25rem;
    box-sizing: border-box;
    justify-content: space-between;
    align-items: center;
    flex: 1 0 0;
    border: 0.1rem solid #dbdbdb;
    color: #333;
    font-family: Pretendard;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 1.5rem */
    -webkit-appearance: none;  /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;
}

select[readonly] {
    pointer-events: none;
}

input.m_readonly[readonly] {
    pointer-events: none;
}

input:invalid { 
    /*border-color: red; */
}

/* 크롬, 사파리 등 Webkit 기반 브라우저 */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}

/* IE 10, 11의 네이티브 화살표 숨기기 */
select::-ms-expand { 
    display: none;
}

.ajax-loaders-tip {
    display:none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
}

.ajax-loaders-tip img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.ajax-loaders {
    display:none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
}

.ajax-loaders img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


.m_date { 
    background: url(/img/renew/sub/icon_calender.png) no-repeat; 
    background-position : right;
    /*background-position-x: 93%;*/
    background-origin: content-box;
    background-size: 1.125rem; 
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/renew/sub/icon_calender.png',sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/renew/sub/icon_calender.png',sizingMethod='scale')";	
}

.m_select { 
    background: url(/img/renew/sub/arrow_down.png) no-repeat; 
    background-position : right;
    /*background-position-x: 93%;*/
    background-origin: content-box;
    background-size: 1.5rem; 
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/renew/sub/arrow_down.png',sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/renew/sub/arrow_down.png',sizingMethod='scale')";	
}

.m_select_b { 
    color: #429FDF;
    background: url(/img/renew/sub/arrow_down_b.png) no-repeat; 
    background-position : right;
    background-position-x: 96.6%;
    background-size: 1.5rem; 
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/renew/sub/arrow_down_b.png',sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/renew/sub/arrow_down_b.png',sizingMethod='scale')";	
}

.m_select_bold { 
    color: #429FDF;
    font-weight: 900;
    border: 0.1rem solid #429fdf;
    background: url(/img/renew/sub/arrow_down_b.png) no-repeat; 
    background-position : right;
    background-position-x: 96.6%;
    background-size: 1.5rem; 
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/renew/sub/arrow_down_b.png',sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/renew/sub/arrow_down_b.png',sizingMethod='scale')";	
}

.m_select_blue { 
    background: url(/img/renew/sub/arrow_down_blue.png) no-repeat; 
    background-position : right;
    background-position-x: 93%;
    background-size: 1.5rem; 
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/renew/sub/arrow_down_blue.png',sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/renew/sub/arrow_down_blue.png',sizingMethod='scale')";	
}

.m_select_red { 
    background: url(/img/renew/sub/arrow_down_red.png) no-repeat; 
    background-position : right;
    background-position-x: 93%;
    background-size: 1.5rem; 
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/renew/sub/arrow_down_red.png',sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/renew/sub/arrow_down_red.png',sizingMethod='scale')";	
}

.m_input::placeholder {
	color: #999;
}

.input__on-off {
	display: none;
}

.input__on-off + label:before {
	display: none;
}

.label__on-off {
    overflow: hidden;
    position: relative;
    display: inline-block;
    width: 5.4375rem;
    height: 2.1rem;
    -webkit-border-radius: 6.25rem;
    -moz-border-radius: 6.25rem;
    border-radius: 6.25rem;
    background-color: #ed4956;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.label__on-off > * {
    vertical-align: middle;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    font-size: 4vw;
}

.label__on-off .marble {
    position: absolute;
    top: 0.02rem;
    left: 0.1rem;
    display: block;
    width: 1.98rem;
    height: 1.98rem;
    background-color: #fff;
    -webkit-border-radius: 1.9rem;
    -moz-border-radius: 1.9rem;
    border-radius: 1.9rem;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    box-shadow: 0 0 10px rgba(0, 0, 0, .3);
}

.label__on-off .on {
    display: none;
    padding: 0.4rem 1rem;
}

.label__on-off .off {
	top: 0.4rem;
	right: 0.5rem;
	position: absolute;
	font-family: Pretendard;
	font-size: 1rem;
	font-style: normal;
	font-weight: 700;
	line-height: 120%; 
}

.input__on-off:checked + .label__on-off {
    background-color: #429FDF;
}

.input__on-off:checked + .label__on-off .on {
    display: inline-block;
	top: 0rem;
	left: 0rem;
	position: absolute;
	color: #FFF;
	text-align: right;
	font-family: Pretendard;
	font-size: 1rem;
	font-style: normal;
	font-weight: 700;
	line-height: 120%; 
}

.input__on-off:checked + .label__on-off .off {
    display: none;
}

.input__on-off:checked + .label__on-off .marble {
    left: 3.3rem;
}

.icon_question {
    float: left;	
    width: 1.2rem;
    height: 1.2rem;
    /*border-radius: 1.2rem;
	border: 0.16rem solid #429fdf;
    color: #429fdf;	*/
	text-align: center;
	margin-left: 0.87rem;	
}

.icon_question a { 
	color: #429fdf;
	font-family: 'Font Awesome 6 Free';
	font-size: 1rem;
	font-style: normal;
	font-weight: 900;
	line-height: 120%; 
}

.icon_question a img { 
	width: 1.5rem;
}

.ins_desc_detail {
	display:none;
	margin: 7.5rem 19%;
    position: absolute;
	padding: 1.25rem;
    background-color: #fff;
	border-radius: 0.375rem;
	border: 0.1rem solid #429FDF;
	box-shadow: 5px 5px 12px 0px rgba(0, 0, 0, 0.12);
	color: #666;
	font-family: Pretendard;
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 500;
	line-height: 120%;
	width: 27.75rem;
	z-index: 3;
}

.ins_desc_detail span {
    font-size: 1rem;
    font-style: normal;
    font-weight: 600;
}

.desc_blue { color:#00a1e2 }
.desc_red { color:#ed1e24; }

.ins_desc_close {
    position: absolute;
    right: 0.75rem;
    top: 0.4375rem;
}

.ins_desc_close a {
    color: #429FDF;
    font-family: 'Font Awesome 6 Free';
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 1rem */	
}

.ins_desc_close a img {
    width: 1rem;
}

.icon_question_plan {
    position: relative;
    display: inline-table;
    vertical-align: middle;
    width: 1.2rem;
    height: 1.2rem;
    /*border-radius: 1.2rem;
    border: 0.16rem solid #429fdf;
    color: #429fdf;	*/
    text-align: center;
    margin-top: -0.12rem;
    margin-left: 0.87rem;	
}

.icon_question_plan a { 
    color: #429fdf;
    font-family: 'Font Awesome 6 Free';
    font-size: 1rem;
    font-style: normal;
    font-weight: 900;
    line-height: 120%; 
}

.icon_question_plan a img { 
    width: 1.5rem;
}


.plan_desc_detail {
    display:none;
    margin: -2rem auto;
    position: absolute;
    padding: 1.25rem;
    background-color: #fff;
    border-radius: 0.375rem;
    border: 0.1rem solid #429FDF;
    box-shadow: 5px 5px 12px 0px rgba(0, 0, 0, 0.12);
    color: #666;
    font-family: Pretendard;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    width: 27.75rem;
    z-index: 3;
    right:0;
}

#insure_plan .plan .plan_desc_detail {
    display:none;
    margin: -2rem auto;
    position: absolute;
    padding: 1.25rem;
    background-color: #fff;
    border-radius: 0.375rem;
    border: 0.1rem solid #429FDF;
    box-shadow: 5px 5px 12px 0px rgba(0, 0, 0, 0.12);
    color: #666;
    font-family: Pretendard;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    width: 27.75rem;
    z-index: 3;
    right:2.5rem;
}

.plan_detail span {
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 600;
}

.plan_detail {
    text-align: left;
}

.plan_desc_close {
	position: absolute;
	right: 0.75rem;
	top: 0.4375rem;
}

.plan_desc_close a {
	color: #429FDF;
	font-family: 'Font Awesome 6 Free';
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: 100%; /* 1rem */	
}

.plan_desc_close a img {
	width: 1rem;
}

.blocker {
  position: fixed;
  top: 0; right: 0; bottom: 0; left: 0;
  width: 100%; height: 100%;
  overflow: auto;
  z-index: 1;
  padding: 20px;
  box-sizing: border-box;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.75);
  text-align: center;
}
.blocker:before{
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.05em;
}
.blocker.behind {
  background-color: transparent;
}
.modal {
  display: none;
  vertical-align: middle;
  position: relative;
  z-index: 2;
  max-width: 50rem;
  box-sizing: border-box;
  width: 90%;
  background: #fff;
  padding: 1.5rem 3rem;
  -webkit-border-radius: 0.8rem;
  -moz-border-radius: 0.8rem;
  -o-border-radius: 0.8rem;
  -ms-border-radius: 0.8rem;
  border-radius: 0.8rem;
  -webkit-box-shadow: 0 0 1rem #000;
  -moz-box-shadow: 0 0 1rem #000;
  -o-box-shadow: 0 0 1rem #000;
  -ms-box-shadow: 0 0 1rem #000;
  box-shadow: 0 0 10px #000;
  text-align: left;
}

.modal a.close-modal {
  position: absolute;
  top: 0rem;
  right: 0rem;
  display: block;
  width: 3rem;
  height: 3rem;
  text-indent: -9999px;
  background-size: 1.5rem;
  background-repeat: no-repeat;
  background-position: left bottom;
  background-image: url('/img/renew/sub/btn_close.png');
}

.modal-spinner {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  padding: 1.2rem 1.6rem;
  border-radius: 0.5rem;
  background-color: #111;
  height: 20px;
}

.modal-spinner > div {
  border-radius: 10rem;
  background-color: #fff;
  height: 0.2rem;
  width: 0.2rem;
  margin: 0 0.1rem;
  display: inline-block;

  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.modal-spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.modal-spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.modal-spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.frm_print {
    box-shadow: 0rem 0.2rem 0rem #73B9C9;
    background-color: #1667f0;
    padding: 0.3rem 1rem;
    font-size: 1rem;
    text-decoration: none;
    position: relative;
    border: 0;
    display: inline-block;
    text-align: center;
    color: white;
}

@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.5) }
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes sk-stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.5);
    -webkit-transform: scaleY(0.5);
  }  20% {
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}

.tip_color { color: #429fdf; }
.red { color: #ef6464; }
.dip_red { color: #f90606 !important; }
.blue { color: #2351F2; }
.big_msg { font-size: 1.2rem; }

/* body에 class .popup_open를 붙이면 활성화됨. */
.popup{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 999999; display: none; }
body.popup_open .popup{ display: block; }
.popup .popup-wrap{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 40rem; height: auto; border-radius: 10px; background-color: #fff; border-radius: 10px; z-index: 2;max-width: 90%;}
.popup .popup-title{ width: 100%; padding: 15px 20px; background-color: #336af9; border-radius: 10px 10px 0 0; color: #fff; font-size: 25px; letter-spacing: -0.05em; font-weight: 600; box-sizing: border-box; }
.popup .popup-content{ width: 100%; height: auto; padding: 50px 40px; box-sizing: border-box; min-width: 300px;}

.popup .popup-wrap .popup-content .text-box p{ font-size: 1.5rem; letter-spacing: -0.05em; line-height: 30px; font-weight: 400; margin-bottom: 30px; word-break: keep-all; text-align: center; color:#000; }
.popup .popup-wrap .popup-content .text-box strong{ display: block; color: #ffba00; font-size: 20px; font-weight: 600; margin-bottom: 40px; }
.popup .popup-wrap .popup-content .popup-btn ul{ display: flex; justify-content: center; }

.popup .popup-wrap .popup-content .popup-btn ul li{ width: 34%; height: auto;  margin-right: 20px; box-sizing: border-box; }
.popup .popup-wrap .popup-content .popup-btn ul li:last-child{margin-right: 0;}
/*버튼 역순 정렬*/
.popup .popup-wrap .popup-content .popup-btn ul.button-reverse li{margin-right: 0;order: 2}
.popup .popup-wrap .popup-content .popup-btn ul.button-reverse li:last-child{margin-right: 20px;order: 1}

.popup .popup-wrap .popup-content .popup-btn ul li a{ display: block; width: 100%; height: 100%; padding: 1rem 0; text-align: center; font-size: 1.3rem; letter-spacing: -0.05em; font-weight: 600; box-sizing: border-box; border-radius: 5px; background-color: #336af9; color: #fff;}

/* 인풋박스 스타일 */
.popup .popup-wrap .popup-content .input-box{width: 100%; height: auto; margin-bottom: 30px;}
.popup .popup-wrap .popup-content input{ width: 100%; height: 6rem; border: 0.1rem solid #c8c8c8; border-radius: 5px; box-sizing: border-box; font-size: 2rem; color: #4d4d4d;padding-left: 1rem;}

.notice_txt { clear:both; width: 100%; padding: 3.75rem 0; color: #999; font-family: Pretendard; font-size: 1.125rem; font-style: normal; font-weight: 400; line-height: 120%; }
.notice_red { color: #EF6464; font-family: Pretendard; font-size: 1.125rem; font-style: normal; font-weight: 400; line-height: 120%; }

.btn_calc { display: flex; padding: 1.75rem 2rem; justify-content: center; align-items: center; gap: 0.625rem; border-radius: 0.375rem; background: #336AF9; color: #FFF; font-family: Pretendard; font-size: 1.5rem; font-style: normal; font-weight: 700; line-height: 120%; }
.btn_calc img { height: 1.5rem; }

/* *********** 뒷배경 검정색 딤 처리 박스 *********** */
body.popup_open .dimmed{width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0,0,0,0.8); overflow: hidden; z-index: 1;}
/* body 태그에 연결할 클래스 */
body.popup_open{ overflow: hidden }

#wrap {position:relative; width:100%; margin:0 auto; clear:both; max-width:120rem; }

.topWrap { border-bottom: 0.1rem solid #ddd; }
.topWrap .hana_logo { float:left; width: 20rem; padding: 0.5rem; }
.topWrap .hana_discount { float:right; width: 20rem; padding: 0.6rem 1rem; }
.topWrap .shinhan_logo { width: 20rem; padding: 0.2rem; margin:0% auto; }
.topWrap p { clear:both; font-size:0.8em; padding:0rem 0.5rem 0.5rem 0.5rem; letter-spacing:-0.2rem; }

.header .top { display: inline-block; width:100%; padding: 1.6875rem 0 1.8125rem 0; justify-content: center; align-items: center; }
.header .top .logo { float:left; height: 2.25rem; padding: 0.05488rem 0.23031rem 0.03406rem 0.05431rem; justify-content: center; align-items: flex-end; margin-left: 18.7%; }
.header .top .logo img { width: 9.9375rem; height: 2.25rem; margin: auto; display: block; }

.header .top .t_app_store { float:right; width:18.9rem; margin-right:18.7%; }
.header .top .t_app_store ul li { float:left; border-radius: 3.125rem; border: 0.1rem solid #ddd; display: flex; padding: 0.625rem 1.25rem; align-items: center; align-self: stretch; margin-right:0.5rem; }
.header .top .t_app_store ul li a { display: flex; align-items: center; color: #333; text-align: right; font-family: Pretendard; font-size: 1rem; font-style: normal; font-weight: 600; line-height: 0.875rem;  }
.header .top .t_app_store ul li a img.google-icon { width:1rem; margin-right:0.2rem; }
.header .top .t_app_store ul li a img.apple-icon { width:0.75rem; margin-right:0.2rem; }

.header .menu { background: #27419a; display: flex; padding: 0rem 18.6%; align-items: center; flex-shrink: 0; }
.header .menu ul { width:100%; }
.header .menu ul li { float:left; display: flex; box-sizing: border-box;  width: calc(100%/4); padding: 2.5rem 0rem; flex-direction: column; justify-content: center; align-items: center; gap: 0.625rem; flex: 1 0 0; align-self: stretch; border-left: 0.1rem solid rgba(255, 255, 255, 0.10); }
.header .menu ul li:last-child { border-right: 0.1rem solid rgba(255, 255, 255, 0.10); }
.header .menu ul li a { font-size: 1.125rem; font-style: normal; font-weight: 600; color:#fff; text-align:center; }
.header .menu ul li a img { width: 2.8125rem; height: 2.8125rem; justify-content: center; align-items: center; gap: 0.625rem; margin-bottom: 1.3rem; }

/*.header .menu ul li a:hover { background: #ffd00e; color: #27419A; }*/
.header .menu ul li.on { background: #ffd00e; color: #27419A; }
.header .menu ul li.on a { color: #27419A; }

.header .menu ul li.fix { background: #ffd00e; color: #27419A; }
.header .menu ul li.fix a { color: #27419A; }

.main {}
.main .main_bg { position:relative; height: 50rem; background-color: #3994ff; overflow: hidden; }
.main .main_bg .bg_img { position: absolute; width: -webkit-fill-available; bottom:0; }

.main .main_bg .main_text { position:absolute; left:18.8%; top:9%; }

.main .main_bg .main_text .main_text_01 { color: #BBE3FF; font-family: Nanum Pen Script; font-size: 2.375rem; font-style: normal; font-weight: 400; line-height: 100%; letter-spacing: -0.02375rem; }
.main .main_bg .main_text .main_text_01 span { display: none; }
.main .main_bg .main_text .main_text_01 img { width: 17.5rem; }
.main .main_bg .main_text .main_text_02 { color: #FFF; font-family: Pretendard; font-size: 2.6rem; font-style: normal; font-weight: 800; line-height: 120%; letter-spacing: -0.02875rem; margin-top:0.5rem; }

.main .main_bg .main_text .main_text_02 .main-airplan { position:absolute; left:100%; top:13%; }
.main .main_bg .main_text .main_text_02 .main-airplan .airplan { width: 10.5rem; }

.main .main_bg .main_text .main_text_03 a { display: inline-flex; padding: 1rem 1.625rem; align-items: center; gap: 0.625rem; border-radius: 3.75rem; background: #2351F2; color: #FFD00E; font-family: Pretendard; font-size: 1.25rem; font-style: normal; font-weight: 700; line-height: 130%; letter-spacing: -0.0125rem; margin-top:1.8rem; }
.main .main_bg .main_text .main_text_03 a img { width:1.25rem; }

.main .main_sub { position: relative; width:100%; height: 4.5vw; background-color : #d9efff; }
.main .main_sub .bg_trip { text-align:center; width: -webkit-fill-available; }
.main .main_sub .bg_trip img { position: absolute; width: 50vw; left: 50%; transform: translate(-50%, 0); bottom: 0rem; max-width: 60rem; }

.main .main_foot { position: relative; background-color : #d9efff; padding: 2vw 18.6% 4vw 18.6%; }
.main .main_foot .tip_inf { box-sizing: border-box;  }
.main .main_foot .tip_inf ul {}
.main .main_foot .tip_inf ul li { float: left; display: flex; width: calc(99.2%/3); padding: 0 2rem; height:10.625rem; justify-content: space-between; align-items: center; flex: 1 0 0; align-self: stretch; margin-right: 0.1rem; background-color: #fff; box-sizing: border-box; }
.main .main_foot .tip_inf ul li:first-child { border-radius: 1rem 0 0 1rem; }
.main .main_foot .tip_inf ul li:last-child { border-radius: 0 1rem 1rem 0; }
.main .main_foot .tip_inf ul li span { width: 10rem; color: #333; font-family: Pretendard; font-size: 1.1rem; font-style: normal; font-weight: 700; line-height: 130%; letter-spacing: -0.01375rem; }
.main .main_foot .tip_inf ul li img { width:4.5rem; }

.main .main_foot .manual_down { clear:both; display:flex; width: 99.5%; padding: 1vw 0; }
.main .main_foot .manual_down .download_box { float: left; width: 42.5%; padding: 1.125rem 2.375rem; align-items: center; flex: 1 0 0; border-radius: 0.375rem; border: 0.1rem solid #A9CEE9; }
.main .main_foot .manual_down .download_box:last-child { float:right; margin-left:0.4rem; }

.main .main_foot .manual_down .download_box .download_txt { display: flex; align-items: center; float: left; color: #579FD3; font-family: Pretendard; font-size: 1.25rem; font-style: normal; font-weight: 600; line-height: 130%; padding: 0.6rem 0; letter-spacing: -0.01375rem; }
.main .main_foot .manual_down .download_box .download_txt img { height: 1.625rem;  }

.main .main_foot .manual_down .download_box .download_btn { float: right; display: flex; width:5.25rem; padding: 0.75rem 1.25rem; align-items: flex-start; gap: 1rem; border-radius: 0.375rem; border: 0.1rem solid #579FD3; }
.main .main_foot .manual_down .download_box .download_btn a { display: flex; align-items: center; }
.main .main_foot .manual_down .download_box .download_btn a span { color: #579FD3; font-family: Pretendard; font-size: 1rem; font-style: normal; font-weight: 700; line-height: 130%; }
.main .main_foot .manual_down .download_box .download_btn img { width: 0.75rem; margin-left: 1rem; }

.main .main_foot .tip_partner { clear: both; display:flex; width: 99.5%; border-radius: 1.25rem; background-color: #cee8fc; }

.main .main_foot .tip_partner ul { width: 100%; }
.main .main_foot .tip_partner ul li { float:left; display:flex; width:25%; text-align: center; padding: 0.625rem 0rem; flex-direction: column; justify-content: center; align-items: center; gap: 0.625rem; flex: 1 0 0; align-self: stretch; }
.main .main_foot .tip_partner ul li img { width: 10.625rem; }

.main .main_foot .b_app_store { display:none; }

#footer { clear:both; display: flex; padding: 2.5rem 22.5rem 3.75rem 22.5rem; align-items: center; gap: 1.5rem; background: #687D8C; }
#footer .footer_con { color: #d2d8dc; font-family: Pretendard; font-size: 1.125rem; font-style: normal; font-weight: 700; line-height: 160%; }
#footer .footer_con a { color: #d2d8dc; font-family: Pretendard; font-size: 1.125rem; font-style: normal; font-weight: 700; line-height: 160%; }

/*하단 모달*/
.footer_modal { display: flex; padding: 2.5rem; flex-direction: column; align-items: flex-start; gap: 2.5rem; border-radius: 0.375rem; background: #FFF; box-shadow: 10px 10px 16px 0px rgba(0, 0, 0, 0.12); }
.footer_modal .fm_header { }
.footer_modal .fm_header .fm_logo { clear:both; margin-bottom:2.5rem; }
.footer_modal .fm_header .fm_logo img { height: 2rem; }
.footer_modal .fm_header .fm_title { padding-bottom: 1.25rem; border-bottom: 0.1875rem solid #333; }
.footer_modal .fm_header .fm_title span { color: #333; font-family: Pretendard; font-size: 1.5rem; font-style: normal; font-weight: 700; line-height: 120%; }
.footer_modal .fm_outer { position:relative; }
.footer_modal .fm_content { padding: 1.88rem 0 0 0; }

.agree_list  { display: flex; padding: 2.5rem; min-height:40rem; flex-direction: column; align-items: flex-start; gap: 2.5rem; border-radius: 0.375rem; background: #FFF; box-shadow: 10px 10px 16px 0px rgba(0, 0, 0, 0.12); }
.agree_list .agree_contents { padding: 1.88rem 0 0 0; }
.agree_list .agree_contents iframe { min-height: 37.5rem; }

.container_sub { background-color: #d9efff; background-image: url("/img/renew/sub/BG.png"); background-position: left bottom; background-size: 100%; background-repeat: no-repeat; padding: 2rem 28%; }
.container { width: 100%; display: inline-block; }
.container #footer { display: flex; padding: 2.5rem 3.75rem 3.75rem 3.75rem; flex-direction: column; align-items: flex-start; gap: 2.5rem; }

.container .contents { float:left; background-color: #fff; padding: 3.75rem; width: -webkit-fill-available; min-height: 25rem; }
.container .contents  h3 {color: #333; font-family: Pretendard; font-size: 2rem; font-style: normal; font-weight: 700; line-height: 120%; }
.container .contents .simple_title { color: #333; font-family: Pretendard; font-size: 2rem; font-style: normal; font-weight: 700; line-height: 120%; position: relative; margin-bottom: 2.5rem; }
.container .contents .simple_title_border { border-top: 0.1875rem solid #333 !important;  }

.container .contents .simple_title_logo { position: relative; padding: 1.5rem 1.5rem; border-radius: 0.375rem; background: #f8f8f8; margin-bottom: 2.5rem; height: 2.3rem; }
.container .contents .simple_title_logo .m_title_logo { float: left; }
.container .contents .simple_title_logo .m_title_logo img { width: 9.31rem; }
.container .contents .simple_title_logo .m_title_msg { float: right; padding: 0.5rem 1.125rem; border-radius: 1.875rem; border: 0.1rem solid #ebebeb; background: #fff; }
.container .contents .simple_title_logo .m_title_msg span { color: #666; font-family: Pretendard; font-size: 1rem; font-style: normal; font-weight: 500; line-height: 120%; }

.container .contents .m_table_simple { width: 100%; border-spacing: 0.8rem; border-collapse: separate; }
.container .contents .m_table_simple div.table_td { float:left; width: 48.9%; }
.container .contents .m_table_simple div.table_td:nth-child(odd) { float:left; clear:both; padding: 0 0 1rem 0; }
.container .contents .m_table_simple div.table_td:nth-child(even) { float:right; }
.container .contents .m_table_simple div.table_td:nth-child(5) { float:left; height: 5.1rem; margin-bottom: 1rem; border-bottom: 0.1rem solid #dbdbdb; }
.container .contents .m_table_simple div.table_td:nth-child(6) { float:left; margin-top: 1rem; }
.container .contents .m_table_simple div.table_td:nth-child(7) { float:right; clear:none; margin-top: 1rem; padding:0; }
.container .contents .m_table_simple div.table_td:nth-child(8) { clear:both; width: 100%; margin-top: 1rem; }

.container .contents .m_table_simple div.table_bar { clear:both; border-bottom: 0.1rem solid #dbdbdb; padding: 1rem 0 0 0; width:100%; margin-bottom: 1.2rem; }

.container .contents .m_text { padding: 2.5rem 0 2rem 0; display: grid; position: relative; border-top: 0.0625rem solid rgb(206 201 201 / 50%); }
.container .contents .m_text .m_user_result { color: #333; font-family: Pretendard; font-size: 1.25rem; font-style: normal; font-weight: 700; line-height: 120%; }

.container .contents .m_text .m_user_result .result_table { float:left; width: 50%; }
.container .contents .m_text .m_user_result .result_table div { float: left; }
.container .contents .m_text .m_user_result .result_table .result_th { font-family: Pretendard; font-weight: 500; width: 38%; padding-bottom: 1.25rem; letter-spacing: -0.1rem; }
.container .contents .m_text .m_user_result .result_table .loss { margin-top: -0.2rem; }
.container .contents .m_text .m_user_result .result_table .loss .icon_question { margin-top: 0.1rem; }
.container .contents .m_text .m_user_result .result_table .usamedic { position: relative; width: 61%; }
.container .contents .m_text .m_user_result .result_table .usamedic select { padding: 0.5rem 0.5rem; font-size: 1rem; margin-top: -0.3rem; background-size: 1rem; }

.container .contents .result { clear:both; margin-top: 0rem; }
.container .contents .result h3 { font-size: 1.25rem; color: #333; font-family: Pretendard; margin-bottom: 1rem; }
.container .contents .result table { width: 100%; }
.container .contents .result table th { display: block; text-align: left; color: #666; font-size: 1.125rem; font-family: Pretendard; padding: 0.5rem 0; letter-spacing: -0.06rem; }
.container .contents .result table td { text-align: right; color: #333; font-weight: 700; font-size: 1.125rem; font-family: Pretendard; min-width: 6rem; }

.container .contents .result .last_border { border-bottom: 0.1875rem solid #333 !important;  }

.container .contents .price_box { position:relative; padding: 2.5rem 0 3.75rem 0; color: #333; font-family: Pretendard; font-size: 1.75rem; font-style: normal; font-weight: 700; line-height: 120%; }
.container .contents .price_box .price_tit { float: left; }
.container .contents .price_box .price_val { float:right; }
.container .contents .price_box .discount { color: #333; text-decoration: line-through }
.container .contents .discount_box { position:relative; padding: 1.5rem 0 5.75rem 0; color: #333; font-family: Pretendard; font-size: 1.75rem; font-style: normal; font-weight: 700; line-height: 120%; border-top: 0.0625rem solid rgb(206 201 201 / 50%); }
.container .contents .discount_box .price_tit_dis { float:left; color: #EF6464; font-family: Pretendard; font-size: 1.125rem; font-style: normal; font-weight: 500; line-height: 120%; letter-spacing: -0.0225rem; }
.container .contents .discount_box .tip_color { float:right; }

.container .contents .price_box2 { position:relative; padding: 2.5rem 0 2.5rem 0; color: #333; font-family: Pretendard; font-size: 1.75rem; font-style: normal; font-weight: 700; line-height: 120%; }
.container .contents .price_box2 .price_tit { float: left; }
.container .contents .price_box2 .price_val { float:right; }
.container .contents .price_box2 .discount { color: #333; text-decoration: line-through }
.container .contents .discount_box2 { position:relative; padding: 1.5rem 0 1.5rem 0; color: #333; font-family: Pretendard; font-size: 1.75rem; font-style: normal; font-weight: 700; line-height: 120%; border-top: 0.0625rem solid rgb(206 201 201 / 50%); }
.container .contents .discount_box2 .price_tit_dis { float:left; color: #EF6464; font-family: Pretendard; font-size: 1.125rem; font-style: normal; font-weight: 500; line-height: 120%; letter-spacing: -0.0225rem; }
.container .contents .discount_box2 .tip_color { float:right; }

.container .contents .price_tit2 { position:relative; border-top: 0.1875rem solid #333 !important; padding: 2.5rem 0 0 0; color: #333; font-family: Pretendard; font-size: 1.75rem; font-style: normal; font-weight: 700; line-height: 120%; }

.container .contents .m_two_btn a { display: flex; padding: 1.75rem 2rem; color: #fff; font-family: Pretendard; font-size: 1.5rem; font-style: normal; font-weight: 700; line-height: 120%; justify-content: center; align-items: center; gap: 0.625rem; flex: 1 0 0; border-radius: 0.375rem; width: 39.3%; }
.container .contents .m_two_btn a img { height: 1.5rem; }
.container .contents .m_two_btn a:nth-child(1) { float:left; background: #336af9; }
.container .contents .m_two_btn a:nth-child(2) { float:right; background: #429fdf; }

.container .m_progress { width: 100%; align-items: center; }
.container .m_progress ul { display:flex; list-style:none; }
.container .m_progress ul li { float:left; background-color: #fff; }
.container .m_progress ul li img { width: 1.25rem; }
.container .m_progress ul li.m_step { display: flex; padding: 2.1rem 0.3rem; justify-content: center; align-items: center; gap: 0.75rem; flex: 1 0 0; border-bottom: 0.1rem solid rgba(0, 0, 0, 0.10); }
.container .m_progress ul li.m_step a span { color: #999; font-family: Pretendard; font-size: 1.25rem; font-style: normal; font-weight: 700; line-height: 130%; letter-spacing: -0.0125rem;	}
.container .m_progress ul li.on { padding: 2.1rem 0.3rem 2.0rem 0.3rem; border-bottom: 0.2rem solid #27419A; }
.container .m_progress ul li.on a span { color: #27419A; }
.container .m_progress ul li.m_arrow { padding: 2.26rem 0; }
.container .m_progress ul li.m_arrow img { width: 0.625rem; }

.container .contents .m_table_calendar { display: table; width: 100%; border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.10); margin-bottom: 2.5rem; padding-bottom: 1.7rem; }
.container .contents .m_table_calendar div.table_td { float:left; width: 48.9%; }
.container .contents .m_table_calendar div.table_td:nth-child(odd) { float:left; clear:both; padding: 0 0 1rem 0; }
.container .contents .m_table_calendar div.table_td:nth-child(even) { float:right; }

.container .contents .m_table_user { width: 100%; border-spacing: 0.8rem; border-collapse: separate; }
.container .contents .m_table_user .m_table_user_th { clear: both; float: left; display: flex; width: auto; padding: 1.25rem 0; align-items: center; gap: 0.625rem; color: #333; font-family: Pretendard; font-size: 1.25rem; font-style: normal; font-weight: 600; line-height: 120%; }
.container .contents .m_table_user .m_table_user_td { float: right; display: flex; width: 70%; align-items: center; gap: 0.625rem; padding: 0 0 1rem 0; color: #666; font-family: Pretendard; font-size: 1.25rem; font-style: normal; font-weight: 600; line-height: 120%; }

.container .contents .m_table_user .m_table_user_notice { clear: both; color: #EF6464; font-family: Pretendard; font-size: 1.125rem; font-style: normal; font-weight: 400; line-height: 120%; padding: 1.6rem 0 2.5rem 0; border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.10); }
.container .contents .m_table_user .m_table_user_prom { clear: both; display:none; padding: 1.2rem 0;  }

.container .contents .m_table_info2 { clear: both; width: 100%; box-sizing: border-box; display: flex; justify-content: space-between; align-items: center; }
.container .contents .m_table_info2 .btn_agree_all { display: flex; padding: 0.875rem 0rem; justify-content: center; align-items: center; gap: 0.625rem; border-radius: 0.375rem; border: 0.1rem solid #DBDBDB; background: #FFF; color: #666; font-family: Pretendard; font-size: 1.125rem; font-style: normal; font-weight: 600; line-height: 120%; }
.container .contents .m_table_info2 .btn_agree_all.on { border-radius: 0.375rem; background: #429FDF; color: #fff; }
.container .contents .m_table_info2 .btn_agree_all img { width: 1rem; }

.container .contents .m_table_info2 .agree_msg { float:left; display: flex; justify-content: space-between; align-items: center; color: #333; font-family: Pretendard; font-size: 1.25rem; font-style: normal; font-weight: 600; line-height: 120%; padding: 1rem 0 0 0; }
.container .contents .m_table_info2 .agree_all { float:right; padding: 2rem 0 1rem 0; width: 8.0625rem; }

.container .contents .m_table_info3 { clear: both; width: 100%; box-sizing: border-box; display: inline-table; border: 0.1rem solid #DBDBDB; padding: 2rem 2rem 1rem 2rem; margin-bottom: 2.5rem; }
.container .contents .m_table_info3 .m_agree_txt { clear: both; float: left; text-align: left; padding-bottom: 1rem; color: #333; font-family: Pretendard; font-size: 1.125rem; font-style: normal; font-weight: 600; line-height: 120%; }
.container .contents .m_table_info3 .m_agree_txt .agree { margin-right: 0.75rem; }
.container .contents .m_table_info3 .m_agree_txt .agree_detail { float:right; color: #336AF9; font-family: Pretendard; font-size: 1.125rem; font-style: normal; font-weight: 600; line-height: 120%; text-decoration-line: underline; }
.container .contents .m_table_info3 .m_agree_chk { float: right; }

.container .contents .m_table_user .m_add_user { padding: 2.5rem 0rem; border-top: 0.0625rem solid #000; }
/*.container .contents .m_table_user .m_add_user select { border: 0.1rem solid #27419A; }*/
.container .contents .m_table_user .m_add_user select { border: 0.2rem solid #EF6464; outline: none; }

.container .contents .m_table_user .add_userlist { padding: 2.5rem 0rem 0rem 0rem; border-top: 0.0625rem solid rgba(0, 0, 0, 0.10); }

.container .contents .m_payinfo { margin: 0rem; padding: 2.5rem; border-radius: 0.375rem; border: 0.1rem solid #dbdbdb; color: #333; font-family: Pretendard; font-size: 1.125rem; font-style: normal; font-weight: 400; line-height: 120%; }
.container .contents .m_payinfo .m_table_payinfo { position: relative; width: 100%; box-sizing: border-box; }
.container .contents .m_payinfo .m_table_payinfo tbody tr {  }
.container .contents .m_payinfo .m_table_payinfo tbody tr th { font-weight: 700; text-align:left; padding: 1.5rem 0; border-bottom: 0.0625rem solid #eee; white-space: nowrap; max-width: 10rem; width: 10rem; }
.container .contents .m_payinfo .m_table_payinfo tbody tr td { border-bottom: 0.0625rem solid #eee; padding: 1.5rem 0; color: #333; font-family: Pretendard; font-size: 1.125rem; font-style: normal; font-weight: 400; line-height: 150%; }
.container .contents .m_payinfo .m_table_payinfo tbody tr:first-child th { padding: 0 0 1.5rem 0; }
.container .contents .m_payinfo .m_table_payinfo tbody tr:first-child td { padding: 0 0 1.5rem 0; }
.container .contents .m_payinfo .m_table_payinfo tbody tr:last-child th { padding: 1.5rem 0 0 0; border:0; }
.container .contents .m_payinfo .m_table_payinfo tbody tr:last-child td { padding: 1.5rem 0 0 0; border:0; }
.container .contents .m_payinfo .m_table_payinfo tbody tr td.rst_total_price { color: #336AF9; font-family: Pretendard; font-size: 1.25rem; font-style: normal; font-weight: 700; line-height: 120%; }
.container .contents .m_payinfo .m_table_payinfo tbody tr td.sol_total_price { color: #336AF9; font-family: Pretendard; font-size: 1.25rem; font-style: normal; font-weight: 700; line-height: 120%; }
.container .contents .m_payinfo .m_table_payinfo tbody tr td.price_card_dc { color: #336AF9; font-family: Pretendard; font-size: 1.25rem; font-style: normal; font-weight: 700; line-height: 120%; letter-spacing: -0.025rem; }
.container .contents .m_payinfo .m_table_payinfo tbody tr td.price_coupon_dc { color: #336AF9; font-family: Pretendard; font-size: 1.25rem; font-style: normal; font-weight: 700; line-height: 120%; letter-spacing: -0.025rem; }
.container .contents .m_payinfo .m_table_payinfo tbody tr td.price_hana_card_dc { color: #336AF9; font-family: Pretendard; font-size: 1.25rem; font-style: normal; font-weight: 700; line-height: 120%; letter-spacing: -0.025rem; }
.container .contents .m_payinfo .m_table_payinfo tbody tr td.rst_pm_total_price { color: #336AF9; font-family: Pretendard; font-size: 1.25rem; font-style: normal; font-weight: 700; line-height: 120%; letter-spacing: -0.025rem; }
.container .contents .m_payinfo .m_table_payinfo tbody tr td.sol_pm_total_price { color: #336AF9; font-family: Pretendard; font-size: 1.25rem; font-style: normal; font-weight: 700; line-height: 120%; letter-spacing: -0.025rem; }

.container .contents .m_payinfo .m_table_payinfo tbody tr th.rst_user_info div.rst_user_div { width: 7rem; float:left; margin-bottom:1.5rem; }
.container .contents .m_payinfo .m_table_payinfo tbody tr th.rst_user_info .user_box { float:right; width: 72%; position: static; display: flex; border-radius: 0.375rem; background: #F8F8F8; padding: 1.25rem 1.4rem; justify-content: space-between; align-items: center; align-self: stretch; margin-bottom: 0.75rem; }
.container .contents .m_payinfo .m_table_payinfo tbody tr th.rst_user_info .user_box:last-child { margin-bottom:0; }
.container .contents .m_payinfo .m_table_payinfo tbody tr th.rst_user_info .user_box div { font-family: Pretendard; white-space: nowrap; }
.container .contents .m_payinfo .m_table_payinfo tbody tr th.rst_user_info .user_box div span { color: #333; font-size: 1.125rem; font-weight: 400; }
.container .contents .m_payinfo .m_table_payinfo tbody tr th.rst_user_info .user_box div span.bar { color: #d9d9d9; font-size: 1rem; }
.container .contents .m_payinfo .m_table_payinfo tbody tr th.rst_user_info .user_box div span.h_bar { display: contents; }
.container .contents .m_payinfo .m_table_payinfo tbody tr th.rst_user_info .user_box div span.user_name { display:inline-flex; width: 3.9rem; margin-right: 0.75rem; }
.container .contents .m_payinfo .m_table_payinfo tbody tr th.rst_user_info .user_box div span.reg_no { display:inline-flex; width: 8.7rem; margin: 0rem 0.75rem; }
.container .contents .m_payinfo .m_table_payinfo tbody tr th.rst_user_info .user_box div.user_price { display: contents; }
.container .contents .m_payinfo .m_table_payinfo tbody tr th.rst_user_info .user_box div.user_price span { margin-right: 2rem; }
.container .contents .m_payinfo .m_table_payinfo tbody tr th.rst_user_info .user_box div.user_price a { color: #336AF9; font-family: Pretendard; font-size: 1.125rem; font-style: normal; font-weight: 600; line-height: 120%; text-decoration-line: underline; }

.container .contents .m_payinfo .m_table_payinfo tbody tr th.sol_user_info div.sol_user_div { width: 7rem; float:left; margin-bottom:1.5rem; }
.container .contents .m_payinfo .m_table_payinfo tbody tr th.sol_user_info .user_box { float:right; width: 72%; position: static; display: flex; border-radius: 0.375rem; background: #F8F8F8; padding: 1.25rem 1.4rem; justify-content: space-between; align-items: center; align-self: stretch; margin-bottom: 0.75rem; }
.container .contents .m_payinfo .m_table_payinfo tbody tr th.sol_user_info .user_box:last-child { margin-bottom:0; }
.container .contents .m_payinfo .m_table_payinfo tbody tr th.sol_user_info .user_box div { font-family: Pretendard; white-space: nowrap; }
.container .contents .m_payinfo .m_table_payinfo tbody tr th.sol_user_info .user_box div span { color: #333; font-size: 1.125rem; font-weight: 400; }
.container .contents .m_payinfo .m_table_payinfo tbody tr th.sol_user_info .user_box div span.bar { color: #d9d9d9; font-size: 1rem; }
.container .contents .m_payinfo .m_table_payinfo tbody tr th.sol_user_info .user_box div span.h_bar { display: contents; }
.container .contents .m_payinfo .m_table_payinfo tbody tr th.sol_user_info .user_box div span.user_name { display:inline-flex; width: 3.9rem; margin-right: 0.75rem; }
.container .contents .m_payinfo .m_table_payinfo tbody tr th.sol_user_info .user_box div span.reg_no { display:inline-flex; width: 8.7rem; margin: 0rem 0.75rem; }
.container .contents .m_payinfo .m_table_payinfo tbody tr th.sol_user_info .user_box div.user_price { display: contents; }
.container .contents .m_payinfo .m_table_payinfo tbody tr th.sol_user_info .user_box div.user_price span { margin-right: 2rem; }
.container .contents .m_payinfo .m_table_payinfo tbody tr th.sol_user_info .user_box div.user_price a { color: #336AF9; font-family: Pretendard; font-size: 1.125rem; font-style: normal; font-weight: 600; line-height: 120%; text-decoration-line: underline; }

.container .contents .confirm_msg { display: flex; flex-direction: column; align-items: center; gap: 2.5rem; color: #333; font-family: Pretendard; font-size: 1.25rem; font-style: normal; font-weight: 600; line-height: 120%; margin: 2.5rem 0; }

.container #step02_1 .m_btn { margin: 3.75rem 0.75rem 0 0.75rem; }

.insure_list { padding: 3.75rem 2.5rem }
.insure_list .insure_contents .insuer_userinfo { color: #333; font-family: Pretendard; font-size: 1.5rem; font-style: normal; font-weight: 600; line-height: 120%; padding-bottom: 1.25rem; border-bottom: 0.1875rem solid #333; }

.insure_list .insure_contents #insure_plan { font-family: Pretendard; font-size: 1.25rem; color: #333; }
.insure_list .insure_contents #insure_plan div.plan { padding-bottom: 2.5rem; border-bottom: 0.0625rem solid #eee; }
.insure_list .insure_contents #insure_plan div.plan:last-child { border-bottom:0; padding-bottom:0; }
.insure_list .insure_contents #insure_plan .m_text { padding: 2.5rem 0 2rem 0; display: grid; position: relative; border-top: 0.0625rem solid rgb(206 201 201 / 50%); }
.insure_list .insure_contents #insure_plan .m_text .m_user_result { color: #333; font-family: Pretendard; font-size: 1.25rem; font-style: normal; font-weight: 700; line-height: 120%; }

.insure_list .insure_contents #insure_plan { clear:both; margin-top: 2.5rem; }
.insure_list .insure_contents #insure_plan h3 { font-size: 1.25rem; color: #333; font-family: Pretendard; margin: 2.5rem 0 1rem 0; }
.insure_list .insure_contents #insure_plan table { width: 100%; }
.insure_list .insure_contents #insure_plan table th { display: flex; text-align: left; color: #666; padding: 0.5rem 0; letter-spacing: -0.06rem; }
.insure_list .insure_contents #insure_plan table td { text-align: right; color: #333; font-weight: 700; white-space: nowrap; }

.container .contents .result .last_border { border-bottom: 0.1875rem solid #333 !important;  }

.container .contents .m_table_survey { display: inline-block; padding: 1.8rem 2.5rem; align-items: flex-start; gap: 0.625rem; background: #F8F8F8; color: #333; font-family: Pretendard; font-size: 1.125rem; font-style: normal; font-weight: 600; line-height: 140%; }
.container .contents .m_table_survey a { color: #336AF9; font-family: Pretendard; font-size: 1.125rem; font-style: normal; font-weight: 600; line-height: 120%; text-decoration-line: underline; }

.container .contents .m_table_survey2 { clear:both; }
.container .contents .m_table_survey2 div { margin: 2.5rem 0; color: #333; font-family: Pretendard; font-size: 1.125rem; font-style: normal; font-weight: 500; line-height: 120%; }

.container .contents .payment_msg { margin-bottom: 2.5rem; text-align: center; }
.container .contents .payment_msg span { color: #333; font-family: Pretendard; font-size: 1.25rem; font-style: normal; font-weight: 600; line-height: 120%; }

.container .contents .btn_payment { display: flex; margin: 0 10%; padding: 2rem; justify-content: space-between; align-items: center; align-self: stretch; border-radius: 0.375rem; border: 0.1rem solid #ddd; color: #333; font-family: Pretendard; font-size: 1.25rem; font-style: normal; font-weight: 600; line-height: 130%; }
.container .contents .btn_payment img { width: 3rem; }

.container .contents .vbank_msg { color: #EF6464; font-family: Pretendard; font-size: 1.125rem; font-style: normal; font-weight: 500; line-height: 120%; text-align: center; margin-top: 1.25rem; }

.container .contents .m_btn { clear:both; margin-top: 1.25rem; }
.container .contents .m_btn .btn_next { display: flex; padding: 1.75rem 2rem; justify-content: center; align-items: center; gap: 0.625rem; border-radius: 0.375rem; background: #336AF9; color: #FFF; font-family: Pretendard; font-size: 1.5rem; font-style: normal; font-weight: 700; line-height: 120%; }
.container .contents .m_btn .btn_next img { height: 1.5rem; }

.container .contents .m_two_btn a.btn_noagree  { float:left; background: #fff; color:#333; border-radius: 0.375rem; border: 0.1rem solid #666; }
.container .contents .m_two_btn a.btn_next{ float:right; background: #336af9; }

.container .contents .m_two_btn a.btn_no  { float:left; background: #fff; color:#333; border-radius: 0.375rem; border: 0.1rem solid #666; }
.container .contents .m_two_btn a.btn_yes { float:right; background: #336af9; }

.container .contents .m_table_state { padding: 0 0 1.2rem 0; display: inline-block; width: 100%; border-spacing: 0.8rem; border-collapse: separate; }
.container .contents .m_table_state .m_table_user_th { clear: both; float: left; display: flex; width: auto; padding: 1.25rem 0; align-items: center; gap: 0.625rem; color: #333; font-family: Pretendard; font-size: 1.25rem; font-style: normal; font-weight: 600; line-height: 120%; }
.container .contents .m_table_state .m_table_user_td { float: right; display: flex; width: 70%; align-items: center; gap: 0.625rem; padding: 0 0 1rem 0; color: #666; font-family: Pretendard; font-size: 1.25rem; font-style: normal; font-weight: 600; line-height: 120%; }

.container .contents .m_state_msg { clear:both; display: flex; flex-direction: column; align-items: flex-start; gap: 2.5rem; align-self: stretch; margin: 0 0 3.75rem 0; }
.container .contents .m_state_msg h3 {color: #333; font-family: Pretendard; font-size: 2rem; font-style: normal; font-weight: 700; line-height: 120%; }

.container .contents .m_state_info { margin: 0rem; padding: 0; border-radius: 0.375rem; color: #333; font-family: Pretendard; font-size: 1.125rem; font-style: normal; font-weight: 400; line-height: 120%; }
.container .contents .m_state_info .m_table_payinfo { position: relative; width: 100%; padding: 0rem 2.25rem 0 2.25rem; margin-bottom: 1.5rem; box-sizing: border-box; border: 0; border-collapse: initial; }
.container .contents .m_state_info .m_table_payinfo.on { position: relative; width: 100%; box-sizing: border-box; margin-bottom: 1.5rem; border: 0.1rem solid #333; border-bottom-left-radius: 0.375rem; border-bottom-right-radius: 0.375rem; border-top: 0; border-collapse: initial; }
.container .contents .m_state_info .m_table_payinfo thead { display: table-caption; border: 0.1rem solid #dbdbdb; border-radius: 0.375rem; padding: 1.5rem 2.25rem; justify-content: space-between; align-items: center; align-self: stretch; background: #F8F8F8; }
.container .contents .m_state_info .m_table_payinfo thead.on { border: 0.1rem solid #333; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.container .contents .m_state_info .m_table_payinfo thead th { width: calc(100%/5); text-align: left; font-size: 1.25rem; }
.container .contents .m_state_info .m_table_payinfo thead th div.rst_date { color: #999; font-family: Pretendard; font-size: 1rem; font-style: normal; font-weight: 400; line-height: 120%; margin-top: 0.5rem; }
.container .contents .m_state_info .m_table_payinfo thead th div.rst_date span { margin: 0 0.75rem; }
.container .contents .m_state_info .m_table_payinfo thead th.arrow { text-align:right; vertical-align: middle; }
.container .contents .m_state_info .m_table_payinfo thead th.arrow img { width: 1.5rem; }
.container .contents .m_state_info .m_table_payinfo tbody {  }
.container .contents .m_state_info .m_table_payinfo tbody tr {  }
.container .contents .m_state_info .m_table_payinfo tbody tr th { font-weight: 700; text-align:left; padding: 1.5rem 0; border-bottom: 0.0625rem solid #eee; white-space: nowrap; max-width: 10rem; width: 10rem; }
.container .contents .m_state_info .m_table_payinfo tbody tr th div.title_red { box-sizing: border-box; color: #EF6464; font-family: Pretendard; font-size: 0.875rem; font-style: normal; font-weight: 600; line-height: 120%; }
.container .contents .m_state_info .m_table_payinfo tbody tr td { border-bottom: 0.0625rem solid #eee; padding: 1.5rem 0; color: #333; font-family: Pretendard; font-size: 1.125rem; font-style: normal; font-weight: 400; line-height: 150%; }
.container .contents .m_state_info .m_table_payinfo tbody tr td span.ori_price { color: #999; font-family: Pretendard; font-size: 0.875rem; font-style: normal; font-weight: 500; line-height: 120%; letter-spacing: -0.0175rem; text-decoration: line-through; margin-right: 0.75rem; }
.container .contents .m_state_info .m_table_payinfo tbody tr td.rst_uid { color: #336AF9; font-family: Pretendard; font-size: 1.125rem; font-style: normal; font-weight: 600; line-height: 120%; }

.container .contents .m_state_info .m_table_payinfo tbody tr:first-child th {  }
.container .contents .m_state_info .m_table_payinfo tbody tr:first-child td {  }
.container .contents .m_state_info .m_table_payinfo tbody tr th.status_txt { border-bottom: 0; }
.container .contents .m_state_info .m_table_payinfo tbody tr td.status_list { border-bottom: 0; }
.container .contents .m_state_info .m_table_payinfo tbody tr td.status_list a.payment_list { float:right; display: flex; padding: 0.625rem 1rem; align-items: center; gap: 0.625rem; border: 0.1rem solid #336af9; background: #fff; color: #336AF9; font-family: Pretendard; font-size: 1rem; font-style: normal; font-weight: 600; line-height: 120%; }
.container .contents .m_state_info .m_table_payinfo tbody tr td.status_list a.vbank_info { float:right; display: flex; padding: 0.625rem 1rem; align-items: center; gap: 0.625rem; border: 0.1rem solid #336af9; background: #fff; color: #336AF9; font-family: Pretendard; font-size: 1rem; font-style: normal; font-weight: 600; line-height: 120%; }

.container .contents .m_state_info .m_table_payinfo tbody tr td.rst_total_price { color: #336AF9; font-family: Pretendard; font-size: 1.25rem; font-style: normal; font-weight: 700; line-height: 120%; vertical-align: middle; }
.container .contents .m_state_info .m_table_payinfo tbody tr td.sol_total_price { color: #336AF9; font-family: Pretendard; font-size: 1.25rem; font-style: normal; font-weight: 700; line-height: 120%; }
.container .contents .m_state_info .m_table_payinfo tbody tr td.price_card_dc { color: #336AF9; font-family: Pretendard; font-size: 1.25rem; font-style: normal; font-weight: 700; line-height: 120%; letter-spacing: -0.025rem; }
.container .contents .m_state_info .m_table_payinfo tbody tr td.price_coupon_dc { color: #336AF9; font-family: Pretendard; font-size: 1.25rem; font-style: normal; font-weight: 700; line-height: 120%; letter-spacing: -0.025rem; }
.container .contents .m_state_info .m_table_payinfo tbody tr td.price_hana_card_dc { color: #336AF9; font-family: Pretendard; font-size: 1.25rem; font-style: normal; font-weight: 700; line-height: 120%; letter-spacing: -0.025rem; }
.container .contents .m_state_info .m_table_payinfo tbody tr td.rst_pm_total_price { color: #336AF9; font-family: Pretendard; font-size: 1.25rem; font-style: normal; font-weight: 700; line-height: 120%; letter-spacing: -0.025rem; }
.container .contents .m_state_info .m_table_payinfo tbody tr td.sol_pm_total_price { color: #336AF9; font-family: Pretendard; font-size: 1.25rem; font-style: normal; font-weight: 700; line-height: 120%; letter-spacing: -0.025rem; }

.container .contents .m_state_info .m_table_payinfo tbody tr th.rst_user_info div.rst_user_div { width: 7rem; float:left; margin-bottom:1.5rem; }
.container .contents .m_state_info .m_table_payinfo tbody tr th.rst_user_info .user_box { float:right; width: 69%; position: static; display: flex; border-radius: 0.375rem; background: #F8F8F8; padding: 1.25rem 1.4rem; justify-content: space-between; align-items: center; align-self: stretch; margin-bottom: 0.75rem; }
.container .contents .m_state_info .m_table_payinfo tbody tr th.rst_user_info .user_box:last-child { margin-bottom:0; }
.container .contents .m_state_info .m_table_payinfo tbody tr th.rst_user_info .user_box div { font-family: Pretendard; white-space: nowrap; font-weight: 400; }
.container .contents .m_state_info .m_table_payinfo tbody tr th.rst_user_info .user_box div span { color: #333; font-size: 1.125rem; }
.container .contents .m_state_info .m_table_payinfo tbody tr th.rst_user_info .user_box div span.bar { color: #d9d9d9; font-size: 1rem; }
.container .contents .m_state_info .m_table_payinfo tbody tr th.rst_user_info .user_box div span.h_bar { display: contents; }
.container .contents .m_state_info .m_table_payinfo tbody tr th.rst_user_info .user_box div span.user_name { display:inline-flex; width: 3.9rem; margin-right: 0.75rem; }
.container .contents .m_state_info .m_table_payinfo tbody tr th.rst_user_info .user_box div span.reg_no { display:contents; width: 8.7rem; margin: 0rem 0.75rem; }
.container .contents .m_state_info .m_table_payinfo tbody tr th.rst_user_info .user_box div.user_price { display: contents; }
.container .contents .m_state_info .m_table_payinfo tbody tr th.rst_user_info .user_box div.user_price span { margin-right: 1vw; }
.container .contents .m_state_info .m_table_payinfo tbody tr th.rst_user_info .user_box div.user_price a { color: #336AF9; font-family: Pretendard; font-size: 1.125rem; font-style: normal; font-weight: 600; line-height: 120%; text-decoration-line: underline; }

.container .contents .m_state_info .m_table_payinfo tbody tr th.sol_user_info div.sol_user_div { width: 7rem; float:left; margin-bottom:1.5rem; }
.container .contents .m_state_info .m_table_payinfo tbody tr th.sol_user_info .user_box { float:right; width: 69%; position: static; display: flex; border-radius: 0.375rem; background: #F8F8F8; padding: 1.25rem 1.4rem; justify-content: space-between; align-items: center; align-self: stretch; margin-bottom: 0.75rem; }
.container .contents .m_state_info .m_table_payinfo tbody tr th.sol_user_info .user_box:last-child { margin-bottom:0; }
.container .contents .m_state_info .m_table_payinfo tbody tr th.sol_user_info .user_box div { font-family: Pretendard; white-space: nowrap; font-weight: 400; }
.container .contents .m_state_info .m_table_payinfo tbody tr th.sol_user_info .user_box div span { color: #333; font-size: 1.125rem; }
.container .contents .m_state_info .m_table_payinfo tbody tr th.sol_user_info .user_box div span.bar { color: #d9d9d9; font-size: 1rem; }
.container .contents .m_state_info .m_table_payinfo tbody tr th.sol_user_info .user_box div span.h_bar { display: contents; }
.container .contents .m_state_info .m_table_payinfo tbody tr th.sol_user_info .user_box div span.user_name { display:inline-flex; width: 3.9rem; margin-right: 0.75rem; }
.container .contents .m_state_info .m_table_payinfo tbody tr th.sol_user_info .user_box div span.reg_no { display:inline-flex; width: 8.7rem; margin: 0rem 0.75rem; }
.container .contents .m_state_info .m_table_payinfo tbody tr th.sol_user_info .user_box div.user_price { display: contents; }
.container .contents .m_state_info .m_table_payinfo tbody tr th.sol_user_info .user_box div.user_price span { margin-right: 3rem; }
.container .contents .m_state_info .m_table_payinfo tbody tr th.sol_user_info .user_box div.user_price a { color: #336AF9; font-family: Pretendard; font-size: 1.125rem; font-style: normal; font-weight: 600; line-height: 120%; text-decoration-line: underline; }

.container .contents .m_state_info .m_table_payinfo tbody tr th.btn_list { padding:0; }
.container .contents .m_state_info .m_table_payinfo tbody tr th.btn_list div:last-child a { margin-bottom: 2.25rem; }

.container .contents .m_payment_msg { clear:both; display: flex; flex-direction: column; align-items: flex-start; gap: 2.5rem; align-self: stretch; margin: 0 0 1rem 0; }
.container .contents .m_payment_msg .m_top_img { width:100%; text-align:center; }
.container .contents .m_payment_msg .m_top_img img { width:25%; object-fit:contain; }
.container .contents .m_payment_msg h3 {color: #333; font-family: Pretendard; font-size: 2rem; font-style: normal; font-weight: 700; line-height: 120%; }
.container .contents .m_payment_msg .m_pay_result { width:100%; padding-top: 1.5rem; text-align: left; font-size: 1.25rem; text-align:center; font-weight: 700; }
.container .contents .m_payment_msg table.m_table_payinfo { position: relative; }
.container .contents .m_payment_msg table.m_table_payinfo tbody {}
.container .contents .m_payment_msg table.m_table_payinfo tbody tr th { padding: 1.5rem 0; width: calc(100%/4); text-align: left; font-size: 1.25rem; }
.container .contents .m_payment_msg table.m_table_payinfo tbody tr td { padding: 1.5rem 0; color: #336AF9; font-family: Pretendard; font-size: 1.5rem; font-style: normal; font-weight: 700; line-height: 120%; vertical-align: middle; }

.container .contents .m_payment_msg table.m_table_vbankinfo { position: relative; width: 90%; margin:1rem 10%; }
.container .contents .m_payment_msg table.m_table_vbankinfo tbody {}
.container .contents .m_payment_msg table.m_table_vbankinfo tbody tr th { padding: 0.5rem 0; width: calc(100%/4); text-align: left; font-size: 1.25rem; }
.container .contents .m_payment_msg table.m_table_vbankinfo tbody tr td { padding: 0.5rem 0; color: #336AF9; text-align:left; font-family: Pretendard; font-size: 1.5rem; font-style: normal; font-weight: 700; line-height: 120%; vertical-align: middle; }

.container .contents .m_payment_msg .m_btn { width:100%; display: flex; justify-content: center; align-items: center; gap: 0.625rem; border-radius: 0.375rem; background: #336AF9; color: #FFF; font-family: Pretendard; font-size: 1.5rem; font-style: normal; font-weight: 700; line-height: 120%; }
.container .contents .m_payment_msg .m_btn img { height: 1.5rem; }

.container .contents .m_payment_err_msg { clear:both; display: flex; flex-direction: column; align-items: flex-start; gap: 0rem; align-self: stretch; margin: 0 0 1rem 0; }
.container .contents .m_payment_err_msg .m_top_err_img { width:100%; text-align:center; }
.container .contents .m_payment_err_msg .m_top_err_img img { width:40%; object-fit:contain; }
.container .contents .m_payment_err_msg h3 {color: #333; font-family: Pretendard; font-size: 2rem; font-style: normal; font-weight: 700; line-height: 120%; }
.container .contents .m_payment_err_msg .m_pay_result { width:100%; padding-top: 1.5rem; text-align: left; font-size: 1.25rem; text-align:center; }
.container .contents .m_payment_err_msg table.m_table_errinfo { position: relative; width: 90%; margin:1rem 10%; }
.container .contents .m_payment_err_msg table.m_table_errinfo tbody {}
.container .contents .m_payment_err_msg table.m_table_errinfo tbody tr th { padding: 0.5rem 0; width: calc(100%/4); text-align: left; font-size: 1.25rem; }
.container .contents .m_payment_err_msg table.m_table_errinfo tbody tr td { padding: 0.5rem 0; color: #336AF9; text-align:left; font-family: Pretendard; font-size: 1.5rem; font-style: normal; font-weight: 700; line-height: 120%; vertical-align: middle; }
.container .contents .m_payment_err_msg table.m_table_errinfo tbody tr td div { clear:both; font-size: 1.25rem; padding-top: 0.2rem; }

.container .contents .m_payment_err_msg .m_btn { width:100%; display: flex; justify-content: center; align-items: center; gap: 0.625rem; border-radius: 0.375rem; background: #336AF9; color: #FFF; font-family: Pretendard; font-size: 1.5rem; font-style: normal; font-weight: 700; line-height: 120%; }
.container .contents .m_payment_err_msg .m_btn img { height: 1.5rem; }

.cerifi_btn { display: flex; padding: 1.75rem 2rem; justify-content: center; align-items: center; gap: 0.625rem; margin-top: 0.62rem; border: 0.1rem solid #666; border-radius: 0.375rem; background: #fff; color: #333; font-family: Pretendard; font-size: 1.125rem; font-style: normal; font-weight: 700; line-height: 120%; }
.cerifi_btn img { height: 1.5rem; }

.claim_btn { display: flex; padding: 1.75rem 2rem; justify-content: center; align-items: center; gap: 0.625rem; margin-top: 0.62rem; border: 0.1rem solid #666; border-radius: 0.375rem; background: #fff; color: #333; font-family: Pretendard; font-size: 1.125rem; font-style: normal; font-weight: 700; line-height: 120%; }
.claim_btn img { height: 1.5rem; }

.payment_cancel { display: flex; padding: 1.75rem 2rem; justify-content: center; align-items: center; gap: 0.625rem; margin-top: 0.62rem; border: 0.1rem solid #666; border-radius: 0.375rem; background: #fff; color: #333; font-family: Pretendard; font-size: 1.125rem; font-style: normal; font-weight: 700; line-height: 120%; }
.payment_cancel img { height: 1.5rem; }

.btn_payment_cancel { margin-bottom: 0; }
.btn_payment_cancel .btn_cancel { display: flex; margin: 0 10%; padding: 1.75rem 2rem; justify-content: center; align-items: center; gap: 0.625rem; margin-top: 2.5rem; border: 0.1rem solid #666; border-radius: 0.375rem; background: #fff; color: #333; font-family: Pretendard; font-size: 1.125rem; font-style: normal; font-weight: 700; line-height: 120%; }

.cancel_ins_btn { display: block; padding: 1.25rem 2rem; justify-content: center; align-items: center; gap: 0.625rem; margin-top: 0.62rem; border: 0.1rem solid #666; border-radius: 0.375rem; background: #f2f2f2; }
.cancel_ins_btn div.cancel_ins_txt { color: #333; font-family: Pretendard; font-size: 1.125rem; font-style: normal; font-weight: 700; line-height: 120%; text-align: center; }
.cancel_ins_btn div.cancel_ins_msg { clear:both; color: #666; font-family: Pretendard; font-size: 0.875rem; font-style: normal; font-weight: 500; line-height: 130%; text-align: center; white-space: initial; }
.cancel_ins_btn img { height: 1.5rem; }

.btn_coupon_txt { margin: 1.5rem 0rem; line-height: 160%; }
.btn_coupon_txt h3 { text-align: center; padding: 0.65rem 0; color: #333; font-size: 1.5rem !important; }
.btn_coupon_txt .btn_coupon .coupon_btn { }
.btn_coupon_txt .btn_coupon .coupon_btn img { width: 100%; }

.btn_coupon_txt .btn_coupon .coupon_btn_dutyfree { }
.btn_coupon_txt .btn_coupon .coupon_btn_dutyfree img { width: 100%; }

.vank_info_detail { display:none; margin-top: -2rem; position: absolute; padding: 1.25rem; background-color: #fff; border-radius: 0.375rem; border: 0.1rem solid #429FDF; box-shadow: 5px 5px 12px 0px rgba(0, 0, 0, 0.12); color: #666; font-family: Pretendard; font-size: 0.875rem; font-style: normal; font-weight: 500; line-height: 120%; width: 50%; right:0; z-index: 3; }
.vank_info_detail .vbank_info_table { width:100%; }
.vank_info_detail .vbank_info_table tr { border:0; }
.vank_info_detail .vbank_info_table th { width:35%; padding: 1.25rem 0 !important; color:#333; text-align:left; font-size:1rem !important; font-weight: 600 !important; }
.vank_info_detail .vbank_info_table th span { color: #429FDF; font-size:1.125rem }
.vank_info_detail .vbank_info_table td { width:65%; padding: 1.25rem 0 !important; text-align:right; color: #333; text-align: right; font-family: Pretendard; font-size: 1rem !important; font-style: normal; font-weight: 600 !important; line-height: 120%; margin:0; border:0; }
.vank_info_detail .vbank_info_table td span.vbank_no { font-size:1rem; font-weight: normal; color:#333; font-weight: 600; }
.vank_info_detail .vbank_info_table .vbank_info_close { position: absolute; color: #429FDF; font-family: 'Font Awesome 6 Free'; font-size: 1rem; font-style: normal; font-weight: 400; line-height: 100%; top: 0.4rem; right: 0.4rem; }
.vank_info_detail .vbank_info_table .vbank_info_close img { width: 1.5rem; }
.vank_info_detail .vbank_info_table .vbank_noborder { border-bottom: 0 !important; }
.vank_info_detail .vbank_info_table .vbank_top_nopad { padding: 0 0 1.25rem 0 !important; }
.vank_info_detail .vbank_info_table .vbank_bottom_nopad { padding: 1.25rem 0 0 0 !important; }

.container .contents .m_table_claim { position: relative; width: 100%; margin-bottom: 1.5rem; box-sizing: border-box; border: 0; border-collapse: initial; }
.container .contents .m_table_claim.on { position: relative; width: 100%; box-sizing: border-box; margin-bottom: 1.5rem; border-bottom-left-radius: 0.375rem; border-bottom-right-radius: 0.375rem; border-top: 0; border-collapse: initial; }
.container .contents .m_table_claim>thead { display: table-caption; border: 0.1rem solid #dbdbdb; border-radius: 0.375rem; padding: 1.5rem 2.25rem; justify-content: space-between; align-items: center; align-self: stretch; background: #F8F8F8; margin-bottom: 1rem; }
.container .contents .m_table_claim>thead.on { border: 0.1rem solid #333; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.container .contents .m_table_claim>thead th { width: calc(100%/5); text-align: left; font-size: 1.25rem; }
.container .contents .m_table_claim>thead th div.rst_date { color: #999; font-family: Pretendard; font-size: 1rem; font-style: normal; font-weight: 400; line-height: 120%; margin-top: 0.5rem; }
.container .contents .m_table_claim>thead th div.rst_date span { margin: 0 0.75rem; }
.container .contents .m_table_claim>thead th.arrow { text-align:right; vertical-align: middle; }
.container .contents .m_table_claim>thead th.arrow img { width: 1.5rem; }


.container .contents .m_claim_msg { clear:both; display: flex; flex-direction: column; align-items: flex-start; gap: 2.5rem; align-self: stretch; margin: 0 0 2.5rem 0; }
.container .contents .m_claim_msg h3 { color: #333; font-family: Pretendard; font-size: 2rem; font-style: normal; font-weight: 700; line-height: 120%; }
.container .contents .m_claim_notice { display: flex; width: 100%; padding: 2.5rem; flex-direction: column; align-items: flex-start; gap: 0.75rem; border-radius: 0.375rem; background: #EEF2FF; box-sizing: border-box; margin-bottom: 2.5rem; }
.container .contents .m_claim_notice_app { display: flex; width: 100%; padding: 2.5rem; flex-direction: column; align-items: flex-start; gap: 0.75rem; border-radius: 0.375rem; background: #F8F8F8; box-sizing: border-box; margin-bottom: 2.5rem; }

.container .contents .m_claim_notice h4 { color: #27419A; font-family: Pretendard; font-size: 1.125rem; font-style: normal; font-weight: 700; line-height: 120%; width:100%; margin-bottom: 0.75rem; }
.container .contents .m_claim_notice div { align-self: stretch; color: #7C85A3; font-family: Pretendard; font-size: 1rem; font-style: normal; font-weight: 500; line-height: 150%; word-break: break-all; }
.container .contents .m_claim_notice div.bar { border-top: 0.0625rem solid #D7DFF9; margin: 0.75rem 0; }
.container .contents .m_claim_notice .claim_notice_box { clear:both; display: flex; position:relative; margin-top: 0.75rem; border: 0.1rem solid #999; font-size: 1rem; text-indent: 0; }
.container .contents .m_claim_notice .claim_notice_box .box_th { border-right: 0.1rem solid #999; padding: 1.5rem 1.25rem; }
.container .contents .m_claim_notice .claim_notice_box .box_td { padding: 0.8rem 1.25rem; }

.container .contents .m_claim_box { padding-top: 2.5rem; border-top: 0.1875rem solid #333; }
.container .contents .m_claim_box .claim_select { margin-bottom: 2.5rem; }
.container .contents .m_claim_box .claim_detail_box { clear: both; width: 100%; padding-bottom: 2.5rem; box-sizing: border-box; display: inline-block; border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.10); }
.container .contents .m_claim_box .claim_detail_box div { float:left; width: calc(100%/2); box-sizing: border-box; padding: 0 0.62rem 0.62rem 0; }
.container .contents .m_claim_box .claim_detail_box div:nth-child(even) { padding: 0 0 0.62rem 0; }

.container .contents .m_btn .addfile_box .addfile { position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0; }
.container .contents .m_btn .addfile_box label { cursor: pointer; display: flex; padding: 1.75rem 2rem; justify-content: center; align-items: center; gap: 0.625rem; border: 0.1rem solid #666; border-radius: 0.375rem; background: #fff; color: #333; font-family: Pretendard; font-size: 1.5rem; font-style: normal; font-weight: 700; line-height: 120%; margin-top: 2.5rem; margin-bottom: 0.62rem; }
.container .contents .m_btn .addfile_box label img { height: 1.5rem; }

.container .contents .m_btn .btn_claim { display: flex; padding: 1.75rem 2rem; justify-content: center; align-items: center; gap: 0.625rem; border-radius: 0.375rem; background: #336AF9; color: #FFF; font-family: Pretendard; font-size: 1.5rem; font-style: normal; font-weight: 700; line-height: 120%; }
.container .contents .m_btn .btn_claim img { height: 1.5rem; }

#toss-payment-method { margin: 6% 0; }

.m_radio_button[type=radio] {
	display:none;
}

.m_radio_button[type=radio] + label {
	display: flex;
	padding: 1.25rem;
	justify-content: space-between;
	align-items: center;
	flex: 1 0 0;
	border: 1px solid #DBDBDB;
	background-color: #F8F8F8;
	color: #666;
	font-family: Pretendard;
	font-size: 1.125rem;
	font-style: normal;
	font-weight: 500;
	line-height: 120%; 	
	background-size: 1.5rem;
	background-repeat: no-repeat;
	background-position: 95% center;
	background-image: url('/img/renew/sub/icon_check.png');
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/renew/sub/icon_check.png',sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/renew/sub/icon_check.png',sizingMethod='scale')";
}

.m_radio_button[type=radio]:checked + label {
	display: flex;
	padding: 1.25rem;
	justify-content: space-between;
	align-items: center;
	flex: 1 0 0;
	color: #fff;
	background-color: #429FDF;
	background-size: 1.5rem;
	background-repeat: no-repeat;
	background-position: 95% center;
	background-image: url('/img/renew/sub/icon_check_w.png');
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/renew/sub/icon_check_w.png',sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/renew/sub/icon_check_w.png',sizingMethod='scale')";
}

.container .contents .m_claim_box .claim_doc { clear:both; }
.container .contents .m_claim_box .claim_doc table { margin-top: 2.5rem; width: 100%; }
.container .contents .m_claim_box .claim_doc table thead tr th { padding: 1rem 1.25rem; justify-content: center; align-items: center; gap: 0.625rem; align-self: stretch; background: #F8F8F8; border: 0.1rem solid #dbdbdb; }
.container .contents .m_claim_box .claim_doc table tbody tr td { padding: 1rem 1.25rem; align-items: center; gap: 0.625rem; border: 0.1rem solid #dbdbdb; color: #666; font-family: Pretendard; font-size: 1rem; font-style: normal; font-weight: 500; line-height: 120%; }
.container .contents .m_claim_box .claim_doc table tbody tr td:nth-child(odd) { width: 80%; text-align: left; }
.container .contents .m_claim_box .claim_doc table tbody tr td:nth-child(even) { text-align: center; }
.container .contents .m_claim_box .claim_doc table tbody tr td span { color: #EF6464; font-family: Pretendard; font-size: 1rem; font-style: normal; font-weight: 500; line-height: 120%; }
.container .contents .m_claim_box .claim_doc table tbody tr td a { display: inline-block; text-align:center; padding: 0.625rem 1rem; align-items: center; gap: 0.625rem; border: 0.1rem solid #dbdbdb; }
.container .contents .m_claim_box .claim_doc table tbody tr td.down_box { min-width: 6rem; vertical-align: middle; padding: 0rem 1.25rem; }
/*.container .contents .m_claim_box .claim_doc table tbody tr td.down_box .addfile { position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0; }
.container .contents .m_claim_box .claim_doc table tbody tr td.down_box label { display: inline-block; text-align:center; padding: 0.625rem 1rem; align-items: center; gap: 0.625rem; border: 0.1rem solid #dbdbdb; cursor: pointer; }*/

.container .contents .m_faq_msg { clear:both; display: flex; flex-direction: column; align-items: flex-start; gap: 2.5rem; align-self: stretch; margin: 0 0 2.5rem 0; }
.container .contents .m_faq_msg h3 { color: #333; font-family: Pretendard; font-size: 2rem; font-style: normal; font-weight: 700; line-height: 120%; }
.container .contents .m_faq_msg .m_btn { float: right; position: relative; width: 100%; margin-top: -5.25rem; }
.container .contents .m_faq_msg .m_btn a.btn_view { float:right; width: calc(100%/3); display: flex; padding: 1rem 1.75rem; color: #333; font-family: Pretendard; font-size: 1.2rem; font-style: normal; font-weight: 700; line-height: 120%; justify-content: center; align-items: center; gap: 0.625rem; flex: 1 0 0; border: 0.1rem solid #666; border-radius: 0.375rem; box-sizing: border-box; }

.container .m_faq_tab { width: 100%; align-items: center; }
.container .m_faq_tab ul { display:flex; list-style:none; }
.container .m_faq_tab ul li { float:left; background-color: #fff; }
.container .m_faq_tab ul li img { width: 1.25rem; }
.container .m_faq_tab ul li.m_step { display: flex; padding: 2.1rem 0.3rem; justify-content: center; align-items: center; gap: 0.75rem; flex: 1 0 0; border-bottom: 0.1rem solid rgba(0, 0, 0, 0.10); }
.container .m_faq_tab ul li.m_step a span { color: #999; font-family: Pretendard; font-size: 1.25rem; font-style: normal; font-weight: 700; line-height: 130%; letter-spacing: -0.0125rem;	}
.container .m_faq_tab ul li.on { padding: 2.1rem 0.3rem 2.0rem 0.3rem; border-bottom: 0.2rem solid #27419A; }
.container .m_faq_tab ul li.on a span { color: #27419A; }
.container .m_faq_tab ul li.m_arrow { padding: 2.26rem 0; color: rgba(0, 0, 0, 0.10); }
.container .m_faq_tab ul li.m_arrow img { width: 0.625rem; }

.container .contents .m_faq_box { position: relative; display: flex; margin-bottom: 2.5rem; }
.container .contents .m_faq_box a.btn_view { display: flex; padding: 1.75rem 2rem; color: #333; font-family: Pretendard; font-size: 1.5rem; font-style: normal; font-weight: 700; line-height: 120%; justify-content: center; align-items: center; gap: 0.625rem; flex: 1 0 0; border: 0.1rem solid #666; border-radius: 0.375rem; width: calc(99%/2); box-sizing: border-box; }
.container .contents .m_faq_box a.btn_view img { height: 1.5rem; }
.container .contents .m_faq_box a.btn_view:nth-child(1) { float:left; background: #fff; margin-right: 0.67rem; }
.container .contents .m_faq_box a.btn_view:nth-child(2) { float:right; background: #fff; }

.container .contents .m_table_qna .m_tip_q { border-bottom: 0.1rem solid #eaeaef; }
.container .contents .m_table_qna .m_tip_q:last-child { border-bottom: 0; }
.container .contents .m_table_qna .m_tip_q .m_tip_box { display: flex; flex-direction: row; }
.container .contents .m_table_qna .m_tip_q .m_tip_box .qna_no { clear:both; float: left; display: flex; width: 2.125rem; min-width: 2.125rem; height: 2.125rem; flex-direction: column; justify-content: center; align-items: center; gap: 0.625rem; border-radius: 2.125rem; border: 0.2rem solid #336AF9; color: #336AF9; font-family: Pretendard; font-size: 1.125rem; font-style: normal; font-weight: 700; line-height: normal; letter-spacing: -0.0225rem; margin: 1.5rem 0 1.5rem 1.5rem; }
.container .contents .m_table_qna .m_tip_q .m_tip_box .m_tip_q_txt { display:inline-block; flex-grow: 1; float: left; width: auto; margin: 1.5rem; color: #333; font-family: Pretendard; font-size: 1.125rem; font-style: normal; font-weight: 700; line-height: 2rem; letter-spacing: -0.0225rem; box-sizing: border-box; }
.container .contents .m_table_qna .m_tip_q .m_tip_box .qna_img { float: right; margin: 1.25rem 0; width: 3.25rem; min-width: 3.25rem; }
.container .contents .m_table_qna .m_tip_q .m_tip_box .qna_img img { width: 3rem; }
.container .contents .m_table_qna .m_tip_q .m_tip_a { clear:both; padding: 0.5rem 2.5rem 2.5rem 4.625rem; align-items: center; align-self: stretch; color: #333; font-family: Pretendard; font-size: 1.125rem; font-style: normal; font-weight: 500; line-height: 2rem; letter-spacing: -0.0225rem; }

.container .contents .qna_group { clear: both; width: 100%; padding-bottom: 2.5rem; box-sizing: border-box; display: inline-block; border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.10); }
.container .contents .qna_group div { float:left; width: calc(100%/2); box-sizing: border-box; padding: 0 0.62rem 0.62rem 0; }
.container .contents .qna_group div:nth-child(even) { padding: 0 0 0.62rem 0; }
.container .contents .qna_group div label { cursor:pointer; }

@media (max-width: 1675px) {
	.container_sub { padding: 2rem 19%; }
}

@media (max-width: 1475px) {
	.main .main_foot .tip_inf ul li span { font-size: 1rem; letter-spacing: -0.06rem; }
	.main .main_foot .manual_down .download_box .download_txt { font-size: 1rem; }
}

@media (max-width: 1250px) {
	.main .main_foot .tip_inf ul li span { font-size: 1rem; letter-spacing: -0.06rem; }
	
	.container .contents .m_two_btn a { padding: 1.75rem 1.6rem; font-size: 1.2rem; width: 39.3%; }
	
	.container .contents .m_payinfo .m_table_payinfo tbody tr th.rst_user_info .user_box { display: block; clear:both; width: 90%; float:left; }
	.container .contents .m_payinfo .m_table_payinfo tbody tr th.rst_user_info .user_box div.user_price a.rst_info { float: right; }
	.container .contents .m_payinfo .m_table_payinfo tbody tr th.rst_user_info .user_box div span.h_bar { display: none; }

	.container .contents .m_payinfo .m_table_payinfo tbody tr th.sol_user_info .user_box { display: block; clear:both; width: 90%; float:left; }
	.container .contents .m_payinfo .m_table_payinfo tbody tr th.sol_user_info .user_box div.user_price a.rst_info { float: right; }
	.container .contents .m_payinfo .m_table_payinfo tbody tr th.sol_user_info .user_box div span.h_bar { display: none; }
	
	.container .contents .m_state_info .m_table_payinfo tbody tr th.rst_user_info .user_box { display: block; clear:both; width: 90%; float:left; }
	.container .contents .m_state_info .m_table_payinfo tbody tr th.rst_user_info .user_box div.user_price a.rst_info { float: right; }
	.container .contents .m_state_info .m_table_payinfo tbody tr th.rst_user_info .user_box div span.h_bar { display: none; }
	
	.container .contents .m_state_info .m_table_payinfo tbody tr th.sol_user_info .user_box { display: block; clear:both; width: 90%; float:left; }
	.container .contents .m_state_info .m_table_payinfo tbody tr th.sol_user_info .user_box div.user_price a.rst_info { float: right; }
	.container .contents .m_state_info .m_table_payinfo tbody tr th.sol_user_info .user_box div span.h_bar { display: none; }	
}

@media (max-width: 1150px) {	
	.main .main_foot .tip_inf ul li span { font-size: 0.9rem; letter-spacing: -0.01rem; }
	
	.main .main_foot .manual_down .download_box { display: flex; padding: 0.9rem 2rem; justify-content: space-between; align-items: center; flex: 1 0 0; }
	
	.main .main_foot .manual_down .download_box .download_txt { font-size: 1.2rem; }
	.main .main_foot .manual_down .download_box .download_txt img { display: none; }

	.main .main_foot .manual_down .download_box .download_btn { float: right; display: flex; width: 1rem; padding: 0; align-items: flex-start; gap: 0rem; border-radius: 0; border: 0; }	
	.main .main_foot .manual_down .download_box .download_btn a span { display: none; }
	.main .main_foot .manual_down .download_box .download_btn img { width: 0.75rem; margin-left: 0.5rem; }
	
	.container .contents .m_text .m_user_result .result_table .result_th { width: 41%; }
}

@media (max-width: 1031px) {
	
	.icon_question_plan {
		margin-left: 0.4rem;	
		margin-top: -0.5rem;
	}	
	
	.icon_question_plan a img { 
		width: 1.2rem;
	}	
	
	.modal a.close-modal {
		background-size: 1.25rem;
	}
	
	select {
		font-size: 1.125rem;
	}
	
	.m_select { 
		background-size: 1.25rem; 
	}

	.m_select_b { 
		background-size: 1.25rem; 
	}
	
	.footer_modal { display: flex; padding: 2.5rem 1.25rem; flex-direction: column; align-items: flex-start; gap: 2.5rem; border-radius: 0.375rem; background: #FFF; box-shadow: 10px 10px 16px 0px rgba(0, 0, 0, 0.12); }
	
	.ins_desc_detail { margin: 13.2rem auto; left: 50%; transform: translate(-50%, 0%); width: 95%; }
	.plan_desc_detail { margin: -2rem auto; left: 50%; transform: translate(-50%, 0%); width: 95%; }
	
	.label__on-off .marble { top: 0.12rem; }
	
	#wrap { position:relative; width:100%; margin:0 auto; clear:both; }
	
	.header .top { padding: 1rem 0; text-align:center; }
	.header .top .logo { float:none; margin:0; }
	.header .top .t_app_store { display: none; }
	
	.header .menu { width:100%; padding: 0rem 0rem; box-sizing: border-box; }
	.header .menu ul li { width:calc(100%/2); border-bottom: 0.1rem solid rgba(255, 255, 255, 0.10); }
	.header .menu ul li:nth-child(odd) { clear:both; }
	.header .menu ul li:nth-child(even) { float:right; border-right: none; }
	.header .menu ul li:nth-child(3n) { border-bottom: none; }
	.header .menu ul li:nth-child(4n) { border-bottom: none; }

	.header .menu ul li a { font-size: 1rem; }
	.header .menu ul li a img { width: 2.3125rem; height: 2.3125rem; justify-content: center; align-items: center; gap: 0.625rem; margin-bottom: 1.3rem; }

	.main .main_bg { height: 40rem; }	
	.main .main_bg img { width: 208%; bottom: -8.6%; left: -49.5%; }
	.main .main_bg .bg_img { width: 100%; left: 50%; transform: translate(-50%, 0%);  }
	
	.main .main_bg .main_text { position:absolute; width: 100%; top:9%; left: unset; }
	.main .main_bg .main_text .main_text_01 { text-align:center; }
	.main .main_bg .main_text .main_text_02 { text-align:center; }
	.main .main_bg .main_text .main_text_03 { text-align:center; }

	.main .main_bg .main_text .main_text_02 .main-airplan { left:75%; top:19%; }
	
	.main .main_sub { height:9vw; }
	.main .main_sub .bg_trip img { width: 63vw; left: 50%; transform: translate(-50%, -5%); }

	.main .main_foot { padding: 8vw 10%; }
	.main .main_foot .tip_inf ul li { clear: both; width:100%; padding: 0 10%; height:6rem; margin-right: 0; margin-bottom: 0.1rem; }
	.main .main_foot .tip_inf ul li:first-child { border-radius: 1rem 1rem 0 0; }
	.main .main_foot .tip_inf ul li:last-child { border-radius: 0 0 1rem 1rem; margin-bottom: 0; }
	
	.main .main_foot .tip_inf ul li span { font-size: 0.9rem; letter-spacing: -0.01rem; }
	.main .main_foot .tip_inf ul li img { width: 3rem; }

	.main .main_foot .manual_down { padding: 3.5vw 0; }
	.main .main_foot .manual_down .download_box { display: flex; padding: 0.2rem 0.9rem; justify-content: space-between; align-items: center; flex: 1 0 0; }
	
	.main .main_foot .manual_down .download_box .download_txt { font-size: 1.1rem; }
	.main .main_foot .manual_down .download_box .download_txt img { display: none; }

	.main .main_foot .manual_down .download_box .download_btn { float: right; display: flex; width: 1rem; padding: 0; align-items: flex-start; gap: 0rem; border-radius: 0; border: 0; }	
	.main .main_foot .manual_down .download_box .download_btn a span { display: none; }
	.main .main_foot .manual_down .download_box .download_btn img { width: 0.75rem; margin-left: 0.5rem; }
	
	.main .main_foot .tip_partner ul li { width: calc(100%/2); box-sizing: border-box; }
	.main .main_foot .tip_partner ul li:nth-child(odd) { border-right: 0.1rem solid #d9efff; }
	.main .main_foot .tip_partner ul li:nth-child(1n) { border-top: 0.1rem solid #d9efff; }
	
	.main .main_foot .b_app_store { display:block; width: 100%; padding: 8vw 0 12vw 0; }
	.main .main_foot .b_app_store ul li { float:left; border-radius: 3.125rem; border: 0.1rem solid #333; display: flex; padding: 0.925rem 1rem; align-items: center; align-self: stretch;  width: 39%; margin-right: 0; }
	.main .main_foot .b_app_store ul li:last-child { float: right; }
	.main .main_foot .b_app_store ul li a {  display: flex; align-items: center; color: #333; text-align: right; font-family: Pretendard;  font-size: 1.1rem; font-style: normal; font-weight: 800; margin: 0 auto; line-height: 0.875rem; }
	.main .main_foot .b_app_store ul li a img.google-icon { width:1.2rem; margin-right:0.4rem; }
	.main .main_foot .b_app_store ul li a img.apple-icon { width:0.95rem; margin-right:0.4rem; }	
	
	
	#footer { display: flex; padding: 2.5rem 1.25rem 3.75rem 1.25rem; flex-direction: column; align-items: flex-start; gap: 2.25rem; }
	#footer .footer_con { font-size: 0.9rem; align-self: stretch; }
	#footer .footer_con a { font-size: 0.9rem; }
	
	.container .contents { padding: 2.5rem 1.25rem; }
	
	.container_sub { width: auto; background-color: initial; background-image: none; background-position: initial; background-size: initial; background-repeat: inherit; padding: 0; }
	
	.container .contents .m_text .m_user_result .result_table { clear: both; width: 100%; }
	.container .contents .m_text .m_user_result .result_table .result_th { width: 28%; }
	.container .contents .m_text .m_user_result .result_table .usamedic select { width: 60%; }

	.container .contents .simple_title { font-size: 1.625rem; }
	
	.container .contents .m_table_simple div.table_td { float:left; width: 100%; }
	.container .contents .m_table_simple div.table_td:nth-child(odd) { padding: 0 0 1rem 0; }
	.container .contents .m_table_simple div.table_td:nth-child(even) { padding: 0 0 1rem 0; }
	.container .contents .m_table_simple div.table_td:nth-child(4) { height: auto; margin-bottom: 0rem; border-bottom: 0; }	
	.container .contents .m_table_simple div.table_td:nth-child(7) { margin-top: 0rem; }
	.container .contents .m_table_simple div.table_td:nth-child(8) { clear:both; width: 100%; padding-bottom:0; margin-top: 0; }
	
	.container .contents .m_table_simple div.table_td input { width: 99.7%; background-position-x: 96.6%; }
	.container .contents .m_table_simple div.table_td select { background-position-x: 96.6%; }
		
	.notice_txt { padding: 2.5rem 0; }
	
	.container .contents .m_text .m_user_result .result_table .result_th {  }
	
	.container .contents .m_two_btn a { clear:both; padding: 1.75rem 1.4rem; font-size: 1.125rem; width: -webkit-fill-available; margin-bottom: 0.62rem; }
	.container .contents .m_two_btn a img { height: 1.125rem; }
	
	.container .contents .m_table_calendar div.table_td { clear:both; float:left; width: 100%; }
	.container .contents .m_table_calendar div.table_td:nth-child(odd) { float:left; clear: both; padding: 0 0 1rem 0; }
	.container .contents .m_table_calendar div.table_td:nth-child(even) { float:left; clear: both;  padding: 0 0 1rem 0; }
		
	.container .contents .m_table_user .m_table_user_th { clear: both; float: left; display: flex; width: auto; }
	.container .contents .m_table_user .m_table_user_td { clear: both; float: left; display: flex; width: 100%; }

	.insure_list .insure_contents .insuer_userinfo { font-size: 1.25rem; }
	.insure_list .insure_contents #insure_plan { font-size: 1rem; }	
	.insure_list .insure_contents #insure_plan .m_text .m_user_result { font-size: 1rem; }

	.container .contents .m_payinfo { padding: 2.25rem; }	
	.container .contents .m_payinfo .m_table_payinfo thead th { font-size: 1.125rem; }
	.container .contents .m_payinfo .m_table_payinfo tbody tr th { font-size: 1rem; }
	.container .contents .m_payinfo .m_table_payinfo tbody tr td { font-size: 1rem; }	
	.container .contents .m_payinfo .m_table_payinfo tbody tr td.rst_total_price { font-size:1.125rem; }
	.container .contents .m_payinfo .m_table_payinfo tbody tr th.rst_user_info .user_box { display: block; }
	.container .contents .m_payinfo .m_table_payinfo tbody tr th.rst_user_info .user_box div.user_price a.rst_info { float: right;  font-size: 1rem; }
	.container .contents .m_payinfo .m_table_payinfo tbody tr th.rst_user_info .user_box div span { color: #333; font-size: 1rem; }
	.container .contents .m_payinfo .m_table_payinfo tbody tr th.rst_user_info .user_box div span.h_bar { display: none; }
	
	.container .contents .m_payinfo .m_table_payinfo tbody tr td.sol_total_price { font-size:1.125rem; }
	.container .contents .m_payinfo .m_table_payinfo tbody tr th.sol_user_info .user_box { display: block; }
	.container .contents .m_payinfo .m_table_payinfo tbody tr th.sol_user_info .user_box div.user_price a.rst_info { float: right; font-size: 1rem; }
	.container .contents .m_payinfo .m_table_payinfo tbody tr th.sol_user_info .user_box div span { color: #333; font-size: 1rem; }
	.container .contents .m_payinfo .m_table_payinfo tbody tr th.sol_user_info .user_box div span.h_bar { display: none; }
	
	.container .contents .m_table_state .m_table_user_td { clear:both; width: 100%; }
	
	.insure_list .insure_contents #insure_plan h3 { font-size: 1rem; }
	
	.container .contents .btn_payment { margin: 0 0; }
	.container .contents .vbank_msg { font-size: 0.875rem; }

	.container .contents .m_state_msg h3 { font-size: 1.625rem; }
	
	.container .contents .m_state_info .m_table_payinfo thead th { font-size: 1.125rem; }
	.container .contents .m_state_info .m_table_payinfo tbody tr th { font-size: 1rem; }
	.container .contents .m_state_info .m_table_payinfo tbody tr td { font-size: 1rem; }	
	.container .contents .m_state_info .m_table_payinfo tbody tr td.rst_total_price { font-size:1.125rem; }
	.container .contents .m_state_info .m_table_payinfo tbody tr th.rst_user_info .user_box { display: block; clear:both; width: 90%; float:left; }
	.container .contents .m_state_info .m_table_payinfo tbody tr th.rst_user_info .user_box:first-child { margin-top:1.5rem; }
	.container .contents .m_state_info .m_table_payinfo tbody tr th.rst_user_info .user_box div.user_price a.rst_info { float: right; font-size: 1rem; }
	.container .contents .m_state_info .m_table_payinfo tbody tr th.rst_user_info .user_box div span { color: #333; font-size: 1rem; }
	.container .contents .m_state_info .m_table_payinfo tbody tr th.rst_user_info .user_box div span.h_bar { display: none; }
	
	.container .contents .m_state_info .m_table_payinfo tbody tr td.sol_total_price { font-size:1.125rem; }
	.container .contents .m_state_info .m_table_payinfo tbody tr th.sol_user_info .user_box { display: block; clear:both; width: 90%; float:left; }
	.container .contents .m_state_info .m_table_payinfo tbody tr th.sol_user_info .user_box:first-child { margin-top:1.5rem; }
	.container .contents .m_state_info .m_table_payinfo tbody tr th.sol_user_info .user_box div.user_price a.rst_info { float: right; font-size: 1rem; }
	.container .contents .m_state_info .m_table_payinfo tbody tr th.sol_user_info .user_box div span { color: #333; font-size: 1rem; }
	.container .contents .m_state_info .m_table_payinfo tbody tr th.sol_user_info .user_box div span.h_bar { display: none; }	
	
	.cerifi_btn { font-size: 1rem; }
	.cerifi_btn img { height: 1.3rem; }

	.payment_cancel { font-size: 1rem; }
	.payment_cancel img { height: 1.3rem; }

	.btn_payment_cancel .btn_cancel { font-size: 1rem; }

	.cancel_ins_btn div.cancel_ins_txt { font-size: 1rem; }
	.cancel_ins_btn div.cancel_ins_msg { font-size: 0.75rem; }

	.container .contents .m_claim_msg h3 { font-size: 1.625rem; }	
	.container .contents .m_claim_notice { padding: 1.5rem; }
	
	.container .contents .m_claim_box .claim_select { margin-bottom: 1.25rem; }
	.container .contents .m_claim_box .claim_detail_box div { clear:both; width: 100%; padding: 0 0 0.62rem 0; }

	.m_radio_button[type=radio] + label {
		font-size: 1rem;
		background-size: 1rem;
	}
	
	.m_radio_button[type=radio]:checked + label {
		font-size: 1rem;
		background-size: 1rem;
	}
	
	.container .contents .m_claim_box .claim_doc table tbody tr td { padding: 1rem 0.75rem; }
	.container .contents .m_claim_box .claim_doc table tbody tr td.down_box { padding: 0rem; min-width: 6rem; }
	.container .contents .m_claim_box .claim_doc table tbody tr td a { padding: 0.62rem 1rem; font-size: 0.875rem; }
	
	.container .contents .m_faq_msg h3 { font-size: 1.625rem; }
	
	.container .contents .m_faq_box { display: flow-root; }
	.container .contents .m_faq_box a.btn_view { font-size: 1rem; padding: 1.375rem 1.5rem; width: 100%; }
	.container .contents .m_faq_box a.btn_view:nth-child(1) { float:left; margin-right:0; }
	.container .contents .m_faq_box a.btn_view:nth-child(2) { float:left; }
	
	.container .contents .m_table_qna .m_tip_q .m_tip_box .qna_no { width: 1.875rem; min-width: 1.875rem; height: 1.875rem; margin: 1.35rem 0;  }
	.container .contents .m_table_qna .m_tip_q .m_tip_box .m_tip_q_txt { margin: 1.5rem 0.75rem; }
	.container .contents .m_table_qna .m_tip_q .m_tip_a { padding: 0rem 0rem 2rem 0rem; font-size: 1rem; }

	.container .contents .qna_group div { clear:both; width: 100%; padding: 0 0 0.62rem 0; }
	
	.container .contents .m_btn a { font-size: 1.125rem !important; }
	.container .contents .m_btn a img { width: 1.125rem !important; }
	
	.container .contents .m_btn .addfile_box label { font-size: 1.125rem !important; }	
	.container .contents .m_btn .addfile_box label img { width: 1.125rem !important; }
}

@media (max-width: 700px) {
	.topWrap .hana_logo { width: 10rem; }
	.topWrap .hana_discount { width: 10rem; }
	
	.main .main_bg .bg_img { width: 200%; left: 50%; transform: translate(-50%, 12%);  }
	.main .main_sub .bg_trip img { width: 90vw; left: 50%; transform: translate(-50%, 0%); }
	.main .main_foot .tip_partner ul li img { width: 60%; }	
	.main .main_foot .tip_inf ul li span { font-size: 1rem; }
	.main .main_foot .manual_down .download_box .download_txt { font-size: 0.87rem; }
	
	.container .contents .m_state_info .m_table_payinfo thead th { width: 100%; }
	
	.container #footer { padding: 2rem 1.5rem; }
	
	.btn_coupon_txt h3 { font-size: 0.9rem !important; }
	
	.agree_list  { padding: 1rem;  }
	.agree_list .agree_contents iframe {  }
	
	.container .contents .m_claim_notice .claim_notice_box .box_th { padding: 0.8rem 0.5rem; }
}

@media (max-width: 670px) {
	.vank_info_detail { width: 90%; }
}

@media (max-width: 530px) {
	.container .contents .m_faq_msg .m_btn { margin-top: -4.45rem; }
	.container .contents .m_faq_msg .m_btn a.btn_view { padding: 0.5rem 0.5rem; }
}

@media (max-width: 430px) {
	select { padding: 1.188rem 0.5rem; }

	.container .contents .m_state_info .m_table_payinfo { padding: 0rem 1rem; }	
	.container .contents .m_state_info .m_table_payinfo tbody tr td.rst_uid { font-size: 1rem; }
	.container .contents .m_state_info .m_table_payinfo tbody tr th.rst_user_info .user_box { width: 83%; }
	
	.container .contents .simple_title_logo .m_title_logo img { width: 8.31rem; }
	.container .contents .simple_title_logo .m_title_msg span { font-size: 0.8rem;  }
		
	.main .main_sub .bg_trip img { width: 115vw; max-width: 97%; left: 50%; transform: translate(-50%, 0%); }	

	.container .contents .simple_title { font-size: 1.625rem; }
	
	.main .main_bg .main_text .main_text_01 { font-size: 2.1rem; }	
	.main .main_bg .main_text .main_text_02 { font-size: 2rem; }
	
	.main .main_foot .tip_partner ul li img { width: 60%; }
	.main .main_foot .manual_down .download_box .download_txt { font-size: 0.8rem; }

	.main .main_foot .b_app_store ul li { width: 35%; padding: 0.8rem 0.8rem; }
	.main .main_foot .b_app_store ul li a { font-size: 0.65rem; }
	
	.main .main_foot .b_app_store ul li a img.google-icon { width: 0.7rem; }
	.main .main_foot .b_app_store ul li a img.apple-icon { width: 0.6rem; }	
	
	.container .contents .m_payinfo .m_table_payinfo tbody tr th { width: 7rem; }
	.container .contents .m_state_info .m_table_payinfo tbody tr th { width: 7rem; }
	
	.container .contents .m_faq_msg .m_btn { margin-top: -4.45rem; }
	.container .contents .m_faq_msg .m_btn a.btn_view { font-size: 0.9rem !important; padding: 0.5rem 0.5rem; }
}