/*-------------------------------------------------------------------
  @ Layout
-------------------------------------------------------------------*/
#wrap{width: 100%;}

#modalCommonTerms {z-index:10010 !important;}

@media all and (max-width:1299px) {
	img{max-width: 100%;}
}
body::-webkit-scrollbar , .modal .scroll-box::-webkit-scrollbar {
	width:8px;
}
body::-webkit-scrollbar-track{
	background: #00000000;
}
body::-webkit-scrollbar-thumb ,  .modal .scroll-box::-webkit-scrollbar-thumb {
	background: #a7a7a77a;
	border-radius:10px;
}

/* header */
header{position: fixed; top: 0; left: 0; width: 100%; background: #fff; z-index: 1000;}
header::after{position: absolute; top: 99px; left: 0; width: 100%; height: 1px; background: #ddd; content: "";}
header .top-goto{display: none;}
header .gnb-wrap{display: flex; position: relative; justify-content: space-between; width: 1600px; height: 100px; margin: 0 auto;}
header .gnb{display: flex; position: relative; width: 1260px; box-sizing: border-box;}
header .gnb h1{display: inline-block; width: 230px; min-width: 230px;}
/*header .gnb h1.noShow{display:none;}*/
header .gnb h1 a{display: block; width: 100%; height: 99px; background: url(../images/common/logo.png) center / 100% auto no-repeat; text-indent: -9999em;}
header .gnb .btn-nav{display: none;}
header .gnb .btn-my{display: none;}
header .gnb .lnb{display: flex;}
header .gnb .lnb .in{width: 100%; box-sizing: border-box;}
header .gnb .lnb .btn-close{display: none;}
header .gnb nav{display: block;  width: 1100px; text-align: center;} /*20230529*/
header .gnb nav .menu{display: inline-flex;gap:2.5px;}
header .gnb nav .menu > li{word-break: keep-all;}
header .gnb nav .menu > li[data-dpt="4"]{min-width:130px;}
header .gnb nav .menu > li > a{display: flex; position: relative; align-items: center; height: 99px; padding: 0 30px; font-size: 18px; font-weight: 700; color: #333;justify-content: center;}
header .gnb nav .menu > li > a .sb{position: absolute; top: 10px; left: 50%; padding: 0 15px; font-size: 14px; font-weight: 700; line-height: 24px; color: #fff; border-radius: 15px; background: #f46062; transform: translate(-50%);}
header .gnb nav .menu > li > a .sb::after{position: absolute; bottom: -6px; left: 50%; width: 8px; height: 8px; background: #f46062; content: ""; transform: rotate(45deg) translateX(-50%);}
header .gnb nav .menu > li .sub{display: none; padding: 18px 0 60px;}
header .gnb nav .menu > li .sub li a{display: block; font-size: 16px; line-height: 40px; color: #333;}
/*header .gnb .help{display: none;}
header .gnb .btm{display: none;}
header .gnb .etc{position: relative; padding-top: 27px;}
header .gnb .search{position: relative; width: 225px; height: 46px; padding: 0 25px; border-radius: 25px; background: #eee; cursor: pointer; box-sizing: border-box;}
header .gnb .search input{width: 80%; min-width: auto; height: 100%; padding: 0; border: 0; border-radius: 0; background: #eee; font-size: 16px; cursor: pointer;}*/

@media (min-width: 1299px){
	header .gnb nav .menu > li{position:relative}
}

@media (max-width: 1299px){
}

header.over .gnb-wrap{height: auto;}
header.over .gnb nav .menu > li .sub{display: block;}

@media all and (min-width:1299px) and (max-width:1699px) {
	header .gnb-wrap{width: 96.117%;}
	header .gnb{width: calc(100% - 200px);}
	header .gnb .lnb{width: calc(100% - 100px);}
	header .gnb nav{width: 100%;}
	header .gnb nav .menu > li > a{padding: 0 1.6vw;}
}

@media all and (min-width:751px) and (max-width:1299px) {
	header .gnb .lnb{max-width: 375px;}
}

@media all and (max-width:1299px) {
	header{position: relative;}
	header.fixed{position: fixed;}
	header.fixed + .sub {margin-top:7.5rem;}
	header::after{display: none;}
	header .top-goto{display: block; width: 100%; height: 5rem; background: #457fec; text-align: center;}
	header .top-goto strong{display: inline-block; padding-right: 3.125rem; background: url(../images/common/ico_link.png) right center / 2rem auto no-repeat; font-size: 1.875rem; line-height: 5rem; color: #fff;}
	header .gnb-wrap{overflow: visible; width: 100%; height: auto; border-bottom: 0.125rem solid #ddd;}

	header .gnb{display: flex; position: relative; justify-content: space-between; width: 100%; height: 7.5rem; text-align: left; z-index: 100;}
	header .gnb h1{width: 17.5rem; height: 100%; min-width: fit-content;}
	header .gnb h1 a{height: 100%;}
	header .gnb .btn-nav{display: block; width: 7.5rem; height: 100%; background: url(../images/common/ico_nav.svg) center / 4rem auto no-repeat; text-indent: -9999em;}
	header .gnb .btn-my{display: block; width: 7.5rem; height: 100%; background: url(../images/common/ico_my_mo.svg) center / 4rem auto no-repeat; text-indent: -9999em;}
	header .gnb .lnb{display: block; position: fixed; top: 0; left: -100%; width: 84%; height: 100%; padding: 6.5rem 0; background: #fff; box-sizing: border-box; transition: left 0.5s ease;}
	header .gnb .lnb .btn-close{display: block; position: absolute; top: 1.875rem; right: 1.875rem; width: 4.375rem; height: 4.375rem; background: url(../images/common/ico_close01.png) center / 3.0625rem auto no-repeat; text-indent: -9999em;}
	header .gnb .lnb.on{left: 0;}
	header .gnb .lnb .in{padding: 0 2.5rem; overflow-y: auto; -webkit-overflow-scrolling: touch; height: 100%;}

	header .gnb nav{width: 100%; text-align: left;}
	header .gnb nav .menu{display: block;}
	header .gnb nav .menu > li > a{display: block; height: auto; padding: 0; padding-left: 1.25rem; border-bottom: 0.125rem solid #ddd; background: url(../images/common/ico_lnb_bottom.png) right 1.375rem center / 1.875rem auto no-repeat; font-size: 2rem; line-height: 6.1875rem; box-sizing: border-box;width:100% !important;}
	header .gnb nav .menu > li > a .sb{display: none;}
	header .gnb nav .menu > li .sub{display: none; padding: 1.5625rem 0 1.25rem; border-bottom: 0.125rem solid #ddd;}
	header .gnb nav .menu > li .sub li a{display: block; padding-left: 1.25rem; font-size: 1.75rem; line-height: 3.75rem; box-sizing: border-box;}
	header .gnb nav .menu > li.on > a{background-image: url(../images/common/ico_lnb_top.png);}
	header .gnb nav .menu > li.on .sub{display: block;}

}

/* main */
main{display: block; width: 1600px; padding-top: 100px; margin: 0 auto; font-size: 18px; color: #666;}
@media all and (min-width:1300px) and (max-width:1699px) {
	main{width: 94.117%;}
}
@media all and (max-width:1299px) {
	main {width: 100%;padding-top: 7.5rem;}
}
@media all and (max-width:750px) {
	.wrap > .main{padding-top:6rem !important;}
}

/* sub */
.sub{overflow: hidden; width: 100%;}
.sub .content{width: 1440px; padding: 50px 0 120px; margin: 0 auto; box-sizing: border-box;}
.sub .loc-menu{position: relative; width: 1600px; margin: 20px auto 15px; z-index: 10;display:none;}
.sub .loc-menu > div{display: flex;}
.sub .loc-menu .home,
.sub .loc-menu .curr a{display: block; font-size: 16px; color: #999; vertical-align: top;}
.sub .loc-menu .curr a{padding-right: 19px; background: url(../images/common/ico_loc_cb.png) right center / 15px auto no-repeat; }
.sub .loc-menu .dpt{display: none; position: relative; padding: 0 0 0 28px; margin-left: 18px; background: url(../images/common/ico_loc_arw.png) left center no-repeat;}
.sub .loc-menu .dpt.on{display: block;}
.sub .loc-menu .dpt:hover .sub{display: block;}
.sub .loc-menu .dpt .sub{display: none; position: absolute; top: 20px; left: 18px; width: 160px; padding-top: 18px; box-sizing: border-box;}
.sub .loc-menu .dpt .sub ul{width: 100%; padding: 10px 20px; border: 1px solid #ddd; background: #fff; box-sizing: border-box;}
.sub .loc-menu .dpt .sub a{display: block; font-size: 16px; line-height: 32px; color: #666;}
.sub .loc-menu .dpt .sub a:hover,
.sub .loc-menu .dpt .sub a.on{font-weight: 700; color: #333;}
.sub .loc-menu .dpt.last .curr a{font-weight: 700; color: #333;}
.sub .title-wrap{margin-bottom: 55px;}
.sub .title-wrap.md{margin: 60px 0 25px;}
.sub .title-wrap.md:nth-of-type(1){margin-top: 0;}
.sub .title-wrap.sm{margin: -15px 0 35px;}
.sub .title-wrap.sm:nth-of-type(1){margin-top: 0;}
.sub .title-wrap h3 + p{margin-top: 20px; font-size: 18px; color: #333;}
.sub .title-wrap h3 + p .link{font-weight: 700; color: #f46062; text-decoration: underline; text-underline-position: under; vertical-align: top;}
.sub .title-wrap.type2{padding-top: 30px; text-align: center;}

@media all and (max-width:1299px) {
	.sub{padding: 0;}
	.sub .content{width: 100%; padding: 4.375rem 2.5rem 7.5rem;}
	.sub .loc-menu{width: 100%; margin: 0;}
	.sub .loc-menu > div{height: 6.25rem; border-bottom: 1px solid #ddd;}
	.sub .loc-menu .home{display: none;}
	.sub .loc-menu .curr{height: 100%;}
	.sub .loc-menu .curr a{display: flex; align-items: center; height: 100%; padding: 0; padding-left: 2.5rem; background-position: right 2.5rem center; background-size: 2.25rem auto; font-size: 2rem;}
	.sub .loc-menu .dpt{position: relative; width: 50%; padding: 0; margin: 0; border-left: 1px solid #ddd; background: none;}
	.sub .loc-menu .dpt1{border-left: 0;}
	.sub .loc-menu .dpt .sub{display: block; top: 6.25rem; left: 0; width: calc(100% + 0.125rem); height: 0; padding: 0; transition: all 0.5s ease-out;}
	.sub .loc-menu .dpt .sub::after{position: absolute; bottom: 0; left: 0; width: 100%; height: 0.125rem; background: #ddd; content: "";}
	.sub .loc-menu .dpt .sub ul{padding: 0.75rem 0; border-width: 1px; border-bottom: 0;}
	.sub .loc-menu .dpt .sub a{padding-left: 2.5rem; font-size: 2rem; line-height: 5.0625rem;}
	.sub .loc-menu .dpt1 .sub ul{border-left: 0;}
	.sub .loc-menu .dpt2 .sub{left: -1px;}
	.sub .loc-menu .dpt2 .sub ul{border-right: 0;}
	.sub .title-wrap{margin-bottom: 4.375rem;}
	.sub .title-wrap.md{margin: 4.0625rem 0 1.5625rem; text-align: left;}
	.sub .title-wrap h3 + p{display: none; margin-top: 2.5rem; font-size: 2rem; line-height: 3rem;}
	.sub .title-wrap h3 + p.visible{display: block;}
	.sub .title-wrap h3 + p.visible .link{display: block;}
	.sub .title-wrap.type2{padding-top: 0;}
	.sub .editor-pc{display:none;}
	.sub .editor-mo{display:block;}
}


/* footer */
footer{padding: 35px 10px 60px; border-top: 1px solid #ddd;}
footer > div{max-width: 1600px; margin: 0 auto; box-sizing: border-box;}
footer .menu::after{display: block; content: ""; clear: both;}
footer .menu li{position: relative; float: left; padding: 0 10px;}
footer .menu li::after{position: absolute; top: 50%; left: 0; width: 1px; height: 12px; background: #ddd; transform: translateY(-50%); content: "";}
footer .menu li:first-child{padding-left: 0;}
footer .menu li:first-child::after, footer .menu li:last-child::after {display: none;}
footer .menu li a{font-size: 14px; color: #222;}
footer .info{margin-top: 20px;}
footer .info::after{display: block; content: ""; clear: both;}
footer .info li{float: left; margin-right: 15px; font-size: 14px; line-height: 28px; color: #222; word-break:auto-phrase;}
footer .info li:last-child {display:block;width:100%;}
footer .info li:nth-child(5){clear: both;}
footer .info li a{vertical-align: top; color: #222;}
footer .copy{margin-top: 5px; font-size: 15px; line-height: 28px; color: #222;}

footer .info-wrap {display: flex;justify-content:space-between;gap:10px;}
footer .left-box {width: calc(100% - 520px);}
footer .right-box {display:flex;align-items:center;gap:20px;}

@media all and (max-width:1299px) {
	footer{padding: 2.8125rem 0 3.75rem; border-top: 0.125rem solid #ddd;}
	footer > div{width: 100%; padding: 0 2.5rem;}
	footer .menu li{padding: 0 1.25rem;}
	footer .menu li::after{width: 0.125rem; height: 1.375rem;}
	footer .menu li a{font-size: 1.55rem; line-height: 3.13rem;}
	footer .info{margin-top: 1.56rem;}
	footer .info li{float: left; margin-right: 1.56rem; font-size: 1.55rem; line-height: 3.13rem;}
	footer .info li:nth-child(5){clear:none;}
	footer .info li:last-child{margin-top:1.56rem;}
	footer .btn-link{padding: 0 1.875rem; border-radius: 0.3125rem; font-size: 1.375rem; line-height: 2.9375rem;margin:0 0 0 0px;}
	footer .copy{margin-top: 1.5625rem; font-size: 1.55rem;}
	footer .footer_down_list {padding-top:2.5rem;}
	footer .footer_down_list > li a {font-size:1.45rem;padding:0.25rem;}
	footer .info-wrap {flex-wrap: wrap;margin-top:3.91rem;}/* 2023-07-10 */
	footer .left-box {width:100%;}
	footer .right-box {display:flex;align-items:center;gap:1.56rem;flex-direction: column;width:100%;align-items:flex-start;gap:1.56rem;margin-top:3.91rem;}
	footer .menu li:nth-of-type(5){clear: both; padding-left: 0;}
	footer .menu li:nth-of-type(5)::after {display: none;}
}
@media all and (max-width:750px) {
	footer .menu li:nth-of-type(5),
	footer .menu li:nth-of-type(8) {clear: both; padding-left: 0;}
	footer .menu li:nth-of-type(5)::after,
	footer .menu li:nth-of-type(8)::after{display: none;}
	footer .right-box {flex-direction: column;width:100%;align-items:flex-start;gap:1.56rem;}
	footer .isms div {gap:0.52rem;}
	footer .isms img {width:7.81rem;min-width:7.81rem;height:7.81rem;}
	footer .isms p {font-size:1.55rem;line-height:2.08rem;}
	footer .agree-img img {min-width:6.51rem; height:6.51rem;}
}

/* dim */
#dimPage{display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 900; background: #000; opacity: .7;}
#dimPage.on{display: block;}
#dimAll{display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1100; background: #000; opacity: .7;}
#dimAll.on{display: block;}
#dimHeader{display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 90; background: #000; opacity: .7;}
#dimHeader.on{display: block;}

/* popup */
.popup{display: none; position: fixed; left: 0; top: 0; z-index: 1200; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7);}
.popup.on{display: block;}
.popup .con{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.popup .list{display: flex;}
.popup .list li{display:none; width: 440px; overflow: hidden; margin: 0 20px; border-radius: 20px;}
.popup .list li.on{display:block;}
.popup .list li:first-child{margin-left: 0;}
.popup .list li:last-child{margin-right: 0;}
.popup .list li img{width: 100%;}
.popup .list li .btm{display: flex; justify-content: space-between; align-items: center; height: 50px; padding: 0 20px; background: #222;}
.popup .list li .btm button{background: none; font-size: 15px; color: #fff;}
.popup .btn-close-all{position: absolute; right: 0; top: -66px; height: 36px; padding: 0 15px; background: none; border: 1px solid #fff; border-radius: 20px; font-size: 15px; font-weight: 700; color: #fff; box-sizing: border-box;}
.popup .btn-close-all span{display: inline-block; padding-left: 20px; background: url(../images/common/ico_popup_pc_close.png) left center no-repeat;}

@media all and (max-width:1600px) {
	.popup .list li{width: 27.5rem; margin: 0 1.25rem;}
}
@media all and (max-width:1000px) {
	.popup .list li .btm{height: 3.75rem; padding: 0 1.25rem;}
	.popup .list li .btm button{font-size: 1.25rem;}
}
@media all and (max-width:750px) {
	.popup .con{width: 89.333%;}
	.popup .list{overflow: hidden; border-radius: 1.25rem;}
	.popup .list li{width: 100%; margin: 0; border-radius: 0;}
	.popup .list li img{width: 100%;}
	.popup .list li .btm{height: 5rem; padding: 0 2.5rem;}
	.popup .list li .btm button{font-size: 1.5rem;}
	.popup .swiper-pagination{width: 100%; bottom: -3.75rem;}
	.popup .swiper-pagination-bullet{width: 1.25rem; height: 1.25rem; background: #fff; opacity: 0.4; margin: 0 0.625rem;}
	.popup .swiper-pagination-bullet-active{opacity: 1;}
	.popup .btn-close-all{position: absolute; right: 0; top: -5.625rem; height: 3.75rem; padding: 0 1.5625rem; background: none; border: 0.125rem solid #fff; border-radius: 1.875rem; font-size: 1.5rem; font-weight: 700; color: #fff; box-sizing: border-box;}
	.popup .btn-close-all span{display: inline-block; padding-left: 1.875rem; background: url(../images/common/ico_popup_mo_close.png) left center / 1.5rem auto no-repeat;}
	footer .info-wrap{flex-wrap: wrap;justify-content: flex-end !important;}/* 2023-08-04 */
}


/*-------------------------------------------------------------------
  @ Componets
-------------------------------------------------------------------*/
/* default */
a, button{color: #666;}
p, li{word-break: normal;}
p{line-height: 28px;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{color: #999;}
input::-moz-placeholder,
textarea::-moz-placeholder{color: #999;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder{color: #999;}
input:-moz-placeholder,
textarea:-moz-placeholder{color: #999;}
input::placeholder,
textarea::placeholder{color: #999;}
input[type="radio"],
input[type="checkbox"]{display: block; position: absolute; overflow: hidden; height: 1px; border: 0; width: 1px; clip: rect(1px, 1px, 1px, 1px);}
input[type="radio"] + label,
input[type="checkbox"] + label{display: inline-block; position: relative; padding-left: 35px; padding-right: 25px; line-height: 24px; cursor: pointer;}
input[type="radio"] + label:last-child,
input[type="checkbox"] + label:last-child{padding-right: 0;}
input[type="radio"] + label:before,
input[type="checkbox"] + label:before{position: absolute; top: 0; left: 0; width:24px; height: 24px; margin-right: 10px; cursor: pointer; box-sizing: border-box; content: "";}
input[type="radio"] + label:before{background: url(../images/common/radio.png) center / 24px auto no-repeat;}
input[type="radio"]:checked + label:before{background: url(../images/common/radio_on_n.png) center / 24px auto no-repeat;}
input[type="checkbox"] + label:before{background: url(../images/common/checkbox.png) center / 24px auto no-repeat; }
input[type="checkbox"]:checked + label:before{background: url(../images/common/checkbox_on.png) center / 24px auto no-repeat;}
input[type="checkbox"] + label.none{padding-left: 24px; text-indent: -9999em;}
label.checkbox-type1 {color:#333333;display:inline-flex;cursor:pointer;}
label.checkbox-type1:before {content:'';display:inline-block;margin-right:10px;width:20px;height:20px;background-size:20px;top:2px;background-color:#eee;border:1px solid #ddd;border-radius:2px;overflow:hidden;}
label.checkbox-type1:has(:checked):before {width:20px;height:20px;background-color:#4326F2;background-image:url(../images/common/ico_check02.png);background-repeat:no-repeat;background-position:center;background-size: 12px;background-blend-mode: screen;}
input[type="checkbox"] + label.checkbox-type2{display: block; padding: 0; padding-left: 38px; font-size: 16px; line-height: 28px; text-indent: -38px; cursor: pointer;}
input[type="checkbox"] + label.checkbox-type2:last-child{padding-right: 0;}
input[type="checkbox"] + label.checkbox-type2:before{display: inline-block; position:static; width:24px; height: 24px; margin-right: 10px; background: url(../images/common/checkbox02.png) center / 24px auto no-repeat; vertical-align: -6px; cursor: pointer; box-sizing: border-box; content: "";}
input[type="checkbox"]:checked + label.checkbox-type2:before{background: url(/assets/images/common/checkbox02_active.png) center / 24px auto no-repeat;}
input[type="checkbox"] + label.empty{padding-left: 24px; text-indent: -9999em;}
input[type="checkbox"] + label.empty::after{content: ".";}


input[type="checkbox"] + label.checkbox-type2 p{font-size: 16px!important;text-indent: 0!important;display: inline!important;}
input[type="checkbox"] + label.checkbox-type2 p br{display: none;}

input[type="checkbox"] + label.checkbox-type3{display: inline-block; width: 380px; height: 100%; padding: 23px 0; border: 1px solid #ddd; border-radius: 10px; font-size: 16px;  color: #333; line-height: 24px; text-align: center; cursor: pointer; box-sizing: border-box;}
input[type="checkbox"] + label.checkbox-type3:last-child{margin-right: 0;}
input[type="checkbox"] + label.checkbox-type3 > span{display: block; padding-top: 40px; background: url(../images/common/ico_check02.png) center 5px / 16px auto no-repeat; color: #666;}
input[type="checkbox"] + label.checkbox-type3 > span strong{display: block; margin-bottom: 5px; font-size: 18px; font-weight: 700; color: #333;}
input[type="checkbox"] + label.checkbox-type3 > .txt-box1{padding-top: 40px; background: url(../images/common/ico_check02.png) center 5px / 16px auto no-repeat;}
input[type="checkbox"] + label.checkbox-type3 > .txt-box1 .txt1{font-size: 18px; font-weight: 700;}
input[type="checkbox"] + label.checkbox-type3 > .txt-box1 .txt2{display: block; margin: 15px 0 20px; font-size: 18px; font-weight: 700; color: #f36162;}
input[type="checkbox"] + label.checkbox-type3 > .txt-box1 .txt2 span{font-size: 30px; font-weight: 800;}
input[type="checkbox"] + label.checkbox-type3 > .txt-box1 .txt3{display: flex; justify-content: center; flex-wrap: wrap;}
input[type="checkbox"] + label.checkbox-type3 > .txt-box1 .txt3 > li{margin: 5px 10px 0; text-align: center;}
input[type="checkbox"] + label.checkbox-type3 > .txt-box1 .txt3 > li:first-child{width: 100%; margin-top: 0;}
input[type="checkbox"] + label.checkbox-type3 > .txt-box1 .txt3 > li .t{display: inline-block; font-size: 16px; color: #333;}
input[type="checkbox"] + label.checkbox-type3 > .txt-box1 .txt3 > li .c{display: inline-block; margin-left: 5px; font-size: 16px; color: #666;}
input[type="checkbox"] + label.checkbox-type3 .icon{position: absolute; top: 10px; left: 10px; min-width: 50px; border-radius: 5px; padding: 0 10px; background: #f36162; font-size: 14px; line-height: 24px; color: #fff; box-sizing: border-box;}
input[type="checkbox"] + label.checkbox-type3:before{display: none;}
input[type="checkbox"]:checked + label.checkbox-type3{border-color: #f36162;}
input[type="checkbox"]:checked + label.checkbox-type3 > span{background: url(../images/common/ico_check02_on.png) center 5px / 16px auto no-repeat;}
input[type="checkbox"]:checked + label.checkbox-type3 > .txt-box1{background-image: url(../images/common/ico_check02_on.png);}
input[type="checkbox"] + label.checkbox-type4{display: inline-block; width: auto; height: 42px; padding: 0 18px 0 15px; margin-right: 4px; border: 1px solid #ddd; border-radius: 5px; font-size: 16px; font-weight: 700; color: #999; line-height: 40px; text-align: left; cursor: pointer; box-sizing: border-box;}
input[type="checkbox"] + label.checkbox-type4 span{font-size: 15px; font-weight: 500;}
input[type="checkbox"] + label.checkbox-type4:before{display: inline-block; position: static; width:16px; height: 12px; margin-right: 10px; background: url(../images/common/ico_check02.png) center / 16px auto no-repeat; vertical-align: 0; cursor: pointer; box-sizing: border-box; content: "";}
input[type="checkbox"]:checked + label.checkbox-type4{border-color: #f46163; color: #333;}
input[type="checkbox"]:checked + label.checkbox-type4:before{background: url(../images/common/ico_check02_on.png) center / 16px auto no-repeat;}
input[type="checkbox"] + label.checkbox-type5{display: block; padding: 0; padding-left: 38px; font-size: 15px; line-height: 24px; text-indent: -38px; cursor: pointer;}
input[type="checkbox"] + label.checkbox-type5 p {text-indent: 0;}
input[type="checkbox"] + label.checkbox-type5:last-child{padding-right: 0;}
input[type="checkbox"] + label.checkbox-type5:before{display: inline-block; position:static; width:24px; height: 24px; margin-right: 10px; background: url(../images/common/checkbox02.png) center / 24px auto no-repeat; vertical-align: -6px; cursor: pointer; box-sizing: border-box; content: "";}
input[type="checkbox"]:checked + label.checkbox-type5:before{background: url(../images/common/checkbox02_active.png) center / 24px auto no-repeat;}
input[type="radio"] + label.radio-type3{display: inline-block; position: relative; width: 380px; height: 100%; padding: 23px 0; margin-right: 16px; border: 1px solid #ddd; border-radius: 10px; font-size: 16px;  color: #333; line-height: 24px; text-align: center; cursor: pointer; box-sizing: border-box;}
input[type="radio"] + label.radio-type3:last-child{margin-right: 0;}
input[type="radio"] + label.radio-type3 > span{display: block; padding-top: 40px; background: url(../images/common/ico_check02.png) center 5px / 16px auto no-repeat; color: #666;}
input[type="radio"] + label.radio-type3 > span strong{display: block; margin-bottom: 5px; font-size: 18px; line-height: 28px; font-weight: 700; color: #333;}
input[type="radio"] + label.radio-type3 > .txt-box1{padding-top: 40px; background: url(../images/common/ico_check02.png) center 5px / 16px auto no-repeat;}
input[type="radio"] + label.radio-type3 > .txt-box1 .txt1{font-size: 18px; line-height: 28px; font-weight: 700;}
input[type="radio"] + label.radio-type3 > .txt-box1 .txt2{display: block; margin: 15px 0 20px; font-size: 18px; font-weight: 700; color: #f36162;}
input[type="radio"] + label.radio-type3 > .txt-box1 .txt2 span{font-size: 30px; font-weight: 800;}
input[type="radio"] + label.radio-type3 > .txt-box1 .txt3{display: flex; justify-content: center; flex-wrap: wrap;}
input[type="radio"] + label.radio-type3 > .txt-box1 .txt3 > li{margin: 5px 10px 0; text-align: center;}
input[type="radio"] + label.radio-type3 > .txt-box1 .txt3 > li:first-child{width: 100%; margin-top: 0;}
input[type="radio"] + label.radio-type3 > .txt-box1 .txt3 > li .t{display: inline-block; font-size: 16px; color: #333;}
input[type="radio"] + label.radio-type3 > .txt-box1 .txt3 > li .c{display: inline-block; margin-left: 5px; font-size: 16px; color: #666;}
input[type="radio"] + label.radio-type3 > .txt-box1 .txt4{display: block; margin-top: 6px; font-size: 18px; font-weight: 700; color: #f36162;}
input[type="radio"] + label.radio-type3 > .txt-box1 .txt4 strong{font-weight: 800;}
input[type="radio"] + label.radio-type3 .icon{position: absolute; top: 10px; left: 10px; min-width: 50px; border-radius: 5px; padding: 0 10px; background: #f36162; font-size: 14px; line-height: 24px; color: #fff; box-sizing: border-box;}
input[type="radio"] + label.radio-type3:before{display: none;}
input[type="radio"]:checked + label.radio-type3{border-color: #f36162;}
input[type="radio"]:checked + label.radio-type3 > span{background-image: url(../images/common/ico_check02_on.png);}
input[type="radio"]:checked + label.radio-type3 > .txt-box1{background-image: url(../images/common/ico_check02_on.png);}
input[type="radio"] + label.radio-type5{display: inline-flex; align-items: center; width: 190px; padding: 20px 0; margin-right: 20px; border: 1px solid #ddd; border-radius: 10px; font-size: 18px;  color: #999; line-height: 30px; font-weight: 700; text-align: center; cursor: pointer; box-sizing: border-box;}
input[type="radio"] + label.radio-type5:last-child{margin-right: 0;}
input[type="radio"] + label.radio-type5 span{display: block; padding-left: 70px; background: url(../images/common/ico_check02.png) 27px 10px / 16px auto no-repeat;}
input[type="radio"] + label.radio-type5:before{display: none;}
input[type="radio"]:checked + label.radio-type5{border-color: #f36162; color: #333;}
input[type="radio"]:checked + label.radio-type5 span{background-image: url(../images/common/ico_check02_on.png);}
input[type="radio"] + label.radio-type6{display: inline-block; position: relative; width: 32px; height: 32px; padding: 0; margin-right: 10px; font-size: 0; cursor: pointer; box-sizing: border-box;}
input[type="radio"] + label.radio-type6:last-child{margin-right: 0;}
input[type="radio"] + label.radio-type6 span{position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 100%; content: "";}
input[type="radio"] + label.radio-type6 span:after{position: absolute; top: 50%; left: 50%; width: 34px; height: 34px; border: 7px solid #fff; border-radius: 100%; transform: translate(-50%, -50%); content: ""; box-sizing: border-box;}
input[type="radio"] + label.radio-type6:before{display: none;}
input[type="radio"]:checked + label.radio-type6 span:after{width: 34px; height: 34px; border-width: 7px;}
input[type="radio"]:checked + label.radio-type6 span:before{position: absolute; top: 50%; left: 50%; width: 32px; height: 32px; border: 1px solid #000; border-radius: 100%; transform: translate(-50%, -50%); content: ""; box-sizing: border-box; z-index: 1;}
input[type="radio"] + label.radio-type7{display: inline-block; min-width: 100px; padding: 0 20px; margin-right: 10px; border: 1px solid #ddd; border-radius: 5px; background: #eee; font-size: 16px; color: #aaa; line-height: 43px; font-weight: 700; text-align: center; cursor: pointer; box-sizing: border-box;}
input[type="radio"] + label.radio-type7:last-child{margin-right: 0;}
input[type="radio"] + label.radio-type7:before{display: none;}
input[type="radio"]:checked + label.radio-type7{border-color: #111; background: #fff; color: #111;}
input[type="radio"] + label.radio-type8{display: inline-flex; align-items: center; width: 100%; height: 110px; padding-left: 0; border: 1px solid #ddd; border-radius: 10px; font-size: 18px;  color: #999; line-height: 30px; font-weight: 700; text-align: center; cursor: pointer; box-sizing: border-box;}
input[type="radio"] + label.radio-type8 > div{display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 0 20px 0 55px; background: url(../images/common/ico_check02.png) 17px center / 16px auto no-repeat; box-sizing: border-box;}
input[type="radio"] + label.radio-type8 .tit{text-align: left;}
input[type="radio"] + label.radio-type8 .tit strong{display: block; font-size: 24px; color: #333;}
input[type="radio"] + label.radio-type8 .tit ul{display: flex; margin-top: 10px;}
input[type="radio"] + label.radio-type8 .tit ul li{position: relative; padding: 0 8px; font-size: 16px; color: #666; font-weight: 500; line-height: 1;}
input[type="radio"] + label.radio-type8 .tit ul li::after{position: absolute; top: 50%; left: 0; width: 1px; height: 12px; background: #ccc; transform: translateY(-50%); content: "";}
input[type="radio"] + label.radio-type8 .tit ul li:first-child{padding-left: 0;}
input[type="radio"] + label.radio-type8 .tit ul li:first-child::after{display: none;}
input[type="radio"] + label.radio-type8 .tit ul li:last-child{padding-right: 0;}
input[type="radio"] + label.radio-type8 .price{font-size: 18px; font-weight: 700; color: #f36162;}
input[type="radio"] + label.radio-type8 .price strong{font-size: 30px; font-weight: 800;}
input[type="radio"] + label.radio-type8:before{display: none;}
input[type="radio"]:checked + label.radio-type8{border-color: #f36162;}
input[type="radio"]:checked + label.radio-type8 > div{background-image: url(../images/common/ico_check02_on.png);}
input[type="radio"] + label.radio-type9{display: inline-flex; align-items: center; width: 100%; height: 130px; padding-left: 0; border: 1px solid #ddd; border-radius: 10px; text-align: center; cursor: pointer; box-sizing: border-box;}
input[type="radio"] + label.radio-type9 > div{display: flex; align-items: center; width: 100%; padding: 0 20px 0 55px; background: url(../images/common/ico_check02.png) 17px center / 16px auto no-repeat; box-sizing: border-box;}
input[type="radio"] + label.radio-type9 .img img{width: 120px;}
input[type="radio"] + label.radio-type9 .benefit{display: flex; align-items: center; justify-content: center; width: 150px; height: 95px; background: url(../images/common/bg_benefit.png) center / 150px auto no-repeat; font-size: 16px; line-height: 26px;}
input[type="radio"] + label.radio-type9 .benefit strong{display: block; font-size: 18px;}
input[type="radio"] + label.radio-type9 .benefit strong span{color: #f46163;}
input[type="radio"] + label.radio-type9 .info{width: 250px; margin-left: 20px; text-align: left;}
input[type="radio"] + label.radio-type9 .info .tit{font-size: 16px; font-weight: 700; color: #333; letter-spacing: -0.5px;}
input[type="radio"] + label.radio-type9 .info p{margin-top: 5px;}
input[type="radio"] + label.radio-type9 .info ul{margin-top: 10px;}
input[type="radio"] + label.radio-type9 .info ul li{margin-top: 4px;}
input[type="radio"] + label.radio-type9 .info ul li:first-child{margin-top: 0;}
input[type="radio"] + label.radio-type9 .info ul li dl{display: flex; justify-content: space-between;}
input[type="radio"] + label.radio-type9 .info ul li dl dt{font-size: 16px; color: #666;}
input[type="radio"] + label.radio-type9 .info ul li dl dd{font-size: 16px; color: #333; font-weight: 700;}
input[type="radio"] + label.radio-type9:before{display: none;}
input[type="radio"]:checked + label.radio-type9{border-color: #f36162;}
input[type="radio"]:checked + label.radio-type9 > div{background-image: url(../images/common/ico_check02_on.png);}
input[type="radio"] + label.radio-type10{display: inline-block; position: relative; min-width: 115px; height: 36px; padding: 0 20px; margin-right: 11px; border: 1px solid #ddd; border-radius: 5px; font-size: 15px; font-weight: 700; color: #aaa; line-height: 34px; text-align: center; cursor: pointer; box-sizing: border-box;}
input[type="radio"] + label.radio-type10:before{display: none;}
input[type="radio"] + label.radio-type10 span{display: inline-block; position: absolute; top: -7px; left: -11px; min-width: 36px; border-radius: 5px; background: #457fec; font-size: 12px; color: #fff; line-height: 18px;}
input[type="radio"]:checked + label.radio-type10{border-color: #666; color: #333;}
input[type="radio"] + label.radio-type11{display: inline-flex; align-items: center; width: 190px; height: 70px; padding: 20px 0; margin-right: 20px; border: 1px solid #ddd; border-radius: 10px; font-size: 18px;  color: #999; line-height: 24px; font-weight: 700; text-align: center; cursor: pointer; box-sizing: border-box;}
input[type="radio"] + label.radio-type11:last-child{margin-right: 0;}
input[type="radio"] + label.radio-type11 span{display: block; width: 100px; padding-left: 60px; background: url(../images/common/ico_check02.png) 27px center / 16px auto no-repeat;}
input[type="radio"] + label.radio-type11.w100p span{width: auto;}
input[type="radio"] + label.radio-type11.center span{width: 50%;}
input[type="radio"] + label.radio-type11:before{display: none;}
input[type="radio"]:checked + label.radio-type11{border-color: #f36162; color: #333;}
input[type="radio"]:checked + label.radio-type11 span{background-image: url(../images/common/ico_check02_on.png);}
input[type="radio"] + label.radio-type12{display: inline-flex; align-items: center; width: 100%; height:auto; min-height:160px; padding-left: 0; border: 1px solid #ddd; border-radius: 10px; font-size: 18px;  color: #999; line-height: 30px; font-weight: 700; text-align: left; cursor: pointer; box-sizing: border-box;}
input[type="radio"] + label.radio-type12 > div{display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 0 20px 0 55px; background: url(../images/common/ico_check02.png) 17px center / 16px auto no-repeat; box-sizing: border-box;}
input[type="radio"] + label.radio-type12 .payplan-info-box .info-box{display: flex; align-items: center; width: 100%;}
input[type="radio"] + label.radio-type12 .payplan-info-box .info-box .group{display: flex; align-items: center; justify-content: space-between; width: 100%;}
input[type="radio"] + label.radio-type12 .payplan-info-box .info-box .info{width:auto; padding-top: 10px;}
input[type="radio"] + label.radio-type12 .payplan-info-box .info-box .info .tit{width: 100%; font-size: 18px; font-weight: 700; color: #222; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;line-height:normal;margin-bottom:10px;}
input[type="radio"] + label.radio-type12 .payplan-info-box .info-box .info .data{margin-top: 0; font-size: 15px; color: #333;}
input[type="radio"] + label.radio-type12 .payplan-info-box .info-box .info .provide{display: inline-flex; width: 100%; padding-top: 15px; margin-top:10px; border-top: 1px solid #ddd;}
input[type="radio"] + label.radio-type12 .payplan-info-box .info-box .info .provide li{margin: 0 5px; font-size:16px; font-weight:600; color: #595959; line-height: 24px;}
input[type="radio"] + label.radio-type12 .payplan-info-box .info-box .info .provide li:first-child{margin-left: 0;}
input[type="radio"] + label.radio-type12 .payplan-info-box .info-box .info .provide li:last-child{margin-right: 0;}
input[type="radio"] + label.radio-type12 .payplan-info-box .info-box .info .provide li.call{padding-left: 30px; background: url(../images/common/ico_call.png) left center / 26px auto no-repeat;}
input[type="radio"] + label.radio-type12 .payplan-info-box .info-box .info .provide li.sms{padding-left: 35px; background: url(../images/common/ico_sms.png) left center / 28px auto no-repeat;}
input[type="radio"] + label.radio-type12 .payplan-info-box .info-box .info .provide li.video{padding-left: 38px; background: url(../images/common/ico_video.png) left center / 31px auto no-repeat;}
input[type="radio"] + label.radio-type12 .payplan-info-box .info-box .info .provide li.intn{padding-left: 36px; background: url(../images/common/ico_international.png) left center / 30px auto no-repeat;}
input[type="radio"] + label.radio-type12 .payplan-info-box .info-box .info .provide li.mb{padding-left: 32px; background: url(../images/common/ico_data.png) left center / 23px auto no-repeat;}
input[type="radio"] + label.radio-type12 .payplan-info-box .info-box .info .provide li.day{padding-left: 32px; background: url(../images/common/ico_clock.png) left center / 25px auto no-repeat;}
input[type="radio"] + label.radio-type12 .payplan-info-box .side-box .price{text-align: right;}
input[type="radio"] + label.radio-type12 .payplan-info-box .side-box .price strong{display: inline-block; margin-left: 5px; font-size: 36px; font-weight: 800; color: #ff4d50;}
input[type="radio"] + label.radio-type12 .payplan-info-box .side-box .price strong span{color: #595959;letter-spacing: -0.02px;font-size: 20px;font-weight:600;}
input[type="radio"] + label.radio-type12:before{display: none;}
input[type="radio"]:checked + label.radio-type12{border-color: #f36162;}
input[type="radio"]:checked + label.radio-type12 > div{background-image: url(../images/common/ico_check02_on.png);}
input[type="text"]:not(.s-none),
input[type="password"]:not(.s-none){min-width: 320px; height: 46px; padding: 0 17px; border: 1px solid #ddd; border-radius: 5px; font-size: 16px; color: #333; box-sizing: border-box;}
input[type="text"]:not(.s-none):disabled,
input[type="password"]:not(.s-none):disabled{background: #f8f8f8;}
textarea{width: 100%; height: 190px; padding: 10px 17px; border: 1px solid #ddd; border-radius: 5px; background: #fff; font-size: 16px; line-height: 28px; box-sizing: border-box;}
select{min-width: 150px; height: 46px; padding: 0 35px 0 17px; border: 1px solid #ddd; border-radius: 5px; background: url(../images/common/ico_select.png) right 17px center / 13px auto no-repeat; font-size: 16px; color: #999; outline: 0; box-sizing: border-box;}
select:disabled{background: url(../images/common/ico_select.png) right 17px center / 13px auto #f8f8f8 no-repeat; color: #333; opacity: 1;}
select:valid{color: #333;}
select.w-auto{min-width: auto;}
select + input[type=text],
input[type=text] + input[type=text],
select + select{margin-left: 7px;}
select.select-type2{min-width: 210px; height: 36px;}
select.select-type3{width: 160px; padding: 0; border: 0; border-bottom: 2px solid #ddd; border-radius: 0; background-image: url(../images/common/ico_select_on.png); background-position: right center; font-size: 18px; font-weight: 700; color: #333;}


@media all and (max-width:1299px) {
	p{font-size: 1.75rem; line-height: 3rem;}
	label{font-size: 1.75rem;}
	input[type="radio"] + label,
	input[type="checkbox"] + label{padding-left: 3.125rem; padding-right: 1.875rem; line-height: 2.25rem;}
	input[type="radio"] + label:before,
	input[type="checkbox"] + label:before{width:2.25rem; height: 2.25rem; margin-right: 1.25rem; vertical-align: -0.5rem;}
	input[type="checkbox"] + label:before{background-size: 2.25rem auto;}
	input[type="checkbox"]:checked + label:before{background-size: 2.25rem auto;}
	input[type="radio"] + label:before{background-size: 2.25rem auto;}
	input[type="radio"]:checked + label:before{background-size: 2.25rem auto;}
	input[type="checkbox"] + label.checkbox-type2{padding-left: 3.625rem; font-size: 1.75rem; line-height: 3rem; text-indent: -3.625rem;}
	input[type="checkbox"] + label.checkbox-type2:before{display: inline-block; width:2.3125rem; height: 2.3125rem; margin-right: 0.9375rem; background-size: 2.3125rem auto; vertical-align: -0.5rem; cursor: pointer; box-sizing: border-box; content: "";}
	input[type="checkbox"]:checked + label.checkbox-type2:before{background-size: 2.3125rem auto;}
	input[type="checkbox"] + label.checkbox-type3{width: 100%; height: 17.5rem; padding: 3rem 0 0; border-width: 0.125rem; border-radius: 1.25rem; font-size: 1.75rem; line-height: 2.5rem;}
	input[type="checkbox"] + label.checkbox-type3 span{padding-top: 2.8125rem; background-position: center 0; background-size: 1.625rem auto;}
	input[type="checkbox"] + label.checkbox-type3 span strong{margin-bottom: 0.9375rem; font-size: 2rem;}
	input[type="checkbox"] + label.checkbox-type3 .icon{top: 1.875rem; left: 1.875rem; min-width: 5rem; border-radius: 0.3125rem; padding: 0 1.25rem; font-size: 1.375rem; line-height: 2.5rem;}
	input[type="checkbox"]:checked + label.checkbox-type3 span{background-position: center 0; background-size: 1.625rem auto;}
	input[type="checkbox"] + label.checkbox-type4{width: 100%; height: auto; padding: 1.1875rem 0 1.1875rem 2.1875rem; margin-right: 0; border-width: 0.125rem; border-radius: 0.625rem; font-size: 1.75rem; line-height: 2.625rem;}
	input[type="checkbox"] + label.checkbox-type4 span{display: block; padding-left: 3.125rem; font-size: 1.5rem;}
	input[type="checkbox"] + label.checkbox-type4:before{display: inline-block; width:1.625rem; height: 1.25rem; margin-right: 1.5625rem; background-size: 1.625rem auto;}
	input[type="checkbox"]:checked + label.checkbox-type4:before{background-size: 1.625rem auto;}
	input[type="checkbox"] + label.checkbox-type5{padding-left: 3.625rem; font-size: 1.75rem; line-height: 3rem; text-indent: -3.625rem;}
	input[type="checkbox"] + label.checkbox-type5:before{display: inline-block; width:2.3125rem; height: 2.3125rem; margin-right: 0.9375rem; background-size: 2.3125rem auto; vertical-align: -0.5rem; cursor: pointer; box-sizing: border-box; content: "";}
	input[type="checkbox"]:checked + label.checkbox-type5:before{background-size: 2.3125rem auto;}
	input[type="radio"] + label.radio-type3{width: 100%; height: 100%; padding: 3rem 0; border-width: 0.125rem; border-radius: 1.25rem; font-size: 1.75rem; line-height: 2.5rem;}
	input[type="radio"] + label.radio-type3 > span{padding-top: 2.8125rem; background-position: center 0; background-size: 1.625rem auto;}
	input[type="radio"] + label.radio-type3 > span strong{margin-bottom: 0.9375rem; font-size: 2rem; line-height: 3rem;}
	input[type="radio"] + label.radio-type3 > .txt-box1{padding-top: 3.4375rem; background-position: center 0; background-size: 1.625rem auto;}
	input[type="radio"] + label.radio-type3 > .txt-box1 .txt1{font-size: 2rem; line-height: 3rem;}
	input[type="radio"] + label.radio-type3 > .txt-box1 .txt2{margin: 0.9375rem 0 2.5rem; font-size: 2rem;}
	input[type="radio"] + label.radio-type3 > .txt-box1 .txt2 span{font-size: 3.375rem;}
	input[type="radio"] + label.radio-type3 > .txt-box1 .txt3 > li{margin: 0.625rem 1.25rem 0;}
	input[type="radio"] + label.radio-type3 > .txt-box1 .txt3 > li .t{font-size: 1.75rem;}
	input[type="radio"] + label.radio-type3 > .txt-box1 .txt3 > li .c{margin-left: 0.3125rem; font-size: 1.75rem;}
	input[type="radio"] + label.radio-type3 > .txt-box1 .txt4{margin-top: 0.625rem; font-size: 2rem; line-height: 3rem;}
	input[type="radio"] + label.radio-type3 .icon{top: 1.875rem; left: 1.875rem; min-width: 5rem; border-radius: 0.3125rem; padding: 0 1.25rem; font-size: 1.375rem; line-height: 2.5rem;}
	input[type="radio"]:checked + label.radio-type3 span{background-position: center 0; background-size: 1.625rem auto;}
	input[type="radio"] + label.radio-type5{width: 100%; padding: 1.875rem 0; margin-right: 1.25rem; border-width: 0.125rem; border-radius: 0.625rem; font-size: 2rem; line-height: 3.375rem;}
	input[type="radio"] + label.radio-type5 span{padding-left: 6.5625rem; background-position: 2.1875rem 0.9375rem; background-size: 1.625rem auto;}
	input[type="radio"] + label.radio-type6{width: 3.75rem; height: 3.75rem; margin-right: 1.125rem;}
	input[type="radio"] + label.radio-type6 span:after{width: 2.25rem; height: 2.25rem; border-width: 1.5rem; box-sizing: content-box;}
	input[type="radio"]:checked + label.radio-type6 span:after{width: 2.25rem; height: 2.25rem; border-width: 1.5rem;}
	input[type="radio"]:checked + label.radio-type6 span:before{width: 3.75rem; height: 3.75rem; border-width: 0.125rem;}
	input[type="radio"] + label.radio-type7{min-width: 13.125rem; padding: 0; margin-right: 0; border-width: 0.125rem; border-radius: 0.625rem; font-size: 1.75rem; line-height: 4.625rem;}
	input[type="radio"] + label.radio-type7:last-child{margin-right: 0;}
	input[type="radio"] + label.radio-type8{height: auto; min-height: 15.3125rem; border-width: 0.125rem; border-radius: 1.25rem; font-size: 1.75rem; line-height: 1;}
	input[type="radio"] + label.radio-type8 > div{display: block; padding: 0 1.25rem 0 3.4375rem; background-position: 2.1875rem center; background-size: 1.625rem auto;}
	input[type="radio"] + label.radio-type8 .tit{text-align: center;}
	input[type="radio"] + label.radio-type8 .tit strong{font-size: 2.25rem;}
	input[type="radio"] + label.radio-type8 .tit ul{display: inline-flex; margin-top: 1.5625rem;}
	input[type="radio"] + label.radio-type8 .tit ul li{position: relative; padding: 0 0.9375rem; font-size: 1.75rem;}
	input[type="radio"] + label.radio-type8 .tit ul li::after{width: 0.125rem; height: 1.5rem;}
	input[type="radio"] + label.radio-type8 .price{margin-top: 1.25rem; font-size: 2rem;}
	input[type="radio"] + label.radio-type8 .price strong{font-size: 3.375rem;}
	input[type="radio"] + label.radio-type9{height: auto; min-height: 19.375rem; border-width: 0.125rem; border-radius: 1.25rem;}
	input[type="radio"] + label.radio-type9 > div{display: block; padding: 0; background-position: 2.1875rem center; background-size: 1.625rem auto;}
	input[type="radio"] + label.radio-type9 .img img{width: 12.5rem;}
	input[type="radio"] + label.radio-type9 .benefit{width: 100%; height: 7.9375rem; background-size: 12.5rem; font-size: 1.375rem; line-height: 2.125rem;}
	input[type="radio"] + label.radio-type9 .benefit strong{font-size: 1.5rem;}
	input[type="radio"] + label.radio-type9 .info{width: 100%; margin: 0; margin-top: 1.875rem; text-align: center; line-height: 1;}
	input[type="radio"] + label.radio-type9 .info .tit{font-size: 1.75rem; letter-spacing: 0;}
	input[type="radio"] + label.radio-type9 .info p{margin-top: 0.3125rem;}
	input[type="radio"] + label.radio-type9 .info ul{display: inline-block; margin-top: 1.25rem;}
	input[type="radio"] + label.radio-type9 .info ul li{margin-top: 0.9375rem; line-height: 1;}
	input[type="radio"] + label.radio-type9 .info ul li dl dt{padding-right: 0.625rem; font-size: 1.75rem; text-align: left;}
	input[type="radio"] + label.radio-type9 .info ul li dl dd{font-size: 1.75rem;}
	input[type="radio"] + label.radio-type11{width: 19.6875rem; height: 7.5rem; padding: 1.25rem 0; margin-right: 1.25rem; border-width: 0.125rem; border-radius: 0.625rem; font-size: 2rem; line-height: 2.625rem;}
	input[type="radio"] + label.radio-type11 span{width: 13.75rem; padding-left: 3.75rem; background-position: 2.1875rem center; background-size: 1.625rem auto;}
	input[type="radio"] + label.radio-type11.w100p span{padding-left: 6.25rem;}
	input[type="radio"] + label.radio-type12{height: auto; min-height: 18.125rem; border-width: 0.125rem; border-radius: 1.25rem; line-height: 1.5rem;}
	input[type="radio"] + label.radio-type12 > div{display: block; padding:1rem 2.5rem 0 5.225rem; background-position: 2.1875rem center; background-size: 1.625rem auto;}
	input[type="radio"] + label.radio-type12 .payplan-info-box .group{display: block;}
	input[type="radio"] + label.radio-type12 .payplan-info-box .info-box{align-items: center; position: relative; width: 100%; padding-top: 2.5rem; margin-top: 0;}
	input[type="radio"] + label.radio-type12 .payplan-info-box .info-box .graph{margin-right: 1.25rem; margin-top: 0.625rem;}
	input[type="radio"] + label.radio-type12 .payplan-info-box .info-box .graph canvas{width: 9.375rem !important; height: 9.375rem !important;}
	input[type="radio"] + label.radio-type12 .payplan-info-box .info-box .graph figcaption{width: 6.25rem; height: 6.25rem;}
	input[type="radio"] + label.radio-type12 .payplan-info-box .info-box .graph figcaption .icon{height: 1.5625rem; background-size: 1.375rem auto;}
	input[type="radio"] + label.radio-type12 .payplan-info-box .info-box .graph figcaption .txt{margin-top: 0.3125rem; font-size: 1.25rem; line-height: 1.5rem;}
	input[type="radio"] + label.radio-type12 .payplan-info-box .info-box .group{display: block; align-items: center; justify-content: space-between; width: 100%;}
	input[type="radio"] + label.radio-type12 .payplan-info-box .info-box .info{display: flex; flex-wrap: wrap; width: 100%; padding-top: 0;}
	input[type="radio"] + label.radio-type12 .payplan-info-box .info-box .info .tit{position: absolute; top: 0; left: 0; font-size: 1.75rem; order: 1;line-height:2rem;}
	input[type="radio"] + label.radio-type12 .payplan-info-box .info-box .info .data{width: 100%; padding-top: 0.9375rem; margin-top: 0.3125rem; border-top: 0.125rem solid #ddd; font-size: 1.375rem; order: 3;}
	input[type="radio"] + label.radio-type12 .payplan-info-box .info-box .info .provide{flex-wrap: wrap; padding-top: 0; margin-top: 0;  border-top: 0; order: 2;}
	input[type="radio"] + label.radio-type12 .payplan-info-box .info-box .info .provide li{display: flex; align-items: center; width: auto; height: 3.5rem; margin: 0; margin-right: 0.9375rem; font-size: 1.65rem; line-height: 1.65rem; text-align: center; letter-spacing: -1px;}
	input[type="radio"] + label.radio-type12 .payplan-info-box .info-box .info .provide li.call{padding-left: 2.5rem; background-position: 0.125rem center; background-size: 2.0625rem auto;}
	input[type="radio"] + label.radio-type12 .payplan-info-box .info-box .info .provide li.sms{padding-left: 2.8125rem; background-size: 2.25rem auto;}
	input[type="radio"] + label.radio-type12 .payplan-info-box .info-box .info .provide li.video{padding-left: 2.8125rem; background-size: 2.375rem auto;}
	input[type="radio"] + label.radio-type12 .payplan-info-box .info-box .info .provide li.intn{padding-left: 2.8125rem; background-size: 2.25rem auto;}
	input[type="radio"] + label.radio-type12 .payplan-info-box .info-box .info .provide li.mb{padding-left: 2.8125rem; background-position: 0.1875rem center; background-size: 1.875rem auto;}
	input[type="radio"] + label.radio-type12 .payplan-info-box .info-box .info .provide li.day{padding-left: 2.8125rem; background-position: 0.1875rem center; background-size: 1.9375rem auto;}
	input[type="radio"] + label.radio-type12 .payplan-info-box .info-box .graph + .info{width: 100%;}
	input[type="radio"] + label.radio-type12 .payplan-info-box .info-box .graph + .info .provide{flex-wrap: nowrap; justify-content: flex-start; padding-top: 0; border-top: 0;}
	input[type="radio"] + label.radio-type12 .payplan-info-box .info-box .graph + .info .provide li{width: auto; margin: 0 0.5rem;}
	input[type="radio"] + label.radio-type12 .payplan-info-box .info-box .graph + .info .provide li:first-child{margin-left: 0;}
	input[type="radio"] + label.radio-type12 .payplan-info-box .side-box{width: 100%;}
	input[type="radio"] + label.radio-type12 .payplan-info-box .side-box .price{margin-top: 1.5625rem; text-align: left;}
	input[type="radio"] + label.radio-type12 .payplan-info-box .side-box .price strong{margin-left: 0; font-size: 3.6rem;}
	input[type="radio"] + label.radio-type12 .payplan-info-box .side-box .price strong span{font-size: 2rem;}
	input[type="text"]:not(.s-none),
	input[type="password"]:not(.s-none){min-width: auto; height: 4.875rem; padding: 0 1.875rem; border-width: 0.125rem; border-radius: 0.625rem; font-size: 1.75rem;}
	textarea{height: 26.25rem; padding: 1.25rem 1.875rem; border-width: 0.125rem; border-radius: 0.625rem; font-size: 1.75rem; line-height: 3rem;}
	select{min-width: 9.375rem; height: 4.875rem; padding: 0 5rem 0 1.875rem; border-width: 0.125rem; border-radius: 0.625rem; background-position: right 1.6875rem center; background-size:  1.1875rem auto; font-size: 1.75rem; font-weight: 700;}
	select.w-auto{min-width: auto; padding-right: 3.75rem;}
	select.select-type2{min-width: auto; height: 4.875rem;}
	select.select-type3{width: auto; height: 5.75rem; padding-right: 5.625rem; border-bottom-width: 0.25rem; font-size: 2rem;}
	.ui-datepicker-title select{min-width: auto; height: 1.8rem; padding: 0 0.625rem; background-color: #fff; font-size: 0.875rem !important;}
	.ui-widget-header .ui-icon{background-image: url(../images/common/ui-icons_444444_256x240.png);}
	.ui-datepicker{width:50%;}
	.ui-datepicker .ui-datepicker-prev,
	.ui-datepicker .ui-datepicker-next{top: 0.25rem; cursor: pointer;}
	.ui-datepicker .ui-datepicker-prev:hover{left: 0.125rem; border: 0; background: #fff;}
	.ui-datepicker .ui-datepicker-next:hover{right: 0.125rem; border: 0; background: #fff;}
	input[type="radio"] + label.radio-type10 {font-size:1.2rem;line-height:initial;display:flex;align-items:center;justify-content:center;line-height:inherit;}
}

/* heading */
.h3{display: block; font-size: 42px; font-weight: 800; color: #111;}
.h3 span{font-size: 30px; font-weight: 500;}
.h4{display: block; font-size: 32px; font-weight: 700; color: #111;}
.h5{display: block; font-size: 24px; font-weight: 800; color: #111;}

@media all and (max-width:1299px) {
	.h3{font-size: 2.85rem; line-height: 3.25rem;}
	.h3 span{display: block; margin-top: 0.625rem; font-size:2rem;}
	.h4{font-size: 3.13rem; line-height: 4.25rem;}
	.h5{font-size: 2.25rem;}
}


/*
ul.apply {width:100%;display:flex;gap:1rem;flex-wrap:wrap;margin-top:50px;}
ul.apply li {width:calc((100% - 3rem)/4);}
ul.apply li:last-child {width:100%;text-align:center;}
ul.apply li:last-child a {align-items:center;text-align:center;}
ul.apply li a {position:relative;border:#E7E7E7 solid 1px;border-radius:20px;padding:20px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:20px;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;transition:all 0.3s;background-color:#fff;}
ul.apply li a > div {display:flex;flex-direction:column;align-items: flex-start;}
ul.apply li strong {color:#333;font-size:20px;font-weight:700;letter-spacing:-0.025px;}

ul.apply li:nth-child(-n+2) {width:calc(50% - 0.5rem);text-align:center;}
ul.apply li:nth-child(-n+2) a {flex-direction:row-reverse;align-items:center;padding:30px;}
ul.apply li:nth-child(-n+2) span {display:block;width:80px;height:80px;}
*/

/* 뱃지 관리 */
.modal-badge .box{padding: 25px 40px 25px 20px; border: 1px solid #ddd; box-sizing: border-box;}
.modal-badge .box .scroll{height: 515px;}
.modal-badge h4{display: block; font-size: 18px; color: #222; font-weight: 700; text-align: left;}
.modal-badge table{width: 100%; margin-top: 15px; border-top: 1px solid #333;}
.modal-badge table thead th{height: 50px; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; background: #f4f4f4; font-size: 16px; font-weight: 700; color: #333;;}
.modal-badge table thead th:first-child{border-left: 0;}
.modal-badge table tbody td{border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; font-size: 16px; line-height: 24px; color: #666; text-align: center;}
.modal-badge table tbody td:first-child{border-left: 0;}
.modal-badge table tbody td.desc{padding: 10px 20px; text-align: left;}
.modal-badge table tbody td img{width: auto; height: 31px;}
.modal-badge table tbody strong{display: block; color: #333; font-weight: 700;}
@media all and (max-width:1299px) {
	.modal-badge .box{padding: 2.5rem; border-width: 0.125rem;}
	.modal-badge .box .scroll{height: auto;}
	.modal-badge h4{font-size: 2rem;}
	.modal-badge table{width: 100%; margin-top: 2.5rem; border-top-width: 0.125rem;}
	.modal-badge table thead{display: none;}
	.modal-badge table tbody td{border-left: 0; border-bottom-width: 0.125rem; font-size: 1.75rem; line-height: 3rem;}
	.modal-badge table tbody td.desc{padding: 0.625rem 1.25rem;}
	.modal-badge table tbody td img{height: 3.375rem;}
}



/* 마이페이지 */
.mypage-wrap{display: flex; justify-content: space-between;}
.mypage-wrap .lnb{width: 200px;}
.mypage-wrap .lnb h3{display: block; font-size: 30px; font-weight: 700; color: #111;}
.mypage-wrap .lnb h3 a{display: block; color: #111;}
.mypage-wrap .lnb ul.menu{margin-top:20px; border-top: 1px solid #333;}
.mypage-wrap .lnb ul.menu > li{padding: 20px 0; border-top: 1px solid #ddd;}
.mypage-wrap .lnb ul.menu > li:first-child{border-top: 0;}
.mypage-wrap .lnb ul.menu > li h4{display: block; font-size: 20px; font-weight: 700; color: #111;}
.mypage-wrap .lnb ul.menu > li .sub{margin-top: 10px;}
.mypage-wrap .lnb ul.menu > li .sub a{font-size: 16px; line-height: 26px; color: #666;}
.mypage-wrap .lnb ul.menu > li .sub a.on{font-weight: 700; color:#4326f2;}
.mypage-wrap .lnb .m-menu{display: none;}
.mypage-wrap .cont{width: 940px;}
.mypage-wrap .cont .title{display: flex; justify-content: space-between; align-items: center; margin: 60px 0 20px;}
.mypage-wrap .cont .title:nth-of-type(1){margin-top:7px;}
.mypage-wrap .cont .title h4{display: inline-block; font-size: 24px; font-weight: 700; color: #111; line-height: 36px; vertical-align: middle;}
.mypage-wrap .cont .title h4 span{font-size: 15px; color: #666; font-weight: 500;}
.mypage-wrap .cont .title h4 + select,
.mypage-wrap .cont .title select + h4{margin-left: 10px;}
.mypage-wrap .cont h5{display: block; margin: 55px 0 15px; font-size: 20px; font-weight: 700; color: #111;}
.mypage-wrap .cont h5:nth-of-type(1){margin-top: 30px;}
.mypage-wrap .cont .title + h5{margin-top: 30px;}
.mypage-wrap .cont .line{width: 100%; height: 1px; margin: 60px 0; background: #ddd;}
.mypage-wrap .cont .my-info-box{display: flex; border: 10px solid #f0f0f0; border-radius: 20px;}
.mypage-wrap .cont .my-info-box > div{display: flex; flex-direction: column; height: 260px; border-left: 1px solid #ddd; box-sizing: border-box;}
.mypage-wrap .cont .my-info-box > div:nth-child(1){width:50%; border-left: 0;}
.mypage-wrap .cont .my-info-box > div:nth-child(2){width:50%;}
.mypage-wrap .cont .my-info-box > div:nth-child(3){flex: 1;}
.mypage-wrap .cont .my-info-box .user{padding: 30px;}
.mypage-wrap .cont .my-info-box .user .name{font-size: 24px; line-height: 1; color: #111;}
.mypage-wrap .cont .my-info-box .user .name img{width: 31px; vertical-align: -7px;}
.mypage-wrap .cont .my-info-box .user .email{margin-top: 10px; font-size: 15px; color: #666;}
.mypage-wrap .cont .my-info-box .user .badge-list{margin-top: 20px;}
.mypage-wrap .cont .my-info-box .user .btm{margin-top: auto;}
.mypage-wrap .cont .my-info-box .ssaida{padding: 30px;}
.mypage-wrap .cont .my-info-box .ssaida .top{display: flex; align-items: center; justify-content: space-between;}
.mypage-wrap .cont .my-info-box .ssaida .top .tit{font-size: 18px; color: #111; line-height: 1;}
.mypage-wrap .cont .my-info-box .ssaida .top .date{font-size: 15px; color: #666; line-height: 1;}
.mypage-wrap .cont .my-info-box .ssaida .cnt{margin-top: 15px; font-size: 18px; color:#4326f2; font-weight: 700;}
.mypage-wrap .cont .my-info-box .ssaida .cnt a{font-size: 36px; font-weight: 800; color:#4326f2; text-decoration: underline; text-underline-position: under; vertical-align: bottom;}
.mypage-wrap .cont .my-info-box .ssaida .btm{margin-top: auto;}
.mypage-wrap .cont .my-info-box .etc > div{height: 50%; padding: 30px; box-sizing: border-box;}
.mypage-wrap .cont .my-info-box .etc > div:first-child{border-bottom: 1px solid #ddd;}
.mypage-wrap .cont .my-info-box .etc .top{display: flex; align-items: center; justify-content: space-between;}
.mypage-wrap .cont .my-info-box .etc .top .tit{font-size: 18px; color: #111; line-height: 1;}
.mypage-wrap .cont .my-info-box .etc .cnt{margin-top: 5px; font-size: 18px; color:#4326f2; font-weight: 700; text-align: right;}
.mypage-wrap .cont .my-info-box .etc .cnt a{font-size: 20px; font-weight: 800; color:#4326f2; text-decoration: underline; text-underline-position: under; vertical-align: bottom;}
.mypage-wrap .cont .my-subs-box{display: flex; /*height: 440px; overflow: hidden;*/ border: 1px solid #ddd; border-radius: 10px; box-sizing: border-box;} /* �섏젙 221122 */
.mypage-wrap .cont .my-subs-box .noti-txt {font-size: 15px; margin-top: 20px; overflow: visible; text-overflow: clip; white-space: normal;} /* 異붽� 221122 */
.mypage-wrap .cont .my-subs-box .user{width: 300px; padding: 25px 30px 30px; background: #f4f4f4; box-sizing: border-box;}
.mypage-wrap .cont .my-subs-box .user .box{padding: 20px; margin-top: 30px; border-radius: 10px; background: #fff;}
.mypage-wrap .cont .my-subs-box .user .box .opt{display: flex; margin-bottom: 10px;}
.mypage-wrap .cont .my-subs-box .user .box .opt li{display: flex; align-items: center; justify-content: center; min-width: 60px; height: 24px; padding: 0 10px; margin-left: 5px; border: 1px solid #b3b3b3; border-radius: 15px; font-size: 13px; font-weight: 700; color: #8a8a8a; box-sizing: border-box;}
.mypage-wrap .cont .my-subs-box .user .box .opt li:first-child{margin-left: 0;}
.mypage-wrap .cont .my-subs-box .user .box .opt li.primary{border-color: #f45f61; color: #f45f61;}
.mypage-wrap .cont .my-subs-box .user .box .opt li.prepaid{border-color: #ffa227; color: #ffa227;}
.mypage-wrap .cont .my-subs-box .user .box .tit{display: block; margin: 5px 0 20px; font-size: 18px; color: #333;}
.mypage-wrap .cont .my-subs-box .user .box .tit span{color:#4326f2;}
.mypage-wrap .cont .my-subs-box .user .box .items li{display: flex; justify-content: space-between;}
.mypage-wrap .cont .my-subs-box .user .box .items li strong{font-size: 15px; line-height: 26px; color: #222;}
.mypage-wrap .cont .my-subs-box .user .box .items li span{font-size: 15px; line-height: 26px; color: #666;}
.mypage-wrap .cont .my-subs-box .user .box p{font-size: 18px; font-weight: 700; color: #222; letter-spacing: -1px;}
.mypage-wrap .cont .my-subs-box .user .btm{margin-top: 30px;}
.mypage-wrap .cont .my-subs-box .user .btm .exc{padding-left: 22px; margin-top: -5px; background: url(../images/common/ico_exc.png) left center / 16px auto no-repeat; font-size: 16px; color: #333;}
.mypage-wrap .cont .my-subs-box .user .btm .exc + a{margin-top: 15px;}
.mypage-wrap .cont .my-subs-box .usage{flex: 1; padding: 30px;}
.mypage-wrap .cont .my-subs-box .usage .top{display: flex; justify-content: space-between; align-items: center; width: 100%;}
.mypage-wrap .cont .my-subs-box .usage .top .tit{display: block; font-size: 18px; color: #111; line-height: 1;}
.mypage-wrap .cont .my-subs-box .usage .top span{font-size: 15px; color: #666; line-height: 1;}
.mypage-wrap .cont .my-subs-box .usage .items{margin-top: 45px;}
.mypage-wrap .cont .my-subs-box .usage .items > li{margin-top: 37px;}
.mypage-wrap .cont .my-subs-box .usage .items > li:first-child{margin-top: 0;}
.mypage-wrap .cont .my-subs-box .usage .items .info{display: flex; justify-content: space-between; align-items: center;}
.mypage-wrap .cont .my-subs-box .usage .items .info .tit{font-size: 18px; font-weight: 700; color: #999;}
.mypage-wrap .cont .my-subs-box .usage .items .info .tit span{color: #333;}
.mypage-wrap .cont .my-subs-box .usage .items .info ul{display: flex; align-items: center;}
.mypage-wrap .cont .my-subs-box .usage .items .info ul li{position: relative; padding: 0 10px; font-size: 15px; font-weight: 700; color: #333;}
.mypage-wrap .cont .my-subs-box .usage .items .info ul li::after{position: absolute; top: 50%; left: 0; width: 1px; height: 14px; background: #ddd; transform: translateY(-50%); content: "";}
.mypage-wrap .cont .my-subs-box .usage .items .info ul li:first-child::after{display: none;}
.mypage-wrap .cont .my-subs-box .usage .items .info ul li:last-child{padding-right: 0;}
.mypage-wrap .cont .my-subs-box .usage .items .info ul li span{color: #999;}
.mypage-wrap .cont .my-subs-box .usage .items .graph{position: relative; overflow: hidden; height: 12px; margin-top: 12px; border-radius: 10px; background: #eee;}
.mypage-wrap .cont .my-subs-box .usage .items .graph span{position: absolute; top: 0; left: 0; height: 100%; border-radius: 10px; background: #000;}
.mypage-wrap .cont .my-subs-box .usage .items .type1 ul li strong{color: #ff4d50;}
.mypage-wrap .cont .my-subs-box .usage .items .type1 .graph span{background: #ff4d50;}
.mypage-wrap .cont .my-subs-box .usage .items .type2 ul li strong{color: #ffa14d;}
.mypage-wrap .cont .my-subs-box .usage .items .type2 .graph span{background: #ffa14d;}
.mypage-wrap .cont .my-subs-box .usage .items .type3 ul li strong{color: #457fec;}
.mypage-wrap .cont .my-subs-box .usage .items .type3 .graph span{background: #457fec;}
.mypage-wrap .cont .my-subs-box .usage .items .type4 ul li strong{color: #666;}
.mypage-wrap .cont .my-subs-box .usage .items .type4 .graph span{background: #aaa;}
.mypage-wrap .cont .my-subs-box .usage .empty{display: flex; justify-content: center; align-items: center; height: 100%;}
.mypage-wrap .cont .my-subs-box .usage .empty p{padding-top: 110px; background: url(../images/common/ico_exc02.png) center top / 92px auto no-repeat; font-size: 16px; color: #666;}
.mypage-wrap .cont .my-month-box{padding: 70px 0 70px; border: 1px solid #ddd; border-radius: 10px; box-sizing: border-box; text-align: center;}
.mypage-wrap .cont .my-month-box ul{display: inline-flex; padding: 0 50px; border-bottom: 1px solid #ddd;}
.mypage-wrap .cont .my-month-box ul li{position: relative; width: 40px; margin: 0 30px;}
.mypage-wrap .cont .my-month-box ul li .item{position: relative; height: 200px;}
.mypage-wrap .cont .my-month-box ul li .box{position: absolute; bottom: 0; left: 0; width: 100%;}
.mypage-wrap .cont .my-month-box ul li .box .graph{width: 100%; height: 100%; border-radius: 20px 20px 0 0; background:linear-gradient(120deg, rgb(171 158 255) 0%, rgb(98 74 248) 54%, rgb(30 15 125) 100%);}
.mypage-wrap .cont .my-month-box ul li .val{position: absolute; top: -30px; left: 50%; font-size: 16px; font-weight: 700; color: #333; transform: translateX(-50%);}
.mypage-wrap .cont .my-month-box ul li .date{position: absolute; bottom: -30px; left: 50%; font-size: 16px; color: #999; transform: translateX(-50%);}
.mypage-wrap .cont .my-month-box ul li:nth-of-type(1) .graph{opacity: 0.35;}
.mypage-wrap .cont .my-month-box ul li:nth-of-type(2) .graph{opacity: 0.7;}
.mypage-wrap .cont .recomm-box{margin-top: 20px;}
.mypage-wrap .cont .recomm-box .slide{position: relative;}
.mypage-wrap .cont .recomm-box .swiper-slide{width: auto; box-sizing: border-box;}
.mypage-wrap .cont .recomm-box .swiper-slide:nth-of-type(1){margin-right: 20px;}
.mypage-wrap .cont .recomm-box .swiper-slide .payplan-recomm-item{width: 460px;}
.mypage-wrap .cont .recomm-box .swiper-slide .phone-item-type1{width: 460px;}
.mypage-wrap .cont .recomm-box .swiper-pagination{display: none;}
.mypage-wrap .payplan-info{display: flex; justify-content: space-between; align-items: center; padding: 30px 20px 30px 30px; margin-top: 30px; border: 1px solid #ddd; border-radius: 10px;}
.mypage-wrap .title + .payplan-info{margin-top: 0;}
.mypage-wrap .payplan-info .group{display: flex;}
.mypage-wrap .payplan-info .info-box{display: flex; justify-content: space-between; align-items: center; width: 100%;}
.mypage-wrap .payplan-info .info-box .graph{position: relative; margin-right: 25px; text-align: center;}
.mypage-wrap .payplan-info .info-box .graph canvas{width: 176px !important; height: 176px !important; margin: 0 auto; transform: rotate(180deg);}
.mypage-wrap .payplan-info .info-box .graph figcaption{display: flex; position: absolute; top: 50%; left: 50%; align-items: center; justify-content: center; width: 118px; height: 118px; border-radius: 100%; transform: translate(-50%, -50%); background: #fff;}
.mypage-wrap .payplan-info .info-box .graph figcaption .icon{height: 30px; background: url(../images/common/ico_data_arw.png) center / 27px auto no-repeat;}
.mypage-wrap .payplan-info .info-box .graph figcaption .txt{margin-top: 10px; font-size: 18px; font-weight: 700; color: #222; line-height: 20px;}
.mypage-wrap .payplan-info .info-box .graph + .info{width: 440px;}
.mypage-wrap .payplan-info.type2 .info-box .graph + .info{width: 677px;}
.mypage-wrap .payplan-info .info-box .info .opt{display: flex; width: auto; margin-bottom: 15px;}
.mypage-wrap .payplan-info .info-box .info .opt li{display: flex; align-items: center; height: 24px; padding: 0 10px; margin-left: 5px; border: 1px solid #b3b3b3; border-radius: 15px; font-size: 13px; font-weight: 700; color: #8a8a8a; box-sizing: border-box;}
.mypage-wrap .payplan-info .info-box .info .opt li:first-child{margin-left: 0;}
.mypage-wrap .payplan-info .info-box .info .opt li.primary{border-color: #f45f61; color: #f45f61;}
.mypage-wrap .payplan-info .info-box .info .opt li.prepaid{border-color: #ffa227; color: #ffa227;}
.mypage-wrap .payplan-info .info-box .info .tit{width: 100%; font-size: 20px; font-weight: 700; color: #222; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.mypage-wrap .payplan-info .info-box .info .data{margin-top: 13px; font-size: 15px; color: #333;}
.mypage-wrap .payplan-info .info-box .info .provide{display: inline-flex; width: 100%; padding-top: 20px; margin-top: 18px; border-top: 1px solid #ddd;}
.mypage-wrap .payplan-info .info-box .info .provide li{margin: 0 10px; font-size: 16px; font-weight: 700; color: #222; line-height: 24px;}
.mypage-wrap .payplan-info .info-box .info .provide li:first-child{margin-left: 0;}
.mypage-wrap .payplan-info .info-box .info .provide li:last-child{margin-right: 0;}
.mypage-wrap .payplan-info .info-box .info .provide li.call{padding-left: 30px; background: url(../images/common/ico_call.png) left center / 26px auto no-repeat;}
.mypage-wrap .payplan-info .info-box .info .provide li.sms{padding-left: 35px; background: url(../images/common/ico_sms.png) left center / 28px auto no-repeat;}
.mypage-wrap .payplan-info .info-box .info .provide li.video{padding-left: 38px; background: url(../images/common/ico_video.png) left center / 31px auto no-repeat;}
.mypage-wrap .payplan-info .info-box .info .provide li.intn{padding-left: 36px; background: url(../images/common/ico_international.png) left center / 30px auto no-repeat;}
.mypage-wrap .payplan-info .info-box .info .provide li.mb{padding-left: 32px; background: url(../images/common/ico_data.png) left center / 23px auto no-repeat;}
.mypage-wrap .payplan-info .info-box .info .provide li.day{padding-left: 32px; background: url(../images/common/ico_clock.png) left center / 25px auto no-repeat;}
.mypage-wrap .payplan-info .side-box{width: 310px;}
.mypage-wrap .payplan-info .side-box .price{text-align: right;}
.mypage-wrap .payplan-info .side-box .price del{font-size: 20px; color: #999;}
.mypage-wrap .payplan-info .side-box .price strong{display: inline-block; margin-left: 5px; font-size: 36px; font-weight: 800; color: #ff4d50;}
.mypage-wrap .payplan-info .side-box .price strong span{font-size: 20px; font-weight: 700;}
.mypage-wrap .payplan-info .side-box .btn{margin-top: 27px; text-align: right;}
.mypage-wrap .payplan-info .side-box .btn.type2{margin-top: 17px;}
.mypage-wrap .payplan-info .side-box .btn a,
.mypage-wrap .payplan-info .side-box .btn button{width: 150px;}
.mypage-wrap .payplan-info .side-box .btn a + a,
.mypage-wrap .payplan-info .side-box .btn a + button,
.mypage-wrap .payplan-info .side-box .btn button + a,
.mypage-wrap .payplan-info .side-box .btn button + button{margin-left: 5px;}
.mypage-wrap .payment-info-box{padding: 19px; border: 1px solid #ddd; border-radius: 10px; background: #f4f4f4;}
.mypage-wrap .payment-info-box .items{display: flex; justify-content: space-between; flex-wrap: wrap;}
.mypage-wrap .payment-info-box .items li{width: 440px; height: 130px; padding: 20px 20px 20px 30px; margin-top: 20px; border-radius: 10px; background: #fff; box-sizing: border-box;}
.mypage-wrap .payment-info-box .items li:nth-child(-n+2){margin-top: 0;}
.mypage-wrap .payment-info-box .items li .top{display: flex; justify-content: space-between; align-items: center;}
.mypage-wrap .payment-info-box .items li .top .tit{font-size: 16px; color: #999; line-height: 32px;}
.mypage-wrap .payment-info-box .items li .txt{margin-top: 20px; font-size: 24px; font-weight: 700; color: #333;}
.mypage-wrap .payment-info-box .items li .price{padding-right: 10px; font-size: 24px; font-weight: 700; color:#4326f2; text-align: right;}
.mypage-wrap .payment-info-box .items li .price span{font-size: 42px; font-weight: 800;}
.mypage-wrap .scroll-box-x + .txt-list{margin-top: 15px;}
.mypage-wrap .txt-list + .btn{margin-top: 20px;}
.mypage-wrap .usage-list-box .items{display: flex; overflow: hidden; border: 1px solid #ddd; border-radius: 10px;}
.mypage-wrap .usage-list-box .items > li{flex: 1; border-left: 1px solid #ddd;}
.mypage-wrap .usage-list-box .items > li:first-child{border-left: 0;}
.mypage-wrap .usage-list-box .items > li .top{height: 90px; padding: 15px; box-sizing: border-box;}
.mypage-wrap .usage-list-box .items > li .top .tit{display: block; padding-left: 32px; font-size: 18px; line-height: 25px; font-weight: 700; color: #333;}
.mypage-wrap .usage-list-box .items > li .top .provide{display: block; margin-top: 10px; font-size: 15px; color: #333;}
.mypage-wrap .usage-list-box .items > li .top .provide span{color: #666; font-weight: 500;}
.mypage-wrap .usage-list-box .items > li .con{padding: 15px 20px 25px;}
.mypage-wrap .usage-list-box .items > li .con .txt{font-size: 15px; color: #333; font-weight: 700;}
.mypage-wrap .usage-list-box .items > li .con .txt1{color: #999; text-align: right;}
.mypage-wrap .usage-list-box .items > li .con .txt1 strong{color: #333;}
.mypage-wrap .usage-list-box .items > li .con .txt2{margin-top: 25px;}
.mypage-wrap .usage-list-box .items > li .con .txt3 strong{color: #999;}
.mypage-wrap .usage-list-box .items > li .con .graph{position: relative; height: 12px; margin: 12px 0; border-radius: 10px; background: #eee;}
.mypage-wrap .usage-list-box .items > li .con .graph span{position: absolute; top: 0; left: 0; height: 100%; border-radius: 10px; background: #000;}
.mypage-wrap .usage-list-box .items > li.type1 .top{background: #ffeded;}
.mypage-wrap .usage-list-box .items > li.type1 .top .tit{background: url(../images/common/ico_usage01.png) left center / 25px auto no-repeat;}
.mypage-wrap .usage-list-box .items > li.type1 .con .txt2 strong{color: #ff4d50;}
.mypage-wrap .usage-list-box .items > li.type1 .con .graph span{background: #ff4d50;}
.mypage-wrap .usage-list-box .items > li.type2 .top{background: #fff5ed;}
.mypage-wrap .usage-list-box .items > li.type2 .top .tit{background: url(../images/common/ico_usage02.png) left center / 25px auto no-repeat;}
.mypage-wrap .usage-list-box .items > li.type2 .con .txt2 strong{color: #ffa14d;}
.mypage-wrap .usage-list-box .items > li.type2 .con .graph span{background: #ffa14d;}
.mypage-wrap .usage-list-box .items > li.type3 .top{background: #ecf2fd;}
.mypage-wrap .usage-list-box .items > li.type3 .top .tit{background: url(../images/common/ico_usage03.png) left center / 25px auto no-repeat;}
.mypage-wrap .usage-list-box .items > li.type3 .con .txt2 strong{color: #457fec;}
.mypage-wrap .usage-list-box .items > li.type3 .con .graph span{background: #457fec;}
.mypage-wrap .usage-list-box .items > li.type4 .top{background: #f6f6f6;}
.mypage-wrap .usage-list-box .items > li.type4 .top .tit{background: url(../images/common/ico_usage04.png) left center / 25px auto no-repeat;}
.mypage-wrap .usage-list-box .items > li.type4 .con .txt2 strong{color: #666;}
.mypage-wrap .usage-list-box .items > li.type4 .con .graph span{background: #aaa;}
.mypage-wrap .usage-list-box + .scroll-box-x{margin-top: 40px;}
.mypage-wrap .additional-box .items{display: flex; flex-wrap: wrap; border: 1px solid #ddd; border-radius: 10px; overflow: hidden;}
.mypage-wrap .additional-box .items li{width: 25%; height: 220px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 20px 15px; text-align: center; box-sizing: border-box;}
.mypage-wrap .additional-box .items li.btm{border-bottom: 0;}
.mypage-wrap .additional-box .items li:nth-child(4n+0){border-right: 0;}
.mypage-wrap .additional-box .items li .top{display: flex; justify-content: space-between; align-items: center;}
.mypage-wrap .additional-box .items li .top .opt{display: inline-flex; align-items: center; justify-content: center; min-width: 56px; height: 24px; padding: 0 5px; border: 1px solid #f45f61; border-radius: 15px; font-size: 13px; font-weight: 700; color: #f45f61; box-sizing: border-box;}
.mypage-wrap .additional-box .items li .top .txt{font-size: 15px; color: #666;}
.mypage-wrap .additional-box .items li .tit{display: flex; justify-content: center; align-items: center; height: 64px; margin: 25px 0 20px; font-size: 20px; line-height: 32px; color: #333;}
.mypage-wrap .charge-box{padding: 19px; margin-top: 40px; border: 1px solid #ddd; border-radius: 10px; background: #f4f4f4;}
.mypage-wrap .charge-box .info-box{display: flex; justify-content: space-between;}
.mypage-wrap .charge-box .info-box > div{width: 440px; padding: 25px 30px; border-radius: 10px; background: #fff; box-sizing: border-box;}
.mypage-wrap .charge-box .info-box .price .top{display: flex; justify-content: space-between;}
.mypage-wrap .charge-box .info-box .price .top .tit{font-size: 24px; font-weight: 700; color: #333;}
.mypage-wrap .charge-box .info-box .price .top .txt{font-size: 16px; color: #999;}
.mypage-wrap .charge-box .info-box .price .btm{margin-top: 25px; font-size: 24px; font-weight: 700; color:#4326f2; text-align: right;}
.mypage-wrap .charge-box .info-box .price .btm span{font-size: 42px; font-weight: 800;}
.mypage-wrap .charge-box .info-box .info ul li{display: flex; justify-content: space-between; margin-top: 10px;}
.mypage-wrap .charge-box .info-box .info ul li:first-child{margin-top: 0;}
.mypage-wrap .charge-box .info-box .info ul li strong{font-size: 16px; color: #333;}
.mypage-wrap .charge-box .info-box .info ul li span{font-size: 16px; color: #666;}
.mypage-wrap .charge-box .detail-box{width: 100%; padding: 30px; margin-top: 20px; border-radius: 10px; background: #fff; box-sizing: border-box;}
.mypage-wrap .charge-box .detail-box .item{display: flex; justify-content: space-between; padding-bottom: 15px; margin-top: 20px; border-bottom: 1px solid #333;}
.mypage-wrap .charge-box .detail-box .item:nth-of-type(1){margin-top: 0;}
.mypage-wrap .charge-box .detail-box .item strong{font-size: 18px; color: #111;}
.mypage-wrap .charge-box .detail-box .list{margin: 10px 0 30px; text-align: right;}
.mypage-wrap .charge-box .detail-box .list ul{display: inline-block; width: 420px;}
.mypage-wrap .charge-box .detail-box .list ul li{display: flex; justify-content: space-between; font-size: 16px; line-height: 32px; color: #111;}
.mypage-wrap .charge-box .detail-box .list ul li strong{font-weight: 500;}
.mypage-wrap .charge-box .detail-box .btm{margin-top: 35px; text-align: center;}
.mypage-wrap .charge-box .detail-box .btm .date{font-size: 16px; font-weight: 700; color: #333;}
.mypage-wrap .charge-box .detail-box .btm .sign{margin-top: 30px; font-size: 18px; font-weight: 700; color: #333;}
.mypage-wrap .charge-box .detail-box .btm .sign img{width: 70px; margin-left: 15px;}
.mypage-wrap .cont .noti-txt {margin-top: 20px;} /* 異붽� 221122 */
.mypage-wrap .member_chk{padding: 60px 0; border: 1px solid #ddd; border-radius: 10px; text-align: center;}
.mypage-wrap .member_chk > div{width: 400px; margin: 0 auto;}
.mypage-wrap .member_chk p{font-size: 18px; line-height: 28px; font-weight: 700; color: #111;}
.mypage-wrap .member_chk input{width: 100%; margin: 40px 0; border: 0; border-radius: 0; padding: 0; border-bottom: 2px solid #ddd;}
.mypage-wrap .withdrawal .txt-box{padding: 30px 40px; border: 1px solid #ddd; border-radius: 10px;}
.mypage-wrap .withdrawal .txt-box .top{display: block; font-size: 24px; line-height: 38px; color: #333;}
.mypage-wrap .withdrawal .txt-box .top span{color: #ff4d50;}
.mypage-wrap .withdrawal .txt-box .tit{display: block; margin: 30px 0 5px; font-size: 16px; color: #333;}
.mypage-wrap .withdrawal .agree-box{padding: 15px 17px; margin-top: 20px; border: 1px solid #ddd; border-radius: 10px;}
.mypage-wrap .withdrawal .pass-box{width: 400px; margin: 40px auto;}
.mypage-wrap .withdrawal .pass-box input{width: 100%; border: 0; border-radius: 0; padding: 0; border-bottom: 2px solid #ddd;}

/* 마이페이지 추가 퍼블리싱 23.12.05*/
.mypage-wrap .tbl-type3 .thead, .mypage-wrap .tbl-type3 .tbody li {display: flex; justify-content: space-between;    justify-content: space-evenly;}
.mypage-wrap .tbl-type3 .tbody li {flex-wrap:nowrap;}
.mypage-wrap .tbl-type3 .btn-list li {display:block !important;}
.mypage-wrap .tbl-type3 .slef {width:130px;}
.mypage-wrap .state-p {font-size:12px;line-height:16px;padding:0.2rem;background-color:#f2f2f2;border-radius:10px;}
.mypage-wrap .process-box {border: 10px solid #f0f0f0;border-radius: 20px;padding:20px;margin-bottom:60px;}
.mypage-wrap  .process-box + .title {margin: 0px 0 20px;}
.mypage-wrap .process-box h4::before {content:'';display:inline-block;width:18px;height:18px;margin-right:0.5rem;background:url(/assets/images/all/m_logo.png)no-repeat center;background-size:contain;}
.mypage-wrap .process-box h4 {display:inline-flex;align-items:center;}
.mypage-wrap .process-box p {color:#333;font-weight:600;line-height: normal;}
.mypage-wrap .process-box p span {width:100%;display:block;font-size:14px;color:#ff4d50;margin-top:5px;}
.mypage-wrap .process-box > ul {display:flex;gap:0.25rem;flex-direction:column;border-top:1px solid #eee;margin-top:1rem;}
.mypage-wrap .process-box > ul div {font-size:18px;color:#333;font-weight:bold;margin:1rem 0 0.2rem;}
.mypage-wrap .process-box > ul li {font-size:14px;color:#333;}

/* 마이페이지 상담내역 25.01.10 */
.myfaq h5 {text-align:center;}
.myfaq .img-wrap {margin-top:20px;}
.myfaq .img-wrap.pc .swiper-button-next, .myfaq .img-wrap.pc .swiper-button-prev, .img-wrap.pc .swiper-pagination {display:none;}
.myfaq .img-wrap p {font-size:16px;font-weight:800;color:#333;text-align:center;}
.myfaq .img-wrap .caption {color:#999999;font-weight:500;font-size:14px;width:100%;text-align:center;display:block;}
.myfaq .img-wrap.pc ul {display:flex;align-items:flex-start;gap:30px;}
.myfaq .img-wrap.pc ul li {width:calc(33.3333% - 30px);display:flex;flex-direction:column-reverse;}
.myfaq .img-wrap.pc ul li img {width:100%;}
.myfaq .img-wrap.pc ul li div:has(p) {position:relative;height:84px;}
.myfaq .img-wrap.pc ul li::after {content:'';display:block;position:absolute;right:0;top:30px;width:33px;height:8px;background:url(/assets/images/customer/channel_arrow.svg)no-repeat;background-size: contain;transform:translateX(calc(50% + 15px));}
.myfaq .img-wrap.pc ul li:last-child::after {display:none;}
.myfaq .checkbox-type1 {margin:30px 0 20px;font-size:20px;font-weight:700;align-items:center;}

.swiper-container.gray .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color:#999999;width:20px;border-radius:5px;}
.swiper-container.gray .swiper-pagination-bullet {opacity:1;margin:0 2px;background-color:#E9E9E9;}
.swiper-container.gray .swiper-button-next, .swiper-container.gray .swiper-button-prev {width:20px;height:20px;color:#111111;top:calc(50% - 1rem);}
.swiper-container.gray .swiper-button-next::after , .swiper-container.gray .swiper-button-prev::after {display: block;font-size: 20px;font-weight: 900;}

.board-list.consult .thead {border-bottom:0;}
.board-list.consult .thead > div {background-color:#F4F4F4;border-right:1px solid #DDD;border-bottom:1px solid #DDD;}
.board-list.consult .thead > div:last-child {border-right:0;}
.board-list.consult .thead .date, .board-list.consult .tbody > li .date {width:150px;}

@media all and (max-width:1299px) {
	.sub.mypage .loc-menu{display: none;}
	.mypage-wrap{display: block; padding: 0 !important;}
	.mypage-wrap .lnb{width: 100%;}
	.mypage-wrap .lnb h3{display: none;}
	.mypage-wrap .lnb ul.menu{display: none;}
	.mypage-wrap .lnb .m-menu{display: block;}
	.mypage-wrap .lnb .m-menu .dpt1{background: url(../images/common/bg_line.jpg) left bottom repeat-x;}
	.mypage-wrap .lnb .m-menu .dpt1 .swiper-slide{width: auto; margin-left: 3.125rem;}
	.mypage-wrap .lnb .m-menu .dpt1 .swiper-slide:last-child{margin-right: 3.125rem;}
	.mypage-wrap .lnb .m-menu .dpt1 a{display: block; position: relative; font-size: 2rem; line-height: 6.25rem; color: #333;}
	.mypage-wrap .lnb .m-menu .dpt1 a.on{font-weight: 700; color:#4326f2;}
	.mypage-wrap .lnb .m-menu .dpt1 a.on::after{position: absolute; bottom: -0.125rem; left: 0; width: 100%; height: 0.375rem; background:#4326f2; content: "";}
	.mypage-wrap .lnb .m-menu .dpt2{display: none; background:#4326f2;}
	.mypage-wrap .lnb .m-menu .dpt2 .swiper-slide{width: auto; padding-left: 3.125rem;}
	.mypage-wrap .lnb .m-menu .dpt2 .swiper-slide:last-child{padding-right: 3.125rem;}
	.mypage-wrap .lnb .m-menu .dpt2 a{display: block; position: relative; font-size: 2rem; font-weight: 700; line-height: 6.25rem; color: #fff; opacity: 0.5;}
	.mypage-wrap .lnb .m-menu .dpt2 a.on{opacity: 1;}
	.mypage-wrap .lnb .m-menu .dpt2.on{display: block;}
	.mypage-wrap .cont{width: 100%; padding: 3.125rem 2.5rem 7.5rem; box-sizing: border-box;}
	.mypage-wrap .cont .title{margin: 3.75rem 0 1.875rem;}
	.mypage-wrap .cont .title h4{font-size: 2.625rem; line-height: 3.75rem;}
	.mypage-wrap .cont .title.p-justify{display: block;}
	.mypage-wrap .cont .title.p-justify h4{margin-bottom: 1.5625rem;}
	.mypage-wrap .cont .title.p-justify select{margin-top: -1.875rem;}
	.mypage-wrap .cont .title .m-justify{display: flex; justify-content: space-between; align-items: center; width: 100%;}
	.mypage-wrap .cont .title h4 span{display: inline-block; margin-top: 5px; font-size: 1.5rem; line-height: 2.125rem;}
	.mypage-wrap .cont .title .btn-type11{padding: 0 0.9375rem;}
	.mypage-wrap .cont .title h4 + select,
	.mypage-wrap .cont .title select + h4{margin-left: 0.625rem;}
	.mypage-wrap .cont h5{margin: 3.4375rem 0 2.1875rem; font-size: 2.25rem;}
	.mypage-wrap .cont table + h5{margin-top: 4.6875rem;}
	.mypage-wrap .cont .title + h5{margin-top: 2.5rem;}
	.mypage-wrap .cont .line{display: none;}
	.mypage-wrap .cont .my-info-box{display: block; border-width: 1.25rem; border-radius: 2.5rem;}
	.mypage-wrap .cont .my-info-box > div{display: block; height: auto; border-left: 0;}
	.mypage-wrap .cont .my-info-box > div:nth-child(1){width: 100%;}
	.mypage-wrap .cont .my-info-box > div:nth-child(2){width: 100%;}
	.mypage-wrap .cont .my-info-box > div:nth-child(3){flex: 0;}
	.mypage-wrap .cont .my-info-box .user{padding: 1.875rem 2.5rem 2.5rem;}
	.mypage-wrap .cont .my-info-box .user .name{font-size: 2.625rem;}
	.mypage-wrap .cont .my-info-box .user .name img{width: 3.375rem; vertical-align: -0.6875rem;}
	.mypage-wrap .cont .my-info-box .user .email{margin-top: 1.25rem; font-size: 1.5rem;}
	.mypage-wrap .cont .my-info-box .user .badge-list{margin-top: 2.5rem;}
	.mypage-wrap .cont .my-info-box .user .btm{margin-top: 3.4375rem;}
	.mypage-wrap .cont .my-info-box .ssaida{padding: 2.5rem; border-top: 0.125rem solid #ddd;}
	.mypage-wrap .cont .my-info-box .ssaida .top{display: flex; align-items: center; justify-content: space-between;}
	.mypage-wrap .cont .my-info-box .ssaida .top .tit{font-size: 2rem;}
	.mypage-wrap .cont .my-info-box .ssaida .top .date{font-size: 1.5rem;}
	.mypage-wrap .cont .my-info-box .ssaida .cnt{margin-top: 1.25rem; font-size: 2rem;}
	.mypage-wrap .cont .my-info-box .ssaida .cnt a{font-size: 3.375rem;}
	.mypage-wrap .cont .my-info-box .ssaida .btm{margin-top: 2.5rem;}
	.mypage-wrap .cont .my-info-box .etc > div{display: flex; justify-content: space-between; align-items: center; height: 8.125rem; padding: 0 2.5rem; border-top: 0.125rem solid #ddd;}
	.mypage-wrap .cont .my-info-box .etc > div:first-child{border-bottom: 0;}
	.mypage-wrap .cont .my-info-box .etc .top{display: flex; align-items: center; justify-content: space-between;}
	.mypage-wrap .cont .my-info-box .etc .top .tit{font-size: 2rem;}
	.mypage-wrap .cont .my-info-box .etc .cnt{margin-top: 0; font-size: 2rem;}
	.mypage-wrap .cont .my-info-box .etc .cnt a{font-size: 3.075rem; vertical-align: baseline;}
	.mypage-wrap .cont .my-subs-box{display: block; height: auto; border-width: 0.125rem; border-radius: 1.25rem;}
	.mypage-wrap .cont .my-subs-box .user{width: 100%; padding: 1.5625rem 2.5rem 2.5rem; border-bottom: 0.125rem solid #ddd;}
	.mypage-wrap .cont .my-subs-box .user .box{padding: 2.5rem; margin-top: 2.5rem; border-radius: 1.25rem; background: #fff;}
	.mypage-wrap .cont .my-subs-box .user .box .opt{margin-bottom: 1.25rem;}
	.mypage-wrap .cont .my-subs-box .user .box .opt li{min-width: 6.25rem; height: 2.5rem; padding: 0 0.9375rem; margin-left: 0.625rem; border-width: 0.125rem; border-radius: 1.25rem; font-size: 1.375rem;}
	.mypage-wrap .cont .my-subs-box .user .box .tit{margin: 0.3125rem 0 1.875rem; font-size: 2rem;}
	.mypage-wrap .cont .my-subs-box .user .box .items li strong{font-size: 1.75rem; line-height: 3.375rem;}
	.mypage-wrap .cont .my-subs-box .user .box .items li span{font-size: 1.75rem; line-height: 3.375rem;}
	.mypage-wrap .cont .my-subs-box .user .box p{font-size: 2rem; line-height: 3rem; letter-spacing: -0.0625rem;}
	.mypage-wrap .cont .my-subs-box .user .btm{margin-top: 2.5rem;}
	.mypage-wrap .cont .my-subs-box .user .btm .exc{padding-left: 2.625rem; margin: 1.5625rem 0 -0.9375rem; background-size: 2rem auto; font-size: 1.75rem;}
	.mypage-wrap .cont .my-subs-box .user .btm.web{display: flex; justify-content: space-between; align-items: center;}
	.mypage-wrap .cont .my-subs-box .user .btm.web .exc{margin: 0;}
	.mypage-wrap .cont .my-subs-box .user .btm.web a{margin: 0;}
	.mypage-wrap .cont .my-subs-box .usage{flex: 1; padding: 2.5rem 2.5rem 6.25rem;}
	.mypage-wrap .cont .my-subs-box .usage .top .tit{font-size: 2rem;}
	.mypage-wrap .cont .my-subs-box .usage .top span{font-size: 1.5rem;}
	.mypage-wrap .cont .my-subs-box .usage .items{margin-top: 3.4375rem;}
	.mypage-wrap .cont .my-subs-box .usage .items > li{margin-top: 4.8125rem;}
	.mypage-wrap .cont .my-subs-box .usage .items .info{position: relative;}
	.mypage-wrap .cont .my-subs-box .usage .items .info .tit{font-size: 1.75rem; font-weight: 700; color: #999;}
	.mypage-wrap .cont .my-subs-box .usage .items .info ul{position: absolute; top: 5.3125rem; right: 0;}
	.mypage-wrap .cont .my-subs-box .usage .items .info ul li{padding: 0 0.9375rem; font-size: 1.5rem;}
	.mypage-wrap .cont .my-subs-box .usage .items .info ul li::after{width: 0.125rem; height: 1.375rem;}
	.mypage-wrap .cont .my-subs-box .usage .items .graph{height: 1.125rem; margin-top: 0.9375rem;}
	.mypage-wrap .cont .my-subs-box .usage .empty{height: 20rem;}
	.mypage-wrap .cont .my-subs-box .usage .empty p{padding-top: 9.375rem; background-size: 7.5625rem auto; font-size: 1.75rem; line-height: 2.625rem; text-align: center;}
	.mypage-wrap .cont .my-subs-box .noti-txt {margin-top: 60px;} /* 異붽� 221122 */
	.mypage-wrap .cont .my-month-box{padding: 6.5625rem 0; border-width: 0.125rem; border-radius: 1.25rem;}
	.mypage-wrap .cont .my-month-box ul{padding: 0; border-bottom-width: 0.125rem;}
	.mypage-wrap .cont .my-month-box ul li{width: 3.75rem; margin: 0 3.125rem;}
	.mypage-wrap .cont .my-month-box ul li .item{height: 22.5rem;}
	.mypage-wrap .cont .my-month-box ul li .box .graph{border-radius: 1.875rem 1.875rem 0 0;}
	.mypage-wrap .cont .my-month-box ul li .val{top: -3.125rem; font-size: 1.75rem;}
	.mypage-wrap .cont .my-month-box ul li .date{bottom: -3.4375rem; font-size: 1.75rem;}
	.mypage-wrap .cont .recomm-box{position: relative; width: 200%; margin-left: -50%; padding: 0; text-align: center;}
	.mypage-wrap .cont .recomm-box .slide{position: relative; width: 46.875rem; margin: 0 auto;}
	.mypage-wrap .cont .recomm-box .swiper-slide{width: auto; padding: 0 2.5rem; box-sizing: border-box;}
	.mypage-wrap .cont .recomm-box .swiper-slide:nth-of-type(1){margin-right: 0;}
	.mypage-wrap .cont .recomm-box .swiper-slide .payplan-recomm-item{width: 41.875rem;}
	.mypage-wrap .cont .recomm-box .swiper-slide .phone-item-type1{width: 41.875rem;}
	.mypage-wrap .cont .recomm-box .swiper-pagination{display: block; bottom: -3.125rem; width: 100%; font-size: 0; line-height: 1;}
	.mypage-wrap .cont .recomm-box .swiper-pagination .swiper-pagination-bullet{width:1.25rem; height:1.25rem; background:#ddd; opacity:1; margin:0 0.625rem;}
	.mypage-wrap .cont .recomm-box .swiper-pagination .swiper-pagination-bullet-active{background:#f46062;}
	.mypage-wrap .payplan-info{display: block; position: relative; padding: 10.9375rem 2.5rem 2.5rem 2.5rem; margin-top: 2.5rem; border-width: 0.125rem; border-radius: 1.25rem;}
	.mypage-wrap .payplan-info .group{display: flex;flex-direction:column;}
	.mypage-wrap .payplan-info .info-box{display: flex; justify-content: space-between; align-items: center; width: 100%;}
	.mypage-wrap .payplan-info .info-box .graph{margin-right: 1.25rem;}
	.mypage-wrap .payplan-info .info-box .graph canvas{width: 10.625rem !important; height: 10.625rem !important;}
	.mypage-wrap .payplan-info .info-box .graph figcaption{width: 7.375rem; height: 7.375rem;}
	.mypage-wrap .payplan-info .info-box .graph figcaption .icon{height: 1.875rem; background-size: 1.6875rem auto;}
	.mypage-wrap .payplan-info .info-box .graph figcaption .txt{margin-top: 0.3125rem; font-size: 1.375rem; line-height: 1.75rem;}
	.mypage-wrap .payplan-info .info-box .graph + .info{width: 25rem;}
	.mypage-wrap .payplan-info.type2 .info-box .graph + .info{width: 25rem;}
	.mypage-wrap .payplan-info .info-box .info{display: flex; flex-wrap: wrap; width: 100%;}
	.mypage-wrap .payplan-info .info-box .info .opt{display: flex; position: absolute; top: 2.5rem; left: 2.5rem; width: auto; margin-bottom: 0;}
	.mypage-wrap .payplan-info .info-box .info .opt li{height: 2.5rem; padding: 0 1.25rem; margin-left: 0.625rem; border-width: 0.125rem; border-radius: 1.25rem; font-size: 1.375rem;}
	.mypage-wrap .payplan-info .info-box .info .tit{position: absolute; top: 6.875rem; left: 2.5rem; width: 36.875rem; font-size: 2rem;}
	.mypage-wrap .payplan-info .info-box .info .data{width: 100%; padding-top: 0.9375rem; margin-top: 0.625rem; border-top: 0.125rem solid #ddd; font-size: 1.5rem; order: 3;}
	.mypage-wrap .payplan-info .info-box .info .provide{flex-wrap: wrap; justify-content: space-between; padding-top: 0.9375rem; margin-top: 0; border-top: 0.125rem solid #ddd; order: 2;}
	.mypage-wrap .payplan-info .info-box .info .provide li{display: flex; align-items: center; width: 40%; height: 3.5rem; margin: 0; font-size: 1.375rem; line-height: 1.75rem; text-align: center; letter-spacing: -1px;}
	.mypage-wrap .payplan-info .info-box .info .provide li.call{padding-left: 2.8125rem; background-position: 0.125rem center; background-size: 2.0625rem auto;}
	.mypage-wrap .payplan-info .info-box .info .provide li.sms{padding-left: 2.8125rem; background-size: 2.25rem auto;}
	.mypage-wrap .payplan-info .info-box .info .provide li.video{padding-left: 2.8125rem; background-size: 2.375rem auto;}
	.mypage-wrap .payplan-info .info-box .info .provide li.intn{padding-left: 2.8125rem; background-size: 2.25rem auto;}
	.mypage-wrap .payplan-info .info-box .info .provide li.mb{padding-left: 2.8125rem; background-position: 0.1875rem center; background-size: 1.875rem auto;}
	.mypage-wrap .payplan-info .info-box .info .provide li.day{padding-left: 2.8125rem; background-position: 0.1875rem center; background-size: 1.9375rem auto;}
	.mypage-wrap .payplan-info .info-box .graph + .info{width: 100%;}
	.mypage-wrap .payplan-info .info-box .graph + .info .provide{flex-wrap: nowrap; justify-content: flex-start; padding-top: 0; border-top: 0;}
	.mypage-wrap .payplan-info .info-box .graph + .info .provide li{width: auto; margin: 0 0.5rem;}
	.mypage-wrap .payplan-info .info-box .graph + .info .provide li:first-child{margin-left: 0;}
	.mypage-wrap .payplan-info .side-box{width: 100%;}
	.mypage-wrap .payplan-info .side-box .top{display: none;}
	.mypage-wrap .payplan-info .side-box .price{margin-top: 0.625rem; text-align: center;}
	.mypage-wrap .payplan-info .side-box .price del{font-size: 2rem;}
	.mypage-wrap .payplan-info .side-box .price strong{margin-left: 0.625rem; font-size: 3.375rem;}
	.mypage-wrap .payplan-info .side-box .price strong span{font-size: 2rem;}
	.mypage-wrap .payplan-info .side-box .btn{margin-top: 2.5rem;}
	.mypage-wrap .payplan-info .side-box .btn a,
	.mypage-wrap .payplan-info .side-box .btn button{width: 100%;}
	.mypage-wrap .payment-info-box{padding: 1.25rem; border-width: 0.125rem; border-radius: 1.25rem;}
	.mypage-wrap .payment-info-box .items{display: block;}
	.mypage-wrap .payment-info-box .items li{width: 100%; height: auto; padding: 2.5rem 2.5rem 3.4375rem 2.5rem; margin-top: 1.25rem; border-radius: 1.25rem;}
	.mypage-wrap .payment-info-box .items li:nth-child(-n+2){margin-top: 1.25rem;}
	.mypage-wrap .payment-info-box .items li:first-child{margin-top: 0;}
	.mypage-wrap .payment-info-box .items li .top .tit{font-size: 1.75rem; line-height: 3rem;}
	.mypage-wrap .payment-info-box .items li .txt{margin-top: 0.625rem; font-size: 2.25rem;}
	.mypage-wrap .payment-info-box .items li .price{padding-right: 0; font-size: 2.25rem;}
	.mypage-wrap .payment-info-box .items li .price span{font-size: 3.375rem;}
	.mypage-wrap .scroll-box-x + .txt-list{margin-top: 2.8125rem;}
	.mypage-wrap .txt-list + .btn{margin-top: 1.875rem;}
	.mypage-wrap .usage-list-box .items{display: block; border-width: 0.125rem; border-radius: 1.25rem;}
	.mypage-wrap .usage-list-box .items > li{border-left: 0;}
	.mypage-wrap .usage-list-box .items > li .top{display: flex; justify-content: space-between; align-items: center; height: 6.25rem; padding: 0 2.5rem;}
	.mypage-wrap .usage-list-box .items > li .top .tit{padding-left: 3.75rem; font-size: 2rem; line-height: 3.125rem;}
	.mypage-wrap .usage-list-box .items > li .top .provide{margin-top: 0; font-size: 1.75rem;}
	.mypage-wrap .usage-list-box .items > li .con{padding: 2.1875rem 2.5rem 2.1875rem;}
	.mypage-wrap .usage-list-box .items > li .con .txt{font-size: 1.5rem;}
	.mypage-wrap .usage-list-box .items > li .con .txt1{font-size: 1.75rem;}
	.mypage-wrap .usage-list-box .items > li .con .txt2{margin-top: 0.75rem;}
	.mypage-wrap .usage-list-box .items > li .con .graph{height: 1.125rem; margin: 0.9375rem 0; border-radius: 0.625rem;}
	.mypage-wrap .usage-list-box .items > li .con .graph span{border-radius: 0.625rem;}
	.mypage-wrap .usage-list-box .items > li.type1 .top .tit{background-size: 3.125rem auto;}
	.mypage-wrap .usage-list-box .items > li.type2 .top .tit{background-size: 3.125rem auto;}
	.mypage-wrap .usage-list-box .items > li.type3 .top .tit{background-size: 3.125rem auto;}
	.mypage-wrap .usage-list-box .items > li.type4 .top .tit{background-size: 3.125rem auto;}
	.mypage-wrap .usage-list-box + .scroll-box-x{margin-top: 2.5rem;}
	.mypage-wrap .additional-box{border-width: 0.125rem; border-radius: 1.25rem;}
	.mypage-wrap .additional-box .items{display: flex; flex-wrap: wrap; border-width: 0.125rem;}
	.mypage-wrap .additional-box .items li{width: 50%; height: auto; padding: 2.5rem 0.9375rem; border-right-width: 0.125rem; border-bottom-width: 0.125rem;}
	.mypage-wrap .additional-box .items li:nth-child(2n+0){border-right: 0;}
	.mypage-wrap .additional-box .items li:nth-child(4n+0){border-right: 0;}
	.mypage-wrap .additional-box .items li .top{display: block;}
	.mypage-wrap .additional-box .items li .top .opt{min-width: 6.25rem; height: 2.5rem; padding: 0 0.9375rem; border-width: 0.125rem; border-radius: 1.25rem; font-size: 1.375rem;}
	.mypage-wrap .additional-box .items li .top .txt{display: block; margin-top: 0.9375rem; font-size: 1.5rem;}
	.mypage-wrap .additional-box .items li .tit{height: auto; margin: 1.5625rem 0 1.875rem; font-size: 2.25rem; line-height: 3.375rem;}
	.tab-type1 + select.select-type3{margin-top: -1.875rem;}
	.mypage-wrap .charge-box{padding: 1.25rem; margin-top: 2.5rem; border-width: 0.125rem; border-radius: 1.25rem;}
	.mypage-wrap .charge-box .info-box{display: block;}
	.mypage-wrap .charge-box .info-box > div{width: 100%; padding: 2.1875rem 2.5rem; border-radius: 1.25rem;}
	.mypage-wrap .charge-box .info-box .price .top .tit{font-size: 2.25rem;}
	.mypage-wrap .charge-box .info-box .price .top .txt{font-size: 1.75rem; letter-spacing: -0.0625rem;}
	.mypage-wrap .charge-box .info-box .price .btm{margin-top: 3.125rem; font-size: 2.25rem;}
	.mypage-wrap .charge-box .info-box .price .btm span{font-size: 3.375rem;}
	.mypage-wrap .charge-box .info-box .info{margin-top: 1.25rem;}
	.mypage-wrap .charge-box .info-box .info ul li{margin-top: 0.9375rem;}
	.mypage-wrap .charge-box .info-box .info ul li strong{font-size: 1.75rem;}
	.mypage-wrap .charge-box .info-box .info ul li span{font-size: 1.75rem;}
	.mypage-wrap .charge-box .detail-box{padding: 3.125rem 2.5rem; margin-top: 1.25rem; border-radius: 1.25rem;}
	.mypage-wrap .charge-box .detail-box .item{padding-bottom: 1.5625rem; margin-top: 2.1875rem; border-bottom-width: 0.125rem;}
	.mypage-wrap .charge-box .detail-box .item strong{font-size: 2rem;}
	.mypage-wrap .charge-box .detail-box .list{margin: 1.25rem 0 2.5rem; text-align: left;}
	.mypage-wrap .charge-box .detail-box .list ul{display: block; width: 100%;}
	.mypage-wrap .charge-box .detail-box .list ul li{font-size: 1.75rem; line-height: 3rem;}
	.mypage-wrap .charge-box .detail-box .btm{margin-top: 3.125rem;}
	.mypage-wrap .charge-box .detail-box .btm .date{font-size: 1.75rem;}
	.mypage-wrap .charge-box .detail-box .btm .sign{margin-top: 1.875rem; font-size: 2rem;}
	.mypage-wrap .charge-box .detail-box .btm .sign img{width: 6.25rem; margin-left: 0.9375rem;}
	.mypage-wrap .member_chk{padding: 4.375rem 2.5rem 2.5rem; border-width: 0.125rem; border-radius: 1.25rem;}

	.mypage-wrap .member_chk > div{width: 100%; margin: 0 auto;}
	.mypage-wrap .member_chk p{font-size: 2rem; line-height: 3rem;}
	.mypage-wrap .member_chk input{width: 100%; height: 6.25rem; margin: 4.6875rem 0 3.75rem; border: 0; border-radius: 0; padding: 0; border-bottom: 0.25rem solid #ddd;}
	.mypage-wrap .withdrawal .txt-box{padding: 3.125rem 2.5rem; border-width: 0.125rem; border-radius: 1.25rem;}
	.mypage-wrap .withdrawal .txt-box .top{font-size: 2.25rem; line-height: 3.375rem;}
	.mypage-wrap .withdrawal .txt-box .tit{margin: 2.8125rem 0 0.9375rem; font-size: 1.75rem;}
	.mypage-wrap .withdrawal .agree-box{padding: 1.5625rem 1.6875rem; margin-top: 2.5rem; border-width: 0.125rem; border-radius: 1.25rem;}
	.mypage-wrap .withdrawal .pass-box{width: 100%; margin: 1.875rem auto;}
	.mypage-wrap .withdrawal .pass-box input{width: 100%; height: 6.25rem; margin: 0; border: 0; border-radius: 0; padding: 0; border-bottom: 0.25rem solid #ddd;}

	.mypage-wrap .state-p {margin-left:10px;align-items:center;display: flex;padding: 0.5rem 0.8rem;font-size:1.1rem;line-height:inherit;}
	.mypage-wrap .process-box {border-width: 1.25rem;border-radius: 2.5rem;padding:2rem;margin-bottom:6rem;}
	.mypage-wrap .process-box p span {font-size:1.45rem;}
	.mypage-wrap  .process-box h4::before {width:1.5rem;height:1.5rem;margin-right:1rem;}
	.mypage-wrap .process-box > ul div {font-size:1.35rem;}
	.mypage-wrap .process-box > ul li {font-size:1.25rem;}

	/* 상담내역 */
	.mypage-wrap .myfaq h5 {display:none;}
	.myfaq .img-wrap p {font-size:1.75rem;}
	.myfaq .img-wrap .caption {font-size:1.55rem;}
	.myfaq .img-wrap.pc ul li::after {width:2.85rem;height:0.85rem;transform:translateX(calc(50% + 1.5rem));top:3rem;}
	.myfaq .checkbox-type1 {margin:2rem 0;}
	.myfaq .btn-wrap.col {display:flex;}
	.myfaq .btn-wrap.col a {flex:1 1;}
	.board-list.consult .tbody > li > div::after {display:none;}
	.board-list.consult .tbody > li .sbj {padding-top: 2.55rem;margin-bottom: 0;}
	.board-list.consult .tbody > li .sbj a {font-weight:700;margin-top:0.5rem;}
	.board-list.consult .thead .date, .board-list.consult .tbody > li .date {width:auto;}
	.board-list.consult .tbody .date {position:absolute;right:0;top:1.875rem;width:auto;font-size:1.55rem;}
	.board-list.consult .tbody .type {display:none;}
	.board-list.consult .tbody .state {position:absolute;left:0;top:1.875rem;width:auto;background:#F2F2F2;border-radius:1rem;font-size:1.25rem;color:#111111;padding:0.4rem 0.6rem;font-weight:600;}
}
@media all and (min-width:751px) and (max-width:1299px) {
	.mypage-wrap .cont .recomm-box .slide{width: calc(50% + 5rem);}
	.mypage-wrap .cont .recomm-box .slide .swiper-slide{width: 100%; padding: 0 2.5rem;}
	.mypage-wrap .cont .recomm-box .swiper-slide .payplan-recomm-item{width: 100%;}
	.mypage-wrap .cont .recomm-box .swiper-slide .payplan-recomm-item .btn{width: 100%; padding: 0 2.5rem; box-sizing: border-box;}
	.mypage-wrap .cont .recomm-box .swiper-slide .phone-item-type1{width: 100%;}
}
@media all and (max-width:750px) {
	/* 상담내역 */
	.myfaq .img-wrap img {max-width:100%;width:100%;}
	.myfaq .img-wrap .f-primary {color:#111 !important;}
	.myfaq .img-wrap .swiper-wrapper {padding-bottom:5rem;}
	.myfaq .img-wrap .swiper-wrapper div.img {display:flex;align-items:center;justify-content: center;}
	.myfaq .img-wrap .swiper-wrapper div img {width:75%;}
	.swiper-container.gray .swiper-button-next, .swiper-container.gray .swiper-button-prev {width:2rem;height:2rem;color:#111111;top:calc(50% - 1rem);}
}


/* heading */
.h3{display: block; font-size: 42px; font-weight: 800; color: #111;}
.h3 span{font-size: 30px; font-weight: 500;}
.h4{display: block; font-size: 32px; font-weight: 700; color: #111;}
.h5{display: block; font-size: 24px; font-weight: 800; color: #111;}
@media all and (max-width:1299px) {
	.h3{font-size: 2.85rem; line-height: 3.25rem;}
	.h3 span{display: block; margin-top: 0.625rem; font-size:2rem;}
	.h4{font-size: 3.13rem; line-height: 4.25rem;}
	.h5{font-size: 2.25rem;}
}

/* text */
.txt-box-type1{border: 1px solid #ddd; border-radius: 10px; padding: 25px 30px; font-size: 16px; line-height: 28px; color: #333;}
.txt-box-type1 .tit{display: block; font-size: 18px; font-weight: 700; color: #333;}
.txt-box-type1 .tit + .bul{margin-top: 5px;}
.bul + .txt-box-type1{margin-top: 35px;}
.txt-box-type2{border-radius: 10px; padding: 25px 30px; background: #f8f8f8; font-size: 16px; line-height: 28px; color: #333;}
.txt-box-type2 .tit{display: block; margin-bottom: 5px; font-size: 18px; font-weight: 700; color: #333;}
.txt-box-type2 .tit.aL {text-align:left;}
.txt-box-type2 .f-primary {font-weight:600;}
.modal div .txt-box-type2 li .modal-box-type1 {background:#fff;margin-bottom:20px;margin-top:20px;padding:10px 15px;}
.txt-box-type3{border: 1px solid #ddd; border-radius: 10px; padding: 35px 40px; margin-top:80px; font-size: 16px; line-height: 30px; color: #333;}
.txt-box-type3 .tit{display: block; margin-bottom: 20px; font-size: 24px; font-weight: 700; color: #333;}
.txt-box-type3 .link{font-weight: 700; color: #f46062; vertical-align: top; text-decoration: underline; text-underline-position: under;}
.txt-box-type4{padding: 23px 0; margin-top: 20px; border: 1px solid #f46062; border-radius: 10px; background: #fef7f7; font-size: 24px; color: #111; text-align: center;}
.txt-box-type4 em{color: #cec1c1; font-weight: 700;}
.txt-box-type4 em span{font-size: 42px; font-weight: 800;}
.txt-box-type5{display: flex; justify-content: space-between; align-items: center; padding: 15px 20px 15px 30px; margin-top: 20px; border: 1px solid #ddd; border-radius: 10px;}
.txt-box-type5 .tit{display: block; font-size: 18px; color: #222;}
.txt-box-type6{padding: 25px 30px; border: 1px solid #ddd; border-radius: 10px; color: #333;}
.txt-box-type6 ul + p{margin-top: 5px;}
.txt-box-type6 .em{display: block; margin-bottom: 15px; font-size: 18px; line-height: 28px;}
.txt-box-type7{display: flex; align-items: center; justify-content: center; padding: 10px 30px; border: 1px solid #f46062; border-radius: 10px; background: #fef7f7; font-size: 16px; color: #333; font-weight: 700; text-align: center;}
.txt-box-type7 strong{display: inline-block; margin-left: 15px; font-size: 30px; color: #f56062;}
.txt-box-type7 strong span{font-size: 16px;}
.txt-box-type8{margin-top: 30px;}
.txt-box-type8 .tit{display: block; font-size: 16px; font-weight: 700; color: #f46062;}
.txt-box-type8 ul{margin-top: 10px;}
.txt-box-type8 ul li{font-size: 15px; line-height: 24px; color: #3a3a3a; letter-spacing: 0;}
.txt-list-type1{display: flex; flex-wrap: wrap;}
.txt-list-type1 li{width:33.3333%; font-size: 16px; font-weight: 700; color: #333; line-height: 32px; box-sizing: border-box;}
.txt-list-type1.dot > li{position: relative; padding-left: 10px;}
.txt-list-type1.dot > li::before{position: absolute; top: 50%; left: 0; width: 4px; height: 4px; border-radius: 100%; background: #333; content: ""; transform: translateY(-50%);}
.txt-list-type2 > li{font-size: 16px; line-height: 30px;word-break: keep-all;}
@media all and (max-width:1299px) {
	.txt-box-type1{border-width: 0.125rem; border-radius: 1.25rem; padding: 3.125rem 2.5rem; font-size: 1.75rem; line-height: 3rem;}
	.txt-box-type1 .tit{margin-bottom: 1.25rem; font-size: 2rem;}
	.txt-box-type1 .bul.num li{padding-left: 0; text-indent: 0; letter-spacing: -0.0313rem;}
	.txt-box-type2{border-radius: 1.25rem; padding: 3.125rem 2.5rem; font-size: 1.75rem; line-height: 3rem; letter-spacing: -0.5008px;}
	.txt-box-type2 .tit{margin-bottom: 1.25rem; font-size: 2rem;}
	.txt-box-type4{padding: 1.4375rem 0; margin-top: 5.625rem; border-width: 0.125rem; border-radius: 1.25rem; font-size: 2.25rem; line-height: 3.75rem;}
	.txt-box-type4 em span{font-size: 3.75rem;}
	.txt-box-type5{display: block; padding: 2.1875rem 2.5rem 2.5rem 2.5rem; margin-top: 1.25rem; border-width: 0.125rem; border-radius: 1.25rem;}
	.txt-box-type5 .tit{margin-bottom: 1.875rem; font-size: 2rem;}
	.txt-box-type6{padding: 3.125rem 1.875rem 3.125rem 2.5rem; border-width: 0.125rem; border-radius: 1.25rem;}
	.txt-box-type6 ul + p{margin-top: 1.25rem;}
	.txt-box-type6 .em{display: block; margin-bottom: 1.25rem; font-size: 2rem; line-height: 3rem;}
	.txt-box-type7{padding: 1.875rem 1.875rem; border-width: 0.125rem; border-radius: 0.625rem; font-size: 1.75rem;}
	.txt-box-type7 strong{margin-left: 1.5625rem; font-size: 3rem;}
	.txt-box-type7 strong span{font-size: 1.75rem;}
	.txt-box-type8{margin-top: 2.1875rem;}
	.txt-box-type8 .tit{font-size: 1.75rem;}
	.txt-box-type8 ul{margin-top: 0.9375rem;}
	.txt-box-type8 ul li{font-size: 1.75rem; line-height: 2.875rem;}
	.txt-list-type1{display: block;}
	.txt-list-type1 li{width: 100%; font-size: 1.75rem; line-height: 3.375rem;}
	.txt-list-type1.dot > li{padding-left: 0.9375rem;}
	.txt-list-type1.dot > li::before{width: 0.375rem; height: 0.375rem;}
	.txt-list-type2 > li{font-size: 1.75rem; line-height: 3rem;}
	.txt-box-type3{border-width: 0.125rem; border-radius: 1.25rem; padding: 3.4375rem 2.5rem; margin-top:6.25rem; font-size: 1.75rem; line-height: 2.875rem;}
	.txt-box-type3 .tit{margin-bottom: 1.5625rem; font-size: 2.625rem;}
	.modal div .txt-box-type2 li .modal-box-type1 {margin-bottom:2rem;margin-top:2rem;padding:1rem;}
	.modal div .txt-box-type2 li .modal-box-type1 label {font-size:1.65rem;}
}


/* button */
.btn-wrap{margin-top: 40px; text-align: center;}
.btn-wrap button + button,
.btn-wrap a + a,
.btn-wrap a + button,
.btn-wrap button + button{margin-left: 10px;}
.btn-wrap.col2{display: flex; flex-wrap: wrap; justify-content:center;gap:2.5%}
.btn-wrap.col2 > a,
.btn-wrap.col2 > button{width: 48.75%; margin: 0;}
.btn-wrap.col3{display: flex; flex-wrap: wrap;}
.btn-wrap.col3 > div{width: 33.333%;}
.btn-wrap.col3 > div:nth-child(1){text-align: left;}
.btn-wrap.col3 > div:nth-child(2){text-align: center;}
.btn-wrap.col3 > div:nth-child(3){text-align: right;}
.btn-wrap.back {display:flex;}
.btn-type1{display: inline-block; width: 100%; height: 54px; padding: 0 35px; border: 1px solid #111; border-radius: 10px; background: #111; font-size: 18px; font-weight: 700; color: #fff; line-height: 52px; text-align: center; transition: all 0.3s ease; box-sizing: border-box;}
.btn-type1.scd{border-color: #666; background: #fff; color: #333;}
.btn-type1.primary{border-color: #4326f2; background: #4326f2;}
.btn-type1.del{width: auto; padding: 0 30px; border-color: #666; color: #333; background: #fff;}
.btn-type1.del span{display: inline-block; padding-left: 25px; background: url(../images/common/ico_del.png) left center / 16px auto no-repeat;}
.btn-type1.edit{width: auto; padding: 0 30px; border-color: #666; color: #333; background: #fff;}
.btn-type1.edit span{display: inline-block; padding-left: 25px; background: url(../images/common/ico_edit.png) left center / 16px auto no-repeat;}
.btn-type1.re span{display: inline-block; padding-left: 25px; background: url(../images/common/ico_re.png) left center / 19px auto no-repeat;}
.btn-type1[disabled],
.btn-type1.disabled{border-color: #eee; background: #eee; color: #999;}
.btn-type1.min-w{width: 160px;}
.btn-type1.w-auto{width: auto;}
.btn-type1.effect:hover{background: #111; color: #fff;}
.btn-type2{display: inline-block; width: 100%; height: 46px; padding: 0 30px; border: 1px solid #111; border-radius: 5px; background: #111; font-size: 16px; font-weight: 700; color: #fff; line-height: 45px; text-align: center; box-sizing: border-box;}
.btn-type2.scd{border-color: #666; background: #fff; color: #333;}
.btn-type2.tert{padding: 0 15px; border-color: #999; background: #999;}
.btn-type2 span{font-weight: 500;}
.btn-type2[disabled],
.btn-type2.disabled{border-color: #eee; background: #eee; color: #999;}
.btn-type2.w-auto{width: auto;}
.btn-type2.min-w{width: 120px;}
.btn-big {max-width:500px;height: 70px;}
.modal_link_file {border:1px solid #ddd;display: flex;gap:15px;align-items: center;justify-content: center;width: 100%;padding:30px 0;border-radius: 10px;font-size: 16px;color: #333;line-height: 24px;text-align: center;cursor: pointer;box-sizing: border-box;flex-direction: column;font-weight:600;margin-top:2rem;}
.modal_link_file::before {content:'';background: url(/assets/images/common/ico_check02.png)no-repeat center / contain;width:25px;height:25px;display:block;}
.modal_link_file.active {border:1px solid #666;color:#333;}
.modal_link_file.active::before {background: url(/assets/images/common/ico_check02_on.png)no-repeat center / contain;}

/* tag */
.move-tag {animation-name:moveTag;animation-iteration-count: infinite;animation-duration:2.5s;}

@keyframes moveTag {
	0%{top:-10px;}
    50%{top:0px;}
    100%{top:-10px;}
}

/*20230527*/
.btn-type2.primary{color: #4326f2; border-color: #4326f2; background: #fff;}
.btn-type2.gray{color: #333; border-color: #dddddd; background: #fff;;}
.btn-type2 .icon-t{font-size: 0;background: url(../images/common/icon_t.png) no-repeat;width: 14px;height: 100%;line-height: 45px;display: inline-block;background-position: 50% 50%;vertical-align: top;margin-right: 3px;}
/*20230527*/


.btn-type3{display: inline-flex;justify-content:center;min-width: 200px; padding: 0 40px; border: 1px solid #666; border-radius: 30px; background: #fff; font-size: 18px; font-weight: 700; color: #333; line-height: 52px;}
.btn-type3 span{padding-right: 20px; background: url(../images/common/ico_arw03_right.png) right center / 9px auto no-repeat;}
.btn-type4{display: inline-block; width: 100%; height: 36px; padding: 0 15px; border: 1px solid #111; border-radius: 5px; background: #111; font-size: 14px; font-weight: 700; color: #fff; line-height: 34px; text-align: center; box-sizing: border-box;}
.btn-type4.primary{border-color: #4326f2; background: #fff; color: #4326f2;}
.btn-type4.scd{border-color: #999; background: #fff; color: #666;}
.btn-type4.tert{border-color: #666; background: #fff; color: #333;}
.btn-type4[disabled],
.btn-type4.disabled{border-color: #eee; background: #eee; color: #999;}
.btn-type4.w-auto{width: auto;}
.btn-type4.min-w{width: 105px;}
.btn-type5{display: inline-block; height: 46px; padding: 0 20px; border: 1px solid #111; border-radius: 5px; background: #111; font-size: 14px; font-weight: 700; color: #fff; line-height: 34px; text-align: center; box-sizing: border-box;}
.btn-type5.scd{border-color: #999; background: #fff; color: #666;}
.btn-type5[disabled],
.btn-type5.disabled{border-color: #eee; background: #eee; color: #999;}
.btn-type6{display: inline-block; height: 46px; padding: 0 30px; border: 1px solid #111; border-radius: 5px; background: #111; font-size: 16px; font-weight: 700; color: #fff; line-height: 34px; text-align: center; box-sizing: border-box;}
.btn-type6.scd{border-color: #999; background: #fff; color: #666;}
.btn-type6[disabled],
.btn-type6.disabled{border-color: #eee; background: #eee; color: #999;}
.btn-type7{display: inline-block; height: 46px; padding: 0 30px; border-radius: 5px; border: 1px solid #eee; background: #eee; font-size: 16px; font-weight: 700; color: #999; line-height: 44px; text-align: center; box-sizing: border-box;}
.btn-type7 span{display: inline-block; padding-left: 25px; background: url(../images/common/ico_check02.png) left center / 16px auto no-repeat;}
.btn-type7.on span{background-image: url(../images/common/ico_check02_on.png);}
.btn-type7.on{border-color: #4326f2; background: #fff; color: #4326f2;}
.btn-type8{display: inline-block; min-width: 100px; height: 46px; padding: 0 20px; border-radius: 5px; background: #999; font-size: 16px; font-weight: 700; color: #fff; line-height: 46px; text-align: center; box-sizing: border-box;}
.btn-type9{display: inline-flex; justify-content: center; align-items: center; min-width: 60px; height: 32px; padding: 0 15px; border: 1px solid #ddd; border-radius: 5px; background: #fff; font-size: 15px; color: #666; text-align: center; box-sizing: border-box;}
.btn-type9.scd {border-color:#111;color:#111;padding:4px 8px;font-size: 12px;height: auto;line-height:normal;}
.btn-type9.w{padding: 0;}
.btn-type9.self{background: #f8e6ed;}
.btn-type9.self:after{display: inline-block; content: ''; width:23px;height: 20px; margin-left:3px;background: url(../images/ic_btn_self.png) center top no-repeat}
.btn-type10{display: inline-block; min-width: 66px; height: 36px; padding: 0 15px; border: 1px solid #666; border-radius: 5px; background: #fff; font-size: 16px; color: #333; line-height: 34px; text-align: center; box-sizing: border-box;}
.btn-type11{display: inline-block; width: 100%; height: 36px; padding: 0 12px; border: 1px solid #111; border-radius: 5px; background: #111; font-size: 14px; font-weight: 700; color: #fff; line-height: 34px; text-align: center; box-sizing: border-box;}
.btn-type11.primary{border-color: #4326f2; background: #fff; color: #4326f2;}
.btn-type11.scd{border-color: #999; background: #fff; color: #666;}
.btn-type11.tert{border-color: #666; background: #fff; color: #333;}
.btn-type11[disabled],
.btn-type11.disabled{border-color: #eee; background: #eee; color: #999;}
.btn-type11.w-auto{width: auto;}
.btn-type11.min-w{width: 105px;}
.btn-type11 + .btn-type11{margin-left: 5px;}
.btn-type12{border-bottom:1px solid #999}
.btn-type12:after{content: '>'; display: inline-block;}
.btn-back{display: block; min-width:54px; width: 54px; height: 54px; border: 1px solid #666; border-radius: 5px; background: url(../images/common/ico_arw05_left.png) center / 11px auto no-repeat; text-indent: -9999em; box-sizing: border-box;}
.btn-add{display: inline-block; width: 46px; height: 46px; border: 1px solid #999; border-radius: 5px; background: url(../images/common/ico_plus.png) center / 12px auto no-repeat; text-indent: -9999em; box-sizing: border-box;}
.btn-del{display: inline-block; width: 46px; height: 46px; border: 1px solid #999; border-radius: 5px; background: url(../images/common/ico_minus.png) center / 12px auto no-repeat; text-indent: -9999em; box-sizing: border-box;}
.btn-good{display: inline-block; padding: 0 15px 0 40px; border: 1px solid #ddd; border-radius: 5px; background: url(../images/common/ico_good.png) left 10px center / 20px auto no-repeat #fff; font-size: 15px; color: #333; line-height: 34px;}
.btn-good.on{background-image: url(../images/common/ico_good_on.png);}
.btn-fav-mem{padding: 0 10px 0 35px; border: 1px solid #ddd; border-radius: 5px; background: url(../images/common/ico_fav.png) 10px center / 20px auto no-repeat #fff; font-size: 15px; font-weight: 700; line-height: 30px; color: #333;}
.btn-fav-mem.on{background-image: url(../images/common/ico_fav_on.png);}
.btn-like{min-width: 60px; padding: 0 10px 0 35px; border: 1px solid #ddd; border-radius: 5px; background: url(../images/common/ico_like.png) 8px center / 20px auto no-repeat #fff; font-size: 14px; font-weight: 700; line-height: 30px; color: #333;}
.btn-dislike{min-width: 60px; padding: 0 10px 0 35px; border: 1px solid #ddd; border-radius: 5px; background: url(../images/common/ico_dislike.png) 8px center / 20px auto no-repeat #fff; font-size: 14px; font-weight: 700; line-height: 30px; color: #333;}
.btn-down{display: inline-block; padding: 0 15px 0 35px; border: 1px solid #666; border-radius: 5px; background: url(../images/common/ico_down.png) 15px center / 12px auto no-repeat #fff; font-size: 15px; color: #333; line-height: 34px; text-decoration: none !important;}
.btn-underline{background: none; font-size: 16px; color: #999; text-decoration: underline;}
body.mno .btn-type1.primary{border-color: #457fec; background: #457fec;}
/* 異붽� 221122 */
.btn-wrap.btn3 {display: flex; justify-content: space-between;}
.btn-wrap.btn3 button {width: 31.5%;}
.btn-wrap.mt20 {margin-top: 20px;}
.btn-wrap.mt0 {margin-top: 0px;}



@media all and (max-width:1299px) {
	.btn-wrap{margin-top: 3.75rem;}
	.btn-wrap.m-line{padding-top: 3.75rem; margin-top: 3.75rem; border-top: 0.125rem solid #ddd;}
	.btn-wrap.col2 > div{width: 100%; margin-bottom: 2.5rem;}
	.btn-wrap.col2 > div:last-child{margin-bottom: 0;}
	.btn-wrap.col3 > div{width: 100%; margin-bottom: 2.5rem;}
	.btn-wrap.col3 > div:last-child{margin-bottom: 0;}
	.btn-wrap.m-col2{display: flex; justify-content: space-between;}
	.btn-wrap.m-col2 > a,
	.btn-wrap.m-col2 > button{width: 20.3125rem; margin: 0;}
	.btn-wrap .m-col2{display: flex; justify-content: space-between;}
	.btn-wrap .m-col2 > a,
	.btn-wrap .m-col2 > button{width: 48.507%; margin: 0;}
	.btn-type1{height: 6.25rem; padding: 0 0; border-width: 0.125rem; border-radius: 1.3rem; font-size: 2rem; line-height:6.25rem;}
	.btn-type1.del{padding: 0 1.875rem;}
	.btn-type1.del span{padding-left: 3.4375rem; background-size: 2rem auto;}
	.btn-type2{height: 4.875rem; padding: 0 0; border-radius: 0.625rem; border-radius: 0.625rem; font-size: 1.75rem; line-height: 4.875rem;}
	.btn-type2.tert{padding: 0 1.5625rem;}
	.btn-type2 .icon-t{width: 1.5rem;} /*20230527*/
	.btn-type3{min-width: 18.75rem; padding: 0 3.4375rem; border: 0.125rem solid #666; border-radius: 3.125rem; font-size: 2rem; line-height: 5.375rem;}
	.btn-type3 span{padding-right: 2rem; background-size: 1rem auto;}
	.btn-type4{height: 3.75rem; padding: 0 1.25rem; border-width: 0.125rem; border-radius: 0.625rem; font-size: 1.625rem; line-height: 3.5rem;}
	.btn-type5{height: 3.75rem; padding: 0 1.25rem; border-width: 0.125rem; border-radius: 0.625rem; font-size: 1.625rem; line-height: 3.5rem;}
	.btn-type6{height: 5rem; padding: 0 1.25rem; border-width: 0.125rem; border-radius: 0.625rem; font-size: 1.75rem; line-height: 4.75rem;}
	.btn-type7{height: 4.875rem; padding: 0 1.25rem; border-radius: 0.625rem; border-width: 0.125rem; font-size: 1.75rem; line-height: 4.625rem;}
	.btn-type7 span{padding-left: 2.5rem; background-size: 1.625rem auto;}
	.btn-type8{min-width: 12.1875rem; height: 4.875rem; padding: 0 1.25rem; border-radius: 0.625rem; font-size: 1.75rem; line-height: 4.875rem;}
	.btn-type9{min-width: 6.25rem; height: 3rem; padding: 0 1.25rem; border-width: 0.125rem; border-radius: 0.3125rem; font-size: 1.5rem;}
	.btn-type9.scd {padding:2.08rem 1.17rem;font-size:1.66rem;border-width:0.15rem;border-radius:0.65rem;border-color:#C4C4C4;}
	.btn-type10{min-width: 7.5rem; height: 3.75rem; padding: 0 1.25rem; border-width: 0.125rem; border-radius: 0.3125rem; font-size: 1.5rem; line-height: 3.5rem; font-weight: 700;}
	.btn-type11{height: 3.75rem; padding: 0 1.875rem; border-width: 0.125rem; border-radius: 0.3125rem; font-size: 1.5rem; line-height: 3.5rem;}
	.btn-type11.min-w{width: 10rem;}
	.btn-add{width: 4.875rem; height: 4.875rem; border-width: 0.125rem; border-radius: 0.625rem; background-size: 1.75rem auto;}
	.btn-del{width: 4.875rem; height: 4.875rem; border-width: 0.125rem; border-radius: 0.625rem; background-size: 1.75rem auto;}
	.btn-good{padding: 0 1.25rem 0 3.75rem; border-width: 0.125rem; border-radius: 0.625rem; background-position: 0.9375rem center; background-size: 2.25rem auto; font-size: 1.5rem; line-height: 3.5rem;}
	.btn-back{min-width:5.625rem; width: 5.625rem; height: 5.625rem; border-width: 0.125rem; border-radius: 0.625rem; background-size: 1rem auto;}
	.btn-fav-mem{padding: 0 1.25rem 0 3.4375rem; border-width: 0.125rem; border-radius: 0.625rem; background-position: 1.25rem center; background-size: 1.625rem auto; font-size: 1.5rem; line-height: 2.75rem;}
	.btn-like{min-width: 6.25rem; padding: 0 1.25rem 0 3.4375rem; border-width: 0.125rem; border-radius: 0.3125rem; background-position: 1.125rem center; background-size: 1.875rem auto; font-size: 1.5rem; line-height: 2.75rem;}
	.btn-dislike{min-width: 6.25rem; padding: 0 1.25rem 0 3.4375rem; border-width: 0.125rem; border-radius: 0.3125rem; background-position: 1.125rem center; background-size: 1.875rem auto; font-size: 1.5rem; line-height: 2.75rem;}
	.btn-down{padding: 0 1.25rem 0 3.4375rem; border-width: 0.125rem; border-radius: 0.3125rem; background-position:  1.25rem center; background-size: 1.125rem auto; font-size: 1.5rem; line-height: 3.5rem;}
	.btn-underline{font-size: 1.75rem;}
	.btn-big {max-width:500px;height:7rem;}
	.modal_link_file {font-size:1.65rem;padding:4rem 0;}
	.modal_link_file::before {width:2.45rem;height:2.45rem;}
	.btn-type1.min-w{height:5.45rem;line-height:5.45rem;}
}

/* bullet */
.bul > li{line-height: 28px; text-align: left; letter-spacing: -1px;}
.bul.sz2 > li{font-size: 15px; line-height: 24px;}
.bul.num > li{position: relative; padding-left: 15px; text-indent: -15px;}
.bul.num > li ul{margin-left: 20px;}
.bul.num-c > li{position: relative; padding-left: 20px; text-indent: -20px;}
.bul.num-c > li ul{margin-left: 20px;}
.bul.dash > li{position:relative; padding-left: 10px;}
.bul.dash > li::before{position:absolute; top:0; left:0; content:"\002D"; vertical-align: middle;}
.bul.dot > li{position:relative; padding-left: 10px;word-break: auto-phrase;}
.bul.dot > li::before{position:absolute; top:0; left:0; content:"\00B7"; vertical-align: middle;}
.bul.dot.num > li {text-indent:0;padding-left:20px;}
.bul.dot.num > li:first-child::before {content:'1.';}
.bul.dot.num > li:nth-child(2)::before {content:'2.';}
.bul.dot.num > li:nth-child(3)::before {content:'3.';}
.bul.dot.num > li:nth-child(4)::before {content:'4.';}
.bul.bill > li{position:relative; padding-left: 18px;}
.bul.bill > li::before{position:absolute; top:0; left:0; content:"\203B"; vertical-align: middle;}
.bul.circle > li{position:relative; padding: 1px 0 1px 10px; font-size: 16px;word-break: auto-phrase;}
.bul.circle > li::before{position:absolute; top:0; left:0; content:"\2022"; vertical-align: middle;}
.bul.circle > li.f-primary::before{color:#f46062;}
.bul.ico{min-height: 60px; padding-left: 80px; background-size: 60px auto; background-repeat: no-repeat;}
.bul.ico > li{margin-top: 5px; line-height: 24px;}
.bul.ico > li:first-child{margin-top: 0;}
.bul.ico + .bul.ico{margin-top: 20px;}
.bul.ico1{background-image: url(../images/common/ico_bul01.png);}
.bul.ico2{background-image: url(../images/common/ico_bul02.png);}
.bul.ico3{background-image: url(../images/common/ico_bul03.png);}
.bul.ico4{background-image: url(../images/common/ico_bul04.png);}
.bul.noti{position:relative; padding-left: 24px;}
.bul.noti::before{position:absolute;width:20px;height:20px;top:0; left:0; content:""; vertical-align: middle;background:url('/assets/images/common//noti.svg');background-size:contain;}
p.bul.bill{position:relative; padding-left: 18px;}
p.bul.bill::before{position:absolute; top:0; left:0; content:"\203B"; vertical-align: middle;}
p.bul.dash{position: relative; padding-left: 10px;}
p.bul.dash::before{position: absolute; top: 0; left: 0; content: "\002D"; vertical-align: middle;}
p.bul.circle{position:relative; padding: 1px 0 1px 10px; font-size: 16px;}
p.bul.circle::before{position:absolute; top:0; left:0; content:"\2022"; vertical-align: middle;}
@media all and (max-width:1299px) {
	.bul > li{font-size: 1.75rem; line-height: 2.875rem; letter-spacing: -0.0313rem;}
	.bul.sz2 > li{font-size: 1.75rem; line-height: 3rem;}
	.bul.num > li{position: relative; padding-left: 1.875rem; text-indent: -1.875rem;}
	.bul.num > li ul{margin-left: 1.25rem;}
	.bul.num-c > li{position: relative; padding-left: 2.1875rem; text-indent: -2.1875rem;}
	.bul.num-c > li ul{margin-left: 1.25rem;}
	.bul.dot.num > li {padding-left:2.5rem;}
	.bul.dash > li{padding-left: 1.875rem;}
	.bul.dot > li{padding-left: 1.25rem;}
	.bul.bill > li{padding-left: 1.875rem; letter-spacing: -0.0625rem;}
	.bul.circle > li{position:relative; padding: 0; padding-left: 1.25rem; font-size: 1.75rem; line-height: 3rem;}
	.bul.ico{min-height: 7.5rem; padding-left: 9.0625rem; padding-top: 1.125rem; background-size: 7.5rem auto;}
	.bul.ico > li{margin-top: 0.625rem; line-height: 2.625rem;}
	.bul.ico + .bul.ico{margin-top: 2.1875rem;}
	.bul.noti{padding-left:3.26rem;}
	.bul.noti::before{width:2.6rem;height:2.6rem;}
	p.bul.bill{position:relative; padding-left: 1.875rem;}
	p.bul.dash{position: relative; padding-left: 1.25rem;}
}


/* paginate */
.paginate{margin-top: 30px; text-align: center;}
.paginate a{display: inline-block; width: 40px; height: 40px; font-size: 16px; color: #333; line-height: 40px; text-align: center; cursor: pointer; box-sizing: border-box;}
.paginate .curr{border-radius: 100%; background:#4326f2; font-weight: 700; color: #fff;}
.paginate .first{margin: 0 3px; border: 1px solid #ddd; border-radius: 100%; background: url(../images/common/ico_paginate_first.png) center / auto 12px no-repeat; text-indent: -9999em;}
.paginate .prev{margin: 0 25px 0 3px; border: 1px solid #ddd; border-radius: 100%; background: url(../images/common/ico_paginate_prev.png) center / auto 12px no-repeat; text-indent: -9999em;}
.paginate .next{margin: 0 3px 0 25px; border: 1px solid #ddd; border-radius: 100%; background: url(../images/common/ico_paginate_next.png) center / auto 12px no-repeat; text-indent: -9999em;}
.paginate .last{margin: 0 3px; border: 1px solid #ddd; border-radius: 100%; background: url(../images/common/ico_paginate_last.png) center / auto 12px no-repeat; text-indent: -9999em;}
.faq-list + .paginate {margin-top:5rem;}
.paginate + .service-quick {margin-top:5rem;}
body.mno .paginate .curr{background: #457fec;}
@media all and (max-width:1299px) {
	.paginate{margin-top: 3.75rem;}
	.paginate a{width: 4rem; height: 4rem; font-size: 2rem; line-height: 4rem;}
	.paginate .first{margin: 0; border-width: 0.125rem; background-size: auto 1.375rem;}
	.paginate .prev{margin: 0 0.625rem 0 0.4rem; border-width: 0.125rem; background-size: auto 1.375rem;}
	.paginate .next{margin: 0 0.4rem 0 0.625rem; border-width: 0.125rem; background-size: auto 1.375rem;}
	.paginate .last{margin: 0; border-width: 0.125rem; background-size: auto 1.375rem;}
}

/*-------------------------------------------------------------------
@ Utilities
-------------------------------------------------------------------*/
/* padding */
.pd-0{padding: 0 !important;}
.pt-10{padding-top: 10px !important;}

/* align */
.txt-left{text-align: left !important;}
.txt-center{text-align: center !important;}
.txt-right{text-align: right !important;}

/* font */
.f-primary{color: #f46062 !important;}
.f-primary2 {color: #4326F2 !important;}
.f-primary-mno{color: #457fec !important;}
.f-scd{color: #333 !important;}
.f-gray{color: #666 !important;}

/* size */
.w80{width: 80px !important;}
.min-w300{width: 300px !important;}
.w100p{width: 100% !important;}

/* etc */
.hide{display:block; position:absolute; border: 0; overflow: hidden; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px);}
.p-hide{display: none;}
.m-br{display: none;}
.justify{display: flex; justify-content: space-between; align-items: center;}
.i-b{display: inline-block;}

@media all and (max-width:1299px) {
	.p-hide{display: block;}
	.m-hide{display: none !important;}
	.p-br{display: none;}
	.m-br{display: inline;}
	.m-w100p{width: 100% !important;}
}


/* tab */
.tab-type1{margin-bottom: 40px;}
.tab-type1 ul{display: flex;}
.tab-type1 ul li{flex: 1; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; background: #fff;}
.tab-type1 ul li:first-child{border-radius: 5px 0 0 5px;}
.tab-type1 ul li:last-child{border-right: 1px solid #ddd; border-radius: 0 5px 5px 0;}
.tab-type1 ul li a,
.tab-type1 ul li button{display: block; width: 100%; background: transparent; font-size: 18px; color: #333; text-align: center; line-height: 52px; text-align: center; z-index: 1;}
.tab-type1 ul li.on{border-color: #4326f2; border-left: 1px solid #ddd; background: #4326f2;}
.tab-type1 ul li:first-child.on{border-color: #4326f2;}
.tab-type1 ul li.on a,
.tab-type1 ul li.on button{font-weight: 700; color: #fff;}
body.mno .tab-type1 ul li.on{border-color: #457fec; background: #457fec;}
body.mno .tab-type1 ul li:first-child.on{border-color: #457fec;}
.tab-type2 ul{display: flex;}
.tab-type2 ul li{flex: 1; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.tab-type2 ul li:first-child{border-radius: 5px 0 0 5px;}
.tab-type2 ul li:last-child{border-right: 1px solid #ddd; border-radius: 0 5px 5px 0;}
.tab-type2 ul li a,
.tab-type2 ul li button{display: block; width: 100%; background: transparent; font-size: 18px; color: #333; text-align: center; line-height: 46px; text-align: center; z-index: 1;}
.tab-type2 ul li.on{border-color: #4326f2; border-left: 1px solid #ddd; background: #4326f2;}
.tab-type2 ul li:first-child.on{border-color: #4326f2;}
.tab-type2 ul li.on a,
.tab-type2 ul li.on button{font-weight: 700; color: #fff;}
.tab-type3 ul{display: inline-flex; height: 43px;}
.tab-type3 ul li a{display: flex; align-items: flex-end; height: 42px; padding-left: 60px; font-size: 30px; line-height: 1; font-weight: 700; color: #ccc;}
.tab-type3 ul li:first-child a{padding: 0; padding-right: 60px;}
.tab-type3 ul li.on a{padding: 0; font-size: 42px; color: #111;}
body.mno .tab-type2 ul li.on{border-color: #457fec; background: #457fec;}
body.mno .tab-type2 ul li:first-child.on{border-color: #457fec;}

.tab-type4 {margin-bottom: 40px;position:relative;}
.tab-type4 ul {display: flex;border-bottom:2px solid #E5E5E5;width:100%;gap:1rem;}
.tab-type4 ul li a {position:relative;padding:10px 20px;display:block;color:#999;letter-spacing:-0.02px;font-size:20px;}
.tab-type4 ul li a.on {color:#F46062;font-weight:800;}
.tab-type4 ul li a.on::after {content:'';position:absolute;bottom:-2px;left:0;display:block;height:2px;width:100%;background-color:#f46062;}

.tab-type5 {margin:0 auto 40px;text-align:center;}
.tab-type5 ul {display:inline-flex;padding:4px;background-color:#F0F2F6;border-radius:16px;}
.tab-type5 ul li a {padding:14px 24px;display:block;color:#999;font-size:18px;line-height:20px;border-radius:14px;text-align:center;letter-spacing:-0.2px;font-weight:600;min-width:200px;transition:all 0.2s;}
.tab-type5 ul li.on a {background-color:#fff;color:#111;}

@media all and (max-width:1299px) {
	.tab-type1{margin-bottom: 3.75rem;}
	.tab-type1 ul li{border-top-width: 0.125rem; border-left-width: 0.125rem; border-bottom-width: 0.125rem;}
	.tab-type1 ul li:first-child{border-radius: 0.625rem 0 0 0.625rem;}
	.tab-type1 ul li:last-child{border-right-width: 0.125rem; border-radius: 0 0.625rem 0.625rem 0;}
	.tab-type1 ul li a,
	.tab-type1 ul li button{font-size: 2rem; line-height: 5.375rem;}
	.tab-type1 ul li.on{border-left-width: 0.125rem;}
	.tab-type1 ul.m-col3{flex-wrap: wrap;}
	.tab-type1 ul.m-col3 li{flex: none; width: 33.333%; border-top: 0; box-sizing: border-box;}
	.tab-type1 ul.m-col3 li:nth-child(-n+3){border-top: 0.125rem solid #ddd;}
	.tab-type1 ul.m-col3 li:nth-child(3n){border-radius: 0 0.625rem 0 0; border-right: 0.125rem solid #ddd;}
	.tab-type1 ul.m-col3 li:nth-child(3n+1){border-radius: 0.625rem 0 0 0;}
	.tab-type1 ul.m-col3 li:nth-last-child(3){border-radius: 0 0 0 0.625rem;}
	.tab-type1 ul.m-col3 li:last-child{border-radius: 0 0 0.625rem 0;}
	.tab-type1 ul.m-col3 li a,
	.tab-type1 ul.m-col3 li button{font-size: 1.75rem;}
	.tab-type2 ul li{border-top-width: 0.125rem; border-left-width: 0.125rem; border-bottom-width: 0.125rem;}
	.tab-type2 ul li:first-child{border-radius: 0.625rem 0 0 0.625rem;}
	.tab-type2 ul li:last-child{border-right-width: 0.125rem; border-radius: 0 0.625rem 0.625rem 0;}
	.tab-type2 ul li a,
	.tab-type2 ul li button{font-size: 1.75rem; line-height: 5.375rem; letter-spacing: -0.0625rem;}
	.tab-type2 ul li.on{border-left-width: 0.125rem;}
	.tab-type3 ul{height: 3.125rem;}
	.tab-type3 ul li a{height: 2.625rem; padding-left: 3.75rem; font-size: 2.625rem;}
	.tab-type3 ul li:first-child a{padding: 0; padding-right: 3.75rem;}
	.tab-type3 ul li.on a{padding: 0; font-size: 3rem;}
	.tab-type4 {width:calc(100% + 5rem);left:-2.5rem;margin-bottom:3rem;}
	.tab-type4 ul li a {font-size:1.85rem;padding:1.3rem 2rem;}
	.tab-type5 {margin-bottom:2.6rem;}
	.tab-type5 ul {border-radius:1.82rem;}
	.tab-type5 ul li a {min-width:18.23rem;font-size:1.82rem;line-height:2.6rem;padding:1.04rem 1.3rem;border-radius:1.56rem;}
}

/* search */
.search-box-type1{display: flex; justify-content: end;}
.search-box-type1 .keyword{position: relative; margin-left: 6px;}
.search-box-type1 .keyword button{position: absolute; top: 0; right: 2px; width: 46px; height: 46px; background: url(../images/common/ico_search01_m.png) center / 20px auto no-repeat; text-indent: -9999em;}
.title-wrap + .board-list-top{margin-top: -10px;}
@media all and (max-width:1299px) {
	.search-box-type1{justify-content: space-between;}
	.search-box-type1 select{width: 29.850%; height: 5.625rem; padding: 0; border: 0; border-radius: 0; border-bottom: 0.25rem solid #ddd; background-position: right 0.625rem center; font-weight: 500;}
	.search-box-type1 .keyword{width: 67.164%; margin-left: 0;}
	.search-box-type1 .keyword input[type=text]{width: 100%; min-width: auto; height: 5.625rem; padding: 0 5.625rem 0 0; border: 0; border-radius: 0; border-bottom: 0.25rem solid #ddd; font-size: 1.75rem;}
	.search-box-type1 .keyword button{width: 5.625rem; height: 5.625rem; background-position: right center; background-size: 2.3125rem auto;}
	.title-wrap + .board-list-top{margin-top: -0.625rem;}
}


/* table */
.tbl-type1{display: flex; flex-wrap: wrap; width: 100%; border-top: 1px solid #333;}
.tbl-type1 li{display: flex; width: 50%; border-bottom: 1px solid #ddd;}
.tbl-type1 li.col2{width:100%;}
.tbl-type1 li .t{display: flex; align-items: center; width: 160px; min-height: 50px; padding: 10px 20px; background: #f4f4f4; font-size: 16px; font-weight: 700; color: #333; letter-spacing: -1px; box-sizing: border-box;}
.tbl-type1 li .c{display: flex; align-items: center; width: 310px; min-height: 50px; padding: 10px 20px; font-size: 16px; color: #666; letter-spacing: -1px; box-sizing: border-box;}
.tbl-type1 li .c select{width: auto; height: 25px; padding: 0; border: 0; border-bottom: 1px solid #333; border-radius: 0; background-image: url(../images/common/ico_select_on.png); background-position: right center; font-size: 16px; font-weight: 700; color: #333;}
.tbl-type1.sz2 li .t{width: 175px;}
.tbl-type1.sz2 li .c{width: 175px;}
.tbl-type1.sz3 li .t{width: 120px;}
.tbl-type1.sz3 li .c{width: 230px;}
.tbl-type2{width: 100%; border-top: 1px solid #333;}
.tbl-type2 th,
.tbl-type2 td{padding: 15px 20px; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; font-size: 16px; text-align: center; color: #666;}
.tbl-type2 th:first-child,
.tbl-type2 td:first-child{border-left: 0;}
.tbl-type2 th{background: #f4f4f4; font-weight: 700; color: #333;}
.tbl-type3{border-top: 1px solid #333;}
.tbl-type3 .thead{display: flex; border-bottom: 1px solid #333;}
.tbl-type3 .thead > div{padding: 15px 0; font-size: 16px; font-weight: 700; color: #333; text-align: center;}
.tbl-type3 .tbody > li{display: flex; position: relative; align-items: center; flex-wrap: wrap; border-bottom: 1px solid #ddd;}
.tbl-type3 .tbody > li > div{padding: 15px 0; font-size: 16px; line-height: 28px; color: #666; text-align: center; box-sizing: border-box;}
.tbl-type3.order .no{width: 40px;}
.tbl-type3.order .date{width: 150px;}
.tbl-type3.order .order-no{width: 90px;}
.tbl-type3.order .order-no .t{display: none;}
.tbl-type3.order .order-dv{width: 120px;}
.tbl-type3.order .prd{width: 190px;}
.tbl-type3.order .compensation{width: 190px;}
.tbl-type3.order .state{width: 110px;}
.tbl-type3.order .accept{width: 110px;}
.tbl-type3.order .etc{width: 130px;}
.tbl-type3.order .self{width: 130px;}
.tbl-type3.order .btn-list li{margin-top: 4px; font-size: 15px; line-height: 32px;}
.tbl-type3.order .btn-list li:first-child{margin-top: 0;}
.tbl-type3.order .btn-list li a.self {width: 90px; padding: 0;}
.tbl-type3.cancel .no{width: 40px;}
.tbl-type3.cancel .date{width: 150px;}
.tbl-type3.cancel .order-no{width: 90px;}
.tbl-type3.cancel .order-no .t{display: none;}
.tbl-type3.cancel .order-dv{width: 140px;}
.tbl-type3.cancel .prd{width: 190px;}
.tbl-type3.cancel .compensation{width: 190px;}
.tbl-type3.cancel .state{width: 120px;}
.tbl-type3.cancel .date-req{width: 120px;}
.tbl-type3.ssaida .date{width: 120px;}
.tbl-type3.ssaida .type{width: 120px;}
.tbl-type3.ssaida .sbj{width: 400px;}
.tbl-type3.ssaida .tbody .sbj{padding-left: 20px; text-align: left;}
.tbl-type3.ssaida .save{width: 100px;}
.tbl-type3.ssaida .save strong{color: #457fec;}
.tbl-type3.ssaida .use{width: 100px;}
.tbl-type3.ssaida .use strong{color: #ff4d50;}
.tbl-type3.ssaida .rm{width: 100px;}
.tbl-type3.ssaida .pc{display: inline-block;}
.tbl-type3.ssaida .mo{display: none;}
.tbl-type3.consult .date{order: 1; width: 120px;}
.tbl-type3.consult .type{order: 2; width: 120px;}
.tbl-type3.consult .sbj{order: 3; width: 580px;}
.tbl-type3.consult .tbody .sbj{padding-left: 20px; text-align: left;}
.tbl-type3.consult .state{order: 4; width: 120px;}
.tbl-type3 .empty{display: flex; align-items: center; justify-content: center; height: 300px; border-bottom: 1px solid #ddd; text-align: center;}
.tbl-type3 .empty p{padding-top: 110px; background: url(../images/common/ico_exc02.png) center top / 92px auto no-repeat; font-size: 16px; color: #666;}
.tbl-type4{width: 100%; border-top: 1px solid #333;}
.tbl-type4 th,
.tbl-type4 td{padding: 12px 0; border-bottom: 1px solid #ddd; font-size: 16px; line-height: 28px; text-align: center; color: #666;}
.tbl-type4 th{border-bottom: 1px solid #333; font-weight: 700; color: #333;}
.tbl-type4 label{vertical-align:baseline;}
.tbl-type5{width: 100%; border-top: 1px solid #333;}
.tbl-type5 th,
.tbl-type5 td{height: 61px; padding: 7px 0; border-bottom: 1px solid #ddd; font-size: 16px; text-align: left; color: #333; box-sizing: border-box;}
.tbl-type5 th{padding-left: 30px; background: #f4f4f4; font-weight: 700; color: #333; }
.tbl-type5 th .s{color: #ff4d50;}
.tbl-type5 td{padding-left: 20px;}
/*
.tbl-type5 .ipt-btn{display: inline-flex;}
.tbl-type5 .ipt-btn button{margin-left: 6px;}
.tbl-type5 input[type=text]{min-width: auto; width: 200px;}
.tbl-type5 .txt{color: #666;}
.tbl-type5 .msg{display: inline-block; margin-left: 15px; color: #457fec;}
.tbl-type5 .phone-line{width: 100%; padding: 7px 0;}
.tbl-type5 .phone-line li{display: flex; align-items: center; padding-top: 7px; padding-left: 20px; margin-top: 7px; border-top: 1px solid #ddd;}
.tbl-type5 .phone-line li select,
.tbl-type5 .phone-line li input,
.tbl-type5 .phone-line li button{margin-left: 6px;}
.tbl-type5 .phone-line li:first-child{padding-top: 0; margin-top: 0; border-top: 0;}*/
.tbl-type6{display: flex; flex-wrap: wrap; width: 100%; border-top: 1px solid #333;}
.tbl-type6 li{display: flex; width: 50%; border-bottom: 1px solid #ddd;}
.tbl-type6 li.col2{width:100%;}
.tbl-type6 li .t{display: flex; align-items: center; width: 130px; min-height: 50px; padding: 10px 20px; background: #f4f4f4; font-size: 15px; font-weight: 700; color: #333; letter-spacing: -1px; box-sizing: border-box;}
.tbl-type6 li .c{display: flex; align-items: center; width: 120px; min-height: 50px; padding: 10px 20px; font-size: 15px; color: #666; letter-spacing: -1px; box-sizing: border-box;}
.tbl-type6.order{display: none;}

@media all and (max-width:1299px) {
	.tbl-type1{border-top-width: 0.125rem;}
	.tbl-type1 li{width: 100%; border-bottom-width: 0.125rem;}
	.tbl-type1 li .t{width: 13.75rem; min-height: 5rem; padding: 0.625rem 1.875rem; font-size: 1.75rem; letter-spacing: -0.0625rem;}
	.tbl-type1 li .c{width: auto; min-height: 5rem; padding: 0.625rem 1.875rem; font-size: 1.75rem; letter-spacing: -0.0625rem;}
	.tbl-type1 li .c select{width: auto; height: auto; padding: 0; padding-right: 1.875rem; border: 0; border-bottom: 0.125rem solid #333; font-size: 1.75rem;}
	.tbl-type1.sz2 li .t{width: 18.125rem;}
	.tbl-type1.sz2 li .c{width: auto;}
	.tbl-type2{border-top-width: 0.125rem;}
	.tbl-type2 th,
	.tbl-type2 td{padding: 1.4375rem 1.25rem; border-left-width: 0.125rem; border-bottom-width: 0.125rem; font-size: 1.75rem;}
	.tbl-type3{border-top-width: 0.125rem;}
	.tbl-type3{display: none;}
	.tbl-type3 .tbody > li{margin-top: 2.5rem; border-top: 0.125rem solid #333;}
	.tbl-type3 .tbody > li:first-child{margin-top: 0; border-top: 0;}
	.tbl-type3 .tbody > li > div{padding: 1.5625rem 1.25rem; font-size: 1.75rem; text-align: left; color: #999;}
	.tbl-type3.order .no{display: none;}
	.tbl-type3.order .date{order: 2; width: 50%; border-bottom: 0.0625rem solid #ddd; text-align: right;}
	.tbl-type3.order .order-no{order: 1; width: 50%; border-bottom: 0.0625rem solid #ddd;}
	.tbl-type3.order .order-no .t{display: inline;}
	.tbl-type3.order .order-no .c{font-weight: 700; color: #333;}
	.tbl-type3.order .order-dv{order: 3; width: 100%; padding: 2.5rem 1.25rem 0; line-height: 1;}
	.tbl-type3.order .prd{order: 4; width: 100%; padding: 1.25rem 1.25rem 1.875rem; font-size: 2.25rem; line-height: 3.375rem; font-weight: 700; color: #333;}
	.tbl-type3.order .state{order: 5; width: 100%; padding: 0 1.25rem 2.5rem; line-height: 1;}
	.tbl-type3.order .etc{position: absolute; top: calc(50% + 2.5rem); right: 1.25rem; order: 6; width: auto; padding: 0; transform: translateY(-50%);}
	.tbl-type3.order .btn-list li{margin-top: 0.625rem; font-size: 1.5rem; line-height: 3rem; text-align: center;}
	.tbl-type3.order .btn-list li a{width: 9.375rem;}
	.tbl-type3.cancel .no{display: none;}
	.tbl-type3.cancel .date{order: 2; width: 50%; border-bottom: 0.0625rem solid #ddd; text-align: right;}
	.tbl-type3.cancel .order-no{order: 1; width: 50%; border-bottom: 0.0625rem solid #ddd;}
	.tbl-type3.cancel .order-no .t{display: inline;}
	.tbl-type3.cancel .order-no .c{font-weight: 700; color: #333;}
	.tbl-type3.cancel .order-dv{order: 3; width: 100%; padding: 2.5rem 1.25rem 0; line-height: 1;}
	.tbl-type3.cancel .prd{order: 4; width: 100%; padding: 1.25rem 1.25rem 1.875rem; font-size: 2.25rem; line-height: 3.375rem; font-weight: 700; color: #333;}
	.tbl-type3.cancel .state{order: 5; width: auto; padding: 0 1.25rem 2.5rem; line-height: 1; font-weight: 700; color: #666;}
	.tbl-type3.cancel .date-req{order: 6; padding: 0 0 2.5rem 0;}
	.tbl-type3.ssaida .tbody > li{margin-top: 0; padding: 2.5rem 0; border-top: 0;}
	.tbl-type3.ssaida .tbody > li > div{position: relative;}
	.tbl-type3.ssaida .date{order: 3; width: auto; padding: 0 1.25rem; line-height: 1;}
	.tbl-type3.ssaida .date::after{position: absolute; top: 50%; left: 0; width: 0.125rem; height: 1.5rem; background: #ddd; transform: translateY(-50%); content: "";}
	.tbl-type3.ssaida .type{order: 2; width: auto; padding: 0 1.25rem; line-height: 1;}
	.tbl-type3.ssaida .sbj{order: 1; width: 100%; margin-bottom: 1.875rem; font-size: 2rem; color: #333; line-height: 1;}
	.tbl-type3.ssaida .tbody .sbj{padding-left: 0; padding: 0 1.25rem;}
	.tbl-type3.ssaida .save{ position: absolute !important; top: 2.375rem; right: 1.25rem;order: 4; width: auto; padding: 0; font-size: 2.625rem; line-height: 1;}
	.tbl-type3.ssaida .save div::after{display: block; margin-top: 1.5rem; content: "적립"; font-size: 1.75rem; text-align: right;}
	.tbl-type3.ssaida .use{ position: absolute !important; top: 2.375rem; right: 1.25rem;order: 4; width: auto; padding: 0; font-size: 2.625rem; line-height: 1;}
	.tbl-type3.ssaida .use div::after{display: block; margin-top: 1.5rem; content: "사용"; font-size: 1.75rem; text-align: right;}
	.tbl-type3.ssaida .rm{display: none;}
	.tbl-type3.ssaida .pc{display: none;}
	.tbl-type3.ssaida .mo{display: inline-block; width: 2.25rem; vertical-align: -0.25rem;}
	.tbl-type3.consult .tbody > li{display: block; padding: 1.875rem 0 2.5rem; margin-top: 0; border-top: 0;}
	.tbl-type3.consult .tbody > li::after{display: block; content: ""; clear: both;}
	.tbl-type3.consult .date{ position: relative;float: left; width: auto; padding: 0 1.25rem; margin-top: 0.9375rem; font-size: 1.75rem; line-height: 1;}
	.tbl-type3.consult .date::after{position: absolute; top: 50%; left: 0; width: 0.125rem; height: 1.5rem; background: #ddd; transform: translateY(-50%); content: "";}
	.tbl-type3.consult .type{clear: both; float: left; width: auto; padding: 0 1.25rem; padding-left: 0; margin-top: 0.9375rem; font-size: 1.75rem; line-height: 1;}
	.tbl-type3.consult .sbj{width: auto; padding: 0;}
	.tbl-type3.consult .sbj a{vertical-align: top; font-size: 2rem; color: #333; line-height: 3.375rem;}
	.tbl-type3.consult .tbody .sbj{padding-left: 0;}
	.tbl-type3.consult .state{float:left; width: auto; padding: 0; margin-right: 0.625rem; font-size: 2rem; font-weight: 700; color: #333; line-height: 3.375rem;}
	.tbl-type3 .empty{height: 35.625rem; border-bottom-width: 0.125rem;}
	.tbl-type3 .empty p{padding-top: 9.375rem; background-size: 7.5625rem auto; font-size: 2rem;}

	/*mypage order */
	.tbl-type6.order{display:block;}
	.tbl-type6.order:nth-child(2) {margin-top:4rem;}
	.order-list-box{position: relative;border-bottom: 1px solid #333;}
	.order-list-box .btn-type12{position: absolute; top:2rem; right:0;font-size: 1.5rem;}
	.order-list-box .state{font-size: 1.875rem;padding-bottom: 1.875rem; margin-bottom: 1.875rem;border-bottom: 1px solid #ddd;font-weight: 700;color: #333;flex-wrap:wrap;align-items:center;}
	.order-list-box li{box-sizing: border-box; padding:0.3rem 0.6rem; border:0; margin-bottom: 0.3rem;}
	.order-list-box .tit, .order-list-box .data{display: inline-block;font-size: 1.625rem;}
	.order-list-box .data{font-weight:700;color:#333;}
	.order-list-box .tit{width: 12.187rem;}
	.order-list {padding:1.875rem 0;}

	.tbl-type6.order.hr::after{display: block;content: '';height:7px;background: #f4f4f4; margin-left:-2.5rem;margin-right:-2.5rem;margin-top:5.3rem}
	.flex-btn-wrap{display: flex; margin-bottom: 2.5rem; margin-left:-2px; margin-right:-2px; }
	.tbl-type6.order:last-child::after{display: none;}
	.flex-btn-wrap .btn-type9{flex: 1; margin: 0 2px;height: 5.73rem;font-size: 1.6rem;}


	.tbl-type4{border-top-width: 0.125rem;}
	.tbl-type4 th,
	.tbl-type4 td{padding: 1.4375rem 0; border-bottom-width: 0.125rem; font-size: 1.75rem; line-height: 1.75rem;}
	.tbl-type4 th{border-bottom-width: 0.125rem;}
	.tbl-type5{border-top-width: 0.125rem; border-bottom: 0.125rem solid #ddd;}
	.tbl-type5 colgroup{display: none;}
	.tbl-type5 th,
	.tbl-type5 td{display: block; height: auto; padding: 0; border-bottom: 0; font-size: 1.75rem;}
	.tbl-type5 th{padding: 3.4375rem 0 1.5625rem; background: none;}
	.tbl-type5 td{padding-left: 0;}
	.tbl-type5 tr:last-child td{padding-bottom: 3.75rem;}
	.tbl-type5 input[type=text]{min-width: auto; width: 12.5rem;}
	/*.tbl-type5 .txt{display: block; margin-top: 1.25rem;}
	.tbl-type5 .msg{display: inline-block; margin-left: 0; margin-top: 1.5625rem;  color: #457fec;}
	.tbl-type5 label{margin-top: 0.625rem;}
	.tbl-type5 label + select{margin-top: 2.5rem;}
	.tbl-type5 select + .ipt-btn{margin-top: 1.25rem;}
	.tbl-type5 .ipt-btn{display: flex;}
	.tbl-type5 .ipt-btn input{flex: 1; border-top-right-radius: 0; border-bottom-right-radius: 0; border-right: 0;}
	.tbl-type5 .ipt-btn button{min-width: 12.1875rem; width: auto; margin: 0; border-top-left-radius: 0; border-bottom-left-radius: 0;}
	.tbl-type5 .m-mg-t20{margin-top: 1.25rem;}
	.tbl-type5 .m-mg-t50{margin-top: 3.125rem;}
	.tbl-type5.m-col th,
	.tbl-type5.m-col td{display: table-cell; padding: 3.4375rem 0;}
	.tbl-type5.m-col th{width: 13.75rem;}
	.tbl-type5.m-col label{margin-top: 0;}
	.tbl-type5.m-col tr:last-child td{padding: 0;}
	.tbl-type5 .phone-line{width: 100%; padding: 0;}
	.tbl-type5 .phone-line li{display: block; padding-top: 0; padding-left: 0; margin-top: 3.125rem; border-top: 0;}
	.tbl-type5 .phone-line li:first-child{margin-top: 0;}
	.tbl-type5 .phone-line li select,
	.tbl-type5 .phone-line li input,
	.tbl-type5 .phone-line li button{margin-left: 0;}
	.tbl-type5 .phone-line li:first-child{padding-top: 0; margin-top: 0; border-top: 0;}
	.tbl-type5 .phone-line li .btn-add,
	.tbl-type5 .phone-line li .btn-del{width: 100%; margin-top: 1.25rem;}*/
	.tbl-type6{display: block; border-top-width: 0.125rem;}
	.tbl-type6 li{display: flex; width: 100%; border-bottom-width: 0.125rem}
	.tbl-type6 li .t{width: 16.25rem; min-height: 5rem; padding: 0.625rem 1.25rem; background: #f4f4f4; font-size: 1.75rem; letter-spacing: -0.0625rem;}
	.tbl-type6 li .c{width: calc(100% - 16.25rem); min-height: 5rem; padding: 0.625rem 1.25rem; font-size: 1.75rem; letter-spacing: -0.0625rem;}
	.scroll-box-x{overflow-x:auto; -webkit-overflow-scrolling:touch;}
	.scroll-box-x .tbl-type2{width: 81.25rem;}
	.scroll-box-x .tbl-type3{width: 81.25rem;}
	.scroll-box-x .tbl-type4{width: 81.25rem;}

	.m-pt-10 {display:block; padding-top:10px;}
}


/*-------------------------------------------------------------------
@ Modal
-------------------------------------------------------------------*/
.modal{display: none; position: fixed; top: 0; left: 0; justify-content: center; align-items: center; z-index: 10000001; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); box-sizing: border-box; overflow-y:auto;}
.modal.jo{display: flex;}
.modal.on{display: flex;}
.modal.on.static{display: block;}
.modal.on.static > div{height: auto; margin: 50px auto;}
.modal.dim-none{background: none;}
.modal.pop .cont{padding: 40px;}
.modal.level2{z-index: 11000000;}
.modal .item-list-type1{display: flex; flex-wrap: wrap; justify-content: space-between;}
.modal .item-list-type1 li{margin-top: 20px;}/
.modal .item-list-type1 li:nth-child(-n+2){margin-top: 0;}
.modal .item-list-type2 li{position: relative; margin-top: 12px;}
.modal .item-list-type2 li:first-child{margin-top: 0;}
.modal .item-list-type3{display: flex; flex-wrap: wrap;}
.modal .item-list-type3 li{width:31.538%; margin: 20px 0 0 20px;}
.modal .item-list-type3 li:nth-child(-n+3){margin-top: 0;}
.modal .item-list-type3 li:nth-child(3n+1){margin-left: 0;}
.modal .item-list-type4{display: flex; flex-wrap: wrap; padding: 30px 0; border-top: 1px solid #333; border-bottom: 1px solid #ddd;}
.modal .item-list-type4 li{width:50%; padding: 0 10px; margin-top: 10px; box-sizing: border-box;}
.modal .item-list-type4 li:nth-child(-n+2){margin-top: 0;}
.modal .item-list-type5{display: flex; justify-content: space-between;}
.modal .item-list-type5 li{width:47.5%; margin-top: 20px; box-sizing: border-box;}
.modal .item-list-type5 li:nth-child(-n+2){margin-top: 0;}
.modal .item-list-type6{display: flex; justify-content: space-between; flex-wrap: wrap; padding: 30px 0 20px; position: static;}
.modal .item-list-type6.left label {width:100%;-moz-transition:all 0.3s;transition:all 0.3s;}
.modal .item-list-type6.left span {text-align:left;}
.modal .item-list-type6 li{width:47.5%; padding: 0 0; margin-top: 20px; box-sizing: border-box;}
.modal .item-list-type6 li:nth-child(-n+2){margin-top: 0;}
.modal-type1{position: relative; overflow: hidden; width: 480px; border-radius: 20px; background: #fff; box-sizing: border-box;}
.modal-type1 .head{position: relative; padding: 42px 40px 50px; text-align: center;}
.modal-type1 .head h3{display: block; font-size: 36px; font-weight: 700; color: #111; line-height: 50px;}
.modal-type1 .head h3 + p{margin-top: 20px; font-size: 18px;}
.modal-type1 .head .btn-close{position: absolute; top: 49px; right: 34px; width: 36px; height: 36px; background: url(../images/common/ico_close01.png) center / 25px auto no-repeat; text-indent: -9999em;}
.modal-type1 .cont{width: auto; padding: 0 40px 40px;}
.modal-type1 .cont.spc20{margin-top: -20px;}
.modal-type1 .cont .scroll{overflow-y: auto; max-height: 590px; font-size: 16px; line-height: 24px; color: #333; -webkit-overflow-scrolling: touch;}
.modal-type1 .cont .h-auto{min-height: auto !important; height: auto !important;}
.modal-type1 .cont .modal-box-type1{margin-top: 40px;}
.modal-type1 .cont .modal-box-type1 .scroll{width: 95%; height: 100px; margin-top: 15px; font-size: 15px; line-height: 24px;}
.modal-type1 .file input[type="file"]{position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;}
.modal-type1 .file label{display: flex; align-items: center; justify-content: center; width: 380px; height: 165px; border: 1px solid #ddd; border-radius: 10px; font-size: 16px;  color: #333; line-height: 24px; text-align: center; cursor: pointer; box-sizing: border-box;}
.modal-type1 .file label .txt{display: block; padding-top: 50px; background: url(../images/common/ico_camera.png) center 5px / 56px auto no-repeat;}
.modal-type1 .file label .txt strong{display: block; font-size: 18px; font-weight: 700;}
.modal-type1 .file input[type="file"].on + label{border-color: #666;}
.modal-type1 .file input[type="file"].on + label .txt{background-image: url(../images/common/ico_camera_on.png);}
.modal-type1 .ipt-list{margin-top: 45px;}
.modal-type1 .ipt-list.mg-t0{margin-top: 0;}
.modal-type1 .ipt-list li{position: relative; margin-top: 25px;}
.modal-type1 .ipt-list li:first-child{margin-top: 0;}
.modal-type1 .ipt-list .chk{position: absolute; top: 5px; right: 0;}
.modal-type1 .ipt-list .btn-layer{position: absolute; top: 0; right: 0;}
.modal-type1 .ipt-list .addr li{margin-top: 25px;}
.modal-type1 .ipt-list .addr li:first-child{margin: 0;}
.modal-type1 .ipt-list .addr .btn-addr{position: absolute; top: 0; right: 0;}
.modal-type1 .ipt-list + .file{margin-top: 40px;}
.modal-type1 .agree-list .agree{margin-top: 60px; color: #333;}
.modal-type1 .agree-list .agree label{font-size: 18px;}
.modal-type1 .agree-list .terms{margin-top: 17px; border-top: 1px solid #111; color: #333;}
.modal-type1 .agree-list .terms li{display: flex; justify-content: space-between; padding: 18px 10px 18px 0; border-bottom: 1px solid #ddd;}
.modal-type1 .agree-list .terms li button{background: none; font-size: 16px; color: #999; text-decoration: underline;}
.modal-type1 .chk{display: flex; justify-content: space-between; flex-wrap: wrap;gap: 1rem;}
.modal-type1 .chk li{margin-top:20px;width:calc(50% - 0.5rem);}
.modal-type1 .chk li:nth-child(-n+2){margin-top: 0;}
.modal-type1 .chk li .hyundai img {width:80px;opacity:0.5;}
.modal-type1 .chk li input[type="radio"]:checked + label.radio-type5 .hyundai img {opacity:1;}
.modal .chk li:nth-child(3):nth-last-child(1), .modal .chk li:nth-child(3):nth-last-child(1) label {width:100%;margin-top:0 !important;}
.modal-type1 .chk-type2 li{margin-top: 10px;}
.modal-type1 .chk-type2 li:first-child{margin-top: 0;}
.modal-type1 .txt-box1{font-size: 18px; line-height: 28px; color: #111; text-align: center;}
.modal-type1 .txt-box2 {width:100%;line-height: 20px;color:#707070;font-size:15px;text-align: center;}
.modal-type1 .btm{display: flex; flex-wrap: nowrap; align-items:center; position: absolute; bottom: 40px; left: 50%; justify-content: space-between; width: calc(100% - 80px); margin-top: 40px; transform: translateX(-50%);}
.modal-type1 .btm .btn-back + button{width:-webkit-fill-available;}
.modal-type1 .btm a.w100p,
.modal-type1 .btm button.w100p{margin: 10px 0 0;}
.modal-type1 .btm a:first-child,
.modal-type1 .btm button:first-child{margin-top: 0;}
.modal-type1 .btm.static{position: static; width: 100%; transform: none;}
.modal-type1 .btm.static.back{display: flex; justify-content: space-between;gap:10px;}
.modal-type1 .btm.static.back button{margin: 0;}
.modal-type1.mid .scroll-box {height:300px;}
.modal-type1 .btn-wrap.fixed {position:absolute;bottom:0;left:0;padding:40px;width: 100%;box-sizing: border-box;background-color:#fff;;}
.modal-type1 .btn-wrap.fixed button,.modal-type1 .btn-wrap.fixed a {margin:0;width:100%;}
.modal-type1 .btn-wrap.fixed.row {display:flex;flex-direction:column;gap:10px;}
.modal-type2{position: relative; overflow: hidden; width: 480px; border-radius: 20px; background: #333; box-sizing: border-box;}
.modal-type2.sz2{width: 580px;}
.modal-type2.sz3{width: 780px;}
.modal-type2 .head{display: flex; justify-content: space-between; align-items: center; height: 60px; padding: 0 25px; background: #333;}
.modal-type2 .head h3{display: block; font-size: 20px; font-weight: 700; color: #fff; text-align: center; line-height: 1;}
.modal-type2 .head .btn-close{position: absolute; top: 0px; right: 8px; width: 60px; height: 60px; background: url(../images/common/ico_close03.png) center / 19px auto no-repeat; text-indent: -9999em;}
.modal-type2 .cont{padding: 40px; background: #fff; text-align: center;}
.modal-type2 .cont .scroll{overflow-y: auto; max-height: 590px; font-size: 16px; line-height: 24px; color: #333; -webkit-overflow-scrolling: touch;}
.modal-type2 .cont .modal-box-type1{margin-top: 40px;}
.modal-type2 .cont .modal-box-type1 .scroll{width: 95%; height: 100px; margin-top: 15px; font-size: 15px; line-height: 24px;}
.modal-type2 .cont .tab{margin-bottom: 30px;}
.modal-type2 .items .item{display: none;}
.modal-type2 .items .item.on{display: block;}
.modal-type2 .ipt-list{margin-top: 0;}
.modal-type2 .ipt-list > li{margin-top: 10px;}
.modal-type2 .ipt-list > li:first-child{margin-top: 0;}
.modal-type2 .ipt-list2 li{margin-top: 25px;}
.modal-type2 .ipt-list2 li:first-child{margin-top: 0;}
.modal-type2 .ipt-list2 .addr li{margin-top: 8px;}
.modal-type2 .ipt-list2 .addr li:first-child{margin: 0;}
.modal-type2 .ipt-list2 .addr .btn-addr{position: absolute; top: 0; right: 0;}
.modal-type2 .btm.static.back{display: flex; justify-content: space-between;}

.modal-type3{position: relative; overflow: hidden; width: 480px; border-radius: 20px; background: #333; box-sizing: border-box;}
.modal-type3.sz2{width: 680px;}
.modal-type3.sz3{width: 880px;}
.modal-type3 .head{display: flex; justify-content: space-between; align-items: center; height: 60px; padding: 0 25px; background: #333;}
.modal-type3 .head h3{display: block; font-size: 20px; font-weight: 700; color: #fff; text-align: center; line-height: 1;}
.modal-type3 .head .btn-close{position: absolute; top: 0px; right: 8px; width: 60px; height: 60px; background: url(../images/common/ico_close03.png) center / 19px auto no-repeat; text-indent: -9999em;}
.modal-type3 .cont{padding: 40px; background: #fff; text-align: center;}
.modal-type3 .cont .scroll{overflow-y: auto; max-height: 590px; font-size: 16px; line-height: 24px; color: #333; -webkit-overflow-scrolling: touch;}
.modal-type3 .cont .modal-box-type1{margin-top: 40px;}
.modal-type3 .cont .modal-box-type1 .scroll{width: 95%; height: 100px; margin-top: 15px; font-size: 15px; line-height: 24px;}
.modal-type3 .cont .tab{margin-bottom: 30px;}
.modal-type3 .items .item{display: none;}
.modal-type3 .items .item.on{display: block;}
.modal-type3 .ipt-list{margin-top: 0;}
.modal-type3 .ipt-list > li{margin-top: 10px;}
.modal-type3 .ipt-list > li:first-child{margin-top: 0;}
.modal-type3 .ipt-list2 li{margin-top: 25px;}
.modal-type3 .ipt-list2 li:first-child{margin-top: 0;}
.modal-type3 .ipt-list2 .addr li{margin-top: 8px;}
.modal-type3 .ipt-list2 .addr li:first-child{margin: 0;}
.modal-type3 .ipt-list2 .addr .btn-addr{position: absolute; top: 0; right: 0;}

/* new modal */
.modal:has(.modal-type4) {overflow-x:hidden;align-items:center;}
.modal:has(.modal-type4.sz1) {overflow-y:hidden;}
.input-t {color:#111111;font-size:16px;font-weight:600;margin:24px 0 10px;display:block;}
.deleteBtn {width:20px;height:20px;display:none;position:absolute;top:50%;right:16px;background-color:#ccc;border-radius: 50%;text-indent:-99999%;background-image:url("/assets/images/common/ico_popup_pc_close.png");background-repeat:no-repeat;background-size:50%;background-position:center;transform:translateY(-50%);}
.modal-type4 {width:100%;background-color:#fff;height:fit-content;border-radius:20px;overflow:hidden;}
.modal-type4.sz1 {max-width:480px;height:auto;}
.modal-type4.sz2 {max-width:600px;height:auto;}
.modal-type4 .head {padding:0 30px;background-color:#fff;position:relative;box-sizing:border-box;}
.modal-type4 .cont {padding:20px 30px 30px;}
.modal-type4 .scroll-box {position:relative;max-height:55vh;height:fit-content;overflow-y:auto;box-sizing:border-box;-webkit-overflow-scrolling: touch;}
.modal-type4 .head .close {width:100%;padding:20px 0;display:flex;justify-content:flex-end;}
.modal-type4  h2 {font-size:26px;font-weight:800;color:#111111;margin-bottom:30px;}
.modal-type4 .head .btn-close {width:16px;height:16px;display:block;background: url("/assets/images/common/ico_close01.png") right center / 16px auto no-repeat transparent;text-indent:-99999%;}
.modal-type4 .table li {display:flex;align-items:center;}
.modal-type4 .tit {color:#111111;font-weight:800;font-size:16px;}
.modal-type4 .th {color:#999999;width:30%;min-width:30%;font-size:14px;letter-spacing:-0.2px;}
.modal-type4 .td {display:flex;align-items:center;color:#111111;font-size:14px;letter-spacing:-0.2px;flex-wrap:wrap;}
.modal-type4 .td p {font-size:inherit;}
.modal-type4 .input-wrap div {position:relative;}
.modal-type4 .txt-box-type2 {padding:16px;display:block;margin-bottom:30px;}
.modal-type4 .input-wrap + .chk {margin-top:40px;}
.modal-type4 .chk.all {border-bottom:1px solid #F2F2F2;padding-bottom:16px;}
.modal-type4 .chk.all label {font-weight:700;font-size:18px;}
.modal-type4 .chk {display: flex;justify-content: space-between;align-items: center;}
.modal-type4 .chk + .chk {margin-top:16px;}
.modal-type4 .chk label {font-size:16px;color:#2C2C2C;font-weight:600;}
.modal-type4 .chk a {text-decoration:underline;color:#999999;font-size:16px;letter-spacing:-0.2px;min-width:fit-content;}
.modal-type4 .chk-small {padding-left:35px;font-size:12px;font-weight:600;color:#999999;letter-spacing:-0.2px;margin-top:10px;display:block;}
.modal-type4 .btn-wrap {padding:30px;margin-top:0;box-sizing:border-box;}
.modal-type4 .btn-type1 {height:62px;border-radius:10px;}
.modal-type4 input[type="text"].input-ty1 {width:100%;height:62px;border-radius:10px;color: #111111;font-weight: 700;font-size:18px;transition:all 0.3s;}
.modal-type4 input[type="text"].input-ty1:focus, .modal-type4 input[type="text"].input-ty1:active {border-color:#4326F2;box-shadow:0 0 10px #4326f23d;}
.modal-type4 select.select-ty2 {width:100%;height:62px;border-radius:10px;color: #111111;font-weight: 700;transition:all 0.3s;background:url("/assets/images/teyes/arrow.svg") center right 20px / 16px no-repeat;}
.modal-type4 select:valid {color: #7d7d7d !important;}
select.select-ty2:focus, select.select-type2:active  {border-color:#4326F2;box-shadow:0 0 10px #4326f23d;}
.modal-type4 textarea::placeholder {color:#7d7d7d;}
.modal-type4 textarea {font-size:18px;color:#111;padding:20px;height:170px;font-weight:600;}

.modal-h4{display: block; margin-bottom: 30px; font-size: 24px; line-height: 36px; font-weight: 700; color: #333; text-align: center;}
.modal-step{margin-bottom: 40px;}
.modal-step .progressbar{position: relative; overflow: hidden; height: 6px; border-radius: 5px; background: #ddd;}
.modal-step .progressbar span{position: absolute; top: 0; left: 0; width: auto; height: 100%; border-radius: 5px; background: #f46062;}
.modal-step .title{display: flex; justify-content: space-between; align-items: center;}
.modal-step .title .tit{display: flex; align-items: center; height: 60px; padding-left: 75px; font-size: 18px; font-weight: 700; color: #111;}
.modal-step .title .tit span{color: #f46062;}
.modal-step .title .page{font-size: 18px; font-weight: 400; color: #666;}
.modal-step .title .page strong{color: #f46062;}
.modal-tbl-type1{border-top: 1px solid #111;}
.modal-tbl-type1 th,
.modal-tbl-type1 td{padding: 13px 0 13px 20px; border-bottom: 1px solid #ddd; font-size: 16px; color: #333; line-height: 24px; text-align: left;}
.modal-tbl-type1 th{width: 30%;}
.modal-tbl-type1 td{width: 70%;}
.modal-tbl-type1 .ipt-btn{display: inline-flex;}
.modal-tbl-type1 .ipt-btn button{margin-left: 6px;}
.modal-tbl-type1 input[type=text]{min-width: auto; width: 200px;}
.modal-tbl-type1 .btn-link{padding-right: 10px; font-size: 16px; font-weight: 700; color: #333; text-decoration: underline; text-underline-position: under;}
.modal-tbl-type1.sz2 th{width: 35%;}
.modal-tbl-type1.sz2 td{width: 65%;}
.modal-box-type1 + .modal-tbl-type1{margin-top: 40px;}
.modal-tbl-type2{border-top: 1px solid #111;}
.modal-tbl-type2 th,
.modal-tbl-type2 td{padding: 12px 0; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; font-size: 16px; line-height: 26px; color: #333; text-align: center;}
.modal-tbl-type2 th{font-weight: 700;}
.modal-tbl-type2 th:first-child{border-left: 0;}
.modal-tbl-type2 td{font-weight: 500;}
.modal-tbl-type2 td.txt-left{padding-left: 20px;}
.modal-ipt-list > li{margin-top: 10px;}
.modal-ipt-list > li:first-child{margin-top: 0;}
.modal-txt-box1{padding: 25px 30px; margin-top: 35px; border-radius: 10px; background: #f4f4f4; text-align: left;}
.modal-txt-box1 .tit{font-size: 18px; color: #333;}
.modal-txt-box1 .tit + ul{margin-top: 20px;}
.modal-txt-box1 ul li{position: relative; padding-left: 10px; margin-top: 5px; font-size: 16px; line-height: 24px; color: #333;}
.modal-txt-box1 ul li::before{position: absolute; top: 0; left: 0; content: "\00B7";}
.modal-txt-box1 ul li:first-child{margin-top: 0;}
.modal-txt-box2{padding: 25px 30px; border-radius: 10px; background: #f4f4f4; text-align: left;}
.modal-txt-box2 .tit{font-size: 18px; color: #333;}
.modal-txt-box2 .tit + p{margin-top: 20px;}
.modal-txt-box2 p + ul{margin-top: 20px;}
.modal-box-type1{position:relative; padding: 15px; margin-top: 20px; border: 1px solid #ddd; border-radius: 10px; text-align: left;}
.txt-box-type2 + .modal-box-type1{margin-top: 20px !important;}
.modal-box-type2{display: flex; position:relative; align-items: center; justify-content: center; height: 80px; border: 1px solid #ddd; border-radius: 5px; text-align: left;}
.modal-box-type2 span{position: absolute; top: 50%; left: 20px; font-size: 16px; color: #999; transform: translateY(-50%);}
.modal-box-type2 strong{display: block; font-size: 18px; color: #333;}
@media all and (max-width:1299px) {
	.modal{align-items: start;}
	.modal > div{height: 100%;}
	.modal.pop{align-items: center; padding: 3.125rem; background: rgba(0, 0, 0, 0.7);}
	.modal.pop > div{height: 75%; padding: 2.5rem; border-radius: 1.25rem;}
	.modal.pop .cont{padding: 0;}
	.modal .item-list-type1 li{width: 48.461%; margin-top: 1.25rem;}
	.modal .item-list-type2 li{position: relative; margin-top: 1.125rem;}
	.modal .item-list-type3{justify-content: space-between;}
	.modal .item-list-type3 li{width:48.507%; margin: 1.25rem 0 0 0;}
	.modal .item-list-type3 li:nth-child(-n+3){margin-top: 1.25rem;}
	.modal .item-list-type3 li:nth-child(-n+2){margin-top: 0;}
	.modal .item-list-type4{padding: 3.75rem 0; border-top-width: 0.125rem; border-bottom-width: 0.125rem;}
	.modal .item-list-type4 li{padding: 0 1.25rem; margin-top: 1.5625rem;}
	.modal .item-list-type6{padding: 3.125rem 0;}
	.modal .item-list-type6 li{width:47.5%; padding: 0 0; margin-top: 1.25rem;}
	.modal-type1{width: 100%; border-radius: 0;}
	.modal-type1 .head{padding: 5rem 50px 5rem;}
	.modal-type1 .head h3{font-size: 3.75rem; line-height: 4.625rem;}
	.modal-type1 .head h3 + p{margin-top: 1.5625rem; font-size: 2rem;}
	.modal-type1 .head .btn-close{ top: 5.55rem;right: 2.5rem; width: 3.125rem; height: 3.125rem; background-size: 100% auto;}
	.modal-type1 .cont{height: 100%; padding: 0;}
	.modal-type1 .cont.m-spc20{margin-top: -1.25rem;}
	.modal-type1 .cont.m-spc30{margin-top: -1.875rem;}
	.modal-type1 .cont.m-spc40{margin-top: -2.5rem;}
	.modal-type1 .cont.m-spc50{margin-top: -3.125rem;}
	.modal-type1 .cont .scroll{font-size: 1.75rem; line-height: 2.625rem;}
	.modal-type1 .cont .scroll-box{overflow-y: auto; -webkit-overflow-scrolling: touch;}
	.modal-type1 .cont .scroll-box > div{padding: 2.5rem;}
	.modal-type1 .cont .modal-box-type1{margin-top: 3.75rem;}
	.modal-type1 .cont .modal-box-type1 .scroll{width: 100%; height: 7.5rem; margin-top: 0.9375rem; font-size: 1.5rem; line-height: 2.375rem;}
	.modal-type1 .file label{width: 100%; height: 21.25rem; border-width: 0.125rem; border-radius: 1.25rem; font-size: 1.5rem; line-height: 2.5rem;}
	.modal-type1 .file label .txt{padding-top: 6.25rem; background-size: 6.75rem auto;}
	.modal-type1 .file label .txt strong{font-size: 2rem;}
	.modal-type1 .ipt-list{margin-top: 4.0625rem;}
	.modal-type1 .ipt-list > li{margin-top: 2.8125rem;}
	.modal-type1 .ipt-list .chk{position: absolute; top: 1.5625rem; right: 0;}
	.modal-type1 .ipt-list .addr li{margin-top: 2.8125rem;}
	.modal-type1 .ipt-list .addr .btn-addr{position: absolute; top: auto; right: 0; bottom: 1.875rem;}
	.modal-type1 .agree-list .agree{margin-top: 5.9375rem;}
	.modal-type1 .agree-list .agree label{font-size: 2rem;}
	.modal-type1 .agree-list .terms{margin-top: 2rem; border-top-width: 0.125rem;}
	.modal-type1 .agree-list .terms li{padding: 2rem 1.25rem 2rem 0;}
	.modal-type1 .agree-list .terms li button{font-size: 1.75rem;}
	.modal-type1 .txt-box1{font-size: 2rem; line-height: 3rem; letter-spacing: -0.0313rem;}
	.modal-type1 .txt-box2{font-size: 1.55rem; line-height:2rem; letter-spacing: -0.02rem;}
	.modal-type1 .btm{bottom: 2.5rem; width: calc(100% - 5rem); margin-top: 3.125rem;}
	.modal-type1 .btm a.w100p,
	.modal-type1 .btm button.w100p{margin: 1.25rem 0 0;}
	.modal-type1 .btm.static{position: static; width: 100%; transform: none;}
	.modal-type1 .btm.back{display: flex; justify-content: space-between;gap:10px;width:100%;}
	.modal-type1 .btm.back button{margin: 0;}
	.modal-type1.mid:has(.btn-wrap.fixed) .scroll-box {height:calc(100vh - 35.5rem) !important;}
	.modal-type1 .btn-wrap.fixed {padding:3.91rem 2.6rem;}
	.modal-type2{width: 100%; border-radius: 0;}
	.modal-type2.sz2{width: 100%;}
	.modal-type2 .head{height: auto; padding: 0 2.5rem;}
	.modal-type2 .head h3{font-size: 2.25rem; line-height: 7.5rem;}
	.modal-type2 .head .btn-close{top: 0rem; right: 0; width: 7.5rem; height: 7.5rem; background-size: 2.375rem auto;}
	.modal-type2 .cont{height: 100%; padding: 0;}
	.modal-type2 .cont .scroll-box{overflow-y: auto; position:relative;}
	.modal-type2 .cont .scroll-box > div{padding: 2.5rem;}
	.modal-type2 .cont .scroll{overflow-y: visible; max-height: none; /*font-size: 16px; line-height: 24px;*/}
	.modal-type2 .cont .modal-box-type1{margin-top: 5rem;}
	.modal-type2 .cont .modal-box-type1 .scroll{overflow-y: auto; width: 100%; height: 7.5rem; margin-top: 15px; font-size: 1.5rem; line-height: 2.375rem; -webkit-overflow-scrolling: touch;}
	.modal-type2 .cont .tab{padding: 3.75rem 2.5rem 0; margin-bottom: 0;}
	.modal-type2 .ipt-list > li{margin-top: 1.25rem;}
	.modal-h4{margin-bottom: 4.375rem; font-size: 2.625rem; line-height: 4rem;}
	.modal-step{margin-bottom: 3.75rem;}
	.modal-step .progressbar{height: 0.75rem;}
	.modal-step .title .tit{height: 7.5rem; padding-left: 9.0625rem; background-size: 7.5rem auto !important; font-size: 2rem;}
	.modal-step .title .page{font-size: 2rem;}
	.modal-tbl-type1{border-top-width: 0.125rem;}
	.modal-tbl-type1 th,
	.modal-tbl-type1 td{padding: 1.4375rem 0 1.43z5rem; font-size: 1.75rem;}
	
	.modal-tbl-type1 .ipt-btn{display: flex;}
	.modal-tbl-type1 .ipt-btn input{flex: 1; border-top-right-radius: 0; border-bottom-right-radius: 0; border-right: 0;}
	.modal-tbl-type1 .ipt-btn button{min-width: 12.1875rem; width: auto; margin: 0; border-top-left-radius: 0; border-bottom-left-radius: 0;}



	.modal-box-type1 + .modal-tbl-type1{margin-top: 3.75rem;}
	.modal-tbl-type2{border-top-width: 0.125rem;}
	.modal-tbl-type2 th,
	.modal-tbl-type2 td{padding: 1.1875rem 0; border-left-width: 0.125rem; border-bottom-width: 0.125rem; font-size: 1.75rem; line-height: 2.625rem; letter-spacing: -0.0625rem;}
	.modal-tbl-type2 td.txt-left{padding-left: 0; text-align: center !important;}
	.modal-ipt-list li{margin-top: 1.25rem;}
	.modal-txt-box1{padding: 3.4375rem 1.875rem; margin-top: 5.3125rem; border-radius: 1.25rem;}
	.modal-txt-box1 .tit{font-size: 2rem;}
	.modal-txt-box1 .tit + ul{margin-top: 1.875rem;}
	.modal-txt-box1 ul li{padding-left: 1.25rem; font-size: 1.75rem; line-height: 3.375rem;}
	.modal-txt-box1 ul li::before{position: absolute; top: 0; left: 0; content: "\00B7";}
	.modal-txt-box2{padding: 3.4375rem 1.875rem; border-radius: 1.25rem;}
	.modal-txt-box2 .tit{font-size: 2rem;}
	.modal-txt-box2 .tit + p{margin-top: 1.875rem;}
	.modal-txt-box2 p + ul{margin-top: 1.875rem;}
	.modal-box-type1{padding: 1.5625rem; border-width: 0.125rem; border-radius: 0.625rem;}
	.txt-box-type2 + .modal-box-type1{margin-top: 2.5rem !important;}
	.modal-box-type2{height: 10rem; border-width: 0.125rem; border-radius: 0.625rem;}
	.modal-box-type2 span{left: 2.5rem; font-size: 1.75rem;}
	.modal-box-type2 strong{font-size: 2rem;}
	.modal-type1 .chk li .hyundai img {width:8.642rem;}
}
@media all and (max-width:750px) {
	/* input / select */
	.deleteBtn {width:2.05rem;height:2.05rem;}
	.input-t {font-size:1.66rem;margin:2.33rem 0 1.17rem;}
	.modal:has(.modal-type4) {height:100vh;}
	.modal .modal-type4 {height:100vh;border-radius:0;}
	.modal-type4.sz1, .modal-type4.sz2 {max-width:100%;}
	.modal-type4 .head {padding:0 2.33rem 0rem;}
	.modal-type4 h2 {font-size:2.93rem;margin-bottom:4.38rem;}
	.modal-type4 .head .btn-close {width: 2.25rem;height: 2.25rem;background-size: 100% !important;}
	.modal-type4 .cont {padding:2rem 2.33rem;}
	.modal-type4 .tit {font-size:1.75rem;}
	.modal-type4 .scroll-box {max-height:fit-content;}
	.modal-type4 .input-wrap {margin-top:2.33rem;}
	.modal-type4 .txt-box-type2 {padding:2.33rem;margin-bottom:3rem;}
	.modal-type4 .table li {margin-top:0.75rem;}
	.modal-type4 .table li:first-child {margin-top:0;}
	.modal-type4 .th {font-size:1.69rem;}
	.modal-type4 .td {flex-wrap:wrap;font-size:1.69rem;}
	.modal-type4 .input-wrap + .chk {margin-top:3rem;}
	.modal-type4 .chk.all {padding-bottom:2.33rem;}
	.modal-type4 .chk + .chk {margin-top:1.65rem;}
	.modal-type4 .chk.all label {font-size:1.95rem;}
	.modal-type4 .chk label, .modal-type4 .chk a {font-size:1.69rem;}
	.modal-type4 .chk-small {padding-left:3.125rem;font-size:1.76rem;margin-top:1rem;}
	.modal-type4 .btn-wrap {padding:2rem 2.33rem;}
	.modal-type4 .btn-wrap.fixed {position:fixed;bottom:0;width:100%;background-color:#fff;}
	.modal-type4 .btn-type1 {height: 6.25rem; padding: 0 0; border-width: 0.125rem; border-radius:1.25rem; font-size:1.85rem; line-height:6.25rem;}
	.modal-type4.sz2 .btn-type1 {max-width:none;}
	.modal-type4 input[type="text"].input-ty1 {height:6.51rem;font-size:1.85rem;border-radius:1rem;}
	.modal-type4 select.select-ty2 {height:6.51rem;font-size:1.82rem;border-radius: 1rem;}
	.modal-type4 textarea {font-size:1.95rem;padding:2.12rem;height:24.79rem;}
}