/*-------------------------------------------------------------------
  @ Layout
-------------------------------------------------------------------*/
#wrap{width: 100%;}
@media all and (max-width:1299px) {
	img{max-width: 100%;}
}
/* body{
	position:relative;
} 
body:has(.modal.on){
	position:fixed !important;
	width: 100% !important;
} */
body::-webkit-scrollbar {
	width:8px;
}
body::-webkit-scrollbar-track {
	background: #00000000;
  }
body::-webkit-scrollbar-thumb {
	background: #a7a7a77a;
	border-radius:10px;
  }

/* header */
header{position: fixed; top: 0; left: 0; width: 100%; background: var(--white); z-index: 1000;}
header::after{position: absolute; top: 99px; left: 0; width: 100%; height: 1px; background: var(--gray40); content: "";}
header .top-goto{display: none;}
header .gnb-wrap{display: flex; position: relative; justify-content: space-between; width: 1500px; height: 100px; margin: 0 auto;}
header .gnb{display: flex; position: relative; width: 1260px; box-sizing: border-box;}
header .gnb h1{display: inline-block; width: 290px; margin-top:0px;}
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: 980px; text-align: center;} /*20230529*/
header .gnb nav .menu{display: inline-flex;gap:2.5px;}
header .gnb nav .menu > li{word-break: keep-all;min-width: 185px;}
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: 2.2rem; font-weight: 500; color: var(--gray120);justify-content: center;}
header .gnb nav .menu > li > a:hover{color:#00358e}
header .gnb nav .menu > li > a .sb{position: absolute; top: 10px; left: 50%; padding: 0 15px; font-size: 1.8rem; font-weight: 700; line-height: 24px; color: #fff; border-radius: 15px; background: #0072bc; transform: translate(-50%);}
header .gnb nav .menu > li > a .sb::after{position: absolute; bottom: -6px; left: 50%; width: 8px; height: 8px; background: #0072bc; content: ""; transform: rotate(45deg) translateX(-50%);}
header .gnb nav .menu > li .sub{display: none; padding: 18px 0 60px; height:calc(100% - 100px); border-left:1px solid #d7dce5;}
header .gnb nav .menu > li:last-child .sub{border-right:1px solid #d7dce5;}
header .gnb nav .menu > li .sub li a{display: block; font-size: 1.7rem;  font-weight: 500; 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;}


/* 20230529 */
@media (min-width: 1300px){
	header .gnb .search{display: none;}
	/* 20230530gnbt아이즈 선 */
	header .gnb nav .menu > li{position:relative}
	header .gnb nav .menu .biz-menu::before{content:'';display:block; width:2px; height:26px; background: #ddd; position: absolute; left:0 ; top: 36px}
	/* 2023-07-13 */
	.telcom {font-size: 0 !important;}
	.telcom .mo{display:none ;}
	
}
@media (max-width: 1299px){header .gnb .biz-menu{display: none;;}
/* 2023-07-13 */
	.telcom {font-size: 18px;width:100% !important;}
	.telcom .mo{display: block;line-height: 6.1875rem;font-size: 2rem;}

}
header .side .search{position: relative; width: 62px; height: 50px; padding: 0; border-radius: 25px; cursor: pointer; box-sizing: border-box; display: inline-block; }
header .side .search input{width: 100%; min-width: auto; height: 100%; padding:32px 0 0 0; border: 0; border-radius: 0;  font-size: 14px; cursor: pointer; text-align: center; color:#444;}
header .side .search input::placeholder{color:#444;}
header .side .search button{position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 46px; height: 46px; background:transparent url(../images/common/ico_search01.png) center top no-repeat; text-indent: -9999em;}

a.biz span{color:#2838f9}
.icon.arrow-top-right::after{display: block; content:''; width:14px; height:14px; background:url(../images/common/icon-arrow-top-right.png) 50% 50% no-repeat; margin-left:5px;}
/* 2023-08-03 */
header .gnb .search button{position: absolute; top: 0; right: 10px; width: 46px; height: 46px; background: url(../images/common/ico_search01.png) center no-repeat; text-indent: -9999em;}
header .side .banner {z-index:1001;display: none; position:relative;padding:18px 20px 60px;}
header .side .banner li{overflow: hidden; width:auto; height: 80px; margin-top: 10px; border-radius: 10px;display: flex; align-items: center;box-sizing: border-box;}
header .side .banner li:first-child{margin-top: 0;}
header .side .banner li.type1{background: url(../images/common/bg_gnb_bn1.png) right bottom no-repeat #e1eafa;}
header .side .banner li.type2{background: url(../images/common/bg_gnb_bn2.png) right 10px bottom no-repeat #f8eee6;}
header .side .banner li.type3{background: url(../images/common/bg_gnb_bn3.png) right 18px bottom no-repeat #f8e6ed;}
header .side .banner li a{font-size: 18px; font-weight: 700; color: #333;padding-left: 20px;width:100%;height:100%;line-height:80px;text-align:left;}
header .side{position: relative; width: 240px; z-index: 100;}
header .side .user-box {display: flex; margin:27px 0 23px 0; justify-content: space-around;}
header .side .user-box a{display: inline-block; width: 62px; height: 100%; padding-top: 32px;  font-size: 14px; color: #333; text-align: center;}

/* 2023-06-07 */
header .side .user-box a.btn-join{background: url(../images/common/ico_mem02.png) center top no-repeat;}
header .side .user-box a.btn-login{background: url(../images/common/ico_login.png) center top no-repeat;}
header .side .user-box a.btn-my{background: url(../images/common/ico_mem01.png) center top no-repeat;}
header .side .user-box a.btn-logout{background: url(../images/common/ico_logout.png) center top no-repeat;}
header .side .goto{position: absolute; top: 0; right: 0; width: 110px; height: 110px; border-radius: 0; background: #457fec;}
header .side .goto strong{display: inline-block; width: 100%; height: 100%; padding-top: 46px; background: url(../images/common/ico_link.png) center 20px / 18px auto no-repeat; font-size: 16px; line-height: 22px; text-align: center; color: #fff; box-sizing: border-box;}
header .side .goto strong span{display: block;}
header .side .goto::after{position: absolute; right: -10px; bottom: 0; width: 0; height: 0; border-bottom: 10px solid #ccc; border-left: 10px solid transparent; border-right: 10px solid transparent; transform: rotate(180deg); z-index: -1; content: "";}
/* header .side.extend .user-box{display: none;} */ /*20230529*/
header .side.extend .goto{display: flex; position: absolute; top: 27px; left: 0; align-items: center; justify-content: center; width: 100%; height: 46px; border-radius: 25px;}
header .side.extend .goto strong{display: inline-block; width: auto; height: auto; padding: 0; padding-right: 30px; background: url(../images/common/ico_link.png) right center / 18px auto no-repeat; font-size: 18px; color: #fff;}
header .side.extend .goto strong span{display: inline;}
header .side.extend .goto::after{display: none;}
body.b-main header .side{display: none;}
body.b-main header .side.view{display: block; text-align: right;} /*20230529*/
header .mypage{display: none;}
header .search-wrap{display: none; position: absolute; top: 0; left: 0; width: 100%; height: 290px; background: #fff; z-index: 100;}
header .search-wrap.on{display: block;}
header .search-wrap > div{width: 740px; padding-top: 60px; margin: 0 auto;}
header .search-wrap .search-box{display: flex; justify-content: space-between; align-items: center; border-bottom: 3px solid #333;}
header .search-wrap .search-box input{width: 680px; min-width: auto; padding: 0; border: 0; border-radius: 0; font-size: 30px; font-weight: 700; color: #333; line-height: 75px;}
header .search-wrap .search-box input::-webkit-input-placeholder{font-weight: 700; color: #ccc;}
header .search-wrap .search-box input::-moz-placeholder{font-weight: 700; color: #ccc;}
header .search-wrap .search-box input:-ms-input-placeholder{font-weight: 700; color: #ccc;}
header .search-wrap .search-box input:-moz-placeholder{font-weight: 700; color: #ccc;}
header .search-wrap .search-box input::placeholder{font-weight: 700; color: #ccc;}
header .search-wrap .search-box button{width: 40px; height: 75px; background: url(../images/common/ico_search02.png) center / 34px auto no-repeat; text-indent: -9999em;}
header .search-wrap .keyword{display: flex; align-items: center; margin-top: 30px;}
header .search-wrap .keyword .tit{display: block; font-size: 18px; color: #333;}
header .search-wrap .keyword ul{display: flex; margin-left: 35px;}
header .search-wrap .keyword ul li{margin-left: 8px;}
header .search-wrap .keyword ul li:first-child{margin-left: 0;}
header .search-wrap .keyword ul li a{display: block; padding: 0 18px; border-radius: 20px; background: #f4f4f4; font-size: 16px; color: #666; line-height: 40px;}
header .search-wrap .btn-close{position: absolute; bottom: -100px; left: 50%; width: 60px; height: 60px; border-radius: 100%; background: url(../images/common/ico_close01.png) center / 25px auto no-repeat #fff; transform: translateX(-50%); text-indent: -9999em;}
header.over .gnb-wrap{height: auto;}
header.over .gnb nav .menu > li .sub{display: block;}
header.over .side .banner{display: block;}
body.mno header .gnb h1 a{background-image: url(../images/common/mno/logo.png);}
body.mno header .gnb nav .menu > li > a .sb{background: #457fec;}
body.mno header .gnb nav .menu > li > a .sb::after{background: #457fec;}
body.mno header .side .goto{background: #0072bc;}
@media all and (min-width:1300px) and (max-width:1699px) {
	header .gnb-wrap{width: 96.117%;}
	header .gnb{width: calc(100% - 230px);}
	header .gnb .lnb{width: calc(100% - 150px);}
	header .gnb nav{width: 100%;}
	header .gnb nav .menu > li > a{padding: 0 1.6vw;}
}
@media all and (min-width:1300px) and (max-width:1600px) {
	header .gnb .etc{position: relative; padding-top: 27px;}
	header .gnb .search{width: 150px; height: 46px; padding: 0 25px; border-radius: 25px; background: #eee; cursor: pointer; box-sizing: border-box;}
	header .gnb .search button{right: 0;}
}
@media all and (min-width:1300px) and (max-width:1450px) {
	header .gnb .search{width: 46px; height: 46px; padding: 0; border-radius: 100%;}
	header .gnb .search input{display: none;}
}
@media all and (min-width:751px) and (max-width:1299px) {
	header .gnb .lnb{max-width: 375px;}
	header .mypage{max-width: 375px;}
}
@media all and (max-width:1299px) {
	header{position: relative;}
	header.fixed{position: fixed;}
	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;}
	body.b-main header .gnb-wrap{border-bottom: 0;}
	body.b-main header.line .gnb-wrap{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%;}
	header .gnb h1 a{height: 100%;}
	header .gnb .btn-nav{display: block; width: 7.5rem; height: 100%; background: url(../images/common/ico_nav.png) center / 3rem auto no-repeat; text-indent: -9999em;}
	header .gnb .btn-my{display: block; width: 7.5rem; height: 100%; background: url(../images/common/ico_my.png) center / 3rem 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 .etc{position: absolute; top: 1.875rem; left: 2.5rem; width: 73.015%; padding-top: 0;}
	header .gnb .search{position: relative; width: 100%; height: 4.375rem; padding: 0 2.1875rem; border-radius: 2.1875rem; background: #eee; text-align: left; cursor: pointer; box-sizing: border-box;}
	header .gnb .search input{width: 80%; height: 100%; background: #eee; font-size: 1.75rem; cursor: pointer;}
	header .gnb .search button{position: absolute; top: 0; right: 0.9375rem; width: 4.375rem; height: 4.375rem; background: url(../images/common/ico_search01_m.png) center / 2.375rem auto no-repeat; text-indent: -9999em;}
	header .gnb .etc .banner{display: none;}
	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;}
	header .gnb .help{display: block; margin-top:3rem;}
	header .gnb .help .tit{display: block; font-size: 1.75rem; font-weight: 700; color: #333;}
	header .gnb .help .time{margin-top: 0.625rem; font-size: 1.5rem; color: #666;}
	header .gnb .help .tel{display: flex; width: 100%; height: 8.125rem; margin-top: 2.1875rem; border: 0.125rem solid #666; border-radius: 1.5625rem; box-sizing: border-box;}
	header .gnb .help .tel li{display: flex; align-items: center; justify-content: center; width: 33.333%; border-left: 0.125rem solid #eee; font-size: 1.5rem; color: #333; box-sizing: border-box;}
	header .gnb .help .tel li:first-child{border-left: 0;}
	header .gnb .help .tel li strong{display: block; margin-top: 0.625rem; font-size: 1.75rem; font-weight: 700;}
	header .gnb .help .tel2{margin-top: 1.5625rem; font-size: 1.5rem; color: #333;}
	header .gnb .btm{display: block; position: absolute; bottom: 0; left: 0; width: 100%; padding: 2.1875rem 0; background: #f4f4f4; text-align: center;}
	header .gnb .btm ul{display: inline-flex;}
	header .gnb .btm ul li{position: relative; padding: 0 1.5rem;}
	header .gnb .btm ul li::after{position: absolute; top: 50%; left: 0; width: 0.125rem; height: 1.25rem; background: #ccc; content: ""; transform: translateY(-50%);}
	header .gnb .btm ul li:first-child::after{display: none;}
	header .gnb .btm ul li a{display: block; font-size: 1.5rem; color: #333;}
	header .side{display: none !important;}
	header .mypage{display: block; position: fixed; top: 0; right: -100%; width: 100%; height: 100%; padding: 2.0625rem 2.5rem 3.75rem; background: #fff; z-index: 100; box-sizing: border-box; transition: right 0.5s ease;}
	header .mypage.on{right: 0;}
	header .mypage .head{position: relative;}
	header .mypage .head .logo{display: block; width: 17.5rem; height: 3.375rem; background: url(../images/common/mvno/logo.png) left center / 100% auto no-repeat; text-indent: -9999em;}
	header .mypage .head .btn-alarm{position: absolute; top: 0; right: 5rem; width: 3.375rem; height: 3.375rem; background: url(../images/common/ico_alarm.png) center bottom / 2.75rem auto no-repeat;}
	header .mypage .head .btn-alarm span{position: absolute; top: -0.125rem; right: -0.125rem; width: 1.875rem; height: 1.875rem; border-radius: 100%; background: #ff4d50; font-size: 1.25rem; font-weight: 700; color: #fff; line-height: 1.875rem;}
	header .mypage .head .btn-close{position: absolute; top: 0; right: -0.1875rem; width: 3.375rem; height: 3.375rem; background: url(../images/common/ico_close01.png) center / 3.0625rem auto no-repeat; text-indent: -9999em;}
	header .mypage .cont{display: flex; flex-direction: column; height: calc(100% - 5.3125rem - 3.375rem); padding: 0 0.625rem; margin-top: 5.3125rem;}
	header .mypage .user-box .txt{font-size: 2.25rem; line-height: 3.375rem; color: #333;}
	header .mypage .user-box .txt strong{display: block;}
	header .mypage .user-box .btns{display: flex; margin-top: 2.5rem;}
	header .mypage .user-box .btns li{margin-left: 2.5rem;}
	header .mypage .user-box .btns li:first-child{margin-left: 0;}
	header .mypage .user-box .btns li a{display: block; padding-right: 1.5625rem; background: url(../images/common/ico_arw05_right.png) right center / 0.6875rem auto no-repeat; font-size: 1.75rem; font-weight: 600; color: #333;}
	header .mypage .user-box .user{display: flex; align-items: center;}
	header .mypage .user-box .user .name{display: inline-block; font-size: 2.25rem; color: #333;}
	header .mypage .user-box .user .grade{padding: 0 1.875rem; margin-left: 1.25rem; border-radius: 1.5625rem; background: #ff4d50; font-size: 1.75rem; font-weight: 700; color: #fff; line-height: 2.625rem;}
	header .mypage .user-box .user .benefit{padding: 0 1.25rem; margin-left: 1.25rem; border: 0.125rem solid #ddd; border-radius: 0.3125rem; font-size: 1.5rem; color: #666; line-height: 2.375rem;}
	header .mypage .user-box .user .benefit span{display: inline-block; padding-right: 1.25rem; background: url(../images/common/ico_arw02_right.png) right center / 0.6875rem auto no-repeat;}
	header .mypage .user-box .point{margin-top: 1.5625rem; font-size: 2.25rem; font-weight: 700; color: #ff4d50;}
	header .mypage .user-box .point strong{font-size: 4.5rem; font-weight: 800;}
	header .mypage .etc{display: flex; margin-top: 3.75rem; border-top: 0.125rem solid #ddd;}
	header .mypage .etc li{width: 33.333%; height: 11.25rem;}
	header .mypage .etc li a{display: block; width: 100%; height: 100%; padding-top: 6.875rem; font-size: 1.75rem; font-weight: 600; color: #333; text-align: center; box-sizing: border-box;}
	header .mypage .etc li:nth-child(1) a{background: url(../images/common/ico_delivery.png) center 2.5rem / 3.75rem auto no-repeat;}
	header .mypage .etc li:nth-child(2) a{background: url(../images/common/ico_qna.png) center 2.5rem / 3rem auto no-repeat;}
	header .mypage .etc li:nth-child(3) a{background: url(../images/common/ico_faq.png) center 2.5rem / 3.4375rem auto no-repeat;}
	header .mypage .banner{overflow: hidden; width: 100%; border-radius: 1.25rem; margin-top: auto;}
	header .mypage .banner .swiper-pagination{position: absolute; top: 2.1875rem; right: 2.5rem; left: auto; width: auto; font-size: 1.5rem; font-weight: 700; color: #999; line-height: 1;}
	header .mypage .banner .swiper-pagination .swiper-pagination-current{font-weight: 800; color: #333;}
	header .search-wrap{display: none; position: fixed; height: 100%;}
	header .search-wrap.on{display: block;}
	header .search-wrap > div{width: 100%; padding: 9.6875rem 3.125rem; box-sizing: border-box;}
	header .search-wrap .search-box{border-bottom: 0.25rem solid #333;}
	header .search-wrap .search-box input{width: 87%; font-size: 2.625rem; line-height: 6.625rem;}
	header .search-wrap .search-box button{width: 12%; height: 6.625rem; background: url(../images/common/ico_search02.png) right center / 3rem auto no-repeat; text-indent: -9999em;}
	header .search-wrap .keyword{align-items: start; margin-top: 3.75rem;}
	header .search-wrap .keyword .tit{width: 22%; font-size: 1.85rem; line-height: 4rem;}
	header .search-wrap .keyword ul{display: flex; flex-wrap: wrap; width: 73%; margin-left: 2.1875rem;}
	header .search-wrap .keyword ul li{margin: 0; margin-right: 1.25rem; margin-bottom: 1.25rem;}
	header .search-wrap .keyword ul li a{padding: 0 2.5rem; border-radius: 2.1875rem; font-size: 1.75rem; line-height: 4rem;}
	header .search-wrap .btn-close{position: absolute; top: 1.875rem; right: 0.4375rem; bottom: auto; left: auto; width: 3.375rem; height: 3.375rem; background: url(../images/common/ico_close01.png) center / 3.0625rem auto no-repeat; text-indent: -9999em;}
	body.mno header .top-goto{background: #0072bc;}
	body.mno header .mypage .head .logo{background-image: url(../images/common/mno/logo.png);}
}

/* 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%;}
	header.fixed + main{padding-top:7.6rem !important;}
}
@media all and (max-width:750px) {
	.wrap > .main{padding-top:6rem !important;}
}

/* sub */
.sub{overflow: hidden; width: 100%;}
.sub .content{width: 1400px; 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: #0072bc; text-decoration: underline; text-underline-position: under; vertical-align: top;}
.sub .title-wrap.type2{padding-top: 30px; text-align: center;}
.sub .editor-pc{display:block;}
.sub .editor-mo{display:none;}

#sVisu {width:100%; height:270px;  margin-top:0px; background-repeat:no-repeat; background-position:center center; background-size:cover; display:table;}
#sVisu .txt_box {display:table-cell; text-align:center; vertical-align:middle;font-family:'Noto Sans KR'; }
#sVisu .txt_box h2 { font-size:2.35em; color:#fff; letter-spacing:-0.08em; line-height:1.45em; font-weight:500; position:relative; }
#sVisu .txt_box .t1 {font-size:0.95em; color:#fff; line-height:1.6em; letter-spacing:0.025em; font-weight:300; text-transform:uppercase}

.sVisu1 {background-image:url(/assets/images/sub/s_visual1.jpg)}
.sVisu2 {background-image:url(/assets/images/sub/s_visual2.jpg)}
.sVisu3 {background-image:url(/assets/images/sub/s_visual3.jpg)}
.sVisu4 {background-image:url(/assets/images/sub/s_visual4.jpg)}
.sVisu5 {background-image:url(/assets/images/sub/s_visual5.jpg)}
.sVisu6 {background-image:url(/assets/images/sub/s_visual6.jpg)}

h5{display: block; margin: 55px 0 15px; font-size: 20px; font-weight: 700; color: #111;}

@media all and (max-width:1280px) {
#sVisu{ margin-top:0px;}
}


@media screen and (max-width:767px){
#sVisu {height:260px;  margin-top:0px;}
}

@media all and (max-width:480px) {
#sVisu{  height:160px; margin-top:0px;}
}

@media all and (max-width:1599px) {
	.sub{padding: 0;}
	.sub .content{width: 100%; padding: 4.375rem 1.0rem 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; text-align: center;}
	.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 { position: relative; width: 100%; background: #0e1d2c; color:#fff; padding: 3.5em 0;  }
#footer .s-inner { display: flex; align-items: flex-start; gap: 4em; }
#footer .f-link li { display: inline-block; vertical-align: middle; margin-right: 1em; font-size: 1.4em; }
#footer .f-link li a { color:#fff; }
#footer .f-info { margin: 1.5em 0 3em; }
#footer .f-info p { display: inline-block; vertical-align: middle; margin-right: 1em; opacity: 0.4; font-size: 1.3em; line-height: 1.3em; }
#footer .copy { font-size: 1.2em; opacity: 0.2; }



@media all and (max-width:1280px) {
  #footer .s-inner  { gap: 3em; flex-wrap: wrap; }
  #footer .s-inner h1 { width: 20%;  }
  #footer .s-inner h1 img { max-width: 100%; }
  #footer .s-inner .f-cont { width: calc(80% - 3em); }
  #footer .f-info br { display: none; }
}

@media all and (max-width:880px) {
  #footer .s-inner  { gap: 2em; }
  #footer .s-inner .f-cont { width: 100%; }
  #footer .f-info { margin: 1.5em 0 2em; }
}

@media all and (max-width:640px) {
  #footer .s-inner h1 { width: 25%;  }
  #footer .f-link li { margin-right: 0.5em; font-size: 1.6rem; }
  #footer .f-info p { margin-right: 0.5em;  }

}

@media all and (max-width:480px) {
  #footer .s-inner h1 { width: 32%; }
}

@media all and (max-width:380px) {
  #footer .s-inner h1 { width: 35%; }
}

/* footer */
footer{padding: 35px 0 60px; border-top: 1px solid var(--gray40); background:var(--footer_bg);}
footer > div{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: var(--gray120); 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: 15px; color: var(--gray40);}
footer .info{margin-top: 20px;}
footer .info::after{display: block; content: ""; clear: both;}
footer .info li{float: left; margin-right: 15px; font-size: 15px; line-height: 28px; color: var(--gray40);}
footer .info li:nth-child(5){clear: both;}
footer .info li a{vertical-align: top; color: var(--gray40);}
footer .btn-link{display: inline-block; padding: 0 20px; border-radius:4px; margin-top: -2px; background: #999; font-size: 15px; font-weight: 700; line-height:28px; color: #fff !important;}
footer .copy{margin-top: 5px; font-size: 15px; line-height: 28px; color: var(--gray40);}
/* �ъ쟾�밸굺�� 異붽� 221122 */
footer .info-wrap {display: flex; align-items: end;justify-content: space-between;}
footer .agree-img {display: flex;align-items: flex-start;gap: 0 10px;justify-content: flex-end;} /*2023-07-10*/
footer .agree-img img {min-width:85px;height:85px;}
footer .footer_down_text {z-index:2;position:relative;}
footer .footer_down_text::after {content:'>';display:inline-block;font-weight:600;margin-left:5px;transform:rotate(90deg);-moz-transition:transform 0.3s;-webkit-transition:transform 0.3s;transition:transform 0.3s;}
footer .footer_down.on .footer_down_text::after {transform:rotate(270deg);}
footer .footer_down_list {z-index:1;;position:absolute;left:0;display:none;width:100%;background-color:#fff;border-radius:5px;box-shadow:0 1px 3px #00000015;overflow:hidden;padding-top: 25px;top: 0;}
footer .footer_down_list > li {width:100%;padding:0 !important;}
footer .footer_down_list > li a {display:block;color:#333;font-size:14px;font-weight:600;text-align:center;padding:8px 0;}
footer .footer_down_list > li a:hover {color:#f36162;background-color:#FFF9F9;}
footer .footer_down_list > li::after {display:none;}

@media all and (max-width:425px) {

	footer .info-wrap{flex-wrap: wrap;}/* 2023-07-10 */
	footer .agree-img {width: 100%; }/* 2023-07-10 */
	footer .agree-img img {min-width:60px; height:60px;}
}

@media all and (min-width:1300px) and (max-width:1699px) {
	footer > div{width: 94.117%;}
}
@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: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 .menu li::after{width: 0.125rem; height: 1.375rem;}
	footer .menu li a{font-size: 1.5rem; line-height: 2.875rem;}
	footer .info{margin-top: 1.25rem;}
	footer .info li{float: left; margin-right: 1.25rem; font-size: 1.375rem; line-height: 2.375rem;}
	footer .info li:nth-child(5){clear: both;}
	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.375rem;}
	footer .footer_down_list {padding-top:2.5rem;}
	footer .footer_down_list > li a {font-size:1.45rem;padding:0.25rem;}
}

/* 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 */
}
/* 모토로라page 팝업 popup2 */
.popup2{display: none; position: fixed; left: 0; top: 0; z-index: 1200; width: 160%; height: 100%; background: rgba(0, 0, 0, 0.7);}
.popup2.on{display: block;}
.popup2 .con{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.popup2 .list{display: flex;}
.popup2 .list li{display:none; width: 440px; overflow: hidden; margin: 0 20px; border-radius: 20px;}
.popup2 .list li.on{display:block;}
.popup2 .list li:first-child{margin-left: 0;}
.popup2 .list li:last-child{margin-right: 0;}
.popup2 .list li img{width: 100%;}
.popup2 .list li .btm{display: flex; justify-content: space-between; align-items: center; height: 50px; padding: 0 20px; background: #222;}
.popup2 .list li .btm button{background: none; font-size: 15px; color: #fff;}
.popup2 .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;}
.popup2 .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) {
	.popup2 .list li{width: 27.5rem; margin: 0 1.25rem;}
}
@media all and (max-width:1000px) {
	.popup2 .list li .btm{height: 3.75rem; padding: 0 1.25rem;}
	.popup2 .list li .btm button{font-size: 1.25rem;}
}
@media all and (max-width:750px) {
	.popup2{display: none; position: fixed; left: 0; top: 0; z-index: 1200; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7);}
	.popup2 .con{width: 89.333%;}
	.popup2 .list{overflow: hidden; border-radius: 1.25rem;}
	.popup2 .list li{width: 100%; margin: 0; border-radius: 0;}
	.popup2 .list li img{width: 100%;max-width:inherit;}
	.popup2 .list li .btm{height: 5rem; padding: 0 2.5rem;}
	.popup2 .list li .btm button{font-size: 1.5rem;}
	.popup2 .swiper-pagination{width: 100%; bottom: -3.75rem;}
	.popup2 .swiper-pagination-bullet{width: 1.25rem; height: 1.25rem; background: #fff; opacity: 0.4; margin: 0 0.625rem;}
	.popup2 .swiper-pagination-bullet-active{opacity: 1;}
	.popup2 .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;}
	.popup2 .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;}
}

/* 요금상세 팝업 popup3 */
.popup3{display: none; position: fixed; left: 0; top: 0; z-index: 1200; width: 160%; height: 100%; background: rgba(0, 0, 0, 0.7);}
.popup3.on{display: block;}
.popup3 .con{position: absolute; left: 30%; top: 50%; transform: translate(-50%, -50%);}
.popup3 .list{display: flex;}
.popup3 .list li{display:none; width: 440px; overflow: hidden; margin: 0 20px; border-radius: 20px;}
.popup3 .list li.on{display:block;}
.popup3 .list li:first-child{margin-left: 0;}
.popup3 .list li:last-child{margin-right: 0;}
.popup3 .list li img{width: 100%;}
.popup3 .list li .btm{display: flex; justify-content: space-between; align-items: center; height: 50px; padding: 0 20px; background: #222;}
.popup3 .list li .btm button{background: none; font-size: 15px; color: #fff;}
.popup3 .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;}
.popup3 .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) {
	.popup3 .list li{width: 27.5rem; margin: 0 1.25rem;}
}
@media all and (max-width:1000px) {
	.popup3 .list li .btm{height: 3.75rem; padding: 0 1.25rem;}
	.popup3 .list li .btm button{font-size: 1.25rem;}
}
@media all and (max-width:750px) {
	.popup3{display: none; position: fixed; left: 0; top: 0; z-index: 1200; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7);}
	.popup3 .con{width: 89.333%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
	.popup3 .con{width: 89.333%;}
	.popup3 .list{overflow: hidden; border-radius: 1.25rem;}
	.popup3 .list li{width: 100%; margin: 0; border-radius: 0;}
	.popup3 .list li img{width: 100%;}
	.popup3 .list li .btm{height: 5rem; padding: 0 2.5rem;}
	.popup3 .list li .btm button{font-size: 1.5rem;}
	.popup3 .swiper-pagination{width: 100%; bottom: -3.75rem;}
	.popup3 .swiper-pagination-bullet{width: 1.25rem; height: 1.25rem; background: #fff; opacity: 0.4; margin: 0 0.625rem;}
	.popup3 .swiper-pagination-bullet-active{opacity: 1;}
	.popup3 .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;}
	.popup3 .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;}
}


/*-------------------------------------------------------------------
  @ 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.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;}
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(../images/common/checkbox02_on.png) center / 24px auto no-repeat;}
input[type="checkbox"] + label.empty{padding-left: 24px; text-indent: -9999em;}
input[type="checkbox"] + label.empty::after{content: ".";}


/* 221031 약관동의 레이아웃 수정 */

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: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_on.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;}

body.mno input[type="checkbox"] + label.checkbox-type3 .icon{background: #457fec;}
body.mno input[type="checkbox"] + label.checkbox-type3 > .txt-box1 .txt2{color: #457fec;}
body.mno input[type="checkbox"] + label.checkbox-type3 > .txt-box1 .txt4{color: #457fec;}
body.mno input[type="checkbox"]:checked + label.checkbox-type3{border-color: #457fec;}
body.mno input[type="checkbox"]:checked + label.checkbox-type3 > span{background-image: url(../images/common/ico_check02_on_mno.png);}
body.mno input[type="checkbox"]:checked + label.checkbox-type3 > .txt-box1{background-image: url(../images/common/ico_check02_on_mno.png);}
body.mno input[type="radio"] + label.radio-type3 .icon{background: #457fec;}
body.mno input[type="radio"] + label.radio-type3 > .txt-box1 .txt2{color: #457fec;}
body.mno input[type="radio"] + label.radio-type3 > .txt-box1 .txt4{color: #457fec;}
body.mno input[type="radio"]:checked + label.radio-type3{border-color: #457fec;}
body.mno input[type="radio"]:checked + label.radio-type3 > span{background-image: url(../images/common/ico_check02_on_mno.png);}
body.mno input[type="radio"]:checked + label.radio-type3 > .txt-box1{background-image: url(../images/common/ico_check02_on_mno.png);}
body.mno input[type="radio"] + label.radio-type8 .price{color: #457fec;}
body.mno input[type="radio"]:checked + label.radio-type8{border-color: #457fec;}
body.mno input[type="radio"]:checked + label.radio-type8 > div{background-image: url(../images/common/ico_check02_on_mno.png);}
body.mno input[type="radio"] + label.radio-type9 .price{color: #457fec;}
body.mno input[type="radio"]:checked + label.radio-type9{border-color: #457fec;}
body.mno input[type="radio"]:checked + label.radio-type9 > div{background-image: url(../images/common/ico_check02_on_mno.png);}
.ui-datepicker-title select{min-width: auto; height: 1.8rem; background-color: #fff; font-size: 14px !important;}
.ui-widget-header .ui-icon{background-image: url(../images/common/ui-icons_444444_256x240.png);}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next{top: 4px; cursor: pointer;}
.ui-datepicker .ui-datepicker-prev:hover{left: 2px; border: 0; background: #fff;}
.ui-datepicker .ui-datepicker-next:hover{right: 2px; border: 0; background: #fff;}
@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: 700; color: #111;}
.h3 span{font-size: 30px; font-weight: 500;}
.h4{display: block; font-size: 30px; font-weight: 700; color: #111;}
.h5{display: block; font-size: 24px; font-weight: 700; color: #111;}
@media all and (max-width:1299px) {
	.h3{font-size: 3.75rem; line-height: 4.25rem;}
	.h3 span{display: block; margin-top: 0.625rem; font-size: 3rem;}
	.h4{font-size: 2.625rem; 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: #0072bc; vertical-align: top; text-decoration: underline; text-underline-position: under;}
.txt-box-type4{padding: 23px 0; margin-top: 20px; border: 1px solid #0072bc; border-radius: 10px; background: #fef7f7; font-size: 24px; color: #111; text-align: center;}
.txt-box-type4 em{color: #ff4d50; 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 #0072bc; 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: #0072bc;}
.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: space-between;}
.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: 5px; 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: #f46163; background: #f46163;}
.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.w100p {width: 100% !important;}
.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: #0072bc; border-color: #0072bc; 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: #0072bc; background: #fff; color: #0072bc;}
.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-type4.min-w1{width: 65px;}
.btn-type4.min-w2{width: 155px;}
.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: #0072bc; background: #fff; color: #ff4d50;}
.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.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: #0072bc; background: #fff; color: #0072bc;}
.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: 5.625rem; padding: 0 0; border-width: 0.125rem; border-radius: 0.625rem; font-size: 2rem; line-height: 5.5rem;}
	.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-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;}
.bul.dot > li::before{position:absolute; top:0; left:0; content:"\00B7"; vertical-align: middle;}
.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:#0072bc;}
.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);}
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.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;}
	p.bul.bill{position:relative; padding-left: 1.875rem;}
	p.bul.dash{position: relative; padding-left: 1.25rem;}
}

/* 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: #0072bc; border-left: 1px solid #ddd; background: #0072bc;}
.tab-type1 ul li:first-child.on{border-color: #0072bc;}
.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: #0072bc; border-left: 1px solid #ddd; background: #0072bc;}
.tab-type2 ul li:first-child.on{border-color: #0072bc;}
.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:#0072bc;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:#0072bc;}

@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-type1 ul.m-col4{flex-wrap: wrap;}
	.tab-type1 ul.m-col4 li{flex: none; width: 25%; border-top: 0; box-sizing: border-box;}
	.tab-type1 ul.m-col4 li:nth-child(-n+4){border-top: 0.125rem solid #ddd;}
	.tab-type1 ul.m-col4 li:nth-child(4n){border-radius: 0 0.625rem 0 0; border-right: 0.125rem solid #ddd;}
	.tab-type1 ul.m-col4 li:nth-child(4n+1){border-radius: 0.625rem 0 0 0;}
	.tab-type1 ul.m-col4 li:nth-last-child(4){border-radius: 0 0 0 0.625rem;}
	.tab-type1 ul.m-col4 li:last-child{border-radius: 0 0 0.625rem 0;}
	.tab-type1 ul.m-col4 li a,
	.tab-type1 ul.m-col4 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;}
}

/* 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-type1.sz4 li .t{width: 160px;}
.tbl-type1.sz4 li .c{width: 310px;}
.tbl-type1 li.col2 .c{width:600px;}

.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 .state{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{width: 90px; padding: 0;}
.tbl-type3.order .btn-list li a{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: 280px;}
.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: 15rem; 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:7.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: 4.3rem;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: 101.25rem;}
	.scroll-box-x .tbl-type3{width: 101.25rem;}
	.scroll-box-x .tbl-type4{width: 101.25rem;}*/
}

@media all and (max-width:899px) {
	.scroll-box-x .tbl-type2{width: 81.25rem;}
	.scroll-box-x .tbl-type3{width: 81.25rem;}
	.scroll-box-x .tbl-type4{width: 81.25rem;}
}

/* board-list */
.board-list-top{display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 30px;}
.board-list-top > div:last-child{flex: 1;}
.board-list-top .total{display: block; font-size: 18px; font-weight: 700; color: #333;}
.board-list-top .total span{color: #f46163;}
.board-list{border-top: 1px solid #333;}
.board-list .thead{display: flex; border-bottom: 1px solid #333;}
.board-list .thead > div{padding: 15px 0; font-size: 16px; font-weight: 700; color: #333; text-align: center;}
.board-list .tbody > li{display: flex; align-items: center; flex-wrap: wrap; border-bottom: 1px solid #ddd;}
.board-list .tbody > li > div{padding: 15px 0; font-size: 16px; color: #333; text-align: center;}
.board-list .tbody > li .btn-name{background: none; font-size: 16px; color: #333; vertical-align: top;}
.board-list .tbody > li .sbj{padding-left: 20px; text-align: left; box-sizing: border-box;}
.board-list .tbody > li .sbj a{display: inline-block; color: #333; vertical-align: top;}
.board-list .tbody > li .cmt{font-weight: 700; color: #0072bc;}
.board-list .tbody > li .ico-file{width: 17px; margin-left: 5px; vertical-align: -2px;}
.board-list .tbody > li .ico-img{width: 19px; margin-left: 5px; vertical-align: -2px;}
.board-list .tbody > li .vio{display: inline-block; padding-left: 25px; background: url(../images/common/ico_vio.png) left center / 18px auto no-repeat; color: #999;}
.board-list .tbody > li .urg span{display: inline-block; padding: 0 8px 0 24px; border-radius: 5px; background: url(../images/common/ico_urg.png) 8px center / 12px auto no-repeat #0072bc; font-size: 14px; line-height: 24px; font-weight: 700; color: #fff;}
.board-list .thead .chk,
.board-list .tbody > li .chk{width: 60px;}
.board-list .thead .no,
.board-list .tbody > li .no{width: 80px;}
.board-list .thead .name,
.board-list .tbody > li .name{width: 150px;}
.board-list .tbody > li .name .badge{display: inline-flex; align-items: center; width: auto; text-align: left;}
.board-list .tbody > li .name .badge img{width: auto; height: 24px; margin-right: 8px;}
.board-list .thead .type,
.board-list .tbody > li .type{width: 150px;}
.board-list .thead .state,
.board-list .tbody > li .state{width: 180px;}
.board-list .thead .sbj,
.board-list .tbody > li .sbj{flex: 1; width: 690px;}
.board-list .thead .recomm,
.board-list .tbody > li .recomm{width: 80px;}
.board-list .thead .writer,
.board-list .tbody > li .writer{width: 140px;}
.board-list .thead .view,
.board-list .tbody > li .view{width: 80px;}
.board-list .thead .date,
.board-list .tbody > li .date{width: 120px;}
.board-list .thead .rating,
.board-list .tbody > li .rating{width: 160px;}

.board-list .thead .edu,
.board-list .tbody > li .edu{width: 180px;}
.board-list .thead .apply,
.board-list .tbody > li .apply{width: 180px;}
.board-list .thead .join,
.board-list .tbody > li .join{width: 120px;}
.board-list .thead .state,
.board-list .tbody > li .state{width: 120px;}


.board-list .empty{display: flex; align-items: center; justify-content: center; height: 300px; border-bottom: 1px solid #ddd; text-align: center;}
.board-list .empty p{padding-top: 110px; background: url(../images/common/ico_exc02.png) center top / 92px auto no-repeat; font-size: 16px; color: #666;}
body.mno .board-list-top .total span{color: #457fec;}
body.mno .board-list .cmt{color: #457fec;}
body.mno .board-list .tbody > li .urg span{background-color: #457fec;}
.board-img-list .list{display: flex; flex-wrap: wrap; width: 1230px; margin-left: -15px;}
.board-img-list .list > li{width: 380px; margin: 30px 15px 0;}
.board-img-list .list > li:nth-child(-n+3){margin-top: 0;}
.board-img-list .list > li a{display:block; height: 100%; overflow: hidden; border: 1px solid #ddd; border-radius: 20px; box-sizing: border-box;}
.board-img-list .list > li .img{overflow: hidden; height: 239px;}
.board-img-list .list > li .img img{width: 100%;}
.board-img-list .list > li .info{padding: 30px;}
.board-img-list .list > li .info .txt{min-height: 68px;}
.board-img-list .list > li .info .top{display: flex; justify-content: space-between; align-items: center;}
.board-img-list .list > li .info .top strong{font-size: 15px; color: #333;}
.board-img-list .list > li .info .top span{font-size: 15px; color: #aaa;}
.board-img-list .list > li .info .tit{display: block; margin-top: 15px; font-size: 30px; color: #333; overflow: visible; text-overflow: clip; white-space: normal;} /* �됯컙 �섏젙 221122 */
.board-img-list .list > li .info .btm{display: flex; flex-direction: column; height: 75px; margin-top: 25px;}
.board-img-list .list > li .info .btm .hash{display: flex; flex-wrap: wrap; height: 40px; overflow: hidden;}
.board-img-list .list > li .info .btm .hash li{padding: 0 10px; margin: 4px 8px 4px 0; border-radius: 10px; background: #f4f4f4; font-size: 15px; color: #707070; line-height: 32px; letter-spacing: -1px;}
.board-img-list .list > li .info .btm .count{margin-top: auto;}
.board-img-list .list > li .info .btm .count span{display: inline-block; font-size: 14px; font-weight: 700; color: #333; line-height: 20px;}
.board-img-list .list > li .info .btm .count .good{padding-left: 26px; background: url(../images/common/ico_good.png) left center / 21px auto no-repeat;}
.board-img-list .list > li .info .btm .count .cmt{padding-left: 26px; margin-left: 10px; background: url(../images/common/ico_cmt.png) left center / 22px auto no-repeat;}
.card-list .list{width: 102.5%; margin-left: -1.219%;}
.card-list .list::after{display: block; content: ""; clear: both;}
.card-list .list > li{overflow: hidden; float: left; width: 30.894%; height: 457px; margin: 30px 1.219% 0; border: 1px solid #ddd; border-radius: 20px; box-sizing: border-box;}
.card-list .list > li:nth-child(-n+3){margin-top: 0;}
.card-list .list > li .info{padding: 30px;}
.card-list .list > li .info .txt{min-height: 68px;}
.card-list .list > li .info .tit{display: block; font-size: 30px; color: #333; line-height: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.card-list .list > li .info p{margin-top: 15px; font-size: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.card-list .list > li .info .btn{margin-top: 35px;}
.event-list .list > li{margin-top: 30px;}
.event-list .list > li:first-child{margin-top: 0;}
.event-list .list > li{position: relative; overflow: hidden; border-radius: 20px;}
.event-list .list > li a{display: block;}
.event-list .list > li .img .mo{display: none;}
.event-list .list > li .info{position: absolute; top: 50%; left: 0; width: 100%; padding-left: 60px; transform: translateY(-50%); box-sizing: border-box;}
.event-list .list > li .info .top{display: flex;}
.event-list .list > li .info .top .ctg{display: block; min-width: 135px; padding: 0 25px; border-radius: 20px; background: #111; font-size: 16px; line-height: 32px; font-weight: 700; color: #fff; text-align: center; box-sizing: border-box;}
.event-list .list > li .info .top .dday{display: block; width: 70px; margin-left: 10px; border-radius: 20px; background: #0072bc; font-size: 16px; line-height: 32px; font-weight: 700; color: #fff; text-align: center; box-sizing: border-box;}
.event-list .list > li .info .tit{display: block; margin: 20px 0; font-size: 36px; color: #222;}
.event-list .list > li .info .etc li{font-size: 18px; color: #333;}
.event-list .list.closed > li{opacity: 0.5;}
.event-list + .btn-wrap{margin-top: 60px;}
.ssaida-list .list{display: flex; flex-wrap: wrap; width: 1230px; margin-left: -15px;}
.ssaida-list .list > li{position: relative; overflow: hidden; width: 380px; margin: 30px 15px 0; border: 1px solid #ddd; border-radius: 20px; box-sizing: border-box;}
.ssaida-list .list > li:nth-child(-n+3){margin-top: 0;}
.ssaida-list .list > li .point{display: flex; position: absolute; top: 20px; left: 20px; align-items: center; justify-content: center; width: 70px; height: 28px; border-radius: 20px; background: #4c4c4c;}
.ssaida-list .list > li .point span{display: block; padding-left: 15px; background: url(../images/common/ico_ssaida.png) left center / 8px auto no-repeat; font-size: 16px; font-weight: 700; color: #fff;}
.ssaida-list .list > li .img{overflow: hidden; height: 239px;}
.ssaida-list .list > li .img img{width: 100%;}
.ssaida-list .list > li .info{padding: 25px 30px 30px;}
.ssaida-list .list > li .info .top{display: flex; justify-content: space-between; align-items: center;}
.ssaida-list .list > li .info .top .date{font-size: 15px; color: #999;}
.ssaida-list .list > li .info .tit{display: block; height: 76px; margin-top: 10px; font-size: 30px; color: #333; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical}
.ssaida-list .list > li .info .quan{margin-top: 10px; font-size: 18px; color: #666;}
.ssaida-list .list > li .info .quan strong{color: #0072bc;}
.ssaida-list .list > li .btn{margin-top: 35px;}
.ssaida-list .list > li .closed{display: flex; position: absolute; top: 0; left: 0; align-items: center; justify-content: center; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 10;}
.ssaida-list .list > li .closed span{display: flex; align-items: center; justify-content: center; height: 60px; padding: 0 40px; border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 30px; font-size: 24px; color: #fff; box-sizing: border-box;}
.form-list{border-top: 1px solid #333;}
.form-list li{display: flex; align-items: center; padding: 12px 20px; border-bottom: 1px solid #ddd; font-size: 16px; color: #333;}
.form-list li .ctg{width: 200px;}
.form-list li .tit{flex: 1;}

.board-list input[type="checkbox"] + label {
	padding-left:15px !important;
}

.board-list input[type="checkbox"] + label:before {
    position: relative;
    display: block;
    width: 24px;
    height: 24px;
	padding-left:15px !important;
}

.board-list.booking .tbody > li .sbj a {color:var(--black)}
.board-list.booking .tbody > li .sbj a:focus {color:var(--blue110)}
.board-list.booking .tbody > li .sbj a:hover {color:var(--blue110)}

/*
.board-list .agree input[type="checkbox"] + label {
    padding: 15px 20px;
}


.board-list input[type="checkbox"] + label:before {
    position: relative;
    background: #FFFFFF;
    border: 1px solid #E7E7E7;
    border-radius: 50%;
    display: block;
    width: 20px;
    height: 20px;
}

.board-list input[type="checkbox"]:checked + label:before {
    background: url(/assets/images/checked.svg)no-repeat center;
    background-size: contain;
    border-color: #333;
}
*/
@media all and (max-width:1299px) {
	.board-list-top{flex-wrap: wrap; margin-bottom: 2.1875rem;}
	.board-list-top .total{order: 1; width: 100%; margin-top: 3.4375rem; font-size: 2rem;}
	.board-list{border-top-width: 0.125rem;}
	.board-list .total{order: 2;}
	.board-list .thead{display: none;}
	.board-list .tbody > li{display: flex; position: relative; flex-wrap: wrap; padding: 1.875rem 0 2.1875rem; border-bottom-width: 0.125rem;}
	.board-list .tbody > li > div{position: relative; padding: 0 1.25rem; font-size: 1.75rem;}
	.board-list .tbody > li > div::after{position: absolute; top: 50%; left: 0; width: 0.125rem; height: 1.5rem; background: #ddd; transform: translateY(-50%); content: "";}
	.board-list .tbody > li .btn-name{font-size: 1.75rem; color: #999;}
	.board-list .tbody > li .sbj{padding: 0; margin-bottom: 0.9375rem;}
	.board-list .tbody > li .sbj a{font-size: 2rem; line-height: 3.375rem;}
	.board-list .tbody > li .cmt{margin-left: 0.625rem; font-size: 2rem; line-height: 3.375rem; vertical-align: middle;}
	.board-list .tbody > li .ico-file{width: 2.0625rem; margin-left: 0.9375rem; vertical-align: middle;}
	.board-list .tbody > li .ico-img{width: 1.9375rem; margin-left: 0.9375rem; vertical-align: middle;}
	.board-list .tbody > li .vio{font-size: 2rem; padding-left: 0; background: none;}
	.board-list .thead .no,
	.board-list .tbody > li .no{display: none;}
	.board-list .tbody > li .no.urg{display: inline-block; width: auto; padding: 0; margin-right: 0.9375rem; vertical-align: 0.1875rem;}
	.board-list .tbody > li .no.urg::after{display: none;}
	.board-list .tbody > li .no.urg span{padding: 0 0.9375rem 0 2.5rem; border-radius: 0.3125rem; background-position: 0.8125rem auto; background-size: 1.5rem auto; font-size: 1.5rem; line-height: 2.5rem;}
	.board-list .tbody > li .type{order: 1; width: auto; padding-left: 0; padding-right: 0; margin-right: 0.625rem; font-size: 2rem; line-height: 3.375rem; font-weight: 700; vertical-align: baseline;}
	.board-list .tbody > li .type::after{display: none;}
	.board-list .tbody > li .name{order: 2; width: auto; color: #999;}
	.board-list .tbody > li .name::after{display: none;}
	.board-list .tbody > li .name .badge{width: auto;}
	.board-list .tbody > li .name .badge img{height: 1.9375rem; margin-right: 0.5rem;}

	.board-list .tbody > li .chk{flex: none; order: 1; width: 100%; vertical-align: baseline; text-align:left;}
	.board-list .tbody > li .chk::after{display: none;}

	.board-list .tbody > li .sbj{flex: none; order: 1; width: 100%; vertical-align: baseline;}
	.board-list .tbody > li .sbj::after{display: none;}
	.board-list .tbody > li .recomm{order: 3; width: auto; color: #999;}
	.board-list .tbody > li .recomm::before{content: "추천 ";}
	.board-list .tbody > li .view{order: 4; width: auto; color: #999;}
	.board-list .tbody > li .view::before{content: "조회 ";}
	.board-list .tbody > li .date{order: 5; width: auto; color: #999;}
	.board-list.user .tbody > li .recomm{padding-left: 0;}
	.board-list.user .tbody > li .recomm::after{display: none;}

	.board-list input[type="checkbox"] + label {
		padding-left:0px !important;
	}



	.board-list.booking .tbody > li{display: block;}

	.board-list.booking .tbody > li .edu{flex: none; order: 1; width: 100%; vertical-align: baseline; text-align:left; color:#000;padding:0px;}
	.board-list.booking .tbody > li .edu::after{display: none;}
	.board-list.booking .tbody > li .edu::before{content: "연수기간 "; color:#999;}

	.board-list.booking .tbody > li .apply{flex: none; order: 1; width: 100%; vertical-align: baseline; text-align:left; color:#000;padding:0px;}
	.board-list.booking .tbody > li .apply::after{display: none;}
	.board-list.booking .tbody > li .apply::before{content: "신청기간 "; color:#999;}

	.board-list.booking .tbody > li .join{flex: none; order: 1; width: 100%; vertical-align: baseline; text-align:left; color:#000;padding:0px;}
	.board-list.booking .tbody > li .join::after{display: none;}
	.board-list.booking .tbody > li .join::before{content: "신청인원 "; color:#999;}

	.board-list.booking .tbody > li .state{flex: none; order: 1; width: 100%; vertical-align: baseline; margin-top:1em; text-align:left; color:#999;padding:0px;}
	.board-list.booking .tbody > li .state::after{display: none;}


/*	.board-list.booking .tbody > li .edu{order: 4; width: auto; color: #999;}
	.board-list.booking .tbody > li .edu::before{content: "연수기간 ";}
	.board-list.booking .tbody > li .apply{order: 4; width: auto; color: #999;}
	.board-list.booking .tbody > li .apply::before{content: "신청기간 ";}

	.board-list.booking .tbody > li .join{order: 4; width: auto; color: #999;}
	.board-list.booking .tbody > li .join::before{content: "신청인원 ";}

	.board-list.booking .tbody > li .chk{flex: none; order: 1; width: auto; vertical-align: baseline; padding:0px;}
	.board-list.booking .tbody > li .chk::after{display: none;}
	.board-list.booking .tbody > li .sbj a{display: inline;}
	.board-list.booking .tbody > li .edu{display: block;}
	.board-list.booking .tbody > li .apply{display: block;}*/


	.board-list.notice .tbody > li{display: block;}
	.board-list.notice .tbody > li .chk{flex: none; order: 1; width: auto; vertical-align: baseline; padding:0px;}
	.board-list.notice .tbody > li .chk::after{display: none;}
	.board-list.notice .tbody > li .type{display: inline;}
/*	.board-list.notice .tbody > li .sbj{display: inline;}*/
	.board-list.notice .tbody > li .sbj a{display: inline;}
	.board-list.notice .tbody > li .name {display: inline;}
	.board-list.notice .tbody > li .date{display: inline;}
	.board-list.notice .tbody > li .view{display: inline;}

	.board-list .tbody > li .sbj{flex: none; order: 1; width: 100%; vertical-align: baseline; text-align:left;}
	.board-list .tbody > li .sbj::after{display: none;}


	.board-list.notice .tbody > li .name{display: inline; padding: 0; margin-top: 1.25rem; text-align: left;margin-right: 0.625rem}

/*	.board-list.booking .tbody > li .state{ display: inline;order: 2; width: auto; padding: 0; margin-right: 0.625rem; font-size: 2rem; vertical-align: baseline;}
	.board-list.booking .tbody > li .state::after{display: none;}*/

/*	.board-list.notice .tbody > li .name::after{display: inline;}*/
/*	.board-list.notice .tbody > li .date{display: block; padding: 0; margin-top: 1.25rem; text-align: left;}*/
/*	.board-list.notice .tbody > li .date::after{display: none;}*/

/*
	.board-list.notice .tbody > li .date{display: block; padding: 0; margin-top: 1.25rem; text-align: left;}
	.board-list.notice .tbody > li .date::after{display: none;}
	*/
	.board-list.inquiry .tbody > li .state{ display: inline;order: 2; width: auto; padding: 0; margin-right: 0.625rem; font-size: 2rem; vertical-align: baseline;}
	.board-list.inquiry .tbody > li .state::after{display: none;}
	.board-list.inquiry .tbody > li .sbj{ display: inline;order: 3; width: auto; margin-bottom: 0; vertical-align: baseline;}
	.board-list.inquiry .tbody > li .sbj a{display: inline;}
	.board-list.inquiry .tbody > li .date{width: 100%; order: 1; text-align: left; padding: 0; margin-bottom: 0.625rem;}
	.board-list.inquiry .tbody > li .date::after{display: none;}
	.board-list.inquiry .tbody > li .rating{position: absolute; top: 1.25rem; right: 0; width: auto; padding: 0;}
	.board-list.inquiry .tbody > li .rating::after{display: none;}
	.board-list.inquiry .tbody > li .rating a,
	.board-list.inquiry .tbody > li .rating button{width: 9.375rem;}
	.board-list .empty{height: 35.625rem; border-bottom-width: 0.125rem;}
	.board-list .empty p{padding-top: 9.375rem; background-size: 7.5625rem auto; font-size: 2rem;}
	.board-img-list .list{display: block; width: 100%; margin-left: 0;}
	.board-img-list .list > li{width: 100%; margin: 1.25rem 0 0;}
	.board-img-list .list > li:nth-child(-n+3){margin-top: 1.25rem;}
	.board-img-list .list > li a{border-width: 0.125rem; border-radius: 1.25rem;}
	.board-img-list .list > li .img{height: auto;}
	.board-img-list .list > li .info{padding: 2.1875rem 2.5rem 2.5rem;}
	.board-img-list .list > li .info .txt{min-height: auto;}
	.board-img-list .list > li .info .top strong{font-size: 1.5rem;}
	.board-img-list .list > li .info .top span{font-size: 1.5rem;}
	.board-img-list .list > li .info .tit{margin-top: 1.5625rem; font-size: 3rem; line-height: 4rem; overflow: visible; text-overflow: clip; white-space: normal;}
	.board-img-list .list > li .info .btm{display: block; height: auto; margin-top: 1.5625rem;}
	.board-img-list .list > li .info .btm .hash{height: auto;}
	.board-img-list .list > li .info .btm .hash li{padding: 0 0.9375rem; margin: 0.3125rem 0.625rem 0.3125rem 0; border-radius: 0.625rem; font-size: 1.5rem; line-height: 3rem; letter-spacing: -0.0625rem;}
	.board-img-list .list > li .info .btm .count{margin-top: 2.1875rem;}
	.board-img-list .list > li .info .btm .count span{display: inline-block; font-size: 1.5rem; line-height: 2.25rem;}
	.board-img-list .list > li .info .btm .count .good{padding-left: 3.125rem; background-size: 2.25rem auto;}
	.board-img-list .list > li .info .btm .count .cmt{padding-left: 3.125rem; margin-left: 1.25rem; background-size: 2.375rem auto;}
	.card-list .list{width: 100%; margin-left: 0;}
	.card-list .list > li{float: none; width: 100%; height: auto; margin: 1.875rem 0 0; border-width: 0.125rem; border-radius: 1.25rem;}
	.card-list .list > li:nth-child(-n+3){margin-top: 1.875rem;}
	.card-list .list > li .img img{width: 100%;}
	.card-list .list > li .info{padding: 3.75rem 2.5rem 2.5rem;}
	.card-list .list > li .info .txt{min-height: auto;}
	.card-list .list > li .info .tit{font-size: 3rem;}
	.card-list .list > li .info p{margin-top: 1.25rem; font-size: 2rem;}
	.card-list .list > li .info .btn{margin-top: 3.125rem;}
	.event-list .list > li{margin-top: 4.6875rem;}
	.event-list .list > li{border-radius: 0;}
	.event-list .list > li .img{overflow: hidden; border-radius: 1.25rem;}
	.event-list .list > li .img .pc{display: none;}
	.event-list .list > li .img .mo{display: block;}
	.event-list .list > li .info{position: static; padding-left: 0; margin-top: 2.5rem; transform: translateY(0);}
	.event-list .list > li .info .top .ctg{min-width: 15rem; padding: 0; border-radius: 1.875rem; font-size: 1.75rem; line-height: 3rem;}
	.event-list .list > li .info .top .dday{width: 7.5rem; margin-left: 0.625rem; border-radius: 1.875rem; font-size: 1.75rem; line-height: 3rem;}
	.event-list .list > li .info .tit{margin: 1.25rem 0; font-size: 2.625rem;}
	.event-list .list > li .info .etc li{font-size: 1.75rem;}
	.event-list + .btn-wrap{margin-top: 4.6875rem;}
	.ssaida-list .list{justify-content: space-between; width: 100%; margin-left: 0;}
	.ssaida-list .list > li{width: 48.507%; margin: 0; margin-top: 3.75rem; border: 0; border-radius: 0;}
	.ssaida-list .list > li:nth-child(-n+3){margin-top: 3.75rem;}
	.ssaida-list .list > li:nth-child(-n+2){margin-top: 0;}
	.ssaida-list .list > li .point{top: 1.25rem; left: 1.25rem; width: 7.5rem; height: 2.75rem; border-radius: 1.25rem;}
	.ssaida-list .list > li .point span{padding-left: 1.5625rem; background-size: 0.8125rem auto; font-size: 1.75rem;}
	.ssaida-list .list > li .img{overflow: hidden; height: auto; border: 0.125rem solid #ddd; border-radius: 1.25rem;}
	.ssaida-list .list > li .info{padding: 1.5625rem 0 0;}
	.ssaida-list .list > li .info .top .date{font-size: 1.5rem;}
	.ssaida-list .list > li .info .tit{height: 5.625rem; margin-top: 1.25rem; font-size: 2.25rem;}
	.ssaida-list .list > li .info .quan{margin-top: 0.625rem; font-size: 1.75rem;}
	.ssaida-list .list > li .info .quan strong{color: #0072bc;}
	.ssaida-list .list > li .btn{margin-top: 2.1875rem;}
	.ssaida-list .list > li .btn .btn-type1{height: 4.875rem; font-size: 1.75rem; line-height: 4.875rem;}
	.ssaida-list .list > li .closed span{height: 5rem; padding: 0 4.0625rem; border-radius: 2.5rem; font-size: 2.25rem;}
	.form-list{border-top-width: 0.125rem;}
	.form-list li{display: block; position: relative; padding: 1.875rem 0; border-bottom-width: 0.125rem;}
	.form-list li .ctg{display: block; width: auto; font-size: 2rem; line-height: 3rem;}
	.form-list li .tit{display: block; margin-top: 0.625rem; width: 68%; font-size: 2rem; line-height: 3rem;}
	.form-list li a{position: absolute; right: 0; top: 1.875rem;}
}

/* board-reg */
.board-reg{border-top: 1px solid #333;}
.board-reg th,
.board-reg td{padding: 7px 0; border-bottom: 1px solid #ddd; font-size: 16px; color: #666; text-align: left;}
.board-reg th{padding: 20px 0 20px 30px; font-weight: 700; color: #333;}
.board-reg .upload-name,
.board-reg .tag{width: 200px; min-width: auto !important;}
.board-reg .msg{margin-left: 15px;}
.board-reg .file-list li{margin-top: 12px;}
.board-reg .file-list li:first-child{margin-top: 0;}
.board-reg .tag-box{display: inline-block; margin-right: 15px;}
.board-reg .tag-list{display: inline-flex; flex-wrap: wrap;}
.board-reg .tag-list li{display: flex; align-items: center; height: 32px; padding: 0 10px; margin: 6px 6px 6px 0; border-radius: 10px; background: #f4f4f4; font-size: 15px; color: #777;}
.board-reg .tag-list li:last-child{margin-right: 0;}
.board-reg .tag-list li button{width: 18px; height: 18px; margin-left: 10px; border-radius: 100%; background: url(../images/common/ico_close02.png) center / 9px auto no-repeat #fff; text-indent: -9999em;}

@media all and (max-width:1299px) {
	.board-reg{border-top-width: 0.125rem;}
	.board-reg tr:first-child th{padding-top: 3.4375rem;}
	.board-reg th,
	.board-reg td{display: block; padding: 1.5625rem 0; border-bottom: 0; font-size: 1.75rem;}
	.board-reg th{padding-top: 1.875rem; padding-bottom: 0;}
	.board-reg .upload-name,
	.board-reg .tag{width: auto;}
	.board-reg .msg{display: block; margin-left: 0; margin-top: 1.875rem; font-size: 1.75rem;}
	.board-reg .file-list li{margin-top: 3.75rem;}
	.board-reg .file-list li:first-child{margin-top: 0;}
	.board-reg .file-list li .btn-add,
	.board-reg .file-list li .btn-del{width: 100%; margin-top: 1.25rem;}
	.board-reg .tag-box{display: block; position: relative; margin-right: 0;}
	.board-reg .tag-box input[type=text]{width: 100%;}
	.board-reg .tag-box .btn{position: absolute; top: 0; right: 0; border-top-left-radius: 0; border-bottom-left-radius: 0;}
	.board-reg .tag-list{margin-left: 0; margin-top: 2.5rem;}
	.board-reg .tag-list li{height: 3rem; padding: 0 1.25rem; margin: 0.3125rem 0.625rem 0.3125rem 0; border-radius: 0.625rem; font-size: 1.5rem;}
	.board-reg .tag-list li button{width: 1.875rem; height: 1.875rem; margin-left: 0.9375rem; background-size: 0.8125rem auto;}
}

/* board-view */
.board-view{border-top: 1px solid #333;}
.board-view .top-wrap{padding: 30px 20px; border-bottom: 1px solid #ddd;}
.board-view .top-wrap .tit{font-size: 30px; font-weight: 700; color: #333;}
.board-view .top-wrap .info{display: flex; align-items: center; margin-top: 25px;}
.board-view .top-wrap .info .user{display: flex; align-items: center; margin-right: 20px;}
.board-view .top-wrap .info .user .name{display: inline-flex; align-items: center; font-size: 16px; color: #333; margin-right: 10px;}
.board-view .top-wrap .info .user .name span{font-weight: 500;}
.board-view .top-wrap .info .user .name img{width: auto; height: 24px; margin-right: 8px; vertical-align: middle;}
.board-view .top-wrap .info .item{display: flex;}
.board-view .top-wrap .info .item li{position: relative; padding: 0 10px; font-size: 16px; color: #999;}
.board-view .top-wrap .info .item li::after{position: absolute; top: 50%; left: 0; width: 1px; height: 14px; background: #ddd; transform: translateY(-50%); content: "";}
.board-view .top-wrap .info .item li:first-child::after{display: none;}
.board-view .top-wrap .info .item li:first-child{padding-left: 0;}
.board-view .top-wrap .info .item li:last-child{padding-right: 0;}
.board-view .top-wrap .info .item li.name{color: #333;}
.board-view .file-list li{padding: 20px; border-bottom: 1px solid #ddd; font-size: 16px; color: #333;}
.board-view .file-list li strong{display: inline-block; min-width: 65px; color: #333; vertical-align: baseline;}
.board-view .file-list li a{color: #333; vertical-align: top; text-decoration: underline; text-underline-position: under; vertical-align: baseline;}
.board-view .file-list li .btn-down{margin-left: 20px;}
.board-view .cont{padding: 40px 20px; border-bottom: 1px solid #ddd;}
.board-view .cont .text{padding-bottom: 80px; font-size: 16px; line-height: 28px; color: #333;}
.board-view .cont .text img{max-width: 100%;}
.board-view .cont .btm .tag{display: flex; flex-wrap: wrap;}
.board-view .cont .btm .tag li{padding: 0 10px; margin: 4px 8px 4px 0; border-radius: 10px; background: #f4f4f4; font-size: 15px; color: #777; line-height: 32px;}
.board-view .cont .btm .etc{display: flex; align-items: center; margin-top: 20px;}
.board-view .cont .btm .etc .cmt{padding-left: 27px; background: url(../images/common/ico_cmt.png) left center / 22px auto no-repeat; font-size: 15px; color: #333; line-height: 36px;}
.board-view .cont .btm .etc button + .cmt{margin-left: 25px;}
.board-view-type2 table{width: 100%; border-top: 1px solid #333;}
.board-view-type2 table th,
.board-view-type2 table td{padding: 16px 0; border-bottom: 1px solid #ddd; text-align: left; font-size: 16px; line-height: 28px; color: #666;}
.board-view-type2 table th{padding-left: 30px; font-weight: 700; color: #333;}
.board-view-type2 h4{margin: 70px 0 20px;}
.board-prev-next{display: flex; flex-wrap: wrap; align-items: center; margin-top: 45px; border-top: 1px solid #333;}
.board-prev-next dt{width: 170px; padding: 20px 0 20px 20px; border-bottom: 1px solid #ddd; font-size: 16px; font-weight: 700; color: #333; box-sizing: border-box;}
.board-prev-next dt.prev{background: url(../images/common/ico_arw06_top.png) 100px center / 12px auto no-repeat;}
.board-prev-next dt.next{background: url(../images/common/ico_arw06_bottom.png) 100px center / 12px auto no-repeat;}
.board-prev-next dd{width: 1230px; padding: 20px 0; border-bottom: 1px solid #ddd; font-size: 16px; color: #999; box-sizing: border-box;}
.board-prev-next dd a{color: #333; vertical-align: top;}
.board-prev-next dd .cmt{font-weight: 700; color: #0072bc;}
body.mno .board-prev-next dd .cmt{color: #457fec;}
.event-view .top-info{display: flex; position: relative; align-items: center; height: 360px;}
.event-view .top-info .img{position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
.event-view .top-info .info{position: relative;}
.event-view .top-info .info .top{display: flex;}
.event-view .top-info .info .top .ctg{display: block; min-width: 135px; padding: 0 25px; border-radius: 20px; background: #111; font-size: 16px; line-height: 32px; font-weight: 700; color: #fff; text-align: center; box-sizing: border-box;}
.event-view .top-info .info .top .dday{display: block; width: 70px; margin-left: 10px; border-radius: 20px; background: #0072bc; font-size: 16px; line-height: 32px; font-weight: 700; color: #fff; text-align: center; box-sizing: border-box;}
.event-view .top-info .info .tit{display: block; margin: 20px 0; font-size: 42px; color: #222;}
.event-view .top-info .info .etc li{margin-top: 10px; font-size: 24px; color: #333;}
.event-view .top-info .info .etc li:first-child{margin-top: 0;}
.event-view .cont{margin-top: 60px;}
@media all and (max-width:1299px) {
	.board-view{border-top-width: 0.125rem;}
	.board-view .top-wrap{padding: 1.875rem 0; border-bottom-width: 0.125rem;}
	.board-view .top-wrap .tit{font-size: 3rem; line-height: 4rem;}
	.board-view .top-wrap .info{display: block; margin-top: 1.5625rem;}
	.board-view .top-wrap .info .user{display: flex; align-items: center;}
	.board-view .top-wrap .info .user .name{font-size: 1.75rem; margin-right: 1.25rem;}
	.board-view .top-wrap .info .user .name img{width: auto; height: 1.9375rem; margin-right: 0.5rem;}
	.board-view .top-wrap .info .item{display: flex; margin-top: 1.875rem;}
	.board-view .top-wrap .info .item li{padding: 0 1.25rem; font-size: 1.75rem;}
	.board-view .top-wrap .info .item li::after{width: 0.125rem; height: 1.5rem;}
	.board-view .file-list li{display: flex; align-items: center; padding: 1.875rem 0; border-bottom-width: 0.125rem; font-size: 1.75rem;}
	.board-view .file-list li strong{width: auto; margin-right: 0.9375rem; font-size: 1.75rem;}
	.board-view .file-list li .txt{width: 50%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
	.board-view .file-list li a{font-size: 1.75rem; font-weight: 400;}
	.board-view .file-list li .btn-down{margin-left: auto;}
	.board-view .cont{padding: 3.75rem 0; border-bottom: 0;}
	.board-view .cont .text{padding-bottom: 0; font-size: 1.75rem; line-height: 3rem;}
	.board-view .cont .btm{margin-top: 3.75rem;}
	.board-view .cont .btm .tag li{padding: 0 0.9375rem; margin: 0.3125rem 0.625rem 0.3125rem 0; border-radius: 0.625rem; font-size: 1.5rem; line-height: 3rem;}
	.board-view .cont .btm .etc{display: flex; align-items: center; margin-top: 20px;}
	.board-view .cont .btm .etc .cmt{padding-left: 3.125rem; background-size: 2.375rem auto; font-size: 1.5rem; line-height: 3.75rem;}
	.board-view .cont .btm .etc button + .cmt{margin-left: 2.1875rem;}
	.board-view-type2 table{border-top-width: 0.125rem; border-bottom: 0.125rem solid #ddd;}
	.board-view-type2 table th,
	.board-view-type2 table td{display: block; padding: 0 0; border: 0; font-size: 1.75rem; line-height: 3rem;}
	.board-view-type2 table th{padding: 0; padding-top: 1.125rem;}
	.board-view-type2 table td{padding-bottom: 1.125rem;}
	.board-view-type2 table tr:first-child th{padding-top: 3rem;}
	.board-view-type2 table tr:last-child td{padding-bottom: 3rem;}
	.board-view-type2 h4{margin: 0 0 1.25rem;}
	.board-view-type2 .dv-line{margin-top: 5rem; margin-bottom: 4.375rem;}
	.board-prev-next{margin-top: 3.75rem; border-top-width: 0.125rem;}
	.board-prev-next dt{width: 14.6875rem; padding: 1.875rem 0 1.875rem 1.875rem; border-bottom-width: 0.125rem; font-size: 1.75rem;}
	.board-prev-next dt.prev{background-position: 9.6875rem center; background-size: 1.125rem auto;}
	.board-prev-next dt.next{background-position: 9.6875rem center; background-size: 1.125rem auto;}
	.board-prev-next dd{width: calc(100% - 14.6875rem); padding: 1.875rem 0; border-bottom-width: 0.125rem; font-size: 1.75rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
	.board-prev-next dd a{color: #333; vertical-align: top;}
	.board-prev-next dd .cmt{font-weight: 700; color: #0072bc;}
	/*.event-view{left: 50%; margin-left: -2.5rem; width: calc(100% + 5rem);}*/
	.event-view{left: 50%;}
	.event-view .top-info{display: none;}
	.event-view .cont{margin-top: 0;}
}

/* FAQ */
.faq_content {position: relative;}
.faq-list{border-top: 1px solid #333;}
.faq-list > li:hover .mark , .faq-list > li:hover .txt {color:#f02d00 !important;}
.faq-list > li:hover .tit {text-decoration:underline;}
.faq-list > li .tit::after {content:'>';position:absolute;display:inline-block;width:10px;height:auto;margin-left:0.5rem;}
.faq-list > li{border-bottom: 1px solid #ddd;}
.faq-list > li .question{display: flex; align-items: center; padding: 20px 0; cursor: pointer;}
.faq-list > li .question:hover  {color:#ff4d50;}
.faq-list > li .question .mark, .faq_content .mark, .faq_content .question .tit {width: 80px; font-size: 24px; font-weight: 800; color:#000; text-align: center;min-width:50px;flex-basis: 50px;}
.faq-list > li .question .txt{display: flex; font-size: 16px; color: #333;}
.faq-list > li .question .txt .ctg{display: block; width: 150px; text-align: center;}
.faq-list > li .question .txt .tit{display: block; padding-left: 20px;}
.faq-list > li .answer{display: none; padding: 20px 0; background: #f4f4f4;}
.faq-list > li .answer .mark{align-self: flex-start; width: 80px; padding-top: 0; font-size: 24px; font-weight: 800; color: #111; text-align: center;}
.faq-list > li .answer .txt {width: calc(100% - 80px); padding-right: 30px; font-size: 16px; line-height: 30px; color: #666; box-sizing: border-box;}
.faq-list > li.on .answer{display: flex;}
body.mno .faq-list > li .question .mark{color: #457fec;}
/* FAQ 상세보기 */
.faq_content .question, .faq_content .answer {display: flex; align-items: center; padding: 20px 0;border-bottom:1px solid #ddd;}
.faq_content .answer {align-items:flex-start;border:0;}
.faq_content .answer .mark {color:#0072bc !important;}
.faq_content .answer .txt {width:95%;padding-right:5%;font-size: 16px; line-height: 30px; color: #666; box-sizing: border-box;}

@media all and (max-width:1299px) {
	.faq-list{border-top-width: 0.125rem;}
	.faq-list > li{border-bottom-width: 0.125rem;}
	.faq-list > li .question{display: flex; align-items: flex-start; padding: 1.875rem 0; background-position: right 1.875rem top 2.8125rem; background-size: 2.0625rem auto;}
	.faq-list > li .question .mark, .faq_content .mark, .faq_content .question .tit{width: 6.5625rem; font-size: 2.625rem;}
	.faq-list > li .question .txt{display: block; padding-right:1rem; font-size: 2rem; line-height: 3rem;}
	.faq-list > li .question .txt .ctg{width: auto; font-size: 2rem; text-align: left;}
	.faq-list > li .question .txt .tit{padding-left: 0; margin-top: 0.2rem;}
	.faq-list > li .answer{padding: 1.875rem 0; background: #f4f4f4;}
	.faq-list > li .answer .mark{width: 6.5625rem; font-size: 2.625rem;}
	.faq-list > li .answer .txt{width: calc(100% - 6.5625rem); padding-right: 2.5rem; font-size: 1.75rem; line-height: 3rem; box-sizing: border-box;}
}

/* cmt-wrap */
.cmt-wrap{padding: 30px; margin-top: 40px; border: 1px solid #ddd; border-radius: 10px; background: #f8f8f8;}
.cmt-wrap .write{position: relative;}
.cmt-wrap .write textarea{width: 100%; height: 120px; padding: 20px 150px 20px 30px; border: 1px solid #aaa; border-radius: 5px; background: #fff; font-size: 16px; line-height: 28px; box-sizing: border-box;}
.cmt-wrap .write button{position: absolute; top: 0; right: 0; width: 120px; height: 120px; border-radius: 0 5px 5px 0; background: #999; font-size: 18px; font-weight: 700; color: #fff;}
.cmt-wrap .list > li{position: relative; padding: 30px 0; border-top: 1px solid #ddd;}
.cmt-wrap .list > li:first-child{border-top: 0;}
.cmt-wrap .list > li:last-child{padding-bottom: 0;}
.cmt-wrap .list > li .top{position: relative;}
.cmt-wrap .list > li .top .user{display: flex; align-items: center;}
.cmt-wrap .list > li .top .user .name{display: flex; align-items: center; padding-right: 10px; font-size: 16px; line-height: 32px; color: #333;}
.cmt-wrap .list > li .top .user .name img{width: aut; height: 24px; margin-right: 8px; vertical-align: middle;}
.cmt-wrap .list > li .top .user .date{position: relative; padding-left: 10px; font-size: 16px; line-height: 32px; color: #999;}
.cmt-wrap .list > li .top .user .date::after{position: absolute; top: 50%; left: 0; width: 1px; height: 14px; background: #ddd; transform: translateY(-50%); content: "";}
.cmt-wrap .list > li .text{margin-top: 5px; font-size: 16px; line-height: 28px;}
.cmt-wrap .list > li .text .vio{display: inline-block; padding-left: 25px; background: url(../images/common/ico_vio.png) left center / 18px auto no-repeat; color: #999;}
.cmt-wrap .list > li .btm{display: flex; justify-content: space-between; margin-top: 25px;}
.cmt-wrap .list > li .btm .like{position: absolute; top: 30px; right: 0;}
.cmt-wrap .list > li .re{margin-top: 30px; padding: 30px 0 0 30px; border-top: 1px solid #ddd;}
.cmt-wrap .list > li[class^=dpt] .top::after{position: absolute; left: -25px; top: 2px; content: "└"; font-weight: 700;}
.cmt-wrap .list > li.dpt2{padding-left: 30px;}
.cmt-wrap .list > li.dpt3{padding-left: 60px;}
.cmt-wrap .list > li.dpt4{padding-left: 90px;}
.cmt-wrap .list > li.dpt5{padding-left: 120px;}
.cmt-wrap .list > li.dpt6{padding-left: 150px;}
.cmt-wrap .list > li.dpt7{padding-left: 180px;}
@media all and (max-width:1299px) {
	.cmt-wrap{padding: 0; padding-top: 3.75rem; margin-top: 0; border: 0; border-top: 0.125rem solid #ddd; border-radius: 0; background: none;}
	.cmt-wrap .write textarea{height: 13.5rem; padding: 1.875rem 2.5rem; border-width: 0.125rem; border-bottom: 0; border-radius: 0.625rem 0.625rem 0 0; background: #fff; font-size: 1.75rem; line-height: 3rem;}
	.cmt-wrap .write button{position: static; width: 100%; height: 5.25rem; border-radius: 0 0 0.625rem 0.625rem; font-size: 2rem;}
	.cmt-wrap .list{padding: 1.25rem 2.5rem 3.75rem; margin-top: 2.5rem; border: 0.125rem solid #ddd; border-radius: 1.25rem; background: #f8f8f8;}
	.cmt-wrap .list > li{padding: 2.5rem 0; border-top-width: 0.125rem;}
	.cmt-wrap .list > li .top .user .name{padding-right: 1.25rem; font-size: 1.75rem; line-height: 1;}
	.cmt-wrap .list > li .top .user .name img{width: auto; height: 1.9375rem; margin-right: 0.5rem;}
	.cmt-wrap .list > li .top .user .date{padding-left: 1.25rem; font-size: 1.75rem; line-height: 1;}
	.cmt-wrap .list > li .top .user .date::after{width: 0.125rem; height: 1.5rem;}
	.cmt-wrap .list > li .text{margin-top: 0.9375rem; font-size: 1.75rem; line-height: 3rem;}
	.cmt-wrap .list > li .text .vio{padding-left: 3.125rem; background-size: 2.25rem auto;}
	.cmt-wrap .list > li .btm{margin-top: 3.125rem;}
	.cmt-wrap .list > li .btm .like{position: static;}
	.cmt-wrap .list > li .re{margin-top: 2.5rem; padding: 2.5rem 0 0 0; border-top-width: 0.125rem;}
	.cmt-wrap .list > li[class^=dpt] .top::after{position: absolute; left: -2.5rem; top: -0.3125rem; content: "└"; font-size: 1.75rem;}
	.cmt-wrap .list > li.dpt2{padding-left: 1.875rem;}
	.cmt-wrap .list > li.dpt3{padding-left: 3.75rem;}
	.cmt-wrap .list > li.dpt4{padding-left: 5.625rem;}
	.cmt-wrap .list > li.dpt5{padding-left: 7.5rem;}
	.cmt-wrap .list > li.dpt6{padding-left: 9.375rem;}
	.cmt-wrap .list > li.dpt7{padding-left: 11.25rem;}
}

/* file-box */
.file-box{display: inline-block;}
.file-box input[type=file]{position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;}
.file-box .upload-name{background: #fff;}
.file-box label{cursor: pointer;}
@media all and (max-width:1299px) {
	.file-box{position: relative; width: 100%;}
	.file-box .upload-name{width: 100%; padding-right: 13.125rem !important;}
	.file-box .btn{position: absolute; top: 0; right: 0; border-top-left-radius: 0; border-bottom-left-radius: 0;}
}

/* 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: #0072bc; 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;}
}

/* ipt-text */
.ipt-list{margin-top: 45px;}
.ipt-list > li{margin-top: 25px;}
.ipt-list:first-child{margin-top: 0;}
.ipt-list .tab-type2 ul > li {margin-top:0 !important;}
.ipt-text-box-col2{display: flex; justify-content: space-between;}
.ipt-text-box-col2 > div{width: 48%;}
.ipt-text-box-col2.sz2 > div:nth-of-type(1){width: 37.5%}
.ipt-text-box-col2.sz2 > div:nth-of-type(2){width: 60%}
.ipt-text-box-col2.sz2 select{height: 45px;}
.ipt-text-box-col2 .tel-wrap {width:calc(100% - 160px);}
.ipt-text-box-col2:has(.tel-wrap) {align-items:center;}
.ipt-text-box{position: relative;}
.ipt-text-box select,
.ipt-text-box input[type=text],
.ipt-text-box input[type=number],
.ipt-text-box input[type=password]{width: 100%; min-width: auto; height: 45px; padding: 0; border: 0; border-bottom: 2px solid #ddd; border-radius: 0; font-size: 16px; font-weight: 700; color: #333; outline: 0;}
.ipt-text-box label{position: absolute; top: 50%; left: 0; font-size: 16px; font-weight: 500; color: #999; line-height: 1; cursor: auto; transform: translateY(-50%); transition: all 0.3s ease;}
.ipt-text-box select:focus,
.ipt-text-box select:active,
.ipt-text-box select.active,
.ipt-text-box input:focus,
.ipt-text-box input.active{border-color: #333 !important;}
.ipt-text-box input:focus + label,
.ipt-text-box label.active,
.ipt-text-box select.active + label,
.ipt-text-box input.active + label{top: -2px; font-size: 14px;}
.ipt-text-box select{height: 47px; font-weight: 500; color: #999; background: url(../images/common/ico_select.png) right 10px center / 13px auto no-repeat;}
.ipt-text-box select.active{font-weight: 700; color: #333; background-image: url(../images/common/ico_select_on.png);}
.ipt-chkrdo-box{position: relative; text-align: left;}
.ipt-chkrdo-box .tit{display: block; font-size: 16px; color: #333; margin-bottom: 15px;}
.ipt-chkrdo-box label{font-size: 16px;}
.ipt-text-msg{margin-top: 10px; font-size: 14px; color: #ff4d50; opacity: 0; transition: all 0.5s ease;}
.ipt-text-msg.on{opacity: 1;}
@media all and (max-width:1299px) {
	.ipt-list > li{margin-top: 2.8125rem;}
	.ipt-text-box.card-wrap {display:flex;justify-content: space-between;}
	.ipt-text-box.card-wrap input {width:calc(25% - 0.5rem) !important;}
	.ipt-text-box-col2.sz2 select{height: 6.625rem;}
	.ipt-text-box select,
	.ipt-text-box input[type=text],
	.ipt-text-box input[type=password]{height: 6.625rem; border-width: 0.25rem; font-size: 1.75rem;}
	.ipt-text-box label{font-size: 1.75rem;}
	.ipt-text-box input:focus + label,
	.ipt-text-box label.active,
	.ipt-text-box select.active + label,
	.ipt-text-box input.active + label{top: 0.625rem; font-size: 1.75rem;}
	.ipt-text-box select{background-position: right 0.9375rem center; background-size: 1.1875rem auto;}
	.ipt-text-msg{font-size: 1.5rem;}
	.ipt-text-box.m-col2{display: flex; justify-content: space-between;gap:10px;}
	.ipt-text-box.m-col2 select{width:calc(50% - 10px) !important; margin: 0;}
	.ipt-chkrdo-box{margin-top: 3.125rem;}
	.ipt-chkrdo-box .tit{font-size: 2rem; margin-bottom: 2.1875rem;}
	.ipt-chkrdo-box label{font-size: 1.75rem;}
	.ipt-text-box-col2 .tel-wrap {width:calc(100% - 14rem);}
}

/* cal-box */
.cal-box{display: flex; justify-content: space-between; align-items: center; margin-top: 25px;}
.cal-box > div{position: relative; width: 185px;}
.cal-box .t{position: absolute; left: 0; top: -10px; font-size: 14px; color: #999;}
.cal-box .calendar{min-width: auto !important; width: 100%; border: 0 !important; border-bottom: 2px solid #ddd !important; border-radius: 0 !important; padding: 0 !important; font-weight: 700; color: #333;}
.cal-box .btn-cal{position: absolute; right: 10px; top: 50%; width: 25px; height: 25px; background: url(../images/common/ico_cal.png) center / 25px auto no-repeat; text-indent: -9999em; transform: translateY(-50%);}
@media all and (max-width:1299px) {
	.cal-box > div{width: 45.384%;}
	.cal-box .t{position: absolute; left: 0; top: -10px; font-size: 14px; color: #999;}
	.cal-box .calendar{min-width: auto !important; width: 100%; border: 0 !important; border-bottom: 2px solid #ddd !important; border-radius: 0 !important; padding: 0 !important; font-weight: 700; color: #333;}
	.cal-box .btn-cal{position: absolute; right: 0.625rem; top: 50%; width: 3.0625rem; height: 3.0625rem; background: url(../images/common/ico_cal.png) center / 3.0625rem auto no-repeat; text-indent: -9999em; transform: translateY(-50%);}
}

/* mCSB_scrollTools */
.mCSB_scrollTools{width: 6px; opacity: 1;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width: 6px;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background: #ddd;}
.mCSB_scrollTools .mCSB_draggerRail{display: none;}

/* dv-line */
.dv-line-type1{display: none;}
@media all and (max-width:1299px) {
	.dv-line-type1{display: block; width: 200%; height: 1.25rem; margin-left: -50%; margin-top: 5rem; margin-bottom: 5rem; background: #f4f4f4;}
}

/* sort */
.sort-wrap{display: flex; justify-content: space-between; align-items: center;}
.sort-wrap .group1 ul{display: flex;}
.sort-wrap .group1 ul > li{width: auto; margin-left: 8px;}
.sort-wrap .group1 ul > li:first-child{margin-left: 0;}
.sort-wrap .group1 a,
.sort-wrap .group1 button{display: block; padding: 0 20px; border-radius: 20px; background: #f4f4f4; font-size: 16px; color: #666; line-height: 40px;}
.sort-wrap .group1.swp-menu button {-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
.sort-wrap .group1.swp-menu button:hover {background:#e0e0e0;}
.sort-wrap .group1 .best{background: #999; font-weight: 700; color: #fff;}
.sort-wrap .group1 .best.on{background: #0072bc; color: #fff;}
.sort-wrap .group1 .on{font-weight: 700; background: #111; color: #fff;}
.sort-wrap .group2 > ul{display: flex;}
.sort-wrap .group2 > ul > li{margin-left: 6px;}
.sort-wrap .group2 a,
.sort-wrap .group2 button{display: block; min-width: 56px; padding: 0 11px; border: 1px solid #666; border-radius: 15px; background: #fff; font-size: 13px; font-weight: 700; color: #333; line-height: 28px; text-align: center; box-sizing: border-box;}
.sort-wrap .group2 .on{padding-left: 27px; border-color: #f45f61; background: url(../images/common/ico_check02_on.png) left 12px center / 12px auto no-repeat; color: #f45f61;}
.sort-wrap .group3 label{font-size: 16px; color: #666;}
.sort-wrap .group3 label strong{color: #333;}
.title-wrap + .sort-wrap{margin-top: -15px;}
.board-list-top + .sort-wrap{margin-top: 30px;}
body.mno .sort-wrap .group1 .best.on{background: #457fec;}
@media all and (max-width:1299px) {
	.sort-wrap{display: block; margin-bottom: 2.5rem;}
	.sort-wrap .group1 ul > li{margin-left: 0.625rem;}
	.sort-wrap .group1 a,
	.sort-wrap .group1 button{padding: 0 2.5rem;border-radius: 2.5rem; font-size: 1.75rem; line-height: 4.625rem;}
	.sort-wrap .group1.swp-menu{width: 200%; margin-left: -50%;}
	.sort-wrap .group1.swp-menu > div{width: 46.875rem; margin: 0 auto;}
	.sort-wrap .group1.swp-menu ul > li:first-child{margin-left: 2.5rem;}
	.sort-wrap .group1.swp-menu ul > li:last-child{margin-right: 2.5rem;}
	.sort-wrap .group2{margin-top: 2.5rem;}
	.sort-wrap .group2 > ul > li{margin-left: 0.625rem;}
	.sort-wrap .group2 > ul > li:first-child{margin-left: 0;}
	.sort-wrap .group2 a,
	.sort-wrap .group2 button{min-width: 6.25rem; padding: 0 1.5625rem; border-width:  0.125rem; border-radius: 1.875rem; font-size: 1.375rem; line-height: 3.125rem;}
	.sort-wrap .group2 .on{padding-left: 2.9375rem; background-size: 1.375rem auto; background-position: left 1.25rem center;}
	.sort-wrap .group3{margin-top: 1.25rem; text-align: right;}
	.sort-wrap .group3 label{font-size: 1.75rem;}
	.sort-wrap .group3 input[type="radio"] + label:before{margin-right: 0.625rem;}
	.title-wrap + .sort-wrap{margin-top: 0;}
}
@media all and (min-width:751px) and (max-width:1299px) {
	.sort-wrap .group1.swp-menu{width: 100%; margin-left: 0;}
	.sort-wrap .group1.swp-menu > div{width: 100%;}
	.sort-wrap .group1.swp-menu ul > li:first-child{margin-left: 0;}
	.sort-wrap .group1.swp-menu ul > li:last-child{margin-right: 0;}
}

/* payplan-recomm-item */
.payplan-recomm-item{position: relative; width: 380px; height: 674px; padding: 34px 39px 39px 39px; border: 1px solid #ddd; border-radius: 20px; background: #fff; text-align: center; box-sizing: border-box; transition: all 0.3s ease; box-sizing: border-box;}
.payplan-recomm-item .top{display: flex; justify-content: space-between; align-items: center;}
.payplan-recomm-item .top .opt{display: flex;}
.payplan-recomm-item .top .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;}
.payplan-recomm-item .top .opt li:first-child{margin-left: 0;}
.payplan-recomm-item .top .opt li.primary{border-color: #f45f61; color: #f45f61;}
.payplan-recomm-item .top .btn-more{position: relative; padding-right: 11px; font-size: 15px; color: #666;}
.payplan-recomm-item .top .btn-more::before{position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #a9a9a9; content: "";}
.payplan-recomm-item .top .btn-more::after{position: absolute; top: 50%; right: 0; width: 7px; height: 12px; background: url(../images/common/ico_arw02_right.png) right center / 100% auto no-repeat; transform: translateY(-50%); content: ""; }
.payplan-recomm-item .tit{display: -webkit-box;height: 68px; margin-top: 25px; font-size: 24px; font-weight: 700; color: #222; line-height: 34px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.payplan-recomm-item .graph{position: relative; margin: 20px 0 15px; text-align: center;}
.payplan-recomm-item .graph canvas{width: 176px !important; height: 176px !important; margin: 0 auto; transform: rotate(180deg);}
.payplan-recomm-item .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; z-index: 10;}
.payplan-recomm-item .graph figcaption .icon{height: 30px; background: url(../images/common/ico_data_arw.png) center / 27px auto no-repeat;}
.payplan-recomm-item .graph figcaption .txt{margin-top: 10px; font-size: 18px; font-weight: 700; color: #222; line-height: 20px;}
.payplan-recomm-item .data{font-size: 14px; font-weight: 700; color: #333;}
.payplan-recomm-item .provide{display: inline-flex; margin-top: 30px;}
.payplan-recomm-item .provide li{margin: 0 10px; font-size: 16px; font-weight: 700; color: #222; line-height: 24px;}
.payplan-recomm-item .provide li:first-child{margin-left: 0;}
.payplan-recomm-item .provide li:last-child{margin-right: 0;}
.payplan-recomm-item .provide li.call{padding-left: 30px; background: url(../images/common/ico_call.png) left center / 26px auto no-repeat;}
.payplan-recomm-item .provide li.sms{padding-left: 35px; background: url(../images/common/ico_sms.png) left center / 28px auto no-repeat;}
.payplan-recomm-item .provide li.video{padding-left: 38px; background: url(../images/common/ico_video.png) left center / 31px auto no-repeat;}
.payplan-recomm-item .price{padding-top: 15px; margin-top: 18px; border-top: 1px solid #ececec;}
.payplan-recomm-item .price del{display: block; font-size: 20px; color: #999;}
.payplan-recomm-item .price strong{display: block; margin-top: 5px; font-size: 42px; font-weight: 800; color: #ff4d50;}
.payplan-recomm-item .price strong span{font-size: 24px; font-weight: 700;}
.payplan-recomm-item .btn{position: absolute; bottom: 40px; left: 50%; width: 78.947%; transform: translateX(-50%);}
.payplan-recomm-item.sz2{width: 100%; height: auto;}
.payplan-recomm-item.sz2 .tit{margin-top: 0;}
.payplan-recomm-item.sz2 .price{padding-top: 5px;}
@media all and (max-width:1299px) {
	.payplan-recomm-item{width: 100%; height: 59.375rem; padding: 2.375rem; border: 0.125rem solid #ddd; border-radius: 1.25rem; box-shadow:none;}
	.payplan-recomm-item .top .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;}
	.payplan-recomm-item .top .btn-more{padding-right: 1.25rem; font-size: 1.5rem;}
	.payplan-recomm-item .top .btn-more::before{position: absolute; bottom: 0; left: 0; width: 100%; height: 0.125rem; background: #a9a9a9; content: "";}
	.payplan-recomm-item .top .btn-more::after{width: 0.6875rem; height: 1.1875rem;}
	.payplan-recomm-item .tit{height: 5.25rem; margin-top: 2.1875rem; font-size: 2rem; line-height: 2.625rem;}
	.payplan-recomm-item .graph{margin: 1.25rem 0 1.5625rem;}
	.payplan-recomm-item .graph canvas{width: 16.125rem !important; height: 16.125rem !important;}
	.payplan-recomm-item .graph figcaption{width: 11.125rem; height: 11.125rem;}
	.payplan-recomm-item .graph figcaption .icon{height: 2.8125rem; background-size: 2.5rem auto;}
	.payplan-recomm-item .graph figcaption .txt{margin-top: 0.625rem; font-size: 1.75rem; line-height: 2.125rem;}
	.payplan-recomm-item .data{font-size: 1.5rem;}
	.payplan-recomm-item .provide{margin-top: 2.5rem;}
	.payplan-recomm-item .provide li{margin: 0 1.25rem; font-size: 1.5rem; line-height: 2.625rem;}
	.payplan-recomm-item .provide li.call{padding-left: 3.4375rem; background-size: 2.75rem auto;}
	.payplan-recomm-item .provide li.sms{padding-left: 3.75rem; background-size: 3rem auto;}
	.payplan-recomm-item .provide li.video{padding-left: 3.75rem; background-size: 3.0625rem auto;}
	.payplan-recomm-item .price{padding-top: 1.5625rem; margin-top: 1.875rem; border-top: 0.125rem solid #ececec;}
	.payplan-recomm-item .price del{font-size: 2.25rem;}
	.payplan-recomm-item .price strong{margin-top: 0rem; font-size: 3.75rem;}
	.payplan-recomm-item .price strong span{font-size: 2.25rem;}
	.payplan-recomm-item .btn{bottom: 2.5rem; width: 88.059%;}
}

/* phone-item */
.phone-item-type1{display: block; width: 100%; min-width: 380px; height: 100%; min-height: 260px; overflow: hidden; border: 1px solid #ddd; background: #fff; border-radius: 20px; text-align: left; box-sizing: border-box;}
.phone-item-type1 .top{display: flex; align-items: center; justify-content: space-between; padding: 30px;}
.phone-item-type1 .top .opt{display: flex;}
.phone-item-type1 .top .opt li{display: flex; align-items: center; justify-content: center; min-width: 56px; height: 24px; padding: 0 10px; margin-left: 5px; border: 1px solid #333; border-radius: 15px; font-size: 13px; font-weight: 700; color: #333; box-sizing: border-box;}
.phone-item-type1 .top .opt li:first-child{margin-left: 0;}
.phone-item-type1 .top .opt li.primary{border-color: #f45f61; color: #f45f61;}
.phone-item-type1 .top .txt{font-size: 15px; color: #666; text-decoration: underline;}
.phone-item-type1 .top .txt strong{font-weight: 900;}
.phone-item-type1 .con{display: flex; align-items: center; height: 100%;}
.phone-item-type1 .img{width: 170px; text-align: center;}
.phone-item-type1 .img img{width: auto; height: 175px;max-width:100%;}
.phone-item-type1 .info{display: flex; flex-direction: column; width: calc(100% - 170px);}
.phone-item-type1 .info .tit{display: block; padding-right: 20px; font-size: 24px; font-weight: 700; color: #111; width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; box-sizing: border-box;}
.phone-item-type1 .info .txt{display: block; padding-right: 20px; margin-top: 8px; font-size: 15px; color: #666; width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; box-sizing: border-box;}
.phone-item-type1 .info .price{display: block; margin-top: 5px; font-size: 36px; font-weight: 800; color: #ff4d50; letter-spacing: -1px;}
.phone-item-type1 .info .price span{font-size: 24px; font-weight: 700;}
.phone-item-type1 .info .txt + .price{margin-top: 10px;}
.phone-item-type1 .info .hash{display: flex; flex-wrap: wrap; margin-top: 15px;}
.phone-item-type1 .info .hash li{padding: 0 10px; margin: 4px 8px 4px 0; border: 1px solid #f4f4f4; border-radius: 10px; background: #f4f4f4; font-size: 15px; color: #707070; line-height: 30px;}
.phone-item-type1 .info .hash li:nth-child(n+3){display: none;}
.phone-item-type1.max-h{min-height: 300px;}
.phone-item-type2{display: flex; position: relative; align-items: center; overflow: hidden; width: 585px; height: 360px; padding: 45px 0; border: 1px solid #ddd; border-radius: 20px; background: #fff; box-sizing: border-box;}
.phone-item-type2 .ctg{display: flex; position: absolute; top: 30px; left: 30px; align-items: center; justify-content: center; width: 52px; height: 24px; border: 1px solid #ddd; border-radius: 5px; font-size: 14px; box-sizing: border-box;}
.phone-item-type2 .ctg.new{border-color: #ee3639; color: #ee3639;}
.phone-item-type2 .ctg.recomm{border-color: #457fec; color: #457fec;}
.phone-item-type2 .ctg.popular{border-color: #ff7800; color: #ff7800;}
.phone-item-type2 .ctg.new{border-color: #ee3639;}
.phone-item-type2 .ctg.new{border-color: #ee3639;}
.phone-item-type2 .img{width: 265px; text-align: center;}
.phone-item-type2 .img img{width: auto; height: 240px;}
.phone-item-type2 .info{flex: 1; overflow: hidden; height: auto; /*height: 268px;*/ padding-right: 40px; text-align: left; box-sizing: border-box;}
.phone-item-type2 .info .agency{display: inline-flex; align-items: center; height: 24px; padding: 0 10px; border: 1px solid #457fec; border-radius: 15px; font-size: 13px; font-weight: 700; color: #457fec; box-sizing: border-box;}
.phone-item-type2 .info .tit{display: block; margin: 8px 0; font-size: 30px; font-weight: 700; color: #111;}
.phone-item-type2 .info .opt{display: block; font-size: 15px; color: #999;}
.phone-item-type2 .info .price{display: block; padding-top: 15px; margin-top: 20px; border-top: 1px solid #ddd; font-size: 36px; line-height: 1; font-weight: 700; color: #333;}
.phone-item-type2 .info .price span{font-size: 24px;}
.phone-item-type2 .info .benefit{display: block; margin: 15px 0 20px; font-size: 30px; line-height: 1; font-weight: 700; color: #457fec;}
.phone-item-type2 .info .benefit span{font-size: 24px;}
.phone-item-type2 .info .hash{display: flex; flex-wrap: wrap;}
.phone-item-type2 .info .hash li{padding: 0 10px; margin: 4px 8px 4px 0; border-radius: 10px; background: #f4f4f4; font-size: 15px; color: #707070; line-height: 32px;}
.phone-item-type3{display: flex; position: relative; align-items: center; overflow: hidden; width: 100%; height: 360px; padding: 45px 0; border: 1px solid #ddd; border-radius: 20px; background: #fff; box-sizing: border-box;}
.phone-item-type3 .ctg{display: flex; position: absolute; top: 30px; left: 30px; align-items: center; justify-content: center; width: 52px; height: 24px; border: 1px solid #ddd; border-radius: 5px; font-size: 14px; box-sizing: border-box;}
.phone-item-type3 .ctg.new{border-color: #ee3639; color: #ee3639;}
.phone-item-type3 .ctg.recomm{border-color: #457fec; color: #457fec;}
.phone-item-type3 .ctg.popular{border-color: #ff7800; color: #ff7800;}
.phone-item-type3 .ctg.new{border-color: #ee3639;}
.phone-item-type3 .ctg.new{border-color: #ee3639;}
.phone-item-type3 .img{width: 170px; text-align: center;}
.phone-item-type3 .img img{width: auto; height: 175px;}
.phone-item-type3 .info{flex: 1; overflow: hidden; width: 288px; height: 268px; padding-right: 40px; text-align: left; box-sizing: border-box;}
.phone-item-type3 .info .agency{display: block; font-size: 15px; line-height: 1; font-weight: 700; color: #999;}
.phone-item-type3 .info .tit{display: block; margin: 8px 0; font-size: 30px; font-weight: 700; color: #111;}
.phone-item-type3 .info .opt{display: block; font-size: 15px; color: #999;}
.phone-item-type3 .info .price{display: block; padding-top: 15px; margin-top: 20px; border-top: 1px solid #ddd; font-size: 32px; line-height: 1; font-weight: 700; color: #333;}
.phone-item-type3 .info .price span{font-size: 24px;}
.phone-item-type3 .info .benefit{display: block; margin: 15px 0 20px; font-size: 32px; line-height: 1; font-weight: 700; color: #457fec;}
.phone-item-type3 .info .benefit span{font-size: 24px;}
.phone-item-type3 .info .hash{display: flex; flex-wrap: wrap;}
.phone-item-type3 .info .hash li{padding: 0 10px; margin: 4px 8px 4px 0; border-radius: 10px; background: #f4f4f4; font-size: 15px; color: #707070; line-height: 32px;}
.phone-item-type3 .info .hash li:nth-child(n+3){display: none;}
@media all and (max-width:1299px) {
	.phone-item-type1{min-width: auto; min-height: 21.25rem; border: 0.125rem solid #ddd; border-radius: 1.25rem;}
	.phone-item-type1 .top{padding: 2.5rem;}
	.phone-item-type1 .top .opt li{min-width: 6.25rem; height: 2.5rem; padding: 0 1.25rem; margin-left: 0.625rem; border-width: 0.125rem; border-radius: 1.25rem; font-size: 1.375rem;}
	/* .phone-item-type1 .top .txt{font-size: 15px;} */
	.phone-item-type1 .img{width: 17.5rem;}
	.phone-item-type1 .img img{height: 16.25rem;}
	.phone-item-type1 .info{width: calc(100% - 17.5rem);}
	.phone-item-type1 .info .tit{padding-right: 1.25rem; font-size: 2.625rem;}
	.phone-item-type1 .info .txt{padding-right: 1.25rem; margin-top: 0.625rem; font-size: 1.75rem;}
	.phone-item-type1 .info .price{margin-top: 0.3125rem; font-size: 3.375rem;}
	.phone-item-type1 .info .price span{font-size: 2.25rem;}
	.phone-item-type1 .info .txt + .price{margin-top: 1.25rem;}
	.phone-item-type1 .info .hash{margin-top: 1.25rem;}
	.phone-item-type1 .info .hash li{padding: 0 0.9375rem; margin: 0.3125rem 0.625rem 0.3125rem 0; border-radius: 0.625rem; font-size: 1.5rem; line-height: 3rem;}
	.phone-item-type1.max-h{min-height: 27.5rem;}
	.phone-item-type2{width: 100%; height: auto; padding: 3.125rem 0; border: 0.125rem solid #ddd; border-radius: 1.25rem; box-sizing: border-box;}
	.phone-item-type2 .ctg{top: 2.5rem;left: 2.5rem; width: 5.125rem; height: 2.5rem; border-width: 0.125rem; border-radius: 0.3125rem; font-size: 1.375rem;}
	.phone-item-type2 .img{width: 17.5rem;}
	.phone-item-type2 .img img{height: 15rem;}
	.phone-item-type2 .info{width: 23.125rem; height: auto; /*height: 22.875rem;*/ padding-right: 3.125rem;}
	.phone-item-type2 .info .agency{height: 2.5rem; padding: 0 1.25rem; border-width: 0.125rem; border-radius: 1.25rem; font-size: 1.375rem;}
	.phone-item-type2 .info .tit{margin: 0.625rem 0; font-size: 2.625rem;}
	.phone-item-type2 .info .opt{font-size: 1.5rem;}
	.phone-item-type2 .info .price{padding-top: 1.5625rem; margin-top: 1.25rem; border-top-width: 0.125rem; font-size: 3rem;}
	.phone-item-type2 .info .price span{font-size: 1.75rem;}
	.phone-item-type2 .info .benefit{margin: 0.9375rem 0 0.9375rem; font-size: 3rem;}
	.phone-item-type2 .info .benefit span{font-size: 1.75rem;}
	.phone-item-type2 .info .hash li{padding: 0 0.9375rem; margin: 0.3125rem 0.625rem 0.3125rem 0; border-radius: 0.625rem; font-size: 1.5rem; line-height: 3rem;}
	.phone-item-type2 .info .hash li:nth-child(n+3){display:none;}
	.phone-item-type3{width: 100%; height: auto; padding: 3.125rem 0; border: 0.125rem solid #ddd; border-radius: 1.25rem; box-sizing: border-box;}
	.phone-item-type3 .ctg{top: 2.5rem;left: 2.5rem; width: 5.125rem; height: 2.5rem; border-width: 0.125rem; border-radius: 0.3125rem; font-size: 1.375rem;}
	.phone-item-type3 .img{width: 17.5rem;}
	.phone-item-type3 .img img{height: 16.25rem;}
	.phone-item-type3 .info{width: 23.125rem; height: 22.875rem; padding-right: 3.125rem;}
	.phone-item-type3 .info .agency{font-size: 1.5rem;}
	.phone-item-type3 .info .tit{margin: 0.625rem 0; font-size: 2.625rem;}
	.phone-item-type3 .info .opt{font-size: 1.5rem;}
	.phone-item-type3 .info .price{padding-top: 1.5625rem; margin-top: 1.25rem; border-top-width: 0.125rem; font-size: 3rem;}
	.phone-item-type3 .info .price span{font-size: 1.75rem;}
	.phone-item-type3 .info .benefit{margin: 0.9375rem 0 0.9375rem; font-size: 3rem;}
	.phone-item-type3 .info .benefit span{font-size: 1.75rem;}
	.phone-item-type3 .info .hash li{padding: 0 0.9375rem; margin: 0.3125rem 0.625rem 0.3125rem 0; border-radius: 0.625rem; font-size: 1.5rem; line-height: 3rem;}
}

/* review */

.review-wrap{margin-top: 60px;}
.review-wrap > li{margin-top: 40px; border-top: 1px solid #333; border-bottom: 1px solid #ddd;}
.review-wrap > li:first-child{margin-top: 0;}
.review-wrap .title{display: flex; padding: 20px 0;}
.review-wrap .title .ctg{display: flex; align-items: center; justify-content: center; width: 46px; height: 24px; border: 1px solid #f45f61; border-radius: 15px; font-size: 12px; font-weight: 700; color: #f45f61; text-align: center;}
.review-wrap .title .tit{width: 95%; margin-left: 10px; font-size: 18px; font-weight: 700; color: #333; }
.review-wrap .view{position: relative; padding: 20px 30px 30px; background: #f4f4f4;}
.review-wrap .view .top{display: flex; justify-content: space-between; align-items: center;}
.review-wrap .view .top ul{display: flex; align-items: center;}
.review-wrap .view .top ul li{position: relative; padding: 0 10px; font-size: 16px; color: #999;}
.review-wrap .view .top ul li:first-child{padding-left: 0;}
.review-wrap .view .top ul li::after{position: absolute; top: 50%; left: 0; width: 2px; height: 14px; background: #ddd; content: ""; transform: translateY(-50%);}
.review-wrap .view .top ul li:first-child::after{display: none;}
.review-wrap .view .top ul li .recomm{display: block; padding: 0 18px 0 38px; border-radius: 15px; background: url(../images/common/ico_emo1.png) left 10px center / 20px auto no-repeat #fff; font-size: 15px; font-weight: 700; color: #333; line-height: 32px;}
.review-wrap .view .top ul li .n-recomm{display: block; padding: 0 18px 0 38px; border-radius: 15px; background: url(../images/common/ico_emo2.png) left 10px center / 20px auto no-repeat #fff; font-size: 15px; font-weight: 700; color: #333; line-height: 32px;}
.review-wrap .view .top .good{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;}
.review-wrap .view .top .good.on{background-image: url(../images/common/ico_good_on.png);}
.review-wrap .view .txt{margin-top: 15px; font-size: 16px; line-height: 30px; color: #333;}
.review-wrap .re{padding: 30px;}
.review-wrap .re .top .item{display: flex;}
.review-wrap .re .top .item li{position: relative; padding: 0 10px; font-size: 16px; color: #999;}
.review-wrap .re .top .item li::after{position: absolute; top: 50%; left: 0; width: 1px; height: 14px; background: #555; transform: translateY(-50%); content: "";}
.review-wrap .re .top .item li:first-child{padding-left: 0;}
.review-wrap .re .top .item li:first-child::after{display: none;}
.review-wrap .re .top .item li.name{font-weight: 700; color: #333;}
.review-wrap .re .txt{margin-top: 10px; font-size: 16px; line-height: 30px; color: #333;}
body.mno .review-wrap .title .ctg{border-color: #457fec; color: #457fec;}
@media all and (max-width:1299px) {
	.review-top{flex-wrap: wrap-reverse;}/*20230527*/
	.sort-btn-wrap { display: flex; margin-top:57px;width:100%}/*20230527*/
	.sort-btn-wrap .btn-type2{flex:1}/*20230527*/
	.review-wrap{position: relative; margin-top: 5rem; border-top-width: 0.125rem;}
	.review-wrap > li{border-bottom-width: 0.125rem;}
	.review-wrap .title{padding: 2.1875rem 0;}
	.review-wrap .title .ctg{width: 5.625rem; height: 2.25rem; border-width: 0.125rem; border-radius: 1.25rem; font-size: 1.375rem;}
	.review-wrap .title .tit{width: auto; margin-left: 1.25rem; font-size: 2rem;}
	.review-wrap .view{padding: 2.5rem 2.5rem 7.8125rem;}
	.review-wrap .view .top {align-items: baseline;flex-direction: column;}
	.review-wrap .view .top ul li{padding: 0 1.25rem; font-size: 1.75rem;}
	.review-wrap .view .top ul li::after{width: 0.125rem; height: 1.5rem;}
	.review-wrap .view .top ul li .recomm{padding: 0 1.75rem 0 3.875rem; border-radius: 1.5625rem; background-position: 1.0625rem center; background-size: 2.25rem auto; font-size: 1.5rem; line-height: 3.375rem;}
	.review-wrap .view .top .side{position: absolute; bottom: 2.5rem; left: 2.5rem;}
	/* 221031 수정 */
	.review-wrap .view .top .good{position: unset; left: unset; bottom: unset; padding: 0 1.125rem 0 3.9375rem; border-width: 0.125rem; border-radius: 0.3125rem; background-position: 0.8125rem center; background-size: 2.25rem auto; font-size: 1.5rem; line-height: 3.5rem; display: inline-block;}
	/* 221031 수정 */

	.review-wrap .view .top .good strong{display: inline-block; margin-left: 0.3125rem;}
	.review-wrap .view .txt{margin-top: 1.25rem; font-size: 1.75rem; line-height: 3rem;}
	.review-wrap .re{padding: 3.4375rem 2.5rem 2.8125rem;}
	.review-wrap .re .top .item li{padding: 0 1.25rem; font-size: 1.75rem;}
	.review-wrap .re .top .item li::after{width: 0.125rem; height: 1.5rem;}
	.review-wrap .re .txt{margin-top: 1.5625rem; font-size: 1.75rem; line-height: 3rem;}
}

/* note */
.note-wrap{position: relative; left: -50%; width: 200%; padding: 60px 0; margin-top: 80px; background: #f4f4f4;}
.note-wrap.floor{margin-bottom: -120px;}
.note-wrap > div{width: 1200px; margin: 0 auto;}
.note-wrap .tab{margin: 35px 0;}
.note-wrap .item{display: none;}
.note-wrap .item.on{display: block;}
.note-wrap .item .bul{margin-top: 20px;}
@media all and (max-width:1299px) {
	.note-wrap{position: relative; left: -50%; width: 200%; padding: 65px 0; margin-top: 80px; background: #f4f4f4;}
	.note-wrap.floor{margin-bottom: -7.5rem;}
	.note-wrap > div{width: 50%; margin: 0 auto;}
	.note-wrap .tab{margin: 2.8125rem 0 3.4375rem;}
	.note-wrap .item{display: none;}
	.note-wrap .item.on{display: block;}
	.note-wrap .item .bul{margin-top: 1.25rem;}
	.note-wrap .item .bul li{letter-spacing: -0.0313rem; word-break: normal;}
}

/* notify-box */
.notify-box{padding: 30px 40px 30px 30px; margin-top: 80px; border: 1px solid #ddd; border-radius: 10px;}
.notify-box > div{display: flex; justify-content: space-between; align-items: center; height: 100px; padding-left: 125px; background: url(../images/common/ico_review_top.png) left center / 100px auto no-repeat;}
.notify-box strong{display: block; font-size: 24px; font-weight: 700; color: #333;}
.notify-box strong span{color: #0072bc;}
.notify-box p{display: block; margin-top: 10px; font-size: 18px;}
.title-wrap + .notify-box{margin-top: 0;}
body.mno .notify-box strong span{color: #457fec;}
@media all and (max-width:1299px) {
	.notify-box{padding: 3.125rem 2.5rem; margin-top: 0; border-width: 0.125rem; border-radius: 1.25rem;}
	.notify-box > div{display: block; height: auto; padding: 13.125rem 0 0; background-position: center top; background-size: 11.25rem auto; text-align: center;}
	.notify-box strong{font-size: 2.625rem; line-height: 3.75rem;}
	.notify-box p{margin-top: 1.25rem; font-size: 2rem; line-height: 3.125rem;}
	.notify-box .side{margin-top: 1.875rem;}
}

/* rating-box */
.rating-bar{width: 110px;}
.rating-box{padding: 10px 0;}
.rating-box .tit{display: block; margin-bottom: 20px; color: #333;}
.rating-box .ipt{display: flex; align-items: center;}
.rating-box .ipt .num{margin-left: 10px; color: #333;}
.br-theme-css-stars .br-widget{height: 28px; white-space: nowrap;}
.br-theme-css-stars .br-widget a{text-decoration: none; width: 30px; height: 28px; float: left; margin-right: 10px;}
.br-theme-css-stars .br-widget a:after{display: block; width: 30px; height: 28px; background: url(../images/common/ico_rating.png) center / 100% auto no-repeat; content: "";}
.br-theme-css-stars .br-widget a.br-active:after{background-image: url(../images/common/ico_rating_on.png);}
.br-theme-css-stars .br-widget a.br-selected:after{background-image: url(../images/common/ico_rating_on.png);}
.br-theme-css-stars .br-widget .br-current-rating{display: none;}
.br-theme-css-stars .br-readonly a{cursor: default;}
@media all and (max-width:1299px) {
	.rating-bar{width: 11.875rem; margin-top: 0.9375rem;}
	.rating-box{padding: 0;}
	.rating-box .tit{margin-bottom: 1.875rem; font-weight: 500; color: #666;}
	.rating-box .ipt{margin-top: 1.875rem;}
	.rating-box .ipt .num{margin-left: 0.3125rem; color: #666;}
	.br-theme-css-stars .br-widget a{width: 3.1875rem; height: 3.125rem; margin-right: 1.875rem;}
	.br-theme-css-stars .br-widget a:after{width: 3.1875rem; height: 3.125rem;}
}

/* loading */
.loading-full{display: none; justify-content: center; align-items: center; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); z-index: 13000;}
.loading-full.on{display: flex;}
.loading-full .con{text-align: center;}
.loading-full .con .img{display: inline-flex; justify-content: center; align-items: center; width: 120px; height: 120px; border-radius: 10px; background: #fff;}
.loading-full .con p{margin-top: 25px; font-size: 16px; font-weight: 700; color: #fff; text-align: center; line-height: 26px;}
@media all and (max-width:1299px) {
	.loading-full .con .img{width: 9.375rem; height: 9.375rem; border-radius: 1.25rem;}
	.loading-full .con p{margin-top: 1.875rem; font-size: 1.75rem; line-height: 2.625rem;}
}

/* badge-list */
.badge-list{display: flex;}
.badge-list li{margin-left: 10px;}
.badge-list li:first-child{margin-left: 0;}
.badge-list li img{width: auto; height: 31px;}
@media all and (max-width:1299px) {
	.badge-list li{margin-left: 0.9375rem;}
	.badge-list li img{width: auto; height: 3.375rem;}
}


/*-------------------------------------------------------------------
@ Utilities
-------------------------------------------------------------------*/
/* padding */
.pd-0{padding: 0 !important;}

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

/* font */
.f-primary{color: #0072bc !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;}
}

/*-------------------------------------------------------------------
  @ Contents

  NEW MAIN 2023.08 
-------------------------------------------------------------------*/
/* 메인 */
.main{position:relative;width:100%;}
.main .section-wrap {display:flex;justify-content:center;width:calc(100% - 40px);/*max-width:1600px;*/margin:0 auto;padding:0 20px;}
.main .top-main {width:100%;/*max-width:1620px;padding-top:2.3rem;*/margin:0 auto;overflow-x:hidden;}
.main .top-main::after {content:''; /*border-bottom: 1px solid #ddd;*/display:block;}
.main .left-main {width:calc(100% - 340px);border-right:1px solid #ddd;padding-bottom:120px; box-sizing: border-box;padding-right:20px;}
.main .visual{/*width:calc(100% - 20px);*/margin:0 auto;}
.main .visual .swiper-container {/*border-radius:1.4rem;*/height:100%;transition-duration: 0ms;transform: translate3d(0px, 0px, 0px);}
.main .visual .swiper-slide {-webkit-transition:opacity, visibility  0.4s ease-out;-moz-transition:opacity, visibility  0.4s ease-out;transition:opacity, visibility  0.4s ease-out;}
.main .visual .swiper-slide .mo{display: none;}
.main .visual .swiper-slide ul {display:flex;align-items:center;gap:10px;justify-content:space-between;width:100%;}
.main .visual .swiper-slide ul li {overflow:hidden;position:relative;width:calc(25% - 10px);/*border-radius:1.55rem;*/-webkit-transition:transform 0.2s ease-in-out;-moz-transition:transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out;transform: translateY(0);}
.main .visual .swiper-slide ul li:first-child {width:calc(50% - 10px);height:100%;}
.main .visual .swiper-slide ul li a {width:100%;display: block;height:100%;}
.main .visual .swiper-slide ul li img {position:absolute;width:100%;background-size: cover;height:100%;}
.main .visual .swiper-button-prev{top: 50%;left: 0; width: 40px; height: 40px; margin:0; border-radius: 0 3px 3px 0; background:url(../images/main/ico_vis_prev.png) center no-repeat rgba(0, 0, 0, .5); transform: translateY(-50%);background-size: 12px;}
.main .visual .swiper-button-next{top: 50%;right: 0; width: 40px; height: 40px; margin:0; border-radius: 3px 0 0 3px; background:url(../images/main/ico_vis_next.png) center no-repeat rgba(0, 0, 0, .5); transform: translateY(-50%);background-size: 12px;}
.main .visual .swiper-button-prev:after{display: none;}
.main .visual .swiper-button-next:after{display: none;}
.main .visual .pagination {display: flex; position: absolute; bottom:1.5rem; left:1.5rem; align-items: center; z-index: 10;gap:0.3rem;}
.main .visual .pagination .swiper-pagination{position: static; bottom: auto; width: auto; font-weight: 400; color: #fff; text-align: left;background:rgba(0, 0, 0, 0.3);padding:0.6rem 0.8rem;border-radius:30px;}
.main .visual .pagination .swiper-pagination span{display: inline-block; min-width: 20px; text-align: center;}
.main .visual .pagination .swiper-pagination span.curr{font-weight: 800;}
.main .visual .pagination .progressbar{position: relative; width: 180px; height: 3px; margin-left: 15px; background-color: rgba(255, 255, 255, .5);}
.main .visual .pagination .progressbar > div{position: absolute; top: 0; left: 0; width: 0; height: 100%; background: #fff;}
.main .visual .pagination .progressbar.on > div {width:100%; animation:progressbar 2.9s linear;}
.main .visual .pagination .progressbar.paused > div{animation-play-state: paused;}
.main .visual .pagination button{width: 8px; height: 10px; background: url(../images/main/ico_vis_pause.png) center no-repeat; text-indent: -9999em;background-color:rgba(0, 0, 0, 0.3) !important;padding:1.1rem;border-radius:30px;}
.main .visual .pagination button.play{background: url(../images/main/ico_vis_play.png) center no-repeat;}
.main .quick{display: flex; flex-wrap: wrap; justify-content: space-between; padding:30px 0 60px;}
.main .quick ul {width:100%;max-width:1600px;display:flex;flex-wrap:wrap;margin:0 auto;justify-content:center;gap:2rem;}
.main .quick ul li {width:120px;}
.main .quick li a {color:#000;height:100%;;}
.main .quick li p {margin-top:1rem;font-size:18px;font-weight:800;text-align:center;line-height:1rem;color:#333;word-break:keep-all;}
.main .quick li div {display:flex;flex-grow: 1;height:120px;overflow:hidden;align-items:center;justify-content:center;width:100%;border-radius:2.7rem;overflow:hidden;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;transition:all 0.2s;}
.main .quick li img {max-width: 100%;max-height: 100%;width:100%;}
.main .quick li:hover p {font-weight:900;}
.main .quick li a:hover div {box-shadow: 0px 2px 5px #b4b4b49c;}

.main .quick .item2{background: url(../images/common/ico_main_2p.png) right 0 bottom 0 / 280px auto no-repeat #f4f4f4;}
.main .quick .item3{background: url(../images/common/ico_main_3p.png) right 0 bottom 0 / 280px auto no-repeat #f4f4f4;}
/*이미지 변경 230129 */ 
body.mno .main .quick .item3{background: url(../images/common/bg_phone1.png) right 30px bottom 0 / 101px auto no-repeat #f4f4f4;}
.main .quick .item4{background: url(../images/common/bg_money3.png) right 20px bottom 0 / 192px auto no-repeat #f4f4f4;}

.main .quick .item5{width: 580px; padding: 40px 0 0 40px; background: url(../images/common/ico_main_1p.png) right  / 600px auto no-repeat #f4f4f4;}
.main .quick .item5 span{font-size: 18px;}
.main .quick .item5 strong{margin-top: 13px; font-size: 30px; line-height: 40px; color:#000}

.main .quick .item11{width: 580px; padding: 40px 0 0 40px; background: url(../images/common/ico_main_11p.jpg) right  / 100% auto no-repeat #f8e6ed;}
.main .quick .item11 span{font-size: 18px;}
.main .quick .item11 strong{margin-top: 13px; font-size: 30px; line-height: 40px; color:#000}

/* 2023-06-07 */
.main .quick .item12{/*width: calc(50% - 0.9375rem);*/ background: url(../images/common/ico_main_quick_item12.png) right bottom / auto no-repeat #f4f4f4;}

.main .m-mohae{padding-bottom: 60px;}
.main .m-mohae .info-wrap{position:relative;float: left; width: 360px; padding-top: 75px;}
.main .m-mohae h2{display: inline-block; position: relative; font-size: 48px; font-weight: 800; color: #000; height: 1;}
.main .m-mohae h2::after{display: block; position: absolute; top: -15px; right: -55px; width: 51px; height: 49px; background: url(../images/main/mvno/ico_sb.png) center / 100% auto no-repeat; content: "";}
.main .m-mohae h2 + p{margin-top: 10px; font-size: 18px; line-height: 30px;}
.main .m-mohae .menu{margin-top: 55px;}
.main .m-mohae .menu .swiper-wrapper{display: block;}
.main .m-mohae .menu li{margin-top: 10px;}
.main .m-mohae .menu li:first-child{margin-top: 0;}
.main .m-mohae .menu li a{display: inline-block; padding: 0 25px; border-radius: 25px; background: #f4f4f4; font-size: 18px; color: #666; line-height: 46px;}
.main .m-mohae .menu li a.on{background: #111; font-weight: 700; color: #fff;}
.main .m-mohae .cont{position: relative; width: 840px; min-height: 600px; padding-top: 60px; margin-left: 360px; box-sizing: border-box;}
.main .m-mohae .item{display: none; overflow: hidden;}
.main .m-mohae .item.on{display: block;}
.main .m-mohae .item .list{display: flex; justify-content: space-between; flex-wrap: wrap;}
.main .m-mohae .item .list > li{margin-top: 30px;}
.main .m-mohae .item .list > li:nth-child(-n+2){margin-top: 0;}
.main .m-mohae .item .item-c{display: flex; position: relative; flex-direction: column; width: 405px; height: 340px; padding: 25px 30px 30px 30px; border-radius: 20px; background: url(../images/main/mvno/bg_mohae.png) right 34px bottom / 135px auto no-repeat #0072bc; box-sizing: border-box;}
.main .m-mohae .item .item-c .title span{display: block; font-size: 18px; color: #fff; opacity: .7;}
.main .m-mohae .item .item-c .title strong{display: block; margin-top: 5px; font-size: 40px; line-height: 58px; font-weight: 700; color: #fff;}
.main .m-mohae .item .item-c .btm{width: 200px; margin-top: auto;}
.main .m-mohae .item .item-c .btm .hash{display: flex; flex-wrap: wrap; margin-bottom: -4px;}
.main .m-mohae .item .item-c .btm .hash li{padding: 0 10px; margin: 4px 8px 4px 0; border: 1px solid rgba(255, 255, 255, .5); border-radius: 10px; font-size: 15px; color: #fff; line-height: 30px;}
.main .m-mohae .item .item-d{display: block; position: relative; width: 405px; height: 340px; padding: 25px 30px 30px 30px; border: 1px solid #ddd; border-radius: 20px; box-sizing: border-box;}
.main .m-mohae .item .item-d .title div{font-size: 15px; color: #aaa;}
.main .m-mohae .item .item-d .title div span{position: relative;}
.main .m-mohae .item .item-d .title div span::after{display: inline-block; width: 4px; height: 4px; margin-left: 4px; border-radius: 100%; background: #aaa; content: ""; vertical-align: middle;}
.main .m-mohae .item .item-d .title strong{display: block; margin-top: 10px; font-size: 30px; font-weight: 700; color: #111; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.main .m-mohae .item .item-d .txt{ display:-webkit-box;margin-top: 20px; font-size: 18px; line-height: 30px; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.main .m-mohae .item .item-d .btm{position: absolute; bottom: 30px; left: 30px;}
.main .m-mohae .item .item-d .btm .hash{display: flex; flex-wrap: wrap;}
.main .m-mohae .item .item-d .btm .hash li{padding: 0 10px; margin: 4px 8px 4px 0; border-radius: 10px; background: #f4f4f4; font-size: 15px; color: #707070; line-height: 32px;}
.main .m-mohae .item .item-d .btm .count{margin-top: 12px;}
.main .m-mohae .item .item-d .btm .count span{display: inline-block; font-size: 14px; font-weight: 700; color: #333; line-height: 20px;}
.main .m-mohae .item .item-d .btm .count .good{padding-left: 26px; background: url(../images/common/ico_good.png) left center / 21px auto no-repeat;}
.main .m-mohae .item .item-d .btm .count .cmt{padding-left: 26px; margin-left: 10px; background: url(../images/common/ico_cmt.png) left center / 22px auto no-repeat;}
.main .m-recomm{padding: 60px 0; border-top: 1px solid #ddd;}
.main .m-recomm .head{display: flex; justify-content: space-between; align-items: center;}
.main .m-recomm .head h2{display: block; font-size: 48px; font-weight: 700; color: #111; line-height: 1;}
.main .m-recomm .head .ctr{display: flex;}
.main .m-recomm .head .ctr div{margin: 0; margin-left: 10px;}
.main .m-recomm .head .ctr .swiper-button-prev{position: static; top: auto; left: auto; width: 60px; height: 60px; border: 1px solid #666; border-radius: 10px; background: url(../images/common/ico_arw01_left.png) center no-repeat; text-indent: -9999em; transform: none; box-sizing: border-box;}
.main .m-recomm .head .ctr .swiper-button-prev::after{display: none;}
.main .m-recomm .head .ctr .swiper-button-next{position: static; top: auto; right: auto; width: 60px; height: 60px; border: 1px solid #666; border-radius: 10px; background: url(../images/common/ico_arw01_right.png) center no-repeat; text-indent: -9999em; transform: none; box-sizing: border-box;}
.main .m-recomm .head .ctr .swiper-button-next::after{display: none;}
.main .m-recomm .cont{margin-top: 40px;}
.main .m-recomm .slide{position: relative;}
.main .m-recomm .swiper-slide{width: auto; padding-bottom: 15px; box-sizing: border-box;}
.main .m-recomm .payplan-recomm-item:hover{box-shadow: 0 10px 10px rgba(0, 0, 0, 0.07);}
.main .m-recomm .swiper-pagination{display: none;}
.main .m-prd{border-top: 1px solid #ddd;}
.main .m-prd .info-wrap{float: left; width: 360px; padding: 60px 0;}
.main .m-prd h2{display: inline-block; position: relative; font-size: 48px; font-weight: 800; color: #000; height: 1;}
.main .m-prd h2 + p{margin-top: 10px; font-size: 18px; line-height: 30px;}
.main .m-prd .menu{margin-top: 55px;}
.main .m-prd .menu .swiper-wrapper{display: block;}
.main .m-prd .menu li{margin-top: 10px;}
.main .m-prd .menu li:first-child{margin-top: 0;}
.main .m-prd .menu li a{display: inline-block; padding: 0 25px; border-radius: 25px; background: #f4f4f4; font-size: 18px; color: #666; line-height: 46px;}
.main .m-prd .menu li a.on{background: #111; color: #fff;}
.main .m-prd .cont{position: relative; width: 840px; min-height: 600px; padding: 60px 0; margin-left: 360px; box-sizing: border-box;}
.main .m-prd .item{display: none; overflow: hidden;}
.main .m-prd .item.on{display: block;}
.main .m-prd .item .list{display: flex; flex-wrap: wrap; justify-content: space-between; padding-bottom: 20px;}
.main .m-prd .item .list > li{width: 405px; margin-top: 30px; border-radius: 20px; transition: all 0.3s ease;}
.main .m-prd .item .list > li:hover{box-shadow: 0 10px 10px rgba(0, 0, 0, 0.07);}
.main .m-prd .item .list > li:nth-child(-n+2){margin-top: 0;}
.main .m-phone{padding: 60px 0; border-top: 1px solid #ddd;}
.main .m-phone .head h2{display: inline-block; position: relative; font-size: 48px; font-weight: 800; color: #000; height: 1;}
.main .m-phone .menu{margin-top: 30px;}
.main .m-phone .menu li{width: auto; margin-left: 20px;}
.main .m-phone .menu li:first-child{margin-left: 0;}
.main .m-phone .menu li a{display: inline-block; padding: 0 25px; border-radius: 25px; background: #f4f4f4; font-size: 18px; color: #666; line-height: 46px;}
.main .m-phone .menu li a.on{background: #111; color: #fff;}
.main .m-phone .menu li a.best{background: #457fec; color: #fff;}
.main .m-phone .cont{margin-top: 40px; box-sizing: border-box;}
.main .m-phone .item{display: none; overflow: hidden;}
.main .m-phone .item.on{display: block;}
.main .m-phone .item .list{display: flex; flex-wrap: wrap; justify-content: space-between; padding-bottom: 20px;}
.main .m-phone .item .list > li{margin-top: 30px; border-radius: 20px; transition: all 0.3s ease;}
.main .m-phone .item .list > li:hover{box-shadow: 0 10px 10px rgba(0, 0, 0, 0.07);}
.main .m-phone .item .list > li:nth-child(-n+2){margin-top: 0;}
.main .m-tv{padding: 60px 0; border-top: 1px solid #ddd;}
.main .m-tv .head h2{display: inline-block; position: relative; font-size: 48px; font-weight: 800; color: #000; height: 1;}
.main .m-tv .cont{margin-top: 30px; box-sizing: border-box;}
.main .m-tv .list{display: flex; flex-wrap: wrap; justify-content: space-between;}
.main .m-tv .list > li{overflow: hidden; width: 585px; height: 360px; margin-top: 30px; border: 1px solid #ddd; border-radius: 20px; text-align: center; box-sizing: border-box; transition: all 0.3s ease;}
.main .m-tv .list > li:hover{box-shadow: 0 10px 10px rgba(0, 0, 0, 0.07);}
.main .m-tv .list > li:nth-child(-n+2){margin-top: 0;}
.main .m-tv .list > li a{display: block; padding: 40px;}
.main .m-tv .list > li .ctg{display: inline-flex; align-items: center; justify-content: center; width: 52px; height: 24px; border: 1px solid #ddd; border-radius: 5px; font-size: 14px; box-sizing: border-box;}
.main .m-tv .list > li .ctg.new{border-color: #ee3639; color: #ee3639;}
.main .m-tv .list > li .ctg.recomm{border-color: #457fec; color: #457fec;}
.main .m-tv .list > li .ctg.popular{border-color: #ff7800; color: #ff7800;}
.main .m-tv .list > li .tit{display: block; margin: 15px 0 5px; font-size: 30px; color: #111; font-weight: 700;}
.main .m-tv .list > li .opt{display: block; font-size: 18px; color: #999;}
.main .m-tv .list > li .price{display: block; padding-top: 20px; margin-top: 15px; border-top: 1px solid #ddd; font-size: 42px; font-weight: 800; color: #457fec;}
.main .m-tv .list > li .price span{font-size: 24px; font-weight: 700;}
.main .m-tv .list > li .benefit{display: block; padding: 10px 0; margin-top: 25px; border-radius: 10px; background: #f8f8f8; font-size: 30px; color: #333;}
.main .m-tv .list > li .benefit span{font-size: 24px;}
.main .m-review{padding-top: 60px; border-top: 1px solid #ddd;}
.main .m-review .head{display: flex; justify-content: space-between; align-items: center;}
.main .m-review .head h2{display: block; font-size: 48px; font-weight: 700; color: #111; line-height: 1;}
.main .m-review .head .ctr{display: flex;}
.main .m-review .head .ctr div{margin: 0; margin-left: 10px;}
.main .m-review .head .ctr .swiper-button-prev{position: static; top: auto; left: auto; width: 60px; height: 60px; border: 1px solid #666; border-radius: 10px; background: url(../images/common/ico_arw01_left.png) center no-repeat; text-indent: -9999em; transform: none; box-sizing: border-box;}
.main .m-review .head .ctr .swiper-button-prev::after{display: none;}
.main .m-review .head .ctr .swiper-button-next{position: static; top: auto; right: auto; width: 60px; height: 60px; border: 1px solid #666; border-radius: 10px; background: url(../images/common/ico_arw01_right.png) center no-repeat; text-indent: -9999em; transform: none; box-sizing: border-box;}
.main .m-review .head .ctr .swiper-button-next::after{display: none;}
.main .m-review .cont{overflow: hidden; margin-top: 30px;}
.main .m-review .slide{width: 1200px;margin:0 auto;}
.main .m-review .swiper-slide{width: auto;}
.main .m-review .item{display: block; width:100%; height: auto; padding: 23px 20px 20px 20px; border: 1px solid #ddd; border-radius: 20px; box-sizing: border-box;}
.main .m-review .item .tit{padding-left: 40px; font-size: 18px; background: url(../images/common/mvno/ico_review.png) left bottom / 26px auto no-repeat; font-weight: 700; color: #555; line-height: 30px; }
.main .m-review .item .txt{display: -webkit-box; height: 48px; margin-top: 10px; font-size: 15px; line-height: 24px; color: #666; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; opacity: 0.7;}
.main .m-review .item .etc{display: flex; justify-content: space-between; margin-top: 15px;}
.main .m-review .item .etc ul{display: flex;}
.main .m-review .item .etc ul li{position: relative; padding-left: 10px; margin-left: 10px; font-size: 14px; color: #555; line-height: 18px;}
.main .m-review .item .etc ul li::after{position: absolute; top: 50%; left: 0; width: 1px; height: 12px; background: #aaa; transform: translateY(-50%); content: "";}
.main .m-review .item .etc ul li:first-child{padding-left: 0; margin-left: 0;}
.main .m-review .item .etc ul li:first-child::after{display: none;}
.main .m-review .item .etc .good{padding-left: 26px; background: url(../images/common/ico_good.png) left center / 20px auto no-repeat; font-size: 14px; font-weight: 700; color: #333; line-height: 18px;}
.main .m-review .item .btm{display: flex; align-items: center; padding-top: 20px; margin-top: 20px; border-top: 1px solid #ddd;}
.main .m-review .item .btm .ctg{display: block; width: 46px; height: 24px; border: 1px solid #f45f61; border-radius: 25px; font-size: 12px; font-weight: 700; color: #f45f61; line-height: 22px; text-align: center; box-sizing: border-box;}
.main .m-review .item .btm .sys{display: block; width: calc(100% - 56px); margin-left: 10px; font-size: 16px; font-weight: 700; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.main .aside{position: relative; width: 340px;margin-bottom:30px;}
.main .aside > div{position:sticky; top: 90px; right: 0; width: 280px; padding-top: 50px; margin-left:30px;}
.main .aside > div.sticky{position: sticky; right: 50%; margin-right: -800px;}
/* .main .aside .mem{display: flex; border: 1px solid #666; border-radius: 10px;}
.main .aside .mem a{display: block; width: 50%; font-size: 16px; font-weight: 600; color: #333; text-align: center; line-height: 43px; box-sizing: border-box;}
.main .aside .mem a:last-child{border-left: 1px solid #ddd;}
.main .aside .mem.off{display: none;}
.main .aside .mem.off{display: none;} */
.main .aside .banner{overflow: hidden; margin:30px 0 0 0; border-radius: 10px;}
.main .aside .banner .swiper-pagination{position: absolute; top: 18px; right: 18px; left: auto; width: auto; font-size: 15px; font-weight: 700; color: #999; line-height: 1;}
.main .aside .banner .swiper-pagination .swiper-pagination-current{font-weight: 800; color: #333;}
.main .aside .etc{display: flex; overflow: hidden; border: 1px solid #666; border-radius: 10px;}
.main .aside .etc li{width: 33.333%; height: 88px; border-left: 1px solid #eee; box-sizing: border-box;}
.main .aside .etc li a{display: block; width: 100%; height: 100%; padding-top: 58px; font-size: 14px; font-weight: 700; color: #333; text-align: center; box-sizing: border-box;}
.main .aside .etc li:nth-child(1) a{background: url(../images/common/ico_delivery.png) center 18px / 36px auto no-repeat;}
.main .aside .etc li:nth-child(2) a{background: url(../images/common/ico_qna.png) center 18px / 31px auto no-repeat;}
.main .aside .etc li:nth-child(3) a{background: url(../images/common/ico_faq.png) center 18px / 35px auto no-repeat;}
.main .aside .notice h3 a{display: inline-block; padding-right: 20px; background: url(../images/common/ico_arw04_right.png) right center no-repeat; font-size: 20px; font-weight: 700; color: #000;}
.main .aside .notice .list{margin-top: 10px;}
.main .aside .notice .list li{margin-top: 5px;}
.main .aside .notice .list li:first-child{margin-top: 0;}
.main .aside .notice .list li a{display: inline-block; width:100%; font-size: 15px; color: #333; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.main .aside .help{padding-top: 25px; margin-top: 35px; border-top: 1px solid #ddd;}
.main .aside .help h3{display: block; padding-right: 20px; font-size: 20px; font-weight: 700; color: #000;}
.main .aside .help p{margin-top: 10px; font-size: 15px; line-height: 24px; color: #333;}
.main .aside .help dl.tel{display: flex; flex-wrap: wrap; margin-top: 20px; font-size: 15px; font-weight: 700; line-height: 26px; color: #333;}
.main .aside .help dl.tel dt{width: 65px;}
.main .aside .help dl.tel dd{width: 215px;}
.main .aside .help p.tel{font-size: 20px; font-weight: 700; color: #000;}
body.mno .main .m-mohae h2::after{background-image: url(../images/main/mno/ico_sb.png);}
body.mno .main .m-mohae .item .item-c{background: url(../images/main/mno/bg_mohae.png) right 30px bottom 57px / 130px auto no-repeat #457fec;}
body.mno .main .m-review .item .tit{background-image: url(../images/common/mno/ico_review.png);}
body.mno .main .m-review .item .btm .ctg{border-color: #457fec; color: #457fec;}
@keyframes progressbar{
	0%{width:0;}
	100%{width:100%;}
}
@media all and (min-width:751px) and (max-width:1699px) {
	.main .content{width: calc(100% - 320px); padding: 50px 39px 120px 0;}
	.main .visual .swiper-button-prev{width:4%; height: 12%; margin:0; border-radius: 0 5px 5px 0; background-size:25%; transform: translateY(-50%);}
	.main .visual .swiper-button-next{width:4%; height: 12%; margin:0; border-radius: 5px 0 0 5px; background-size:25%; transform: translateY(-50%);}
	.main .visual .pagination{font-size: 14px;}
	.main .visual .pagination .swiper-pagination span{min-width: 15px;}
	.main .visual .pagination .progressbar{width: 55%;}

	/*사이즈 수정 230129*/
	body.mno .main .quick .item3{background-position: right 10.714% bottom 0; background-size: 36.071% auto;}
	.main .quick .item4{background-position: right 7.8125% bottom 0; background-size: 58.125% auto;}
	.main .quick .item5{width: 48.333%;}
	.main .quick .item11{width: 48.333%;}
	/*.main .quick .item5{width: 48.333%; background-position: right 6.206% bottom 25px; background-size: 43.103% auto;}*/
	.main .aside > div{margin-left: 40px;}
	.main .m-mohae .info-wrap{width: 340px;}
	.main .m-mohae .cont{width: 100%; margin-left: 340px;}
	.main .m-mohae .item .list{display: block;}
	.main .m-mohae .item .list > li{margin-top: 30px;}
	.main .m-mohae .item .list > li:nth-child(-n+2){margin-top: 30px;}
	.main .m-mohae .item .list > li:first-child{margin-top: 0;}
	.main .m-mohae .item .item-c{width: calc(100% - 340px);}
	.main .m-mohae .item .item-d{width: calc(100% - 340px);}
	.main .m-recomm .swiper-slide{width: 100%;}
	.main .m-recomm .payplan-recomm-item{width: 100%;}
	/* 반응형 따라다니기 */
	.main .m-mohae .info-wrap {position: sticky; top: 90px; width: 340px;}
	.main .m-prd .info-wrap{position: sticky; top: 90px; width: 340px;}
	
	.main .m-prd .cont{width: calc(100% - 340px); margin-left: 340px;}
	.main .m-prd .item .list{display: block; padding-bottom: 0;}
	.main .m-prd .item .list > li{width: 100%; border-radius: 0;}
	.main .m-prd .item .list > li:nth-child(-n+2){margin-top: 30px;}
	.main .m-prd .item .list > li:first-child{margin-top: 0;}
	.main .m-prd .item .list > li .phone-item-type1{height: 220px;}
	.main .m-phone .item .list{display: block; padding-bottom: 0;}
	.main .m-phone .item .list > li{width: 100%; border-radius: 0;}
	.main .m-phone .item .list > li:nth-child(-n+2){margin-top: 30px;}
	.main .m-phone .item .list > li:first-child{margin-top: 0;}
	.main .m-tv .list > li{width: calc(50% - 15px);}
	.main .m-review .item{width:calc(100% - 2px);}
	.main .m-review .slide{width:100%;margin:0 auto;}
	.main .m-review .swiper-slide{width: 48.235%; padding: 0;}
}
@media all and (min-width:751px) and (max-width:1299px) {
	.main .visual{/*padding: 0 2.5rem;*/}
	.main .quick ul {max-width:900px;gap:1.5rem;}
	.main .quick ul li {width:calc(12.5% - 1.5rem);}
	.main .quick ul li p {font-size:1rem;}
	.main .quick li div {border-radius:3.2rem;}
	.main .m-mohae .menu{text-align: center;}
	.main .m-mohae .menu > div{display: inline-block;width:100%;}
	.main .m-prd .menu{text-align: center;}
	.main .m-prd .menu > div{display: inline-block;}
	.main .m-review .swiper-slide{width: 100%;}
}
@media all and (max-width:1299px) {
	.main{display: block;}
	.main .left-main {border-right:0;padding-right:0;width:100%;}
	.main .aside {display:none;}
	.main .visual {/*width:calc(100% - 5rem);*/max-height:none !important;}
	.main .content{width: 100%; padding:0; border-right: 0;}
	.main .quick{padding: 0 2.5rem 4.5rem; margin: 1.875rem auto 0; border-bottom: 1.25rem solid #f4f4f4;}
	.main .quick li div {height:auto;}
	.main .quick .item{height: 17.5rem; padding: 2.5rem 0 0 2.5rem;}
	.main .quick .item span{font-size: 1.5rem;}
	.main .quick .item strong{margin-top: 0.625rem; font-size: 2rem; line-height: 2.875rem;}
	.main .quick .item1{width: 100%; padding: 2.8125rem 0 0 3.125rem; margin-bottom: 1.875rem; background-position: right 2.125rem bottom 2.0625rem; background-size: 15.6875rem auto;}
	.main .quick .item1 span{font-size: 1.5rem; color: #fff;}
	.main .quick .item1 strong{margin-top: 0.8125rem; font-size: 2.625rem; color: #fff; line-height: 3.375rem;}
	/* 이미지 변경 230129 230228 */
	.main .quick .item2{width: calc(50% - 0.9375rem); background: url(../images/common/ico_main_2p.png) right 1.625rem bottom / auto no-repeat #f4f4f4;}
	.main .quick .item3{width: calc(50% - 0.9375rem); background-size: 28rem auto; background-position:  right 1.625rem bottom ; background-color: #f4f4f4;}
	/* 이미지 변경 230129 230228*/
	body.mno .main .quick .item3{width: calc(50% - 0.9375rem); background-size: 7.4375rem auto; background-position:  right 1.75rem bottom;}
	.main .quick .item4{width: calc(50% - 0.9375rem); background-size: 11.625rem auto; background-position:  right 1.5625rem bottom;}
	.main .quick .item5{width: 100%; padding: 2.8125rem 0 0 3.125rem; margin-bottom: 1.875rem; background-size: 95% auto; background-color: #8ddafc;}
	.main .quick .item5 span{font-size: 1.5rem;}
	.main .quick .item5 strong{margin-top: 0.8125rem; font-size: 2.625rem; line-height: 3.375rem;}
	.main .quick .item11{width: 100%; padding: 2.8125rem 0 0 3.125rem; margin-bottom: 1.875rem; /* background-size: 95% auto; background-color: #8ddafc;*/}
	.main .quick .item11 span{font-size: 1.5rem;}
	.main .quick .item11 strong{margin-top: 0.8125rem; font-size: 2.625rem; line-height: 3.375rem;}
	.main .visual .pagination button {padding:1.4rem;}
	/* 2023-06-07 */
	/*.main .quick .item12{width: calc(50% - 0.9375rem); background: url(../images/common/ico_main_quick_item12.png) right bottom / auto no-repeat #f4f4f4;}*/
	/* 2023-07-07 modify */
	.main .quick .item12{width: calc(50% - 0.9375rem); background: url(../images/common/ico_main_quick_item12.png) right 1.625rem bottom / auto no-repeat #f4f4f4;}/* 20230530 */
	.main .section-wrap {width:100% !important;padding:0 !important;}

	.main .m-mohae{padding: 4.375rem 0 5rem; border-top: 0; border-bottom: 1.25rem solid #f4f4f4;}
	.main .m-mohae .info-wrap{position: static; top: auto; float: none; width: 100%; padding-top: 0; text-align: center;}
	.main .m-mohae h2{padding-right: 4.6875rem; background: url(../images/main/mvno/ico_sb.png) right center / 4.125rem auto no-repeat; font-size: 3.75rem; line-height: 3.875rem;}
	.main .m-mohae h2::after{display: none;}
	.main .m-mohae h2 + p{display: none;}
	.main .m-mohae .menu{margin-top: 3.125rem;}
	.main .m-mohae .menu .swiper-wrapper{display: flex;}
	.main .m-mohae .menu li{width: auto; margin: 0 0.625rem;}
	.main .m-mohae .menu li:first-child{margin-left: 2.5rem;}
	.main .m-mohae .menu li:last-child{margin-right: 2.5rem;}
	.main .m-mohae .menu li a{padding: 0 2.5rem; border-radius: 2.5rem; background: #f4f4f4; font-size: 1.75rem; line-height: 4.625rem;}
	.main .m-mohae .cont{width: 100%; padding: 0 2.5rem; min-height: auto; padding-top: 3.75rem; margin-left: 0;}
	.main .m-mohae .item .list > li,
	.main .m-mohae .item .list > li:nth-child(-n+2){width: 100%; margin-top: 1.875rem;}
	.main .m-mohae .item .list > li:first-child{margin-top: 0;}
	.main .m-mohae .item .item-c{width: 100%; height: auto; min-height: 20rem; padding: 2.1875rem 2.5rem 2.5rem 2.5rem; border-radius: 1.25rem; background-position: right 4.125rem bottom; background-size: 11.25rem auto;}
	.main .m-mohae .item .item-c .title span{font-size: 1.5rem; opacity: .7;}
	.main .m-mohae .item .item-c .title strong{margin-top: 0.625rem; font-size: 3rem; line-height: 4rem;}
	.main .m-mohae .item .item-c .btm{width: 50%; margin-top: 1.25rem;}
	.main .m-mohae .item .item-c .btm .hash{margin-bottom: 0;}
	.main .m-mohae .item .item-c .btm .hash li{padding: 0 0.8125rem; margin: 0.3125rem 0.625rem 0.3125rem 0; border: 0.125rem solid rgba(255, 255, 255, .5); border-radius: 0.625rem; font-size: 1.5rem; line-height: 2.75rem;}
	.main .m-mohae .item .item-d{width: 100%; height: 26.25rem; padding: 2.1875rem 2.5rem 2.5rem 2.5rem; border: 0.125rem solid #ddd; border-radius: 1.25rem;}
	.main .m-mohae .item .item-d .title div{font-size: 1.5rem;}
	.main .m-mohae .item .item-d .title div span::after{width: 0.375rem; height: 0.375rem; margin-left: 0.375rem;}
	.main .m-mohae .item .item-d .title strong{margin-top: 1.25rem; font-size: 2.625rem;}
	.main .m-mohae .item .item-d .txt{margin-top: 1.5625rem; font-size: 1.75rem; line-height: 2.75rem; -webkit-line-clamp:2;}
	.main .m-mohae .item .item-d .btm{position: absolute; bottom: 2.1875rem; left: 0; padding: 0 2.5rem;}
	.main .m-mohae .item .item-d .btm .hash li{padding: 0 0.9375rem; margin: 0.3125rem 0.625rem 0.3125rem 0; border-radius: 0.625rem; font-size: 1.5rem; line-height: 3rem;}
	.main .m-mohae .item .item-d .btm .count{margin-top: 1.0625rem;}
	.main .m-mohae .item .item-d .btm .count span{font-size: 1.5rem; line-height: 2.25rem;}
	.main .m-mohae .item .item-d .btm .count .good{padding-left: 3.125rem; background-size: 2.25rem auto;}
	.main .m-mohae .item .item-d .btm .count .cmt{padding-left: 3.125rem; margin-left: 1.25rem; background-size: 2.375rem auto;}
	.main .m-recomm{padding: 5rem 0 8.75rem; border-top: 0; border-bottom: 1.25rem solid #f4f4f4;}
	.main .m-recomm:has(.pay2024){padding: 5rem 2.5rem 8.75rem;}
	.main .m-recomm:has(.pay2024) .head{display:flex !important;} 
	.main .m-recomm .head{display: block;}
	.main .m-recomm .head h2{font-size: 3.75rem; text-align: center;}
	.main .m-recomm .head .ctr{display: none;}
	.main .m-recomm .cont{margin-top: 3.75rem;}
	.main .m-recomm .swiper-slide{width: 100%; padding: 0 2.5rem;}
	.main .m-recomm .payplan-recomm-item{box-shadow: none;}
	.main .m-recomm .swiper-pagination{display: block; bottom: -3.75rem; width: 100%; font-size: 0; line-height: 1;}
	.main .m-recomm .swiper-pagination-bullet{width:1.25rem; height:1.25rem; background:#ddd; opacity:1; margin:0 0.625rem;}
	.main .m-recomm .swiper-pagination-bullet-active{background:#0072bc;}
	.main .m-prd{padding: 4.375rem 0 5rem; border-top: 0; border-bottom: 1.25rem solid #f4f4f4;}
	.main .m-prd .info-wrap{position: static; top: auto; float: none; width: 100%; padding: 0;}
	.main .m-prd h2{display: block; position: relative; font-size: 3.75rem; text-align: center;}
	.main .m-prd h2 + p{display: none;}
	.main .m-prd .menu{margin-top: 3.125rem;}
	.main .m-prd .menu .swiper-wrapper{display: flex;}
	.main .m-prd .menu li{width: auto; margin: 0 0.625rem;}
	.main .m-prd .menu li:first-child{margin-left: 2.5rem;}
	.main .m-prd .menu li:last-child{margin-right: 2.5rem;}
	.main .m-prd .menu li a{padding: 0 2.5rem; border-radius: 2.5rem; background: #f4f4f4; font-size: 1.75rem; line-height: 4.625rem;}
	.main .m-prd .cont{width: 100%; min-height: auto; padding: 0 2.5rem; margin: 0; margin-top: 3.75rem;}
	.main .m-prd .item .list{display: block;}
	.main .m-prd .item .list > li{width: 100%; margin-top: 1.875rem;}
	.main .m-prd .item .list > li:nth-child(-n+2){margin-top: 1.875rem;}
	.main .m-prd .item .list > li:first-child{margin-top: 0;}
	.main .m-prd .item .list > li .phone-item-type1{height: 25.25rem;}
	.main .m-phone{padding: 4.375rem 0 5rem; border-top: 0; border-bottom: 1.25rem solid #f4f4f4;}
	.main .m-phone .head{text-align: center;}
	.main .m-phone .head h2{font-size: 3.75rem; line-height: 3.875rem;}
	.main .m-phone .menu{margin-top: 3.125rem;}
	.main .m-phone .menu .swiper-wrapper{display: flex;}
	.main .m-phone .menu li{width: auto; margin: 0 0.625rem;}
	.main .m-phone .menu li:first-child{margin-left: 2.5rem;}
	.main .m-phone .menu li:last-child{margin-right: 2.5rem;}
	.main .m-phone .menu li a{padding: 0 2.5rem; border-radius: 2.5rem; background: #f4f4f4; font-size: 1.75rem; line-height: 4.625rem;}
	.main .m-phone .cont{width: 100%; padding: 0 2.5rem; min-height: auto; padding-top: 3.75rem; margin-top: 0;}
	.main .m-phone .item .list{display: block;}
	.main .m-phone .item .list > li{margin-top: 1.875rem;}
	.main .m-phone .item .list > li:nth-child(-n+2){margin-top: 1.875rem;}
	.main .m-phone .item .list > li:first-child{margin-top: 0;}
	.main .m-tv{padding: 4.375rem 0 5rem; border-top: 0; border-bottom: 1.25rem solid #f4f4f4;}
	.main .m-tv .head{text-align: center;}
	.main .m-tv .head h2{font-size: 3.75rem; line-height: 3.875rem;}
	.main .m-tv .cont{width: 100%; padding: 0 2.5rem; min-height: auto; padding-top: 3.75rem; margin-top: 0;}
	.main .m-tv .list{display: flex; flex-wrap: wrap; justify-content: space-between;}
	.main .m-tv .list > li{width: 100%; height: auto; margin-top: 1.875rem; border: 0.125rem solid #ddd; border-radius: 1.25rem; box-sizing: border-box;}
	.main .m-tv .list > li:nth-child(-n+2){margin-top: 1.875rem;}
	.main .m-tv .list > li:first-child{margin-top: 0;}
	.main .m-tv .list > li a{padding: 2.5rem;}
	.main .m-tv .list > li .ctg{width: 5.125rem; height: 2.5rem; border-width: 0.125rem; border-radius: 0.3125rem; font-size: 1.375rem;}
	.main .m-tv .list > li .tit{margin: 1.25rem 0 0.3125rem; font-size: 2.625rem;}
	.main .m-tv .list > li .opt{font-size: 1.75rem;}
	.main .m-tv .list > li .price{padding-top: 1.5625rem; margin-top: 1.5625rem; border-top-width: 0.125rem; font-size: 3.375rem;}
	.main .m-tv .list > li .price span{font-size: 2.25rem;}
	.main .m-tv .list > li .benefit{padding: 1.5625rem 0; margin-top: 2.1875rem; border-radius: 0.625rem; font-size: 2.625rem;}
	.main .m-tv .list > li .benefit span{font-size: 1.75rem;}
	.main .m-review{padding: 5rem 0 7.5rem; border-top: 0;}
	.main .m-review .head{display: block;}
	.main .m-review .head h2{font-size: 3.75rem; text-align: center;}
	.main .m-review .head .ctr{display: none;}
	.main .m-review .cont{margin-top: 3.75rem;}
	.main .m-review .slide{width: auto; margin-left: 0;}
	.main .m-review .swiper-slide{padding: 0 2.5rem; margin: 0; margin-top: 1.875rem; box-sizing: border-box;}
	.main .m-review .swiper-slide:first-child{margin-top: 0;}
	.main .m-review .swiper-slide:nth-child(n+4){display: none;}
	.main .m-review .item{width: 100%; height: auto; padding: 1.875rem 2.375rem 2.375rem 2.375rem; border: 0.125rem solid #ddd; border-radius: 1.25rem;}
	.main .m-review .item .tit{padding-left: 4.25rem; font-size: 1.875rem; line-height: 3.3125rem; color: #333; background-size: 3.1875rem auto;}
	.main .m-review .item .txt{height: auto; margin-top: 1.25rem; font-size: 1.75rem; line-height: 2.625rem;}
	.main .m-review .item .etc{margin-top: 1.25rem;}
	.main .m-review .item .etc ul li{padding-left: 0.9375rem; margin-left: 0.9375rem; font-size: 1.5rem; line-height: 2.0625rem;}
	.main .m-review .item .etc ul li::after{width: 0.125rem; height: 1.3125rem;}
	.main .m-review .item .etc .good{padding-left: 2.875rem; background-size: 2.25rem auto; font-size: 1.5rem; line-height: 2.0625rem;}
	.main .m-review .item .btm{padding-top: 1.875rem; margin-top: 1.875rem; border-top: 0.125rem solid #ddd;}
	.main .m-review .item .btm .ctg{width: 5.625rem; height: 2.5rem; border: 0.125rem solid #f45f61; border-radius: 1.5625rem; font-size: 1.375rem; line-height: 2.25rem;}
	.main .m-review .item .btm .sys{width: calc(100% - 6.25rem); font-size: 1.75rem;}
	body.mno .main .m-mohae h2{background-image: url(../images/main/mno/ico_sb.png);}
	body.mno .main .m-mohae .item .item-c{background-position: right 3.75rem bottom 3.75rem; background-size: 11.4375rem auto;}
	/* 리뷰 */
	.main .m-review .swiper-wrapper{display: block;transform:inherit !important;transition-duration:inherit !important;}
}
@media all and (max-width:751px) {
	/* 메인 3분할 및 레이아웃 */
	.main .visual {margin:0 auto;}
	.main .aside{display: none;}
	.main .left-main {width:100%;border-right:0;}
	.main .visual .swiper-slide ul {display:inline-block;height:100%;}
	.main .visual .swiper-slide ul li {float:left;width:calc(40% - 5px);height:100%;}
	.main .visual .swiper-slide ul li a {height:100%;}
	.main .visual .swiper-slide ul li a img {height:100%;}
	.main .visual .swiper-slide ul li:first-child {width:calc(60% - 5px);margin:0 !important}
	.main .visual .swiper-slide ul li:nth-child(2) {margin: 0 0 0 10px;}
	.main .visual .swiper-slide ul li:last-child {margin:10px 0 0 10px;}
	.main .quick {padding: 0 1.5rem 5rem;}
	.main .quick ul {gap:1rem;}
	.main .quick ul li {width:calc(25% - 1rem);}
	.main .quick ul li p {font-size:1.1rem;height:20px;line-height:1.8rem;}
	.main .quick ul li div {border-radius:3.4rem;}
	
	.main .visual .swiper-container{border-radius: 0;}
	.main .visual .swiper-slide{overflow: hidden; } 
	.main .visual .swiper-slide-prev{opacity: 0.2; transition: opacity 0.3s ease;}
	.main .visual .swiper-slide-next{opacity: 0.2; transition: opacity 0.3s ease;}
	.main .visual .swiper-button-prev{display: none;}
	.main .visual .swiper-button-next{display: none;}
	.main .visual .pagination{ bottom: 4%;left:4%; width: auto;font-size:1rem;padding:0.5rem 0.6rem;gap:0.2rem;min-width:100px;}
	.main .visual .pagination .swiper-pagination{ background: rgba(0, 0, 0, 0.3); color: #fff; text-align: center;padding:5px 10px;}
	.main .visual .pagination .swiper-pagination span{display: inline-block; min-width: 1.5625rem; text-align: center;}
	.main .visual .pagination button{width:2rem; height:2rem; border-radius: 100%; background: url(../images/main/ico_vis_pause_m.png) center / 0.78rem auto no-repeat rgba(0, 0, 0, 0.3);padding:10px;background-size:7px;}
	.main .visual .pagination button.play{background: url(../images/main/ico_vis_play_m.png) center / 0.8125rem auto no-repeat rgba(0, 0, 0, 0.3);}
	.main .visual .pagination .progressbar{display: none;}
	.main .visual .swiper-slide .pc{display: none;}
	.main .visual .swiper-slide .mo{display: block;width:100%;height:100%;}
	/* 아이콘 변경, 모바일 추가 230129 230228*/
	.main .quick .item2{width: calc(50% - 0.9375rem); background: url(../images/common/ico_main_2p.png) right 0 bottom 0 / 18rem auto no-repeat #f4f4f4;}
	.main .quick .item3{width: calc(50% - 0.9375rem); background-size: 18rem auto; background-position:  right 0 bottom 0;}
	/* 아이콘 변경, 모바일 추가 230129 230228*/
	.main .quick .item12{    background-size: 18rem auto;}/*2023-07-11*/
	
}
@media all and (min-width:751px) {
	.main .visual .swiper-slide ul li:hover {transform: translateY(-15px);}
	.main .visual .swiper-container {overflow:visible !important;}
	.main .visual .swiper-slide {opacity:0;visibility: hidden;}
	.main .visual .swiper-slide-active {opacity:1;visibility:visible !important;}
}

/* member */
.member-join .benefit{display: flex; padding: 40px 0; border-top: 2px solid #111; border-bottom: 1px solid #111;}
.member-join .benefit > li{flex: 1; padding: 145px 40px 0 40px; border-left: 1px solid #ddd;}
.member-join .benefit > li:first-child{border-left: 0;}
.member-join .benefit > li.item1{background: url(../images/member/ico_benefit1.png) 40px 0 / 120px auto no-repeat;}
.member-join .benefit > li.item2{background: url(../images/member/ico_benefit2.png) 40px 0 / 120px auto no-repeat;}
.member-join .benefit > li.item3{background: url(../images/member/ico_benefit3.png) 40px 0 / 120px auto no-repeat;}
.member-join .benefit > li .title span{display: block; font-size: 18px; font-weight: 700; color: #0072bc;}
.member-join .benefit > li .title strong{display: block; margin: 3px 0 8px; font-size: 30px; font-weight: 700; color: #333;}
.member-join .benefit > li .title p{min-height: 60px; font-size: 18px; color: #666; line-height: 30px;}
.member-join .benefit > li .info{padding-top: 25px; margin-top: 20px; border-top: 1px solid #ddd;}
.member-join .benefit > li .info li{padding-left: 35px; margin-top: 10px; background: url(../images/member/ico_check.png) left 1px / 24px auto no-repeat; font-size: 18px; color: #333; line-height: 26px;}
.member-join .benefit > li .info li:first-child{margin-top: 0;}
.member-join .type{display: flex; width: 100%; margin-top: 60px;}
.member-join .type li{width: 23.75%; height: 220px; border: 1px solid #ddd; border-radius: 20px; box-sizing: border-box; transition: all 0.3s ease;}
.member-join .type li:hover{box-shadow: 10px 10px 20px rgba(73, 73, 73, 0.08);}
.member-join .type li a{display: block; width: 100%; height: 100%; padding: 40px; font-size: 24px; font-weight: 700; line-height: 36px; color: #333; box-sizing: border-box;}
.member-join .type li:nth-of-type(1){width: 47.5%; background: url(../images/member/ico_mem1.png) right 40px bottom 40px / 129px auto no-repeat;}
.member-join .type li:nth-of-type(1) a{font-size: 30px; font-weight: 700; line-height: 42px;}
.member-join .type li:nth-of-type(2){margin: 0 2.5%; background: url(../images/member/ico_mem2.png) right 40px bottom 40px / 70px auto no-repeat;}
.member-join .type li:nth-of-type(3){background: url(../images/member/ico_mem3.png) right 40px bottom 40px / 58px auto no-repeat;}
.member-join .btn-wrap{display: none;}
.member-join .cpt{text-align: center;}
.member-join .cpt h3{margin: 45px 0 50px; font-size: 42px; font-weight: 700; color: #111;}
.member-join .cpt .box{padding: 245px 0 70px; border: 1px solid #ddd; border-radius: 20px; background: url(../images/member/ico_cpt.png) center 60px / 114px auto no-repeat; box-sizing: border-box;}
.member-join .cpt .box strong{display: block; font-size: 30px; color: #111; line-height: 42px;}
.member-join .cpt .box p{margin-top: 15px; font-size: 24px; line-height: 36px; color: #111;}
@media all and (max-width:1299px) {
	.member-join .benefit{display: block; padding: 0; border-top-width: 0.25rem; border-bottom-width: 0.125rem;}
	.member-join .benefit > li{padding: 3.125rem 0 3.125rem 13.125rem; border: 0; border-top: 0.125rem solid #ddd; background-position: left 3.125rem !important; background-size: 11.25rem auto !important;}
	.member-join .benefit > li:first-child{border-top: 0;}
	.member-join .benefit > li .title span{font-size: 1.75rem;}
	.member-join .benefit > li .title strong{margin: 0.8125rem 0 0.3125rem; font-size: 2.625rem;}
	.member-join .benefit > li .title p{min-height: auto; font-size: 1.75rem; line-height: 2.625rem;}
	.member-join .benefit > li .info{padding-top: 0; margin-top: 1.875rem; border-top: 0;}
	.member-join .benefit > li .info li{padding-left: 3.125rem; background-position: left 0.3125rem; background-size: 2.25rem auto; font-size: 1.75rem; line-height: 2.625rem; letter-spacing: -0.0625rem;}
	.member-join .type{display: none;}
	.member-join .btn-wrap{display: block; margin-top: 3.75rem;}
	.member-join .cpt h3{margin: 0 0 3.125rem; font-size: 3rem; line-height: 4.25rem;}
	.member-join .cpt .box{padding: 21.5625rem 0 5.3125rem; border-width: 0.125rem; border-radius: 1.25rem; background-position: center 5rem ; background-size: 10.6875rem auto;}
	.member-join .cpt .box strong{font-size: 2.625rem; line-height: 3.75rem;}
	.member-join .cpt .box p{font-size: 2.25rem; line-height: 3.375rem;}
	.member-join-gate-wrap .type{display: block; width: 100%;}
	.member-join-gate-wrap .type li{width: 100%; height: 15rem; margin-top: 1.875rem; border: 0.125rem solid #ddd; border-radius: 1.25rem; box-sizing: border-box;}
	.member-join-gate-wrap .type li:first-child{margin-top: 0;}
	.member-join-gate-wrap .type li a{display: flex; align-items: center; width: 100%; height: 100%; padding: 2.5rem; font-size: 2.625rem; font-weight: 700; line-height: 3.75rem; color: #333; box-sizing: border-box;}
	.member-join-gate-wrap .type li:nth-of-type(1){background: url(../images/member/ico_mem1.png) right 2.5rem center / 12.6875rem auto no-repeat;}
	.member-join-gate-wrap .type li:nth-of-type(2){background: url(../images/member/ico_mem2.png) right 2.5rem center / 6.75rem auto no-repeat;}
	.member-join-gate-wrap .type li:nth-of-type(3){background: url(../images/member/ico_mem3.png) right 2.5rem center / 5.625rem auto no-repeat;}
}

/* 요금제 */
.best-wrap{position: relative; width: 200%; margin-left: -50%; padding: 55px 0 60px; background: #ffebec; text-align: center;}
.best-wrap > div{position: relative; width: 1200px; margin: 0 auto;}
.best-wrap h4{color: #333;}
.best-wrap .slide{position: relative; margin-top: 30px;}
.best-wrap .swiper-slide{width: auto; box-sizing: border-box;}
.best-wrap .swiper-slide:nth-of-type(2){margin: 0 30px;}
.best-wrap .swiper-pagination{display: none;}
.payplan-info-list{margin-top: 30px;}
.payplan-info-list > li {position:relative;overflow:hidden;display: flex; justify-content: space-between; align-items: center; padding: 25px 30px 40px; margin-top: 20px; border: 1px solid #ddd; border-radius: 20px;-moz-transition:all 0.2s;-webkit-transition:all 0.2s;transition:all 0.2s;}
.payplan-info-list > li:first-child{margin-top: 0;}
.payplan-info-list .group{display: flex;}
.payplan-info-list .slt-box .opt{display: flex; width: 160px;}
.payplan-info-list .slt-box .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;}
.payplan-info-list .slt-box .opt li:first-child{margin-left: 0;}
.payplan-info-list .slt-box .opt li.primary{border-color: #f45f61; color: #f45f61;}
.payplan-info-list .slt-box .opt li.prepaid{border-color: #ffa227; color: #ffa227;}
.payplan-info-list .slt-box .hash{margin-top: 35px;}
.payplan-info-list .slt-box .hash li{margin-top: 8px;}
/* hover */
/* .payplan-info-list > li:hover {border:1px solid #f45f61;background-color:#FFF9F9;color:#f45f61;} */
.pay2023 .description a.scd, .payplan-info-list .description button {-moz-transition:all 0.2s;-webkit-transition:all 0.2s;transition:all 0.2s;}
.pay2023 .description a.scd:hover {border:1px solid #f45f61;background-color:#FFF9F9;color:#f45f61;}
.pay2023 .description button:hover {background-color:#f45f61;border-color:#f45f61;}


/* 221031 추가 */
.payplan-info-list .slt-box .hash li:nth-child(n+4){display: none;}
/* 221031 추가 */

.payplan-info-list .slt-box .hash li:first-child{margin-top: 0;}
.payplan-info-list .slt-box .hash li span{display: inline-block; padding: 0 15px; border-radius: 15px; background: #f4f4f4; font-size: 15px; color: #707070; line-height: 32px;}
.payplan-info-list .info-box{display: flex; justify-content: space-between; align-items: center; width: 640px;}
.payplan-info-list .info-box .graph{position: relative; margin-right: 25px; text-align: center;}
.payplan-info-list .info-box .graph canvas{width: 120px !important; height: 120px !important; margin: 0 auto; transform: rotate(180deg);border-radius:50%;overflow:hidden;}
.payplan-info-list .info-box .graph figcaption{display: flex; position: absolute; top: 50%; left: 50%; align-items: center; justify-content: center; width: 80px; height: 80px; border-radius: 100%; transform: translate(-50%, -50%); background: #fff;}
.payplan-info-list .info-box .graph figcaption .icon{height:21px; background: url(../images/common/ico_data_arw.png) center / 18px auto no-repeat;}
.payplan-info-list .info-box .graph figcaption .txt{margin-top:0.5rem; font-size:0.8rem; font-weight:700; color: #222; line-height:1rem;}
.payplan-info-list .info-box .graph + .info{width: 440px;}
.payplan-info-list .info-box .info .tit{width: 100%; font-size: 24px; font-weight: 700; color: #222;}
.payplan-info-list .info-box .info .data{margin-top: 13px; font-size: 16px; color:#222;font-weight:600;letter-spacing:-0.02px;}
.payplan-info-list .info-box .info .provide{display: inline-flex; width: 100%; padding-top: 20px; margin-top: 18px; border-top: 1px solid #ddd;}
.payplan-info-list .info-box .info .provide li:first-child{margin-left: 0;}
.payplan-info-list .info-box .info .provide li:last-child{margin-right: 0;}
.payplan-info-list .info-box .info .provide li.call{padding-left: 25px; background: url(../images/common/ico_call.png) left center / 23px auto no-repeat;}
.payplan-info-list .info-box .info .provide li.sms{padding-left: 35px; background: url(../images/common/ico_sms.png) left center / 23px auto no-repeat;}
.payplan-info-list .info-box .info .provide li.video{padding-left: 30px; background: url(../images/common/ico_plus_call.svg)left center / 23px auto no-repeat;}
.payplan-info-list .info-box .info .provide li.intn{padding-left: 36px; background: url(../images/common/ico_international.png) left center / 28px auto no-repeat;}
.payplan-info-list .info-box .info .provide li.mb{padding-left: 32px; background: url(../images/common/ico_data.png) left center / 23px auto no-repeat;}
.payplan-info-list .info-box .info .provide li.day{padding-left: 32px; background: url(../images/common/ico_clock.png) left center / 25px auto no-repeat;}
.payplan-info-list .side-box{width: 310px;}
.payplan-info-list .side-box .top{margin-bottom: 40px; text-align: right;}
.payplan-info-list .side-box .top .more{font-size: 15px; color: #666; text-decoration: underline;}
.payplan-info-list .side-box .price{text-align: right;}
.payplan-info-list .side-box .price del{font-size: 20px; color: #999;}
.payplan-info-list .side-box .price strong{display: inline-block; margin-left: 5px; font-size:48px; font-weight: 800; color: #ff4d50;}
.payplan-info-list .side-box .price strong span{font-size: 24px; font-weight: 700;}
.payplan-info-list .side-box .btn{margin-top:1.3rem; text-align: right;}
.payplan-info-list .side-box .btn.type2{margin-top: 17px;}
.payplan-info-list .side-box .btn a,
.payplan-info-list .side-box .btn button{width: 150px;}
.payplan-info-list .side-box .btn a + a,
.payplan-info-list .side-box .btn a + button,
.payplan-info-list .side-box .btn button + a,
.payplan-info-list .side-box .btn button + button{margin-left: 5px;}
.payplan-addition-list{margin-top: 30px;}
.payplan-addition-list > li{display: flex; justify-content: space-between; min-height: 160px; padding: 30px; margin-top: 10px; border: 1px solid #ddd; border-radius: 20px; box-sizing: border-box;}
.payplan-addition-list > li:first-child{margin-top: 0;}
.payplan-addition-list .group{display: flex; width: 790px;}
.payplan-addition-list .slt-box{align-self: start;}
.payplan-addition-list .slt-box .opt{display: flex; width: 160px;}
.payplan-addition-list .slt-box .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;}
.payplan-addition-list .slt-box .opt li:first-child{margin-left: 0;}
.payplan-addition-list .slt-box .opt li.primary{border-color: #f45f61; color: #f45f61;}
.payplan-addition-list .slt-box .type{display: flex; margin-top: 15px;}
.payplan-addition-list .slt-box .type li{margin-left: 6px;}
.payplan-addition-list .slt-box .type li:first-child{margin-left: 0;}
.payplan-addition-list .slt-box .type li span{display: inline-block; padding: 0 15px; border-radius: 15px; background: #f4f4f4; font-size: 15px; color: #707070; line-height: 32px;}
.payplan-addition-list .info-box{display: flex; justify-content: space-between; align-items: center; width: 640px;}
.payplan-addition-list .info-box .tit{display: block; width: 450px; font-size: 30px; font-weight: 700; color: #222;}
.payplan-addition-list .info-box .price{font-size: 16px; text-align: right;}
.payplan-addition-list .info-box .price strong{display: block; font-size: 36px; font-weight: 800; color: #ff4d50;}
.payplan-addition-list .info-box .price strong span{font-size: 20px; font-weight: 700;}
.payplan-addition-list .info-box .price .small{display: inline-block; margin-left: 5px;}
.payplan-addition-list .side-box{align-self: center; width: 310px;}
.payplan-addition-list .side-box .btn{display: flex; justify-content: space-between;}
.payplan-addition-list .side-box .btn a,
.payplan-addition-list .side-box .btn button{width: 150px;}
@media all and (max-width:1299px) {
	.best-wrap{padding: 4.6875rem 0 8.75rem; margin-top: 5.625rem;}
	.best-wrap > div{width: 46.875rem;}
	.best-wrap .slide{margin-top: 3.125rem;}
	.best-wrap .swiper-slide{padding: 0 2.5rem;}
	.best-wrap .swiper-slide:nth-of-type(2){margin: 0;}
	.best-wrap .swiper-pagination{display: block; width: 100%; margin-top: 2.5rem; font-size: 0;}
	.best-wrap .swiper-pagination-bullet{width:1.25rem; height:1.25rem; background:#ddd; opacity:1; margin:0 0.625rem;}
	.best-wrap .swiper-pagination-bullet-active{background:#0072bc;}
	.best-wrap .payplan-recomm-item{border: 0;}
	.payplan-info-list{margin-top: 2.5rem;}
	.payplan-info-list > li{display: block; padding: 2rem !important; margin-top: 1.25rem; border-width: 0.125rem; border-radius: 1.25rem;}
	.payplan-info-list .slt-box{display: block; align-items: center; justify-content: space-between;}
	.payplan-info-list .slt-box .opt{display: flex; width: auto;}
	.payplan-info-list .slt-box .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;}
	.payplan-info-list .slt-box .hash{display: flex; margin-top: 1.25rem;}
	.payplan-info-list .slt-box .hash li{margin:0; margin-left: 0.625rem;}
	.payplan-info-list .slt-box .hash li:first-child{margin-left: 0;}
	.payplan-info-list .slt-box .hash li span{display: inline-block; padding: 0 1.25rem; border-radius: 1.5625rem; font-size: 1.5rem; line-height: 3rem;}
	.payplan-info-list .slt-box .hash li:nth-child(n+4){display: none;}
	.payplan-info-list .info-box{position: relative; width: 100%; margin-top: 1.5625rem;}
	.payplan-info-list .info-box .graph{margin-right: 1.25rem;}
	.payplan-info-list .info-box .graph canvas{width: 10.625rem !important; height: 10.625rem !important;}
	.payplan-info-list .info-box .graph figcaption{width: 7.375rem; height: 7.375rem;}
	.payplan-info-list .info-box .graph figcaption .icon{height: 1.875rem; background-size: 1.6875rem auto;}
	.payplan-info-list .info-box .graph figcaption .txt{margin-top: 0.3125rem; font-size: 1.375rem; line-height: 1.75rem;}
	.payplan-info-list .info-box .info{display: flex; flex-wrap: wrap; width: 100%;}
	.payplan-info-list .info-box .info .data{width: 100%; padding-top: 0.9375rem; margin-top: 0.625rem; border-top: 0.125rem solid #ddd; font-size: 1.6rem; order: 3;}
	.payplan-info-list .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;}
	.payplan-info-list .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;}
	.payplan-info-list .info-box .info .provide li.call{padding-left: 2.8125rem; background-position: 0.125rem center; background-size: 2.0625rem auto;}
	.payplan-info-list .info-box .info .provide li.sms{padding-left: 2.8125rem; background-size: 2.25rem auto;}
	.payplan-info-list .info-box .info .provide li.video{padding-left: 2.8125rem; background-size: 2.375rem auto;}
	.payplan-info-list .info-box .info .provide li.intn{padding-left: 2.8125rem; background-size: 2.25rem auto;}
	.payplan-info-list .info-box .info .provide li.mb{padding-left: 2.8125rem; background-position: 0.1875rem center; background-size: 1.875rem auto;}
	.payplan-info-list .info-box .info .provide li.day{padding-left: 2.8125rem; background-position: 0.1875rem center; background-size: 1.9375rem auto;}
	.payplan-info-list .info-box .graph + .info{width: 100%;}
	.payplan-info-list .info-box .graph + .info .provide, .info-2023 .info .provide {flex-wrap: nowrap; justify-content: flex-start; padding-top: 0; border-top: 0;}
	.payplan-info-list .info-box .graph + .info .provide li, .info-2023 .info .provide{width: auto; margin: 0 0.5rem;}
	.payplan-info-list .info-box .graph + .info .provide li:first-child{margin-left: 0;}
	.payplan-info-list .side-box{width: 100%;}
	.payplan-info-list .side-box .top{display: none;}
	.payplan-info-list .side-box .price{margin-top: 1.625rem; text-align: center;}
	.payplan-info-list .side-box .price del{font-size: 2rem;}
	.payplan-info-list .side-box .price strong{margin-left: 0.625rem; font-size:4.5rem;}
	.payplan-info-list .side-box .price strong span{font-size: 2rem;}
	.payplan-info-list .side-box .btn{margin-top: 2.5rem;}
	.payplan-info-list .side-box .btn a,
	.payplan-info-list .side-box .btn button{width: calc(50% - 0.625rem);}
	.payplan-addition-list{margin-top: 3.125rem;}
	.payplan-addition-list > li{display: block; min-height: auto; padding: 2.5rem; margin-top: 1.5rem; border-width: 0.125rem; border-radius: 1.25rem;}
	.payplan-addition-list .group{display: block; width: 100%;}
	.payplan-addition-list .slt-box{display: flex; justify-content: space-between; align-items: center;}
	.payplan-addition-list .slt-box .opt{display: flex; width: auto;}
	.payplan-addition-list .slt-box .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;}
	.payplan-addition-list .slt-box .type{margin-top: 0;}
	.payplan-addition-list .slt-box .type li{margin-left: 0.625rem;}
	.payplan-addition-list .slt-box .type li span{padding: 0 1.25rem; border-radius: 1.5625rem; font-size: 1.5rem; line-height: 3rem;}
	.payplan-addition-list .info-box{display: block; width: 100%; margin-top: 1.25rem;}
	.payplan-addition-list .info-box .tit{width: auto; font-size: 3rem;}
	.payplan-addition-list .info-box .price{margin-top: 0.9375rem; font-size: 1rem;}
	.payplan-addition-list .info-box .price strong{display: inline-block; font-size: 3.375rem;}
	.payplan-addition-list .info-box .price strong span{font-size: 2rem;}
	.payplan-addition-list .info-box .price .small{margin-left: 0.3125rem; font-size: 1.75rem;}
	.payplan-addition-list .side-box{width: 100%;}
	.payplan-addition-list .side-box .btn{margin-top: 3.125rem;}
	.payplan-addition-list .side-box .btn a,
	.payplan-addition-list .side-box .btn button{width: calc(50% - 0.625rem);}
}
@media all and (min-width:751px) and (max-width:1299px) {
	.best-wrap > div{width: calc(50% + 5rem);}
	.best-wrap .swiper-slide{width: 100%; padding: 0 2.5rem;}
	.best-wrap .payplan-recomm-item .btn{width: calc(100% - 5rem);}
}

/* info-view */
.info-view .title-wrap{margin-bottom: 50px;}
.info-view .title-wrap .tit{display: block; font-size: 42px; font-weight: 700; color: #111;}
.info-view .payplan-box{position:relative;padding: 40px; border: 1px solid #ddd; border-radius: 20px;}
.info-view .payplan-box .top{display: flex; justify-content: space-between;}
.info-view .payplan-box .top .opt{display: flex; width: 160px;}
.info-view .payplan-box .top .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;}
.info-view .payplan-box .top .opt li:first-child{margin-left: 0;}
.info-view .payplan-box .top .opt li.primary{border-color: #f45f61; color: #f45f61;}
.info-view .payplan-box .top .opt li.prepaid{border-color: #ffa227; color: #ffa227;}
.info-view .payplan-box .top .hash{display: flex;}
.info-view .payplan-box .top .hash li{margin-left: 8px;}
.info-view .payplan-box .top .hash li span{display: inline-block; padding: 0 15px; border-radius: 15px; background: #f4f4f4; font-size: 15px; color: #707070; line-height: 32px;}
.info-view .payplan-box .tit{margin: 15px 0 30px; font-size: 36px; font-weight: 700; color: #222;}
.info-view .payplan-box .group{display: flex;flex-wrap:wrap;justify-content: space-between;}
.info-view .payplan-box .info-box{display: flex; align-items: center; width: 550px;}
.info-view .payplan-box .info-box .graph{position: relative; text-align: center;}
.info-view .payplan-box .info-box .graph canvas{width: 176px !important; height: 176px !important; margin: 0 auto; transform: rotate(180deg);}
.info-view .payplan-box .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;}
.info-view .payplan-box .info-box .graph figcaption .icon{height: 30px; background: url(../images/common/ico_data_arw.png) center / 27px auto no-repeat;}
.info-view .payplan-box .info-box .graph figcaption .txt{margin-top: 10px; font-size: 18px; font-weight: 800; color: #222; line-height: 20px;}
.info-view .payplan-box .info-box .info{margin-left: 35px;}
.info-view .payplan-box .info-box .info .provide{display: inline-flex; width: 100%;}
.info-view .payplan-box .info-box .info .provide li{margin: 0 20px; font-size: 16px; font-weight: 700; color: #222; line-height: 24px;}
.info-view .payplan-box .info-box .info .provide li:first-child{margin-left: 0;}
.info-view .payplan-box .info-box .info .provide li:last-child{margin-right: 0;}
.info-view .payplan-box .info-box .info .provide li.call{padding-left: 30px; background: url(../images/common/ico_call.png) left center / 26px auto no-repeat;}
.info-view .payplan-box .info-box .info .provide li.sms{padding-left: 35px; background: url(../images/common/ico_sms.png) left center / 28px auto no-repeat;}
.info-view .payplan-box .info-box .info .provide li.video{padding-left: 38px; background: url(../images/common/ico_plus_call.svg) left center / 31px auto no-repeat;}
.info-view .payplan-box .info-box .info .data{padding-top: 15px; margin-top: 15px; border-top: 1px solid #ddd; font-size: 16px; font-weight: 700; color: #333;}
.info-view .payplan-box .side-box .price{text-align: right;}
.info-view .payplan-box .side-box .price del{font-size: 20px; color: #999;}
.info-view .payplan-box .side-box .price strong{display: inline-block; margin-left: 5px; font-size: 48px; font-weight: 800; color: #ff4d50;}
.info-view .payplan-box .side-box .price strong span{font-size: 24px; font-weight: 700;}
.info-view .payplan-box .side-box .btn{margin-top: 37px; text-align: right;}
.info-view .payplan-box .side-box .btn a,
.info-view .payplan-box .side-box .btn button{width: 160px;}
.info-view .payplan-box-type2{padding: 40px; border: 1px solid #ddd; border-radius: 20px;}
.info-view .payplan-box-type2 .top{display: flex; justify-content: space-between;}
.info-view .payplan-box-type2 .top .opt{display: flex; width: 160px;}
.info-view .payplan-box-type2 .top .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;}
.info-view .payplan-box-type2 .top .opt li:first-child{margin-left: 0;}
.info-view .payplan-box-type2 .top .opt li.primary{border-color: #f45f61; color: #f45f61;}
.info-view .payplan-box-type2 .top .opt li.prepaid{border-color: #ffa227; color: #ffa227;}
.info-view .payplan-box-type2 .top .hash{display: flex;}
.info-view .payplan-box-type2 .top .hash li{margin-left: 8px;}
.info-view .payplan-box-type2 .top .hash li span{display: inline-block; padding: 0 15px; border-radius: 15px; background: #f4f4f4; font-size: 15px; color: #707070; line-height: 32px;}
.info-view .payplan-box-type2 .tit{margin: 15px 0 0; font-size: 36px; font-weight: 700; color: #222;}
.info-view .payplan-box-type2 .group{display: flex; justify-content: space-between;}
.info-view .payplan-box-type2 .info-box{display: flex;}
.info-view .payplan-box-type2 .info-box .info{padding-top: 20px; margin-top: 35px; border-top: 1px solid #ddd;}
.info-view .payplan-box-type2 .info-box .info .provide{display: inline-flex; width: 100%;}
.info-view .payplan-box-type2 .info-box .info .provide li{margin: 0 20px; font-size: 16px; font-weight: 700; color: #222; line-height: 24px;}
.info-view .payplan-box-type2 .info-box .info .provide li:first-child{margin-left: 0;}
.info-view .payplan-box-type2 .info-box .info .provide li:last-child{margin-right: 0;}
.info-view .payplan-box-type2 .info-box .info .provide li.call{padding-left: 30px; background: url(../images/common/ico_call.png) left center / 26px auto no-repeat;}
.info-view .payplan-box-type2 .info-box .info .provide li.sms{padding-left: 35px; background: url(../images/common/ico_sms.png) left center / 28px auto no-repeat;}
.info-view .payplan-box-type2 .info-box .info .provide li.video{padding-left: 38px; background: url(../images/common/ico_video.png) left center / 31px auto no-repeat;}
.info-view .payplan-box-type2 .info-box .info .provide li.intn{padding-left: 36px; background: url(../images/common/ico_international.png) left center / 30px auto no-repeat;}
.info-view .payplan-box-type2 .info-box .info .provide li.mb{padding-left: 32px; background: url(../images/common/ico_data.png) left center / 23px auto no-repeat;}
.info-view .payplan-box-type2 .info-box .info .provide li.day{padding-left: 32px; background: url(../images/common/ico_clock.png) left center / 25px auto no-repeat;}
.info-view .payplan-box-type2 .info-box .info .data{padding-top: 15px; margin-top: 15px; border-top: 1px solid #ddd; font-size: 16px; font-weight: 700; color: #333;}
.info-view .payplan-box-type2 .side-box .price{text-align: right;}
.info-view .payplan-box-type2 .side-box .price del{font-size: 20px; color: #999;}
.info-view .payplan-box-type2 .side-box .price strong{display: inline-block; margin-left: 5px; font-size: 48px; line-height: 1; font-weight: 800; color: #ff4d50;}
.info-view .payplan-box-type2 .side-box .price strong span{font-size: 24px; font-weight: 700;}
.info-view .payplan-box-type2 .side-box .btn{margin-top: 37px; text-align: right;}
.info-view .payplan-box-type2 .side-box .btn a,
.info-view .payplan-box-type2 .side-box .btn button{width: 160px;}
.info-view .addition-box{display: flex; justify-content: space-between; min-height: 200px; padding: 30px 80px 30px 30px; border: 1px solid #ddd; border-radius: 20px; box-sizing: border-box;}
.info-view .addition-box .group{display: flex;}
.info-view .addition-box .slt-box{align-self: start;}
.info-view .addition-box .slt-box .opt{display: flex; width: 170px;}
.info-view .addition-box .slt-box .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;}
.info-view .addition-box .slt-box .opt li:first-child{margin-left: 0;}
.info-view .addition-box .slt-box .opt li.primary{border-color: #f45f61; color: #f45f61;}
.info-view .addition-box .slt-box .type{display: flex; margin-top: 30px;}
.info-view .addition-box .slt-box .type li{margin-left: 6px;}
.info-view .addition-box .slt-box .type li:first-child{margin-left: 0;}
.info-view .addition-box .slt-box .type li span{display: inline-block; padding: 0 15px; border-radius: 15px; background: #f4f4f4; font-size: 15px; color: #707070; line-height: 32px;}
.info-view .addition-box .tit{display: block; align-self: center; font-size: 36px; font-weight: 700; color: #222;}
.info-view .addition-box .info-box{display: flex; justify-content: space-between; align-items: center;}
.info-view .addition-box .info-box .price{font-size: 16px; text-align: right;}
.info-view .addition-box .info-box .price strong{display: inline-block; font-size: 48px; font-weight: 800; color: #ff4d50;}
.info-view .addition-box .info-box .price strong span{font-size: 24px; font-weight: 700;}
.info-view .addition-box .info-box .price .small{display: inline-block; margin-left: 5px;}
.info-view .usim-box{width: 101.666%; margin-left: -0.819%;}
.info-view .usim-box::after{display: block; content: ""; clear: both;}
.info-view .usim-box > li{overflow: hidden; float: left; width: 31.639%; padding: 30px; margin: 20px 0.819% 0; border: 1px solid #ddd; border-radius: 20px; box-sizing: border-box;}
.info-view .usim-box > li:nth-child(-n+3){margin-top: 0;}
.info-view .usim-box > li .tit{display: block; margin-top: 5px; font-size: 30px; color: #333; line-height: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.info-view .usim-box > li p{height: 56px; margin-top: 15px; font-size: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.info-view .usim-box > li .price{display: block; margin-top: 30px; font-size: 42px; font-weight: 800; color: #ff4d50; text-align: right;}
.info-view .usim-box > li .price span{font-size: 24px; font-weight: 700;}
.info-view .usim-box > li .btn{margin-top: 25px;}
.info-view .internet-box{padding: 40px; border: 1px solid #ddd; border-radius: 20px;}
.info-view .internet-box .top{display: flex; justify-content: space-between;}
.info-view .internet-box .top .opt{display: flex; width: 160px;}
.info-view .internet-box .top .opt li{display: flex; align-items: center; height: 24px; padding: 0 15px; margin-left: 5px; border: 1px solid #b3b3b3; border-radius: 15px; font-size: 13px; font-weight: 700; color: #8a8a8a; box-sizing: border-box;}
.info-view .internet-box .top .opt li:first-child{margin-left: 0;}
.info-view .internet-box .top .opt li.primary{border-color: #457fec; color: #457fec;}
.info-view .internet-box .top .hash{display: flex;}
.info-view .internet-box .top .hash li{margin-left: 8px;}
.info-view .internet-box .top .hash li span{display: inline-block; padding: 0 15px; border-radius: 15px; background: #f4f4f4; font-size: 15px; color: #707070; line-height: 32px;}
.info-view .internet-box .tit{margin: 25px 0 40px; font-size: 42px; font-weight: 700; color: #222;}
.info-view .internet-box .group{display: flex; justify-content: space-between;}
.info-view .internet-box .info-box{display: flex; width: 880px;}
.info-view .internet-box .info-box .info{width: 100%; padding-top: 20px; border-top: 1px solid #ddd;}
.info-view .internet-box .info-box .info .provide{display: inline-flex; width: 100%;}
.info-view .internet-box .info-box .info .provide li{margin: 0 20px; font-size: 16px; font-weight: 700; color: #222; line-height: 26px;}
.info-view .internet-box .info-box .info .provide li:first-child{margin-left: 0;}
.info-view .internet-box .info-box .info .provide li:last-child{margin-right: 0;}
.info-view .internet-box .info-box .info .provide li.call{padding-left: 30px; background: url(../images/common/ico_call.png) left center / 26px auto no-repeat;}
.info-view .internet-box .info-box .info .provide li.video{padding-left: 30px; background: url(../images/common/ico_video2.png) left center / 25px auto no-repeat;}
.info-view .internet-box .info-box .info .provide li.internet{padding-left: 30px; background: url(../images/common/ico_internet.png) left center / 24px auto no-repeat;}
.info-view .internet-box .info-box .info .benefit{display: inline-block; padding: 10px 70px; margin-top: 40px; border-radius: 10px; background: #f8f8f8; font-size: 30px; color: #333;}
.info-view .internet-box .info-box .info .benefit span{font-size: 24px; font-weight: 500;}
.info-view .internet-box .side-box .price{margin-top: -35px; text-align: right;}
.info-view .internet-box .side-box .price del{font-size: 20px; color: #999;}
.info-view .internet-box .side-box .price strong{display: inline-block; margin-left: 5px; font-size: 42px; font-weight: 800; color: #457fec;}
.info-view .internet-box .side-box .price strong span{font-size: 24px; font-weight: 700;}
.info-view .internet-box .side-box .btn{margin-top: 74px; text-align: right;}
.info-view .internet-box .side-box .btn a,
.info-view .internet-box .side-box .btn button{width: 160px;}
.info-view .cont{padding-top: 40px; margin-top: 60px; border-top: 1px solid #333;}
.info-view .btn-wrap{margin-top: 60px;}
@media all and (max-width:1299px) {
	.info-view .title-wrap .tit{font-size: 3.75rem; text-align: center;}
	.info-view .title-wrap{margin-bottom: 5.625rem;}
	.info-view .payplan-box{padding: 2.5rem; border-width: 0.125rem; border-radius: 1.25rem;}
	.info-view .payplan-box .top{display: block;}
	.info-view .payplan-box .top .opt{width: 100%;}
	.info-view .payplan-box .top .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;}
	.info-view .payplan-box .top .hash{margin-top: 1.25rem;}
	.info-view .payplan-box .top .hash li{margin-left: 0.625rem;}
	.info-view .payplan-box .top .hash li:first-child{margin-left: 0;}
	.info-view .payplan-box .top .hash li span{display: inline-block; padding: 0 1.25rem; border-radius: 1.5625rem; font-size: 1.5rem; line-height: 3rem;}
	.info-view .payplan-box .tit{margin: 2.1875rem 0 1.875rem; font-size: 3rem; line-height: 4rem;}
	.info-view .payplan-box .group{display:  block;}
	.info-view .payplan-box .info-box{display: block; width: 100%;}
	.info-view .payplan-box .info-box .graph canvas{width: 10.625rem !important; height: 10.625rem !important;}
	.info-view .payplan-box .info-box .graph figcaption{width:7.375rem; height:7.375rem;}
	.info-view .payplan-box .info-box .graph figcaption .icon{height: 2.8125rem; background-size: 2.5rem auto;}
	.info-view .payplan-box .info-box .graph figcaption .txt{margin-top: 0.625rem; font-size: 1.75rem; line-height: 2.125rem;}
	.info-view .payplan-box .info-box .info{margin-left: 0;}
	.info-view .payplan-box .info-box .info .provide{width: auto; margin-top: 4.6875rem;}
	.info-view .payplan-box .info-box .info .provide li{margin: 0 1.5625rem; font-size: 1.75rem; line-height: 2.625rem;}
	.info-view .payplan-box .info-box .info .provide li.call{padding-left: 3.4375rem; background-size: 2.75rem auto;}
	.info-view .payplan-box .info-box .info .provide li.sms{padding-left: 3.75rem; background-size: 3rem auto;}
	.info-view .payplan-box .info-box .info .provide li.video{padding-left: 3.75rem; background-size: 3.0625rem auto;}
	.info-view .payplan-box .info-box .info .data{padding-top: 1.5625rem; margin-top: 1.875rem; border-top-width: 0.125rem; font-size: 1.75rem; text-align: left;}
	.info-view .payplan-box .side-box .price{margin-top: 2.1875rem;}
	.info-view .payplan-box .side-box .price del{font-size: 2.25rem;}
	.info-view .payplan-box .side-box .price strong{margin-left: 0.625rem; font-size: 4.5rem;}
	.info-view .payplan-box .side-box .price strong span{font-size: 2.25rem;}
	.info-view .payplan-box .side-box .btn{margin-top: 3.4375rem;}
	.info-view .payplan-box .side-box .btn a,
	.info-view .payplan-box .side-box .btn button{width: 100%;}
	.info-view .payplan-box-type2{padding: 2.5rem; border-width: 0.125rem; border-radius: 1.25rem;}
	.info-view .payplan-box-type2 .top{display: block;}
	.info-view .payplan-box-type2 .top .opt{width: 100%;}
	.info-view .payplan-box-type2 .top .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;}
	.info-view .payplan-box-type2 .top .hash{margin-top: 1.25rem;}
	.info-view .payplan-box-type2 .top .hash li{margin-left: 0.625rem;}
	.info-view .payplan-box-type2 .top .hash li:first-child{margin-left: 0;}
	.info-view .payplan-box-type2 .top .hash li span{display: inline-block; padding: 0 1.25rem; border-radius: 1.5625rem; font-size: 1.5rem; line-height: 3rem;}
	.info-view .payplan-box-type2 .tit{margin: 2.1875rem 0 3.125rem; font-size: 3rem; line-height: 4rem;}
	.info-view .payplan-box-type2 .group{display:  block;}
	.info-view .payplan-box-type2 .info-box{display: block; width: 100%;}
	.info-view .payplan-box-type2 .info-box .info{padding: 2.5rem 0 0; margin: 0; border-top-width: 0.125rem;}
	.info-view .payplan-box-type2 .info-box .info .provide{display: flex; flex-wrap: wrap; width: auto; margin-top: 0;}
	.info-view .payplan-box-type2 .info-box .info .provide li{margin: 2.5rem 0 0; width: 50%; font-size: 1.75rem; line-height: 2.625rem; letter-spacing: -0.0625rem; box-sizing: border-box;}
	.info-view .payplan-box-type2 .info-box .info .provide li:nth-child(-n+2){margin-top: 0;}
	.info-view .payplan-box-type2 .info-box .info .provide li.call{padding-left: 3.75rem; background-size: 2.75rem auto;}
	.info-view .payplan-box-type2 .info-box .info .provide li.sms{padding-left: 3.75rem; background-size: 3rem auto;}
	.info-view .payplan-box-type2 .info-box .info .provide li.video{padding-left: 3.75rem; background-size: 3.0625rem auto;}
	.info-view .payplan-box-type2 .info-box .info .provide li.intn{padding-left: 3.75rem; background-position: 0.1875rem center; background-size: 2.6875rem auto;}
	.info-view .payplan-box-type2 .info-box .info .provide li.mb{padding-left: 3.75rem; background-position: 0.3125rem center; background-size: 2.375rem auto;}
	.info-view .payplan-box-type2 .info-box .info .provide li.day{padding-left: 3.75rem; background-size: 2.6875rem auto;}
	.info-view .payplan-box-type2 .info-box .info .data{padding-top: 1.5625rem; margin-top: 1.875rem; border-top-width: 0.125rem; font-size: 1.75rem; text-align: left;}
	.info-view .payplan-box-type2 .side-box .price{margin-top: 3.4375rem;}
	.info-view .payplan-box-type2 .side-box .price del{font-size: 2.25rem;}
	.info-view .payplan-box-type2 .side-box .price strong{margin-left: 0.625rem; font-size: 4.875rem;}
	.info-view .payplan-box-type2 .side-box .price strong span{font-size: 2.25rem;}
	.info-view .payplan-box-type2 .side-box .btn{margin-top: 3.4375rem;}
	.info-view .payplan-box-type2 .side-box .btn a,
	.info-view .payplan-box-type2 .side-box .btn button{width: 100%;}
	.info-view .addition-box{display: block; min-height: auto; padding: 2.5rem; border-width: 0.125rem; border-radius: 1.25rem;}
	.info-view .addition-box .group{display: block; width: 100%;}
	.info-view .addition-box .slt-box{display: flex; justify-content: space-between; align-items: center;}
	.info-view .addition-box .slt-box .opt{display: flex; width: auto;}
	.info-view .addition-box .slt-box .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;}
	.info-view .addition-box .slt-box .type{margin-top: 0;}
	.info-view .addition-box .slt-box .type li{margin-left: 0.625rem;}
	.info-view .addition-box .slt-box .type li span{padding: 0 1.25rem; border-radius: 1.5625rem; font-size: 1.5rem; line-height: 3rem;}
	.info-view .addition-box .tit{margin-top: 1.25rem; font-size: 3.75rem;}
	.info-view .addition-box .info-box{display: block; width: 100%; margin-top: 1.875rem;}
	.info-view .addition-box .info-box .price{margin-top: 0.9375rem; font-size: 1rem;}
	.info-view .addition-box .info-box .price strong{display: inline-block; font-size: 3.75rem;}
	.info-view .addition-box .info-box .price strong span{font-size: 2.25rem;}
	.info-view .addition-box .info-box .price .small{margin-left: 0.3125rem; font-size: 1.75rem;}
	.info-view .usim-box{width: 100%; margin-left: 0;}
	.info-view .usim-box > li{float: none; width: 100%; height: auto; padding: 2.5rem; margin: 1.25rem 0 0; border-width: 0.125rem; border-radius: 1.25rem;}
	.info-view .usim-box > li:nth-child(-n+3){margin-top: 1.25rem;}
	.info-view .usim-box > li .tit{margin-top: 0; font-size: 2.625rem;}
	.info-view .usim-box > li p{height: auto; margin-top: 0.625rem; font-size: 1.75rem;}
	.info-view .usim-box > li .price{margin-top: 0.3125rem; font-size: 3.375rem;}
	.info-view .usim-box > li .price span{font-size: 2rem;}
	.info-view .usim-box > li .btn{margin-top: 1.875rem;}
	.info-view .internet-box{padding: 2.5rem; border-width: 0.125rem; border-radius: 1.25rem;}
	.info-view .internet-box .top{display: block;}
	.info-view .internet-box .top .opt{width: 100%;}
	.info-view .internet-box .top .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;}
	.info-view .internet-box .top .hash{margin-top: 1.25rem;}
	.info-view .internet-box .top .hash li{margin-left: 0.625rem;}
	.info-view .internet-box .top .hash li:first-child{margin-left: 0;}
	.info-view .internet-box .top .hash li span{display: inline-block; padding: 0 1.25rem; border-radius: 1.5625rem; font-size: 1.5rem; line-height: 3rem;}
	.info-view .internet-box .tit{margin: 3.125rem 0 3.4375rem; font-size: 3rem; line-height: 4rem;}
	.info-view .internet-box .group{display:  block;}
	.info-view .internet-box .info-box{display: block; width: 100%;}
	.info-view .internet-box .info-box .info{margin-left: 0;}
	.info-view .internet-box .info-box .info .provide{display: flex; flex-wrap: wrap; width: auto; margin-top: 1.25rem;}
	.info-view .internet-box .info-box .info .provide li{width: 50%; margin: 0; margin-top: 2.8125rem; font-size: 1.75rem; line-height: 2.6875rem; box-sizing: border-box;}
	.info-view .internet-box .info-box .info .provide li:nth-child(-n+2){margin-top: 0;}
	.info-view .internet-box .info-box .info .provide li.internet{padding-left: 3.4375rem; background-size: 2.6875rem auto;}
	.info-view .internet-box .info-box .info .provide li.video{padding-left: 3.4375rem; background-size: 2.5rem auto;}
	.info-view .internet-box .info-box .info .provide li.call{padding-left: 3.4375rem; background-size: 2.75rem auto;}
	.info-view .internet-box .info-box .info .benefit{width: 100%; padding: 1.5625rem 0; margin-top: 3.4375rem; border-radius: 0.625rem; font-size: 2.625rem; text-align: center;}
	.info-view .internet-box .info-box .info .benefit span{font-size: 1.75rem;}
	.info-view .internet-box .side-box .price{margin-top: 2.1875rem;}
	.info-view .internet-box .side-box .price del{font-size: 2.25rem;}
	.info-view .internet-box .side-box .price strong{margin-left: 0.625rem; font-size: 4.875rem;}
	.info-view .internet-box .side-box .price strong span{font-size: 2.25rem;}
	.info-view .internet-box .side-box .btn{margin-top: 3.4375rem;}
	.info-view .internet-box .side-box .btn a,
	.info-view .internet-box .side-box .btn button{width: 100%;}
	.info-view .cont{padding-top: 3.75rem; margin-top: 5rem; border-top-width: 0.125rem;}
	.info-view .btn-wrap{margin-top: 5rem;}
}

/* 휴대폰 */
.recomm-wrap{position: relative; width: 200%; margin-left: -50%; padding: 60px 0; background: #f4f4f4; text-align: center;}
.recomm-wrap h4{display: block; margin-bottom: 40px; font-size: 42px; line-height: 43px; font-weight: 700; color: #111;}
.recomm-wrap .tab{margin-bottom: 55px;}
.recomm-wrap .item{display: none;}
.recomm-wrap .item.on{display: block;}
.recomm-wrap .cont{display: inline-block;}
.recomm-wrap .swiper-slide{width: auto; margin: 0 15px;}
.recomm-wrap .swiper-slide .phone-item-type1{width: 380px;}
.recomm-wrap .swiper-pagination{display: none;}
.internet-wrap .list{display: flex; flex-wrap: wrap; justify-content: space-between;}
.internet-wrap .list > li{overflow: hidden; width: 585px; height: 360px; margin-top: 30px; border: 1px solid #ddd; border-radius: 20px; text-align: center; box-sizing: border-box;}
.internet-wrap .list > li:nth-child(-n+2){margin-top: 0;}
.internet-wrap .list > li a{display: block; padding: 40px;}
.internet-wrap .list > li .ctg{display: inline-flex; align-items: center; justify-content: center; width: 52px; height: 24px; border: 1px solid #ddd; border-radius: 5px; font-size: 14px; box-sizing: border-box;}
.internet-wrap .list > li .ctg.new{border-color: #ee3639; color: #ee3639;}
.internet-wrap .list > li .ctg.recomm{border-color: #457fec; color: #457fec;}
.internet-wrap .list > li .ctg.popular{border-color: #ff7800; color: #ff7800;}
.internet-wrap .list > li .tit{display: block; margin: 15px 0 5px; font-size: 30px; color: #111; font-weight: 700;}
.internet-wrap .list > li .opt{display: block; font-size: 18px; color: #999;}
.internet-wrap .list > li .price{display: block; padding-top: 20px; margin-top: 15px; border-top: 1px solid #ddd; font-size: 42px; font-weight: 800; color: #457fec;}
.internet-wrap .list > li .price span{font-size: 24px; font-weight: 700;}
.internet-wrap .list > li .benefit{display: block; padding: 10px 0; margin-top: 25px; border-radius: 10px; background: #f8f8f8; font-size: 30px; color: #333;}
.internet-wrap .list > li .benefit span{font-size: 24px;}
.phone-list-type1 > ul{width: 1230px; margin-left: -15px;}
.phone-list-type1 > ul::after{display: block; content: ""; clear: both;}
.phone-list-type1 > ul > li{float: left; width: 380px; margin: 30px 15px 0;}
.phone-list-type1 > ul > li:nth-child(-n+3){margin-top: 0;}
.phone-list-type2{position: relative;}
.phone-list-type2 h4{margin-bottom: 35px;}
.phone-list-type2 > ul{width: 1230px; margin-left: -15px;}
.phone-list-type2 > ul::after{display: block; content: ""; clear: both;}
.phone-list-type2 > ul > li{float: left; width: 585px; margin: 30px 15px 0;}
.phone-list-type2 > ul > li:nth-child(-n+2){margin-top: 0;}
.phone-list-type2 + .phone-list-type2{padding-top: 65px; margin-top: 60px;}
.phone-list-type2 + .phone-list-type2::after{position: absolute; top: 0; left: -50%; width: 200%; height: 12px; background: #f4f4f4; content: "";}
.banner-type1 + .phone-list-type2{margin-top: -15px;}
.sort-wrap + .phone-list-type2{margin-top: 40px;}
.goods-info{display: flex; justify-content: space-between; padding: 40px; border: 1px solid #ddd; border-radius: 20px; box-sizing: border-box;}
.goods-info .img-wrap{width: 540px; text-align: center;}
.goods-info .img-wrap .img{display: flex; align-items: center; width: 540px; height: 540px;}
.goods-info .img-wrap .img .swiper-button-prev,
.goods-info .img-wrap .img .swiper-button-next,
.goods-info .img-wrap .img .swiper-pagination{display: none;}
.goods-info .img-wrap .img img{width: auto; height: 410px;}
.goods-info .img-wrap .thum{display: inline-flex; flex-wrap: wrap; margin-top: 20px;}
.goods-info .img-wrap .thum li{display: flex; align-items: center; justify-content: center; width: 100px; height: 100px; margin: 10px 0 0 10px; border: 1px solid #ddd; border-radius: 10px; cursor: pointer; box-sizing: border-box;}
.goods-info .img-wrap .thum li:nth-child(-n+5){margin-top: 0;}
.goods-info .img-wrap .thum li:nth-child(5n+1){margin-left: 0;}
.goods-info .img-wrap .thum li.on{border-color: #111;}
.goods-info .img-wrap .thum li img{width: auto; height: 70px;}
.goods-info .info-wrap{width: 540px;}
.goods-info .info-wrap .top{display: flex; justify-content: space-between;}
.goods-info .info-wrap .top .opt{display: flex; width: 160px;}
.goods-info .info-wrap .top .opt li{display: flex; align-items: center; height: 24px; padding: 0 10px; margin-left: 5px; border: 1px solid #f45f61; border-radius: 15px; font-size: 13px; font-weight: 700; color: #f45f61; box-sizing: border-box;}
.goods-info .info-wrap .top .opt li:first-child{margin-left: 0;}
.goods-info .info-wrap .top .opt2{display: flex; width: 160px;}
.goods-info .info-wrap .top .opt2 li:first-child {background-color:#000;color:#fff;border-radius:4px;border-color:inherit;}
.goods-info .info-wrap .top .opt2 li{display: inline-flex; align-items: center; height: 24px; padding: 0 10px; border: 1px solid #457fec; border-radius: 15px; font-size: 13px; font-weight: 700; color: #457fec; box-sizing: border-box;}
.goods-info .info-wrap .top .hash{display: flex;}
.goods-info .info-wrap .top .hash li{margin-left: 8px;}
.goods-info .info-wrap .top .hash li span{display: inline-block; padding: 0 15px; border-radius: 15px; background: #f4f4f4; font-size: 15px; color: #707070; line-height: 32px;}
.goods-info .info-wrap .tit{display: block; margin-top: 25px; font-size: 42px; font-weight: 700; color: #111;}
.goods-info .info-wrap .tit span{font-size: 16px; color: #999;}
.goods-info .info-wrap .price{margin-top: 20px; font-size: 24px; font-weight: 700; color: #111; text-align: right;}
.goods-info .info-wrap .price strong{display: inline-block; margin-left: 10px; color: #ff4d50;}
.goods-info .info-wrap .price strong span{font-size: 48px; font-weight: 800;}
.goods-info .info-wrap .ipt{margin-top: 55px; border-top: 1px solid #111;}
.goods-info .info-wrap .ipt > li{display: flex; align-items: center; min-height: 106px; border-bottom: 1px solid #ddd; box-sizing: border-box;}
.goods-info .info-wrap .ipt dl{display: flex; align-items: center;}
.goods-info .info-wrap .ipt dl dt{width: 150px; padding: 30px; font-size: 16px; font-weight: 700; color: #111; box-sizing: border-box;}
.goods-info .info-wrap .ipt dl dd{display: flex; align-items: center; flex-wrap: wrap; width: 390px; padding: 30px 74px 30px 0; font-size: 16px; color: #111; box-sizing: border-box;}
.goods-info .info-wrap .ipt dl.col dd{padding-right: 0;}
.goods-info .info-wrap .ipt dl dd .chk-list{display: flex; flex-wrap: wrap;}
.goods-info .info-wrap .ipt dl dd .chk-list li{margin-top: 8px; margin-right: 8px;}
.goods-info .info-wrap .ipt dl dd .chk-list li:nth-child(-n+3){margin-top: 0;}
.goods-info .info-wrap .ipt dl dd .chk-list li:nth-child(3n){margin-right: 0;}
.goods-info .info-wrap .ipt dl dd .price{font-size: 36px; font-weight: 800; color: #ff4d50;}
.goods-info .info-wrap .ipt dl dd .price span{font-size: 24px;}
.goods-info .info-wrap .ipt dl dd .color-box{display: flex;}
.goods-info .info-wrap .ipt dl dd .color-name{display: block; margin-left: 15px; font-size: 18px; color: #111;}
.goods-info .info-wrap .price-box{padding: 40px; margin-top: 40px; border: 1px solid #ddd; border-radius: 10px;}
.goods-info .info-wrap .price-box .top{display: block; justify-content: space-between;}
.goods-info .info-wrap .price-box .top strong{display: block; font-size: 28px; line-height: 1; font-weight: 700; letter-spacing: -1px;}
.goods-info .info-wrap .price-box .top strong span{font-size: 42px;}
.goods-info .info-wrap .price-box .top div:first-child{color: #457fec;}
.goods-info .info-wrap .price-box .top div:last-child{margin-top: 15px; color: #333; text-align: right;}
.goods-info .info-wrap .price-box .top div:last-child strong span{font-weight: 800;;}
.goods-info .info-wrap .price-box .top div:last-child p{margin-top: 10px; font-size: 15px;}
.goods-info .info-wrap .price-box ul{display: flex; flex-wrap: wrap; padding-top: 15px; margin-top: 30px; border-top: 1px solid #333;}
.goods-info .info-wrap .price-box ul li{padding: 8px 0; width: 50%; font-size: 16px; font-weight: 700; color: #111;}
.goods-info .info-wrap .price-box ul li dl{display: flex;}
.goods-info .info-wrap .price-box ul li dl dt{width: 65px;}
.goods-info .info-wrap .price-box ul li dl dd{font-weight: 500; color: #666;}
.goods-info .info-wrap .price + .ipt{margin-top: 35px;}
.goods-info .info-wrap .btn-wrap{margin-top: 40px;}

.goods-info.phone-view {padding:0; border:none}
.goods-info.phone-view .img-wrap .img{ height: 580px; background:inherit;}
.goods-info.phone-view .img-wrap .thum li{width: 55px; height: 55px; }
.goods-info.phone-view .img-wrap .thum li img{width: auto; height: 35px;}

.goods-info.phone-view .banner-area{display:block; width:540px; height:95px; margin-top:30px; background: url(../images/banner_magic.png) 50% 50% no-repeat;background-size:contain;background-color: #aecaff;}

.goods-info.phone-view .info-wrap .ipt{padding:10px 0;margin-top:0; border-top:1px solid #ddd; }

.goods-info.phone-view .info-wrap .ipt > li{min-height: initial;border-bottom:none}
.goods-info.phone-view .info-wrap .ipt dl dt{width: 190px; padding:10px 25px; font-size: 16px; font-weight: 700; color: #111; box-sizing: border-box;}
.goods-info.phone-view .info-wrap .ipt dl dd{justify-content: space-between;width:410px;padding:10px 20px 10px 0}

.goods-info.phone-view .info-wrap{width: 600px;}
.goods-info.phone-view .info-wrap .top{padding:0 20px;}
.goods-info.phone-view .top .opt2 .model{align-items: center;border: none;font-weight: 400;color: #707070;}
.goods-info.phone-view .info-wrap .tit{padding:0 20px 25px;border-bottom: 1px solid #111; }
.goods-info.phone-view .info-wrap .ipt dl dd .color-name{font-size: 14px; color: #707070; margin-right:15px;}

.goods-info.phone-view .info-wrap .ipt dl dd .chk-list{flex-wrap: nowrap; width:100%}
.goods-info.phone-view .info-wrap .ipt dl dd .chk-list li{flex:1; margin-top: 0; }
.goods-info.phone-view .info-wrap .ipt dl dd .chk-list li:last-child{ margin-right: 0;}

.goods-info .info-wrap .ipt dl dd .chk-list li:nth-child(3n){margin-right:8px;}
.goods-info.phone-view input[type="radio"] + label.radio-type10{ min-width: auto;width:100%; padding:0;}
.goods-info.phone-view label.recommend{position: relative;}
.goods-info.phone-view label.recommend::before{ position: absolute;display:block;content: '추천'; top: -10px ; left: -10px;  line-height: 18px; width: 39px; height: 18px; font-size: 9px; color: #fff;border-radius:18px;background:#f45f61;}

.goods-info.phone-view .flex-wrap{display: flex; width:100%}
.goods-info.phone-view .flex-wrap button{flex:1}
.goods-info.phone-view .flex-wrap button.btn-line{border:1px solid #ddd; border-radius: 3px; background: #fff;  border: 1px solid #ddd;border-radius: 5px;font-size: 15px;font-weight: 700;color: #aaa;line-height: 36px;text-align: center;cursor: pointer;box-sizing: border-box; }
.goods-info.phone-view button.under-line{ background: #fff; border-bottom: 1px solid #ddd; margin-top:10px; margin-left: 10px;}
.select02{background-image: url(../images/common/ico_select02.png); width:100%; height:38px;}
@media (max-width: 1299px){
	.goods-info.phone-view .img-wrap .img{height:37.5rem}
	.goods-info.phone-view .img-wrap .img .swiper-pagination-bullet-active{background: #457fec;}
	.goods-info.phone-view .img-wrap .img .swiper-pagination{bottom:2.9375rem}
	.goods-info.phone-view .info-wrap .tit{padding:0 0 3.25rem
	}
	.goods-info.phone-view .info-wrap .top{display: flex; padding:0; flex-wrap:nowrap}
	.goods-info.phone-view .img-wrap {border:none; height:auto; }
	.goods-info.phone-view .info-wrap{width:100%;}
	.goods-info.phone-view .banner-area{width: 100%; height: 6.875rem;}

	.goods-info.phone-view .info-wrap .top .opt2{width:auto}
	.goods-info.phone-view .info-wrap .top .hash{margin-top: 0;}
	.goods-info.phone-view .top .opt2 .model{display: none;}
	.goods-info.phone-view .info-wrap .ipt{    padding: 0 0 10px 0;}
	.goods-info.phone-view  .info-wrap .ipt dl{position: relative}
	.goods-info.phone-view  .info-wrap .ipt dl dd.color{display: flex;flex-direction: row-reverse;}
	.select02{width:34.3125rem}
	.goods-info.phone-view button.under-line{margin:0;}
	.goods-info.phone-view .info-wrap .ipt dl.col{flex-wrap: wrap;}
	.goods-info.phone-view .info-wrap .ipt dl.col dt{padding:1.25rem 0;font-size: 1.75rem;}
	.goods-info.phone-view .info-wrap .ipt dl.col dd{padding:0; font-size: 1.75rem;}
	.goods-info.phone-view .info-wrap .ipt dl dd .chk-list{width: 41.875rem;}
	.goods-info.phone-view .info-wrap .ipt dl.col dd .flex-wrap{width: 41.875rem;}
	/* .goods-info.phone-view .info-wrap .ipt dl dd .chk-list li{position:relative} */
	.select-rate-wrap{position:absolute; top: 1.25rem; right:0;}
	.goods-info.phone-view .info-wrap .ipt dl dd .chk-list li.rate-plan-wrap{margin-right:0;}
	.goods-info.phone-view .info-wrap .ipt dl dd .chk-list li.rate-plan-wrap label[for="plan_spp_seq"] {width: calc(100% - 110px);}

}



.goods-payplan-box .goods-payplan-list{position: relative;}
.goods-payplan-box .goods-payplan-list .payplan-info-list > li{display: none;}
.goods-payplan-box .goods-payplan-list .payplan-info-list > li.on{display: flex;}
.goods-payplan-box .goods-payplan-list .payplan-info-list > li.select{border-color: #0072bc;}
.goods-payplan-box .goods-payplan-list .btn-more{position: absolute; bottom: -44px; left: 50%; width: 180px; border: 1px solid #666; border-radius: 0 0 10px 10px; background: #fff; font-size: 16px; line-height: 43px; font-weight: 700; color: #333; transform: translateX(-50%); box-sizing: border-box;}
.goods-payplan-box .goods-payplan-list .btn-more span{display: inline-block; padding-right: 20px; background: url(../images/common/ico_arw06_bottom.png) right center / 13px auto no-repeat;}
.goods-payplan-box .goods-payplan-list .btn-more.on span{background-image: url(../images/common/ico_arw06_top.png);}
.goods-payplan-box .goods-payplan-price{display: flex; align-items: flex-start; padding: 40px 50px; margin-top: 105px; border: 1px solid #0072bc; border-radius: 20px; background: #fef7f7;}
.goods-payplan-box .goods-payplan-price table{width: 280px; text-align: left;}
.goods-payplan-box .goods-payplan-price table th,
.goods-payplan-box .goods-payplan-price table td{padding: 10px 0; border-bottom: 1px solid #ddd; font-size: 15px; font-weight: 500; color: #111;}
.goods-payplan-box .goods-payplan-price table td{text-align: right;}
.goods-payplan-box .goods-payplan-price table tr.top th,
.goods-payplan-box .goods-payplan-price table tr.top td{padding:0 0 25px; border-color: #111; font-size: 18px; font-weight: 700;}
.goods-payplan-box .goods-payplan-price table tr.top td{font-weight: 800; color: #ff4d50;}
.goods-payplan-box .goods-payplan-price .mark{display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; margin: 0 40px; border-radius: 100%; background: #fff; font-size: 24px; color: #111;}
.goods-payplan-box .goods-payplan-price .mark:nth-of-type(2){margin-right: 0;}
.goods-payplan-box .goods-payplan-price .total{display: flex; align-items: flex-end; margin-left: auto; margin-top: -15px; line-height: 60px;}
.goods-payplan-box .goods-payplan-price .total .tit{margin-right: 20px; font-size: 24px; font-weight: 700; color: #111;}
.goods-payplan-box .goods-payplan-price .total strong{font-size: 24px; font-weight: 700; color: #ff4d50;}
.goods-payplan-box .goods-payplan-price .total strong span{font-size: 45px; font-weight: 800;}
.goods-payplan-box + .btn-wrap{margin-top: 40px;}
@media all and (max-width:1299px) {
	.recomm-wrap{padding: 5.625rem 0 8.4375rem;}
	.recomm-wrap h4{margin-bottom: 3.75rem; font-size: 3.75rem; line-height: 1;}
	.recomm-wrap .tab{margin-bottom: 5rem;}
	.recomm-wrap .cont{display: inline-block; width: 46.875rem;}
	.recomm-wrap .swiper-slide{width: 100%; padding: 0 2.5rem; margin: 0; box-sizing: border-box;}
	.recomm-wrap .swiper-slide .phone-item-type1{width: auto;}
	.recomm-wrap .swiper-pagination{display: block; left: 50%; width: 100%; margin-top: 2.5rem; font-size: 0; transform: translateX(-50%);}
	.recomm-wrap .swiper-pagination-bullet{width:1.25rem; height:1.25rem; background:#ddd; opacity:1; margin:0 0.625rem;}
	.recomm-wrap .swiper-pagination-bullet-active{background:#0072bc;}
	.internet-wrap .list{display: flex; flex-wrap: wrap; justify-content: space-between;}
	.internet-wrap .list > li{width: 100%; height: auto; margin-top: 1.875rem; border: 0.125rem solid #ddd; border-radius: 1.25rem; box-sizing: border-box;}
	.internet-wrap .list > li:nth-child(-n+2){margin-top: 1.875rem;}
	.internet-wrap .list > li:first-child{margin-top: 0;}
	.internet-wrap .list > li a{padding: 2.5rem;}
	.internet-wrap .list > li .ctg{width: 5.125rem; height: 2.5rem; border-width: 0.125rem; border-radius: 0.3125rem; font-size: 1.375rem;}
	.internet-wrap .list > li .tit{margin: 1.25rem 0 0.3125rem; font-size: 2.625rem;}
	.internet-wrap .list > li .opt{font-size: 1.75rem;}
	.internet-wrap .list > li .price{padding-top: 1.5625rem; margin-top: 1.5625rem; border-top-width: 0.125rem; font-size: 3.375rem;}
	.internet-wrap .list > li .price span{font-size: 2.25rem;}
	.internet-wrap .list > li .benefit{padding: 1.5625rem 0; margin-top: 2.1875rem; border-radius: 0.625rem; font-size: 2.625rem;}
	.internet-wrap .list > li .benefit span{font-size: 1.75rem;}
	.phone-list-type1 > ul{width: 100%; margin-left: 0;}
	.phone-list-type1 > ul > li{float: none; width: 100%; margin: 1.25rem 0 0;}
	.phone-list-type1 > ul > li:nth-child(-n+3){margin-top: 1.25rem;}
	.phone-list-type1 > ul > li:first-child{margin-top: 0;}
	.phone-list-type2{padding-top: 5.3125rem; margin-top: 5rem;}
	.phone-list-type2::after{position: absolute; top: 0; left: -50%; width: 200%; height: 1.25rem; background: #f4f4f4; content: "";}
	.phone-list-type2 h4{margin-bottom: 1.5625rem;}
	.phone-list-type2 > ul{width: 100%; margin-left: 0;}
	.phone-list-type2 > ul > li{float: none; width: 100%; margin: 1.875rem 0 0;}
	.phone-list-type2 > ul > li:nth-child(-n+2){margin-top: 1.875rem;}
	.phone-list-type2 > ul > li:first-child{margin-top: 0;}
	.phone-list-type2 + .phone-list-type2{padding-top: 5.3125rem; margin-top: 5rem;}
	.phone-list-type2 + .phone-list-type2::after{height: 1.25rem;}
	.banner-type1 + .phone-list-type2{margin-top: 0;}
	.sort-wrap + .phone-list-type2{padding-top: 0; margin-top: 3.75rem;}
	.sort-wrap + .phone-list-type2::after{display: none;}
	.goods-info{display: block; padding: 0; border: 0;}
	.goods-info .img-wrap{width: 100%; height: 46rem; border: 0.125rem solid #ddd; border-radius: 1.25rem; text-align: center;}
	.goods-info .img-wrap .img{position: relative; width: 100%; height: 42.1875rem;}
	.goods-info .img-wrap .img img{width: auto; height: 28.75rem;}
	.goods-info .img-wrap .img .swiper-button-prev{display: block; top: 50%; left: 2.1875rem; width: 1.875rem; height: 3.3125rem; margin: 0; background: url(../images/common/ico_arw07_left.png) center / 100% auto no-repeat; transform: translateY(-50%);}
	.goods-info .img-wrap .img .swiper-button-next{display: block; top: 50%; right: 2.1875rem; width: 1.875rem; height: 3.3125rem; margin: 0; background: url(../images/common/ico_arw07_right.png) center / 100% auto no-repeat; transform: translateY(-50%);}
	.goods-info .img-wrap .img .swiper-button-prev::after,
	.goods-info .img-wrap .img .swiper-button-next::after{display: none;}
	.goods-info .img-wrap .img .swiper-pagination{display: block; position: absolute; bottom: 1.25rem; left: 0; width: 100%; font-size: 0;}
	.goods-info .img-wrap .img .swiper-pagination-bullet{width: 1.25rem; height: 1.25rem; background:#ddd; opacity:1; margin:0 0.625rem;}
	.goods-info .img-wrap .img .swiper-pagination-bullet-active{background:#0072bc;}
	.goods-info .img-wrap .thum{display: none;}
	.goods-info .info-wrap{width: 100%; margin-top: 2.5rem;}
	.goods-info .info-wrap .top{display: block;}
	.goods-info .info-wrap .top .opt{width: auto;}
	.goods-info .info-wrap .top .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;}
	.goods-info .info-wrap .top .opt2{width: 100%;}
	.goods-info .info-wrap .top .opt2 li:first-child {border-radius:0.4rem;}
	.goods-info .info-wrap .top .opt2 li{height: 2.5rem; margin-left: 0.625rem; font-size: 1.75rem;}
	.goods-info .info-wrap .top .hash{margin-top: 1.25rem;}
	.goods-info .info-wrap .top .hash li{margin:0; margin-left: 0.625rem;}
	.goods-info .info-wrap .top .hash li:first-child{margin-left: 0;}
	.goods-info .info-wrap .top .hash li span{display: inline-block; padding: 0 1.25rem; border-radius: 1.5625rem; font-size: 1.5rem; line-height: 3rem;}
	.goods-info .info-wrap .tit{margin-top: 3.125rem; font-size: 3.75rem;}
	.goods-info .info-wrap .tit span{font-size: 1.75rem;}
	.goods-info .info-wrap .price{display: flex; justify-content: space-between; align-items: center; margin-top: 3.125rem; font-size: 2.25rem;}
	.goods-info .info-wrap .price strong{margin-left: 0;}
	.goods-info .info-wrap .price strong span{font-size: 4.875rem;}
	.goods-info .info-wrap .ipt{position: relative; margin-top: 4.375rem; border-width: 0.125rem;}
	.goods-info .info-wrap .ipt > li{display: block; min-height: auto; border-width: 0.125rem;}
	.goods-info .info-wrap .ipt.dv-line{padding-bottom: 3.75rem;}
	.goods-info .info-wrap .ipt.dv-line::after{position: absolute; bottom: 0; left: 0; width: 200%; height: 1.25rem; margin-left: -50%; background: #f4f4f4; content: "";}
	.goods-info .info-wrap .ipt.dv-line > li:last-child{border-bottom: 0;}
	.goods-info .info-wrap .ipt dl{display: block;}
	.goods-info .info-wrap .ipt dl dt{width: 100%; padding: 2.1875rem 0; font-size: 1.75rem;}
	.goods-info .info-wrap .ipt dl dd{width: 100%; padding: 0 0 2.5rem 0; font-size: 1.75rem; color: #111;}
	.goods-info .info-wrap .ipt dl dd .chk-list{display: flex; flex-wrap: wrap; justify-content: space-between;}
	.goods-info .info-wrap .ipt dl dd .chk-list li{flex: 1; margin: 1.25rem 0.625rem 0;}
	.goods-info .info-wrap .ipt dl dd .chk-list li:first-child{margin-left: 0;}
	.goods-info .info-wrap .ipt dl dd .chk-list li:last-child{margin-right: 0;}
	.goods-info .info-wrap .ipt dl dd .chk-list li:nth-child(3n+1){margin-left: 0;}
	.goods-info .info-wrap .ipt dl dd .chk-list li label{width: 100%;}
	.goods-info .info-wrap .ipt dl dd .price{margin-top: 0; font-size: 3.375rem;}
	.goods-info .info-wrap .ipt dl dd .price span{font-size: 2.25rem;}
	.goods-info .info-wrap .ipt dl.col{display: flex; justify-content: space-between; width: 100%;}
	.goods-info .info-wrap .ipt dl.col dt,
	.goods-info .info-wrap .ipt dl.col dd{width: auto; padding: 3.75rem 0;}
	.goods-info .info-wrap .ipt dl.txt dt,
	.goods-info .info-wrap .ipt dl.txt dd{padding: 2.8125rem 0;}
	.goods-info .info-wrap .ipt dl dd.color{display: block; padding: 0;}
	.goods-info .info-wrap .ipt dl dd .color-box{display: flex;}
	.goods-info .info-wrap .ipt dl dd .color-box label{margin-right: 0.3125rem;}
	.goods-info .info-wrap .ipt dl dd .color-box label:last-child{margin-right: 0;}
	.goods-info .info-wrap .ipt dl dd .color-name{margin: 0.9375rem 0.625rem 0 0; font-size: 1.75rem; text-align: right;}
	.goods-info .info-wrap .price-box{padding: 1.875rem 2.5rem 2.5rem; margin-top: 3.75rem; border-width: 0.125rem; border-radius: 1.25rem;}
	.goods-info .info-wrap .price-box .top{display: block;}
	.goods-info .info-wrap .price-box .top strong{font-size: 2.625rem; letter-spacing: -0.0625rem;}
	.goods-info .info-wrap .price-box .top strong span{font-size: 4.5rem;}
	.goods-info .info-wrap .price-box .top div:last-child{margin-top: 1.25rem;}
	.goods-info .info-wrap .price-box .top div:last-child p{margin-top: 1.25rem; font-size: 1.5rem;}
	.goods-info .info-wrap .price-box ul{display: block; padding-top: 1.5625rem; margin-top: 1.25rem; border-width: 0.125rem;}
	.goods-info .info-wrap .price-box ul li{padding: 0.625rem 0; width: 100%; font-size: 1.75rem;}
	.goods-info .info-wrap .price-box ul li dl{display: flex; justify-content: space-between;}
	.goods-info .info-wrap .price-box ul li dl dt{width: auto;}
	.goods-info .info-wrap .price + .ipt{margin-top: 4.6875rem;}
	.goods-info .info-wrap .btn-wrap{margin-top: 3.75rem;}
	.goods-payplan-box .goods-payplan-list .payplan-info-list > li.on{display: block;}
	.goods-payplan-box .payplan-info-list .side-box{margin-top: 0.625rem;}
	.goods-payplan-box .payplan-info-list .side-box .btn{margin-top: 2.5rem;}
	.goods-payplan-box .payplan-info-list .side-box .btn button{width: 100%;}
	.goods-payplan-box .goods-payplan-list .btn-more{position: absolute; bottom: -4.5625rem; width: 20rem; border-width: 0.125rem; border-radius: 0 0 1.25rem 1.25rem; font-size: 1.75rem; line-height: 4.375rem;}
	.goods-payplan-box .goods-payplan-list .btn-more span{padding-right: 2.1875rem; background-size: 1.125rem auto;}
	.goods-payplan-box .goods-payplan-price{display: block; padding: 3.125rem 2.5rem; margin-top: 9.375rem; border-width: 0.125rem; border-radius: 1.25rem;}
	.goods-payplan-box .goods-payplan-price table{width: 100%;}
	.goods-payplan-box .goods-payplan-price table th,
	.goods-payplan-box .goods-payplan-price table td{padding: 0.9375rem 0; border-bottom-width: 0.125rem; font-size: 1.5rem;}
	.goods-payplan-box .goods-payplan-price table tr.top th,
	.goods-payplan-box .goods-payplan-price table tr.top td{padding:0 0 1.5625rem; font-size: 2rem;}
	.goods-payplan-box .goods-payplan-price .mark{width: 5rem; height: 5rem; margin: 1.875rem auto 1.25rem; font-size: 3rem;}
	.goods-payplan-box .goods-payplan-price .mark:nth-of-type(2){margin: 1.875rem auto 1.25rem;;}
	.goods-payplan-box .goods-payplan-price .total{display: flex; align-items: center; justify-content: space-between; margin-left: 0; margin-top: 2.1875rem; line-height: 1;}
	.goods-payplan-box .goods-payplan-price .total .tit{margin-right: 0; font-size: 2rem;}
	.goods-payplan-box .goods-payplan-price .total strong{font-size: 2rem;}
	.goods-payplan-box .goods-payplan-price .total strong span{font-size: 3.375rem;}
	.goods-payplan-box + .btn-wrap{margin-top: 3.75rem;}
}
@media all and (min-width:751px) and (max-width:1299px) {
	.recomm-wrap .cont{width: calc(50% + 5rem);}
	.recomm-wrap .swiper-slide{width: 100%; padding: 0 2.5rem;}
}

/* 배너 */
.banner-type1{display: flex; align-items: center; width: 100%; height: 200px; padding-left: 60px; margin: 40px 0 60px; border-radius: 20px; background: url(../images/common/bg_money1.png) right 85px center / 207px auto no-repeat #3887e8; box-sizing: border-box;}
.banner-type1 strong{display: block; font-size: 36px; color: #fff;}
.banner-type1 p{display: inline-block; position: relative; margin-top: 10px; font-size: 20px; color: #fff;}
.banner-type1 p::after{position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #fff; content: "";}
@media all and (max-width:750px) {
	.banner-type1{align-items: start; height: 17.5rem; padding: 2.6875rem 0 0 2.5rem; margin: 3.75rem 0; border-radius: 1.25rem; background-size: 15.6875rem auto; background-position: right 2.0625rem center;}
	.banner-type1 strong{font-size: 2.625rem; letter-spacing: -0.0625rem;}
	.banner-type1 p{margin-top: 0.3125rem; font-size: 1.5rem; letter-spacing: -0.0625rem;}
	.banner-type1 p::after{bottom: 0.3125rem; height: 0.125rem;}
	.goods-info.phone-view .info-wrap .ipt dl dd .chk-list li.rate-plan-wrap label[for="plan_spp_seq"] {width:100%;}
}

/* FAQ 개편 2023-10-23 */
/* 전문상담(1:1문의) */
/*
.inquiry-wrap{padding-top: 30px; text-align: center;}
.inquiry-wrap strong{display: block; font-size: 30px; line-height: 50px; font-weight: 700; color: #333;}
.inquiry-wrap strong span{color: #0072bc;}
.inquiry-wrap p{margin-top: 10px; font-size: 24px; line-height: 34px; color: #333;}
body.mno .inquiry-wrap strong span{color: #457fec;}
@media all and (max-width:1299px) {
	.inquiry-wrap{padding-top: 1.875rem;}
	.inquiry-wrap strong{font-size: 2.25rem; line-height: 3.375rem;}
	.inquiry-wrap p{margin-top: 0.9375rem; font-size: 2rem; line-height: 3.125rem;}
}
 */

/* 서비스 조회·변경 */
.service-wrap {position:relative;}
.service-wrap .title{margin-top: 90px;}
.service-wrap .title:nth-of-type(1){margin-top: 0;}
.service-wrap .title h4{display: block; font-size: 30px; font-weight: 700; color: #111;}
.service-wrap .title p{margin-top: 10px; font-size: 18px; font-weight: 700; color: #333;}
.service-wrap .title p span{color: #0072bc;}
.service-wrap .title ul{margin-top: 10px;}
.service-wrap .title ul li{font-size: 18px; line-height: 30px; }
.service-wrap .title:nth-of-type(1){margin-top: -10px;}
.service-wrap .info .items{display: flex; justify-content: space-between; margin-top: 35px;}
.service-wrap .info .items > li{width: 386px; padding: 29px 32px; border: 1px solid #ddd; border-radius: 20px; box-sizing: border-box;}
.service-wrap .info .items > li .top{display: flex; align-items: center; height: 120px; padding-left: 140px; background-position: left center; background-size: 120px auto; background-repeat: no-repeat;}
.service-wrap .info .items > li .top strong{display: block; font-size: 30px; color: #333;}
.service-wrap .info .items > li .top a {display: inline-block; margin-top: 10px; font-size: 18px; font-weight: 700; color: #0072bc;}
.service-wrap .info .items > li .list{padding-top: 30px; margin-top: 30px; border-top: 1px solid #ddd;}
.service-wrap .info .items > li .list li{padding-left: 35px; margin-top: 10px; background: url(../images/customer/ico_check.png) left 1px / 24px auto no-repeat; font-size: 18px; color: #333; line-height: 26px;}
.service-wrap .info .items > li .list li:first-child{margin-top: 0;}
.service-wrap .info .items > .item1 .top{background-image: url(../images/customer/ico_service_info01.png);}
.service-wrap .info .items > .item2 .top{background-image: url(../images/customer/ico_service_info02.png);}
.service-wrap .info .items > .item3 .top{background-image: url(../images/customer/ico_service_info03.png);}
.service-wrap .change .items, .faq-menu .items-type2 {display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 35px;}
/* .inquiry .items-type2 {gap:1.5rem;} */
.service-wrap .change .items > li{position:relative;width: 285px; margin-top: 20px; border: 1px solid #ddd; border-radius: 20px; text-align: center; box-sizing: border-box;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;transition:all 0.2s;}
.service-wrap .change .items-type1 > li:hover, .faq_main .change .items-type2 > li:hover {border:1px solid #0072bc;}
.service-wrap .change .items > li:hover span {color:#0072bc;}
.service-wrap .change .items li:hover a div {background-color:#FFE4E4;}
.service-wrap .change .items > li a div {position:relative;display:block;width:100px;height:100px;background-color:#F4F4F4;border-radius:50%;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;transition:all 0.2s;}
.service-wrap .change .items-type1 > li a div {max-width: 100px;max-height: 100px;}
.service-wrap .change .items-type1 > li div::after {content:'';background-position: center; background-size:auto; background-repeat: no-repeat;display:block;width:100%;height:100%;background-repeat:no-repeat;}
.service-wrap .change .items > li > a{display:flex; width: 100%; height:100%;box-sizing: border-box;align-items:center;flex-direction:column;padding: 1rem;justify-content: space-between;}
.service-wrap .change .items > li strong{display: block; font-size: 20px; color: #333;font-weight:700;word-break: keep-all;}
.service-wrap .change .items > li span{display: inline-block; margin-top: 2px; font-size: 16px; font-weight: 700;color:#999999;border-radius: 10px;margin-top: 0.3rem;padding: 2.5px 8px 2.5px 10px;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;transition:all 0.2s;}
.service-wrap .change .items > li.immediateTag::after {content:'';position:absolute;top:5px;left:calc(50% + 3.5rem);width:59px;height:59px;background:url(/assets/images/customer/ico_immediate_skt_kt.png)no-repeat;background-position:center;background-size:contain;min-width:30px;min-height:30px;}
.service-wrap .change .items-type1 > li strong {margin-top:0.5rem;}
.service-wrap .change .items-type1 > .item1 div::after{background-image: url(../images/customer/ico_service_change01.png);}
.service-wrap .change .items-type1 > .item2 div::after{background-image: url(../images/customer/ico_service_change02.png);background-position-x:57%;}
.service-wrap .change .items-type1 > .item3 div::after{background-image: url(../images/customer/ico_service_change03.png);background-position-x:40%;}
.service-wrap .change .items-type1 > .item4 div::after{background-image: url(../images/customer/ico_service_change04.png);background-position:top left;}
.service-wrap .change .items-type1 > .item5 div::after{background-image: url(../images/customer/ico_service_change05.png);background-position-x:57%;}
.service-wrap .change .items-type1 > .item6 div::after{background-image: url(../images/customer/ico_service_change06.png);}
.service-wrap .change .items-type1 > .item7 div::after{background-image: url(../images/customer/ico_service_change07.png);background-position-x:57%;}
.service-wrap .change .items-type1 > .item8 div::after{background-image: url(../images/customer/ico_service_change08.png);}
.service-wrap .change .items-type1 > .item9 div::after{background-image: url(../images/customer/ico_service_change09.png);background-position-x:57%;}
.service-wrap .change .items-type1 > .item10 div::after{background-image: url(../images/customer/ico_service_change10.png);background-position-x:60%;}
.service-wrap .change .items-type1 > .item11 div::after{background-image: url(../images/customer/ico_service_change11.png);background-position-x:60%;}
.service-wrap .change .items-type1 > .item12 div::after{background-image: url(../images/customer/ico_service_change12.png);}
.service-wrap .change .items-type1 > .item13 div::after{background-image: url(../images/customer/ico_service_change13.png);}
.service-wrap .change .items-type1 > .item14 div::after{background-image: url(../images/customer/ico_service_change14.png);}
.service-wrap .change .items-type1 > .item15 div::after{background-image: url(../images/customer/ico_service_change15.png);}
.service-wrap .change .items-type1 > .item16 div::after{background-image: url(../images/customer/ico_service_change16.png);background-position-x:60%;}

.service-wrap .change .items-type2 > li {height:190px;width:185px;}
.service-wrap .change .items-type2 > li.item11 {width:388px;text-align:left;}
.service-wrap .change .items-type2 > li.item11 a {flex-direction: row;justify-content: center;gap:2rem;}
.service-wrap .change .items-type2 > li.item11 a div {margin:0;width:110px;height:110px;}
.service-wrap .change .items-type2 > li > a {width:100%;height:100%;justify-content: space-around;}
.service-wrap .change .items-type2 > li > a div {width:80px;height:80px;}
.service-wrap .change .items-type2 > li strong {font-size:19px;}
.service-wrap .change .items-type2 li.on a strong {color:#0072bc;}
.service-wrap .change .items-type2  a div::after{content:'';background-position:center;background-size:contain;background-repeat: no-repeat;display:block;width:100%;height:100%;}
.service-wrap .change .items-type2 > .item1 div::after , .items-type3 > .item1 div::after {background-image: url(/assets/images/customer/faq_icon_01.svg);}
.service-wrap .change .items-type2 > .item2 div::after , .items-type3 > .item2 div::after {background-image: url(/assets/images/customer/faq_icon_02.svg);}
.service-wrap .change .items-type2 > .item3 div::after , .items-type3 > .item3 div::after {background-image: url(/assets/images/customer/faq_icon_03.svg);}
.service-wrap .change .items-type2 > .item4 div::after , .items-type3 > .item4 div::after {background-image: url(/assets/images/customer/faq_icon_04.svg);}
.service-wrap .change .items-type2 > .item5 div::after , .items-type3 > .item5 div::after {background-image: url(/assets/images/customer/faq_icon_05.svg);}
.service-wrap .change .items-type2 > .item6 div::after , .items-type3 > .item6 div::after {background-image: url(/assets/images/customer/faq_icon_06.svg);}
.service-wrap .change .items-type2 > .item7 div::after , .items-type3 > .item7 div::after {background-image: url(/assets/images/customer/faq_icon_07.svg);}
.service-wrap .change .items-type2 > .item8 div::after , .items-type3 > .item8 div::after {background-image: url(/assets/images/customer/faq_icon_08.svg);}
.service-wrap .change .items-type2 > .item9 div::after , .items-type3 > .item9 div::after {background-image: url(/assets/images/customer/faq_icon_09.svg);}
.service-wrap .change .items-type2 > .item10 div::after , .items-type3 > .item10 div::after{background-image: url(/assets/images/customer/faq_icon_10.svg);}
.service-wrap .change .items-type2 > .item11 div::after, .items-type3 > .item11 div::after{background-image: url(/assets/images/customer/faq_icon_11.svg);}
.service-wrap .change .items-type2 > li {height:190px;width:185px;}
.service-wrap .item-con {display:none;border-radius:10px !important;width:100% !important;height:auto !important;background-color:#F7F7F7;border:1px solid #ddd;padding:40px 100px;text-align:left !important;}
.service-wrap .item-con .title {display:flex;justify-content:space-between;align-items:center;line-height:3.5rem;margin-bottom:0.5rem;}
.service-wrap .item-con .title a {font-size:14px;}
.service-wrap .item-con li {font-size:16px;padding:0.5rem 0;color:#333;display:flex;justify-content:flex-start;gap:0.5rem;color:#333;}
.service-wrap .item-con li a{color:#333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;word-break: break-all;width: calc(100% - 17px);max-width: fit-content;display: inline-block;}
.service-wrap .item-con li:hover a, .service-wrap .item-con li:hover {color:#0072bc;}
.service-wrap .item-con h3 {color:#111;font-size:26px;margin-bottom:0 !important;}
.service-wrap .item-con .btn-con {display:flex;justify-content:flex-end;gap:0.5rem;margin-top:0.2rem;}
.service-wrap .item-con .btn-con a, .service-wrap .item-con .btn-con button {background-color:#fff;border:1px solid #ddd;padding: 0.8rem 2rem;color:#333;font-weight:700;display: flex;align-items: center;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;transition:all 0.3s;font-size:13px;}
.service-wrap .item-con .btn-con a:hover , .service-wrap .item-con .btn-con button:hover {background:#FFE4E4;}
.service-wrap .item-con .btn-con button span {background:url(/assets/images/customer/faq_btn_icon.svg);display:inline-block;width:16px;height:16px;background-size: 100%;padding: 0;background-repeat: no-repeat;border-radius: 0;margin:0 5px 0 0;}
.service-wrap .inquiry li.on div{background-color: #FFE4E4 !important;}
.inquiry .item.on { border: 1px solid #0072bc !important;}
.inquiry .item.on > a > div {background-color:#FFE4E4 !important;}
.inquiry .item.on > a strong {color:#0072bc;}
.inquiry .item.on::after {content:'';z-index:2;position:absolute;width:20px;height:20px;bottom: -31px;left: calc(50% - 10px);background-color: #f7f7f7;border-bottom: 1px solid #ddd;border-right: 1px solid #ddd;transform: rotate(225deg);}
.service-wrap .item-con.active {display:block !important;}

.service-wrap .change .items-type3 {flex-wrap:nowrap;margin-bottom:2.5rem;}
.service-wrap .change .items-type3 > li {height:120px;width:100px;margin:0;}
.service-wrap .change .items-type3 > li a {width:100%;height:100%;justify-content: space-around;padding: 1rem 0.5rem;gap:0.5rem;}
.service-wrap .change .items-type3 > li a div {width:50px;height:50px;}
.service-wrap .change .items-type3 > li strong {font-size:13px;}
.service-wrap .change .items-type3  div::after{content:'';background-position:center;background-repeat: no-repeat;display:block;width:100%;height:100%;background-size:contain;}
.service-wrap:has(.m-on) {height: 15.95rem;}
.faq-menu {position:relative;height:auto;background:#fff;transition:all 0.3s;}
.faq-menu::after {content:'';display:none;z-index:1;position:absolute;right:-2.5rem;top:0;background: linear-gradient(90deg,#ffffff85, #fff);width:5.5rem;height: 100%;}
.service-wrap .m-faq-btn {z-index:2;display:none;position:absolute;top:calc(50% - 30px);right:0;width:24px;height:24px;border:1px solid #ddd;background-color:#fff;cursor:pointer;}
.service-wrap .m-faq-btn span {display:block;width:10px;height:10px;padding:7px;background:url(/assets/images/common/ico_arw06_bottom.png)no-repeat center;background-size: 10px;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;transition:all 0.2s;}
.service-wrap .m-faq-btn.up span {transform:rotate(180deg);}
.faq-menu.m-on {height:auto;position:absolute;top:0;left:0;width: 100%;overflow:visible !important;}
.faq-menu.m-on::after {display:none;}
.faq-menu.m-on::before {content:'';position:absolute;left:-2.5rem;background-color:#fff;border-bottom:1px solid #ddd;display:block;width:calc(100% + 5rem);height:100%;}
.faq-menu.m-on .items-type3 {width:95% !important;padding-right: 5%;transform:none !important;flex-wrap:wrap;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}
.faq-menu.m-on .items-type3 li {width:5em !important;}
.faq-menu .items-type3 li.on {border: 1px solid #0072bc;}
.faq-menu .items-type3 li.on div {background-color:#FFE4E4 !important;}
.faq-menu .items-type3 li.on a strong {color:#0072bc;}

.search-box-type2 {border:1px solid #ddd;display:flex;max-width:800px;margin:0 auto;border-radius:5px;overflow:hidden;}
.search-box-type2 .keyword {position:relative;width:100%;}
.search-box-type2 .keyword::before {content:'';position:absolute;left:0;top:15%;display:block;width:1px;height:70%;background-color:#DDD;}
.search-box-type2 select, .search-box-type2  .keyword ,.search-box-type2 input {border:0 !important;}
.search-box-type2 .keyword input {min-width: auto;width: 100%;border-radius:0;}
.search-box-type2 .keyword button {position: absolute;top:calc(50% - 23px);right: 2px;width: 46px;height: 46px;background: url(../images/common/ico_search01_m.png) center / 20px auto no-repeat;text-indent: -9999em;}
.service-quick {width:100%;margin-top:4rem;}
.service-quick > div {position:relative;border-bottom:1px solid #ddd;width:100%;display:flex;align-items:center;padding:1.5rem 0;}
.service-quick > div:first-child {border-top:1px solid #ddd;}
.service-quick > div.faq {display:block;}
.service-quick > div span {display:inline-block;width:80px;height:80px;background-repeat:no-repeat;background-size:95%;background-position:center center;}
.service-quick > div.mohae span {background-image:url(/assets/images/customer/mohae_logo_b.png);}
.service-quick > div.asking span {background-image:url(/assets/images/customer/faq_icon_b.png);}
.service-quick > div h3, .usim_error_content .usim-error-box h3 {color:#000;font-size:30px;}
.usim_error_content .usim-error-box p {font-size:16px;line-height:24px;margin-top:0.5rem;}
.service-quick > div span + div {width:calc(100% - 80px);padding-left:1.5rem;}
.service-quick > div ul, .faq_side div.faq ul {margin-top:0.5rem;}
.service-quick > div li, .faq_side div.faq li {padding:0.3rem 0;display:flex;}
.faq_side div.faq li.faq_non {font-size:13px;}
.service-quick > div li a {font-size:18px;color:#333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;word-break: break-all;width: calc(100% - 17px);max-width: fit-content;display: inline-block;}
.service-quick > div li i {font-size:16px;color:#333;display:inline-block;margin-left:5px;shape-outside: border-box;}
.service-quick .quick-btn {position:absolute;right:0;top:1.5rem;border:1px solid #ddd;border-radius:30px;padding:0rem 1rem;color:#7a7a7a;font-size:15px;height: 30px;display: flex;align-items: center;transition:all 0.2s;-moz-transition:all 0.2s;-webkit-transition:all 0.2s;}
.service-quick .quick-btn:hover, .service-quick .quick-btn:focus,.service-quick > div li a:hover {color:#000;}
.service-wrap .faq-menu ul {flex-wrap:nowrap;} 
.mo-br {display:none;}
.btn-back2 {display:block;background-color:#000;color:#fff;text-align:center;width:140px;line-height:44px;border-radius:4px;margin:2rem auto 100px;font-size: 16px;}

.faq_side {z-index:3;position: fixed;height:auto;width: auto;right:2rem;top:24em;animation-name:faqSideA;animation-duration:0.5s;animation-timing-function: ease-in-out;}
.faq_side .faq {width:250px;border:1px solid #ddd;border-radius:10px;padding:1.5rem;background:#fff;box-shadow: 0 2px 5px #00000021;}
.faq_side div.faq li a {font-size:13px;color:#333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;word-break: break-all;width: calc(100% - 17px);max-width: fit-content;display: inline-block;}
.faq_side div.faq li i {font-size:13px;color:#333;display:inline-block;margin-left:5px;shape-outside: border-box;}
.faq_side div.faq div {font-size:12px;color:#fff;shape-outside: border-box;display:flex;justify-content:space-between;}
.faq_side div.faq div.title {font-size:15px;color:#333;font-weight: 800;flex-wrap: wrap;}
.faq_side div.faq div.title p {line-height:inherit;margin-left:0.2rem;}
.faq_side div.faq div a {font-size:12px;background-color:#000;color:#fff;margin-left:5px;padding:3px 9px;border-radius: 4px;height: 15px;min-width: 32px;}

.box-qr {display:flex;align-items:center;justify-content:center;gap:2.5rem;}
.box-qr > div {width:130px;height:15rem;display:flex;justify-content: center;align-items:center;flex-direction:column;max-height:170px;}
.box-qr > div::before {content:'';display:block;width:100%;height:100%;}
.box-qr > div.skt-qr::before {background:url(/assets/images/customer/SKT_esim.png) center top / 100% no-repeat;}
.box-qr > div.kt-qr::before {background:url(/assets/images/customer/KT_esim.png) center top / 100% no-repeat;}
.box-qr > div.lg-qr::before {background:url(/assets/images/customer/LG_esim.png) center top / 100% no-repeat;}

/* 유심에러 페이지 추가 */
.usim_error_content .tab-type1{margin:0 !important;}
.usim_error_content .tab-type1 li {border-radius:5px 5px 0 0 !important;}
.usim_error_content .tab_content {border:1px solid #ddd;border-top:none;padding:3rem;border-radius:0 0 20px 20px;}
.usim_error_content .tab_content .flex-box li {margin-bottom:0.5rem;padding: 0.5rem 0;}
.usim_error_content .tab_content .flex-box li:last-child {margin-bottom:0;}
.usim_error_content .tab_content .flex-box li > p::before {content:'';margin-right:5px;width:20px;height:20px;background:url(/assets/images/all/m_logo.png)no-repeat center / 80%;min-width: 20px;transform: translateY(28%);}
.usim_error_content .tab_content .flex-box li > p , .usim_error_content .tab_content .flex-box li > span {display:inline-flex;align-items:flex-start;width:100%;font-size:16px;}
.usim_error_content .tab_content .tabCon.off {display:none;}
.usim_error_content .tab_content .tabCon.on {display:block;}
.usim_error_content .tab_content .tabCon .box {display:inline-block;background-color:#F4F4F4;padding:1.5rem;border-radius:10px;margin-left:calc(1.7rem + 5px);}
.usim_error_content .tab_content .tabCon .photo {display: flex;justify-content: center;margin:0.5rem 0;flex-wrap:wrap;gap:1rem;}
.usim_error_content .tab_content .tabCon .photo img {max-width: 100%;}
.usim_error_content .tab_content .tabCon .box p {font-size:14px;}
.usim_error_content .tab_content .tabCon .box span {width:5.5rem;display:inline-block;}
.usim_error_content .usim-error-box {display:flex;align-items:center;width:calc(100% - 4rem);padding:2rem;border:1px solid #ddd;border-radius:20px;margin-top:15px;justify-content: space-between;}
.usim_error_content .usim-error-box .img {position:relative;background-color:#F4F4F4;width:100px;height:100px;margin:0 auto;border:1px solid #ddd;border-radius:50%;}
.usim_error_content .usim-error-box .img::after {content:'';position:absolute;width:100%;height:100%;display:block;;background:url(/assets/images/customer/faq_icon_11.svg)no-repeat center / cover !important;}
.usim_error_content .usim-error-box .txt {display:flex;align-items:center;gap:1.5rem;color:#333333;font-size:24px;}
.usim_error_content .usim-error-box .side {width:210px;}
.usim_error_content .usim-error-box .side a {font-size:16px;padding: 0 20px;}
.modal-usim-error:has(.photo-preview) .ipt-list {padding-bottom:20px;}
.modal-usim-error .photo-preview.phone {background:url(/assets/images/customer/phoneinfo.png)no-repeat;background-size:contain;}
.modal-usim-error .photo-preview.imei {background:url(/assets/images/customer/imei_Info.png)no-repeat;background-size:contain;}
.modal-usim-error .photo-preview {position:relative;height:auto;min-height:170px;margin:20px 0;object-fit:contain;display:flex;align-items:center;background-position:center !important;width: calc(100% - 42px);border:1px solid #eee;padding:20px;margin-top:40px;}
.modal-usim-error .photo-preview p {position:absolute;top:-25px;left: 0;font-size:0.8rem;}
.modal-usim-error .photo-preview span {width:100%;height: 200px;object-fit: contain;display: flex;align-items: center;justify-content: center;overflow: hidden;}
.modal-usim-error .photo-preview img {height: 100%;max-width: 100%;}

.modal-usim-error .preciew span{height: 200px !important;background-color:inherit !important;}
.modal-usim-error .preciew img {height: 100%;max-width: 100%;}
.modal-usim-error .file-uplode-btn span {background:none;margin-left:0.5rem;padding-right:0 !important;}

@media all and (max-width:1299px) {
	.service-wrap .title{margin-top: 4.375rem;}
	.service-wrap .title:nth-of-type(1){margin-top: 0;}
	.service-wrap .title h4{font-size: 2.625rem;}
	.service-wrap .title p{margin-top: 0.625rem; font-size: 2rem; line-height: 3rem; letter-spacing: -0.0313rem;}
	.service-wrap .title p span{color: #0072bc;}
	.service-wrap .title ul{margin-top: 1.25rem;}
	.service-wrap .title ul li{margin-top: 0.625rem; font-size: 2rem; line-height: 3rem; }
	.service-wrap .title ul li:first-child{margin-top: 0;}
	.service-wrap .title:nth-of-type(1){margin-top: 0;}
	.service-wrap .info .items{display: block; margin-top: 2.1875rem;}
	.service-wrap .info .items > li{width: 100%; padding: 2.375rem; margin-top: 1.25rem; border-width: 0.125rem; border-radius: 1.25rem;}
	.service-wrap .info .items > li:first-child{margin-top: 0;}
	.service-wrap .info .items > li .top{height: 11.25rem; padding-left: 13.125rem; background-size: 11.25rem auto;}
	.service-wrap .info .items > li .top strong{font-size: 2.625rem;}
	.service-wrap .info .items > li .top a{margin-top: 0.625rem; font-size: 1.75rem;}
	.service-wrap .info .items > li .list{display: flex; justify-content: space-between; flex-wrap: wrap; padding-top: 1.25rem; margin-top: 1.875rem; border-top-width: 0.125rem;}
	.service-wrap .info .items > li .list li{width: 50%; padding-left: 2.9375rem; margin-top: 0; background: url(../images/customer/ico_check.png) left center / 2.25rem auto no-repeat; font-size: 1.75rem; line-height: 3.375rem; box-sizing: border-box;}
	.service-wrap .change .items-type2 > li {margin-top:1rem;}
	.service-wrap .change .items > li span {font-size:1.45rem;}
	.service-wrap .info .items > li .list li:nth-child(-n+2){margin-top: 0;}
	.service-wrap .change .items {margin-top: 2.1875rem;}
	.service-wrap .change .items-type1 > li {width: 48.507%; margin-top: 1.25rem; border-radius: 1.25rem; background-position: center 2.5rem; background-size: 10rem auto;}
	.service-wrap .change .items-type3 > li a div {width:4.5rem;height:4.5rem;}
	.service-wrap .change .items-type3 > .item13 div::after, .service-wrap .change .items-type1 > .item14 div::after, .service-wrap .change .items-type1 > .item15 div::after, .service-wrap .change .items-type1 > .item13 div::after ,
	.service-wrap .change .items-type1 > .item6 div::after {background-size:40.5%;}
	.service-wrap .change .items-type1 > .item4 div::after {background-size:78%;}
	.service-wrap .change .items-type3 > li a {height: 21.5625rem;padding:0rem 1rem;}
	.service-wrap .change .items-type3 > li strong {display: block; font-size: 1.25rem;}
	.service-wrap .change .items-type3 > li span {margin-top: 0.625rem; font-size: 1.75rem;}
	.service-wrap .change .items-type3 > li.immediateTag::after {left:calc(50% + 5.5rem);}
	.search-box-type2 select {min-width: 12.375rem;padding:0 4rem 0 1.875rem;}
	.service-quick > div li, .faq_side div.faq li {line-height: 2.5rem;}
	.service-quick > div h3, .service-wrap .item-con h3, .usim_error_content .usim-error-box h3 {font-size:2.15rem;margin-bottom:1rem;}
	.service-wrap .change .items-type2 > li {width:32%;height: 14.5rem;border-radius: 2.145rem;}
	.service-wrap .change .items-type2 > li a {height:100%;}
	.service-wrap .item-con .title a {font-size:1.42rem;}
	.service-wrap .change .items-type2 > li strong , .service-wrap .change .items-type3 > li{font-size:1.55rem;}
	.service-wrap .change .items-type2 > li:last-child {width:66%;}
	.service-wrap .change .items-type2 > li a div {width:6.5rem;height:6.5rem;}
	.service-wrap .change .items-type2 > li.item11 {width:66%}
	.service-wrap .change .items-type2 > li.item11 a div {width:8rem;height:8rem;}
	.search-box-type2 .keyword button {width: 5rem;height: 5rem;background-position:center center;background-size: 2.3125rem auto;top:calc(50% - 2.5rem);}
	.service-wrap .change .items-type3 > li, .service-wrap .change .items-type3 > li:hover {border:none;height:auto;}
	.service-wrap .change .items-type3 > li {width:10%;}
	.service-wrap .change .items-type3 > li a {height:100%;}

	.service-wrap .item-con {padding:3rem 2rem 2.5rem;}
	.service-wrap .item-con .btn-con {flex-direction:column;margin-top:1rem;}
	.service-wrap .item-con .btn-con > a, .service-wrap .item-con .btn-con > button {justify-content: center;padding: 1.45rem 2rem;font-size:1.45rem;}
	.service-wrap .item-con li a, .service-wrap .item-con li i {font-size:1.5rem;}

	.faq_side {position:relative;top:0;right:0 !important;width:100%;box-shadow:none;}
	.faq_side .faq {width:calc(100% - 5rem);box-shadow:none;padding:2.5rem;}
	.faq_side div.faq .title {font-size:1.75rem !important;}
	.faq_side div.faq div a {padding:0.6rem 1.4rem;font-size:1.2rem;height:auto;min-width: fit-content;}
	.faq_side div.faq li a ,.faq_side div.faq li i, .faq_side div.faq li.faq_non {font-size:1.4rem;}
	.usim_error_content .tab_content .flex-box li > p::before {width:1.7rem;height:1.7rem;background:url(/assets/images/all/m_logo.png)no-repeat center / 80%;min-width:1.7rem;}
	.usim_error_content .tab_content .flex-box li p , .usim_error_content .tab_content .flex-box li > span, .box-qr div {font-size:1.55rem !important;word-break:auto-phrase;}
	.usim_error_content .usim-error-box .side a{height: 5.25rem;padding: 0 0;border-width: 0.125rem;border-radius: 0.625rem;font-size: 1.75rem;line-height: 5rem;}
	.modal-type1 .head .btn-close {top: 4.6rem;}
	.preciew {background-size:contain !important;}
	.photo-preview p {top: -3rem !important;font-size: 1.3rem !important;}
	.photo-preview {margin-top:4rem;background-size:contain !important;}
	.inquiry .item.on::after {bottom:calc(-0.5em + -2.2rem / 2);width:1.5rem;height:1.5rem;left: calc(50% - 1rem);}

}
@media all and (max-width:750px) {
	.mo-br {display:block;}
	.service-quick > div {flex-direction:column;align-items:start;padding:1.5rem 0 5rem;}
	/* .service-quick > div:last-child {border-bottom:0;} */
	.service-wrap .change .items-type1 > li a div {width:13.5rem;height:13.5rem;}
	.service-wrap .change .items-type1 > li div::after {background-size:55%;}
	.service-quick > div span {width:6.5rem;height:6.5rem;}
	.service-quick > div span + div {width:100%;padding-left:0;}
	.service-quick > div li a, .service-quick > div li i {font-size:1.5rem;}
	.service-quick > div h3, .usim_error_content .usim-error-box h3 {font-size:2.25rem;margin-bottom:1rem;}
	.service-quick > div p , .usim_error_content .usim-error-box p {font-size:1.5rem;line-height:2rem;}
	.service-quick .quick-btn , .item-con .quick-btn {top: initial;bottom: 1.5rem;height:2.5rem;font-size:1.35rem;}
	.service-wrap .change .items-type3 {width:max-content;margin-top:0.5rem;justify-content: flex-start !important;}
	.service-wrap  .m-faq-btn, .faq-menu::after {display:block;}
	.service-wrap .change .items-type3 > li {width:5em;margin-top:1.5rem;}
	.service-wrap .change .items-type3 > li a {justify-content: space-between;}
	.service-wrap .change .items-type3 > li a div {width:5.7rem;height:5.7rem;}
	.service-wrap .change .items-type3 > li strong {font-size:1.12rem;}
	.btn-back2 {font-size: 2rem;line-height: 5.5rem;width: 17rem;}
	.usim_error_content .tab_content {border-radius:0 0 1.45rem 1.45rem;}
	.usim_error_content .usim-error-box {flex-direction:column;border-radius:1.45rem;}
	.usim_error_content .usim-error-box .side {width:100%;margin-top:2rem;font-size:1.65rem;}
	.usim_error_content .usim-error-box .img {width:8rem;height:8rem;min-width:7.8rem;}
	.usim_error_content .usim-error-box .txt {font-size:2rem;}
}
@media (min-width:451px) and (max-width:750px) {
	.service-wrap .change .items > li.immediateTag::after {left:calc(50% + 4.5rem);width:4.5rem;height:4.5rem;}
}
@media all and (max-width:450px) {
	.service-wrap .change .items > li.immediateTag::after {left:calc(50% + 3.5rem);top:10px;width:6rem;height:6rem;}
	.service-wrap .change .items-type1 > li strong {font-size:2.45rem;}
	.usim_error_content .tab_content .tabCon .photo img {width:100%;}
}
@keyframes faqSideA {
	0%   {right:-2em;}
  	100%  {right:2em;}
}

/* selfopen */
.selfopen-wrap .top-wrap{position: relative; width: 200%; margin-left: -50%; background: #f8e6ed;}
.selfopen-wrap .top-wrap > div{width: 1200px;padding: 60px 0 70px;margin: 0 auto;background: url(../images/selfopen/bg_selfopen.png) right bottom / 187px auto no-repeat;}
.selfopen-wrap .top-wrap p{font-size: 36px; color: #333; letter-spacing: -1px;}
.selfopen-wrap .top-wrap .sub-text{font-size: 20px; margin-top:20px}
.selfopen-wrap .top-wrap .bul{margin-top: 35px;}
.selfopen-wrap .top-wrap .bul li{padding-left: 15px; font-size: 24px; line-height: 40px; color: #333; font-weight: 500;}
.selfopen-wrap .top-wrap .btn{margin-top: 50px;}
.selfopen-wrap .top-wrap .btn a,
.selfopen-wrap .top-wrap .btn button{width: 195px; padding: 0; margin-right: 6px;}

.selfopen-wrap .bottom-wrap{position: relative; width: 200%; margin-left: -50%; background: #f6f6f6;}
.selfopen-wrap .bottom-wrap > div{width: 1200px;padding: 97px 0 70px;margin: 0 auto;background: url(../images/selfopen/bg_selfopen_bottom.png) right 50px bottom / 558px auto no-repeat; text-align: center;}
.selfopen-wrap .bottom-wrap .title{font-size: 36px; color: #333; letter-spacing: -1px; font-size:36px; line-height: 1.3; font-weight: normal;}
.selfopen-wrap .bottom-wrap .white-box{background: #fff; width: 430px; border-radius: 10px;padding:15px 0 15px 100px; margin: 35px auto;}
.selfopen-wrap .bottom-wrap .white-box li{position: relative; text-align: left;padding:9px; }
.selfopen-wrap .bottom-wrap .white-box li:before{display: block; content:''; position: absolute; top: 20px; left:-5px;width: 3px; height: 3px; border-radius: 3px; background: #333}

.btn-xl{display:inline-block; background: #000; color:#fff;font-size: 21px; width: 400px; padding:20px 0; border-radius: 5px;}
.selfopen-wrap .bottom-wrap .sub-text{font-size: 16px; margin-top: 12px;}

.selfopen-wrap h4 {margin: 90px 0 50px;}
.step-wrap{line-height: 30px;}
.step-wrap .color-orange{color: #0072bc;}
.step-wrap .title{font-size: 24px;color: #333; margin-bottom:12px;font-weight: 700;}
.step-wrap .go_buy{display: inline-block; margin-left:20px; border-bottom:1px solid #878787; line-height: 1;font-weight: 700;}
.round-box{border: 2px solid #ececec ; border-radius: 10px; margin: 20px 0 15px;padding: 20px 50px;font-size: 18px; line-height: 1.6;}
.round-box > ul > li:first-child{margin-bottom: 30px;}
.round-box li li{position:relative;font-size: 16px; }
.round-box li li:before{display: block; content:''; position: absolute; top: 10px; left:-15px;width: 3px; height: 3px; border-radius: 3px; background: #333}
.round-box ul ul{padding-left:84px;}

.step-wrap > div{display: table; vertical-align: middle; width:100%;background-position:left 50%; background-repeat:  no-repeat ; border-top: 1px solid #d6d6d6;padding:100px 0;}
.step-wrap .inner{display:table-cell;vertical-align: middle; width:100%; height: 275px; padding-left:595px  }
.step-wrap .step1{background-image:url(../images/selfopen/guide01.png); border-top:none; margin-top: -100px;}
.step-wrap .step2{background-image:url(../images/selfopen/guide02.png);}
.step-wrap .step3{background-image:url(../images/selfopen/guide03.png);}
.step-wrap .step4{background-image:url(../images/selfopen/guide04.png);}
.step-wrap .step5{background-image:url(../images/selfopen/guide05.png);}
.step-wrap .caution{padding-left: 17px; text-indent: -17px;display: block;}

.selfopen-wrap .guide{border: 2px solid #ececec;border-radius: 10px;margin: 20px 0 15px;padding:1.25rem;color: #333;}
.selfopen-wrap .guide .title{display:block;font-size:24px;padding:10px;font-weight: 600;}
.selfopen-wrap .guide ul{padding-left: 10px;}
.selfopen-wrap .guide li{position:relative;font-size: 16px;line-height: 30px; padding-left:10px;letter-spacing: -.5px;}
.selfopen-wrap .guide li:before{display: block; content:''; position: absolute; top: 15px; left:0;width: 3px; height: 3px; border-radius: 3px; background: #333}
.selfopen-wrap .mo{display: none !important;}
.modal-app.type2  .step .title-wrap.self-open {background: none;}
.modal-app.type2  .title-wrap.self-open .moving-image{margin-top: 100px;margin-bottom:20px}
.modal-app.type2  .title-wrap.self-open .moving-image img{  width: 87px;}
@media all and (max-width:1299px) {
	.modal-app.type2 .title-wrap.self-open .moving-image{margin-top:1.875rem}
	.selfopen-wrap .mo{display: block !important;}
	.selfopen-wrap .pc{display: none !important;}
	.h3.m-center{margin: 0 auto;}

	.selfopen-wrap .top-wrap{background: #f8e6ed;}
	.selfopen-wrap .top-wrap > div {position:relative;width: 46.875rem;padding: 4.0625rem 2.5rem 5rem 5rem;margin: 0 auto;box-sizing: border-box; background: none;}
	.selfopen-wrap .top-wrap > div:before{position: absolute; display: block; content: ''; right:5%; bottom:-20%; width: 13.875rem; height: 12.25rem; background: url(../images/selfopen/bg_selfopen_m.png) right bottom / 100% auto no-repeat;}
	.selfopen-wrap .top-wrap p{font-size: 2.625rem;line-height: 3.375rem;}
	.selfopen-wrap .top-wrap .sub-text{font-size: 1.5rem; line-height: 2.215rem; margin-top: 1.625rem;}
	.selfopen-wrap .h4{margin: 5.625rem 0 0;}
	.step-wrap > div{display: block; width:100%;background-position:top center; background-repeat:  no-repeat ; border-top: none;background-size:contain;padding-top: 100%; padding-bottom: 20px;}
	.step-wrap .inner{display:table-cell;vertical-align: middle; width:100%; height: auto;  padding-left: 0; }
	.step-wrap .step1{background-image:url(../images/selfopen/guide01_m.png); margin-top: 0;}
	.step-wrap .step2{background-image:url(../images/selfopen/guide02_m.png);}
	.step-wrap .step3{background-image:url(../images/selfopen/guide03_m.png);}
	.step-wrap .step4{background-image:url(../images/selfopen/guide04_m.png);}
	.step-wrap .step5{background-image:url(../images/selfopen/guide05_m.png);}
	.step-wrap .go_buy{margin-left:0;}
	.round-box{padding:1.25rem; font-size: 1.75rem;letter-spacing: -0.5px; }
	.round-box li li{font-size: 1.75rem;}
	.round-box li li:before{top:8px}
	.round-box ul ul{padding-left:8.5rem}
	.step-wrap .title {margin-top: 15px; letter-spacing: -1px;font-size: 2.25rem;}
	.step-wrap .caution{padding-left: 14px;text-indent: -14px;}

	.selfopen-wrap .bottom-wrap > div{box-sizing:border-box;width: 46.875rem;padding:15.875rem 2.5rem 2.5rem;   background: url(../images/selfopen/bg_selfopen_bottom_m.png) 50% 4rem / 12.125rem  auto no-repeat}
	.selfopen-wrap .bottom-wrap .title{ font-size: 2.25rem;}
	.selfopen-wrap .bottom-wrap .white-box{width: auto; padding: 20px 0;color: #333; margin: 15px 0 10px;}
	.selfopen-wrap .bottom-wrap .white-box li:before{display: none;}
	.selfopen-wrap .bottom-wrap .white-box li{list-style-type:none; font-size: 1.75rem;padding: 3px 3px 3px 30px;}
	.btn-xl{width: 100%;font-size: 2rem;}
	.selfopen-wrap .bottom-wrap .sub-text{font-size: 0.625rem; margin-top: 5px;}
	.selfopen-wrap .guide{border: 2px solid #ececec;border-radius: 10px;margin: 20px 0 15px;padding:1.25rem;color: #333;}
	.selfopen-wrap .guide .title{display:block;font-size:2.625rem;padding:10px;font-weight: 600;}
	.selfopen-wrap .guide li{position:relative;font-size: 1.75rem;line-height: 1.6; padding-left:10px;letter-spacing: -.5px;}
	.selfopen-wrap .guide li:before{display: block; content:''; position: absolute; top: 10px; left:0;width: 3px; height: 3px; border-radius: 3px; background: #333;}


}


/* 선불서비스 */
.prepaid-wrap .top-wrap{position: relative; width: 200%; margin-left: -50%; background: #e1eafa;}
.prepaid-wrap .top-wrap > div{width: 1200px; padding: 65px 0 85px; margin: 0 auto; background: url(../images/prepaid/bg_prepaid.png) right bottom 40px / 500px auto no-repeat;}
.prepaid-wrap .top-wrap p{font-size: 36px; line-height: 58px; color: #333; letter-spacing: -1px;}
.prepaid-wrap .top-wrap .bul{margin-top: 35px;}
.prepaid-wrap .top-wrap .bul li{padding-left: 15px; font-size: 24px; line-height: 40px; color: #333; font-weight: 500;}
.prepaid-wrap .top-wrap .btn{margin-top: 50px;}
.prepaid-wrap .top-wrap .btn a,
.prepaid-wrap .top-wrap .btn button{width: 195px; padding: 0; margin-right: 6px;}
.prepaid-wrap h4{margin: 75px 0 25px;}
.prepaid-wrap h4:nth-of-type(1){margin-top: 55px;}
.prepaid-wrap .charge-info{display: flex; flex-wrap: wrap; justify-content: space-between;}
.prepaid-wrap .charge-info > li{width: 380px; margin-top: 30px; box-sizing: border-box;}
.prepaid-wrap .charge-info > li:nth-child(-n+3){margin-top: 0;}
.prepaid-wrap .charge-info > li a{display: block; padding: 35px 30px; border: 1px solid #ddd; border-radius: 20px; transition: all 0.3s ease;}
.prepaid-wrap .charge-info > li a:hover{box-shadow: 10px 10px 10px rgba(73, 73, 73, 0.08);}
.prepaid-wrap .charge-info > li .top strong{display: block; font-size: 24px; color: #111; background: url(../images/common/ico_arw05_right.png) right center / 11px auto no-repeat;}
.prepaid-wrap .charge-info > li .top p{margin-top: 5px; font-size: 16px; color: #666;}
.prepaid-wrap .charge-info > li .list{padding-top: 15px; margin-top: 15px; border-top: 1px solid #111;}
.prepaid-wrap .charge-info > li .list li{font-size: 18px; line-height: 28px; color: #111; letter-spacing: -0.5px;}
.prepaid-wrap .balance-check{padding: 45px 0; border-top: 1px solid #333; border-bottom: 1px solid #ddd; text-align: center;}
.prepaid-wrap .balance-check p{font-size: 24px; color: #333;}
.prepaid-wrap .balance-check ol{display: inline-flex; align-items: center; margin: 15px 0 20px;}
.prepaid-wrap .balance-check ol li{padding-right: 40px; margin-right: 20px; background: url(../images/common/ico_arw09_right.png) right center / 23px auto no-repeat; font-size: 24px; font-weight: 700; color: #333;}
.prepaid-wrap .balance-check ol li:last-child{padding-right: 0; margin-right: 0; background: none;}
.prepaid-wrap .balance-check ol li .call{display: inline-block; width: 48px; height: 48px; background: url(../images/common/ico_call02.png) center / 100% auto no-repeat; text-indent: -9999em;}
@media all and (max-width:1299px) {
	.prepaid-wrap .top-wrap{position: relative; width: 200%; margin-left: -50%;}
	.prepaid-wrap .top-wrap > div{width: 46.875rem; padding: 4.0625rem 2.5rem 5rem; margin: 0 auto; background-position: center 41.5625rem; background-size: 38.75rem auto; box-sizing: border-box;}
	.prepaid-wrap .top-wrap p{font-size: 3rem; line-height: 4.625rem; letter-spacing: -0.0625rem;}
	.prepaid-wrap .top-wrap .bul{margin-top: 3.125rem;}
	.prepaid-wrap .top-wrap .bul li{padding-left: 1.5625rem; font-size: 2.25rem; line-height: 3.75rem;}
	.prepaid-wrap .top-wrap .btn{margin-top: 35.625rem;}
	.prepaid-wrap .top-wrap .btn a,
	.prepaid-wrap .top-wrap .btn button{width: 100%; padding: 0; margin-top: 1.25rem; margin-right: 0;}
	.prepaid-wrap .top-wrap .btn a:nth-of-type(1),
	.prepaid-wrap .top-wrap .btn button:nth-of-type(1){margin-top: 0;}
	.prepaid-wrap h4{margin: 4.0625rem 0 1.5625rem;}
	.prepaid-wrap h4:nth-of-type(1){margin-top: 4.0625rem;}
	.prepaid-wrap .charge-info{display: block;}
	.prepaid-wrap .charge-info > li{width: 100%; margin-top: 1.25rem;}
	.prepaid-wrap .charge-info > li:nth-child(-n+3){margin-top: 1.25rem;}
	.prepaid-wrap .charge-info > li a{padding: 3.125rem 2.5rem; border-width: 0.125rem; border-radius: 1.25rem;}
	.prepaid-wrap .charge-info > li .top strong{font-size: 2.625rem; background-size: 1.25rem auto;}
	.prepaid-wrap .charge-info > li .top p{margin-top: 0.625rem; font-size: 1.75rem;}
	.prepaid-wrap .charge-info > li .list{padding-top: 1.25rem; margin-top: 1.25rem; border-top-width: 0.125rem;}
	.prepaid-wrap .charge-info > li .list li{font-size: 2rem; line-height: 3.375rem; letter-spacing: -0.0313rem;}
	.prepaid-wrap .balance-check{padding: 2.8125rem 0 3.75rem; border-top-width: 0.125rem; border-bottom-width: 0.125rem;}
	.prepaid-wrap .balance-check p{font-size: 2.25rem; line-height: 3.625rem;}
	.prepaid-wrap .balance-check ol{margin: 1.5625rem 0 1.875rem;}
	.prepaid-wrap .balance-check ol li{padding-right: 4.375rem; margin-right: 1.875rem; background-size: 2.4375rem auto; font-size: 2.625rem;}
	.prepaid-wrap .balance-check ol li .call{width: 4.5rem; height: 4.5rem;}
}

/* B2B LTE */
.lte-wrap .page-top{text-align: center;}
.lte-wrap .page-top p{display: block; margin-top: 25px; font-size: 36px; color: #111;}
.lte-wrap .page-top p strong{font-weight: 800;}
.lte-wrap .visual{position: relative; left: 50%; margin-top: 55px; width: 200%; margin-left: -960px;}
.lte-wrap .visual .mo{display: none;}
.lte-wrap .title{text-align: center;}
.lte-wrap .title h4{display: block; font-size: 36px; font-weight: 700; color: #333;}
.lte-wrap .title h4 strong{font-weight: 800;}
.lte-wrap .title p{margin-top: 20px; font-size: 20px; color: #333;}
.lte-wrap .title p strong{font-weight: 800;}
.lte-wrap .sec1{padding: 75px 0 100px;}
.lte-wrap .sec1 .cont{display: flex; justify-content: space-between; margin-top: 55px;}
.lte-wrap .sec1 .video{width: 600px;}
.lte-wrap .sec1 .video img{width: 100%;}
.lte-wrap .sec1 .info{display: flex; flex-direction: column; width: 560px; padding: 30px 40px 40px; border: 1px solid #ddd; border-radius: 10px; box-sizing: border-box;}
.lte-wrap .sec1 .info li{padding-left: 15px; font-size: 18px; line-height: 32px; color: #333;}
.lte-wrap .sec1 .info .btn{margin-top: auto;}
.lte-wrap .sec2{position: relative; width: 200%; padding: 75px 0 80px; margin-left: -50%; background: #f6f6f6;}
.lte-wrap .sec2 > div{width: 1200px; margin: 0 auto;}
.lte-wrap .sec2 .cont{width: 100%; margin-top: 55px;}
.lte-wrap .sec2 .top{display: flex; height: 395px;}
.lte-wrap .sec2 .top > div{position: relative;}
.lte-wrap .sec2 .top > div:nth-of-type(1){width: 450px;}
.lte-wrap .sec2 .top > div:nth-of-type(1) h5{display: block; margin-top: 15px; font-size: 24px; color: #999; text-align: center; line-height: 50px;}
.lte-wrap .sec2 .top > div:nth-of-type(2){width: 200px;}
.lte-wrap .sec2 .top > div:nth-of-type(2) .vs{display: flex; align-items: center; justify-content: center; position: absolute; left: 50%; top: 120px; transform: translateX(-50%); width: 60px; height: 60px; border-radius: 100%; background: #111; font-size: 30px; font-weight: 600; color: #fff; line-height: 1;}
.lte-wrap .sec2 .top > div:nth-of-type(3){width: 550px;}
.lte-wrap .sec2 .top > div:nth-of-type(3) h5{display: block; margin-top: 15px; font-size: 32px; font-weight: 800; color: #333; text-align: center; line-height: 50px;}
.lte-wrap .sec2 .top .img{width: 300px; margin: 0 auto;}
.lte-wrap .sec2 .top .img img{width: 100%;}
.lte-wrap .sec2 .items{display: flex;}
.lte-wrap .sec2 .digit{width: 450px; margin-top: 25px;}
.lte-wrap .sec2 .digit ul{border-top: 1px solid #ddd;}
.lte-wrap .sec2 .digit ul li{display: flex; align-items: center; justify-content: center; height: 77px; border-bottom: 1px solid #ddd; text-align: center;}
.lte-wrap .sec2 .digit ul li strong{display: block; font-size: 24px; color: #999; line-height: 26px;}
.lte-wrap .sec2 .digit ul li span{display: block; font-size: 16px; color: #999; line-height: 26px;}
.lte-wrap .sec2 .tit{position: relative; width: 200px; margin-top: 25px;}
.lte-wrap .sec2 .tit ul{border-top: 1px solid #111;}
.lte-wrap .sec2 .tit ul li{display: flex; align-items: center; justify-content: center; height: 77px; border-bottom: 1px solid #2e2e2e; background: #111; font-size: 18px; font-weight: 700; color: #fff; text-align: center;}
.lte-wrap .sec2 .lte{width: 550px;}
.lte-wrap .sec2 .lte ul{padding: 23px 0; border: 3px solid #000; border-radius: 20px; background: #fff;}
.lte-wrap .sec2 .lte ul li{display: flex; align-items: center; justify-content: center; height: 77px; border-bottom: 1px solid #ddd; text-align: center;}
.lte-wrap .sec2 .lte ul li:last-child{border-bottom: 0;}
.lte-wrap .sec2 .lte ul li strong{display: block; font-size: 24px; color: #111; line-height: 26px;}
.lte-wrap .sec2 .lte ul li span{display: block; font-size: 16px; color: #999; line-height: 26px;}
.lte-wrap .sec2 .ico-type1{display: inline-block; width: 26px; height: 26px; background: url(../images/b2b/ico_lte01.png) center / 24px auto no-repeat;}
.lte-wrap .sec2 .ico-type2{display: inline-block; width: 26px; height: 26px; background: url(../images/b2b/ico_lte02.png) center / 24px auto no-repeat;}
.lte-wrap .sec2 .ico-type3{display: inline-block; width: 26px; height: 26px; background: url(../images/b2b/ico_lte03.png) center / 24px auto no-repeat;}
.lte-wrap .sec2 .ico-type4{display: inline-block; width: 26px; height: 26px; background: url(../images/b2b/ico_lte04.png) center / 24px auto no-repeat;}
.lte-wrap .sec3{padding: 75px 0 80px;}
.lte-wrap .sec3 .cont{margin-top: 55px;}
.lte-wrap .sec3 .cont .list{display: flex; flex-wrap: wrap;}
.lte-wrap .sec3 .cont .list li{display: flex; width: 50%; margin-top: 40px;}
.lte-wrap .sec3 .cont .list li:nth-child(-n+2){margin-top: 0;}
.lte-wrap .sec3 .cont .list li .img{width: 220px;}
.lte-wrap .sec3 .cont .list li .img img{width: 100%;}
.lte-wrap .sec3 .cont .list li .info{display: flex; align-items: center; margin-left: 30px;}
.lte-wrap .sec3 .cont .list li .info strong{display: block; font-size: 24px; font-weight: 700; color: #333;}
.lte-wrap .sec3 .cont .list li .info p{margin-top: 15px; font-size: 18px; line-height: 30px; color: #333;}
.lte-wrap .sec4{position: relative; width: 200%; padding: 75px 0 10px; margin-left: -50%; background: #f6f6f6;}
.lte-wrap .sec4 > div{width: 1200px; margin: 0 auto;}
.lte-wrap .sec4 .title h4{font-weight: 500;}
.lte-wrap .sec4 .cont{display: flex; justify-content: right; padding: 45px 0 70px; background: url(../images/b2b/bg_waveptx.jpg) -25px center / 650px auto no-repeat;}
.lte-wrap .sec4 .list{width: 540px;}
.lte-wrap .sec4 .list li{padding: 25px 0; border-top: 1px solid #ddd;}
.lte-wrap .sec4 .list li:first-child{border-top: 0;}
.lte-wrap .sec4 .list li strong{display: block; font-size: 24px; font-weight: 700; color: #333; letter-spacing: -0.5px;}
.lte-wrap .sec4 .list li p{margin-top: 15px; font-size: 18px; line-height: 30px; letter-spacing: -0.5px;}
.lte-wrap .sec5{position: relative; width: 200%; padding: 75px 0 0; margin-left: -50%;}
.lte-wrap .sec5 > div{width: 1200px; margin: 0 auto;}
.lte-wrap .sec5 .title{margin-bottom: 55px;}
.lte-wrap .sec5 .cont{display: none; justify-content: space-between; margin-top: 50px;}
.lte-wrap .sec5 .cont.on{display: flex;}
.lte-wrap .sec5 .cont .gallery{width: 360px; border: 1px solid #ddd; box-sizing: border-box;}
.lte-wrap .sec5 .cont .gallery li{display: flex; align-items: center; height: 558px;}
.lte-wrap .sec5 .cont .gallery .swiper-button-prev{left: 27px; top:50%; width: 16px; height: 27px; margin: 0; transform: translateY(-50%); background:url(../images/b2b/btn_prev.png) center / 100% auto no-repeat;}
.lte-wrap .sec5 .cont .gallery .swiper-button-prev::after{display: none;}
.lte-wrap .sec5 .cont .gallery .swiper-button-next{right: 27px; top:50%; width: 16px; height: 27px; margin: 0; transform: translateY(-50%); background:url(../images/b2b/btn_next.png) center / 100% auto no-repeat;}
.lte-wrap .sec5 .cont .gallery .swiper-button-next::after{display: none;}
.lte-wrap .sec5 .cont .info{width: 800px;}
.lte-wrap .sec5 .cont .info .tit{display: block; font-size: 36px; font-weight: 700; color: #333; line-height: 1;}
.lte-wrap .sec5 .cont .info .in{display: flex; justify-content: space-between; width: 100%; margin-top: 34px;}
.lte-wrap .sec5 .cont .info table{width: 400px; border-top: 1px solid #111;}
.lte-wrap .sec5 .cont .info table th,
.lte-wrap .sec5 .cont .info table td{height: 55px; padding: 12px 0 12px 20px; border-bottom: 1px solid #ddd; font-size: 16px; line-height: 28px; letter-spacing: -0.5px; text-align: left; box-sizing: border-box;}
.lte-wrap .sec5 .cont .info table th{background: #f4f4f4; font-weight: 700; color: #111;}
.lte-wrap .sec5 .cont .info table th span{display: block; font-weight: 500;}
.lte-wrap .sec5 .cont .info table .price{font-size: 36px; font-weight: 800; color: #ff4d50;}
.lte-wrap .sec5 .cont .info table .price span{font-size: 24px;}
.lte-wrap .sec5 .cont .info .txt-box{width: 380px; padding: 30px; padding-bottom: 0; background: #f6f6f6; box-sizing: border-box;}
.lte-wrap .sec5 .cont .info .txt-box strong{display: block; font-size: 16px; font-weight: 700; color: #111;}
.lte-wrap .sec5 .cont .info .txt-box p{margin-top: 10px; font-size: 15px; line-height: 24px;}
.lte-wrap .sec6{position: relative; width: 200%; padding: 110px 0 0; margin-left: -50%;}
.lte-wrap .sec6 > div{width: 1200px; margin: 0 auto;}
.lte-wrap .sec6 .title{margin-bottom: 55px;}
.lte-wrap .sec6 .cont{display: none; margin-top: 50px;}
.lte-wrap .sec6 .cont.on{display: block;}
.lte-wrap .sec6 .cont .gallery{width: 100%; border: 1px solid #ddd; box-sizing: border-box;}
.lte-wrap .sec6 .cont .gallery .swiper-button-prev{left: 0; top:50%; width: 60px; height: 60px; margin: 0; transform: translateY(-50%); border-radius: 0 5px 5px 0; background:url(../images/b2b/btn_prev02.png) center / 17px auto no-repeat rgba(0,0,0,0.3);}
.lte-wrap .sec6 .cont .gallery .swiper-button-prev::after{display: none;}
.lte-wrap .sec6 .cont .gallery .swiper-button-next{right: 0; top:50%; width: 60px; height: 60px; margin: 0; transform: translateY(-50%); border-radius: 5px 0 0 5px; background:url(../images/b2b/btn_next02.png) center / 17px auto no-repeat rgba(0,0,0,0.3);}
.lte-wrap .sec6 .cont .gallery .swiper-button-next::after{display: none;}
.lte-wrap .btn-inq{position: fixed; right:16px; bottom: 120px; overflow: hidden; width: 68px; height: 68px; border-radius: 34px; background: #111; z-index: 10; box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.2); transition: width 0.5s ease;}
.lte-wrap .btn-inq span{display: block; position: absolute; left: 0; top: 0; height: 100%; padding-left: 68px; background: url(../images/common/ico_inq.png) 17px 18px / 36px auto no-repeat; font-size: 18px; line-height: 68px; font-weight: 700; color: #fff; transition: left 0.5s ease;}
.lte-wrap .btn-inq{width: 180px;}
.lte-wrap .btn-inq span{left: 10px;}

/* b2b 공통 Tab 추가 */
.tab-wrap {display:flex;gap:50px;}
.tab-wrap li a {position:relative;font-size:20px;font-weight:800;color:#999999;}
.tab-wrap li a.active {color:#000;}
.tab-wrap li a.active::after {content:'';background-color:#000;position:absolute;width:100%;height:2px;bottom:-5px;left:0;}

@media all and (max-width:1299px) {
	.lte-wrap .page-top img{width: 22.8125rem;}
	.lte-wrap .page-top p{margin-top: 1.5625rem; font-size: 3rem; line-height: 4.25rem;}
	.lte-wrap .visual{position: relative; left: 50%; margin-top: 4.375rem; width: 111.940%; margin-left: 0; transform: translateX(-50%);}
	.lte-wrap .visual img{width: 100%;}
	.lte-wrap .visual .pc{display: none;}
	.lte-wrap .visual .mo{display: block;}
	.lte-wrap .title h4{font-size: 3rem; line-height: 4.25rem;}
	.lte-wrap .title p{margin-top: 1.25rem; font-size: 2rem; line-height: 3rem;}
	.lte-wrap .sec1{padding: 4.375rem 0 6.25rem;}
	.lte-wrap .sec1 .cont{display: block; margin-top: 3.4375rem;}
	.lte-wrap .sec1 .video{width: 100%;}
	.lte-wrap .sec1 .info{display: block; width: 100%; padding: 2.8125rem 2.5rem 2.5rem 2.5rem; margin-top: 2.5rem; border-width: 0.125rem; border-radius: 0.625rem;}
	.lte-wrap .sec1 .info li{padding-left: 0.9375rem; font-size: 1.75rem; line-height: 3rem; letter-spacing: -0.0938rem;}
	.lte-wrap .sec1 .info .btn{margin-top: 3.125rem;}
	.lte-wrap .sec2{padding: 4.375rem 0 5rem;}
	.lte-wrap .sec2 > div{width: 41.875rem;}
	.lte-wrap .sec2 .cont{margin-top: 3.4375rem;}
	.lte-wrap .sec2 .top{height: 25.625rem;}
	.lte-wrap .sec2 .top > div:nth-of-type(1){width: 17.8125rem;}
	.lte-wrap .sec2 .top > div:nth-of-type(1) h5{margin-top: 1.25rem; font-size: 1.75rem; line-height: 3.125rem;}
	.lte-wrap .sec2 .top > div:nth-of-type(2){width: 6.25rem;}
	.lte-wrap .sec2 .top > div:nth-of-type(2) .vs{top: 7rem; width: 3.75rem; height: 3.75rem; font-size: 2rem;}
	.lte-wrap .sec2 .top > div:nth-of-type(3){width: 17.8125rem;}
	.lte-wrap .sec2 .top > div:nth-of-type(3) h5{margin-top: 1.25rem; font-size: 2.25rem; line-height: 3.125rem;}
	.lte-wrap .sec2 .top .img{width: 100%;}
	.lte-wrap .sec2 .digit{width: 34%; margin-top: 1.25rem;}
	.lte-wrap .sec2 .digit ul{border-top-width: 0.125rem;}
	.lte-wrap .sec2 .digit ul li{height: 5.625rem; border-bottom-width: 0.125rem;}
	.lte-wrap .sec2 .digit ul li strong{font-size: 1.75rem; line-height: 1.875rem;}
	.lte-wrap .sec2 .digit ul li span{font-size: 1.25rem; line-height: 1.875rem;}
	.lte-wrap .sec2 .tit{width: 26%; margin-top: 1.25rem;}
	.lte-wrap .sec2 .tit ul{border-top-width: 0.125rem;}
	.lte-wrap .sec2 .tit ul li{height: 5.625rem; border-bottom-width: 0.125rem; font-size: 1.25rem; line-height: 2rem;}
	.lte-wrap .sec2 .lte{width: 40%;}
	.lte-wrap .sec2 .lte ul{padding: 1.0625rem 0; border-width: 0.1875rem; border-radius: 1.25rem;}
	.lte-wrap .sec2 .lte ul li{height: 5.625rem; border-bottom-width: 0.125rem;}
	.lte-wrap .sec2 .lte ul li strong{font-size: 1.75rem; line-height: 1.875rem;}
	.lte-wrap .sec2 .lte ul li span{font-size: 1.25rem; line-height: 1.875rem;}
	.lte-wrap .sec2 .ico-type1{width: 2rem; height: 2rem; background-size: 2rem auto;}
	.lte-wrap .sec2 .ico-type2{width: 2rem; height: 2rem; background-size: 2rem auto;}
	.lte-wrap .sec2 .ico-type3{width: 2rem; height: 2rem; background-size: 2rem auto;}
	.lte-wrap .sec2 .ico-type4{width: 2rem; height: 2rem; background-size: 2rem auto;}
	.lte-wrap .sec3{padding: 4.375rem 0 5rem;}
	.lte-wrap .sec3 .cont{margin-top: 3.4375rem;}
	.lte-wrap .sec3 .cont .list{display: flex; flex-wrap: wrap; justify-content: space-between;}
	.lte-wrap .sec3 .cont .list li{display: block; width: 47.761%; margin-top: 2.5rem;}
	.lte-wrap .sec3 .cont .list li:nth-child(-n+2){margin-top: 0;}
	.lte-wrap .sec3 .cont .list li .img{width: 100%;}
	.lte-wrap .sec3 .cont .list li .info{display: block; margin-left: 0; margin-top: 2.1875rem;}
	.lte-wrap .sec3 .cont .list li .info strong{font-size: 2.25rem;}
	.lte-wrap .sec3 .cont .list li .info p{margin-top: 0.9375rem; font-size: 1.75rem; line-height: 2.625rem; letter-spacing: -0.0313rem;}
	.lte-wrap .sec4{padding: 4.375rem 0 0.625rem;}
	.lte-wrap .sec4 > div{width: 41.875rem;}
	.lte-wrap .sec4 .cont{display: block; padding: 22.5rem 0 1.875rem; margin-top: 4.375rem; background-position: center top; background-size: 100% auto;}
	.lte-wrap .sec4 .list{width: 100%;}
	.lte-wrap .sec4 .list li{padding: 2.1875rem 0; border-top-width: 0.125rem;}
	.lte-wrap .sec4 .list li strong{font-size: 2.25rem; letter-spacing: -0.0313rem;}
	.lte-wrap .sec4 .list li p{margin-top: 0.9375rem; font-size: 1.75rem; line-height: 2.625rem; letter-spacing: -0.0313rem;}
	.lte-wrap .sec5{padding: 4.375rem 0 0;}
	.lte-wrap .sec5 > div{width: 41.875rem;}
	.lte-wrap .sec5 .title{margin-bottom: 2.8125rem;}
	.lte-wrap .sec5 .tab-type1 ul li a,
	.lte-wrap .sec5 .tab-type1 ul li button{font-size: 1.75rem;}
	.lte-wrap .sec5 .cont{display: none; margin-top: 2.5rem;}
	.lte-wrap .sec5 .cont.on{display: block;}
	.lte-wrap .sec5 .cont .gallery{width: 100%; border-width: 0.125rem;}
	.lte-wrap .sec5 .cont .gallery li{display: block; height: 26.25rem; text-align: center;}
	.lte-wrap .sec5 .cont .gallery li img{height: 100%;}
	.lte-wrap .sec5 .cont .gallery .swiper-button-prev{left: 5.223%; top:50%; width: 1.875rem; height: 3.3125rem;}
	.lte-wrap .sec5 .cont .gallery .swiper-button-prev::after{display: none;}
	.lte-wrap .sec5 .cont .gallery .swiper-button-next{right: 5.223%; top:50%; width: 1.875rem; height: 3.3125rem;}
	.lte-wrap .sec5 .cont .gallery .swiper-button-next::after{display: none;}
	.lte-wrap .sec5 .cont .info{width: 100%;}
	.lte-wrap .sec5 .cont .info .tit{display: none;}
	.lte-wrap .sec5 .cont .info .in{display: block; margin-top: 2.125rem;}
	.lte-wrap .sec5 .cont .info table{width: 100%; border-top-width: 0.125rem;}
	.lte-wrap .sec5 .cont .info table th,
	.lte-wrap .sec5 .cont .info table td{height: 5rem; padding: 0.9375rem 0 0.9375rem 1.875rem; border-bottom-width: 0.125rem; font-size: 1.75rem; line-height: 2.625rem; letter-spacing: -0.0313rem;}
	.lte-wrap .sec5 .cont .info table .price{font-size: 3.625rem;}
	.lte-wrap .sec5 .cont .info table .price span{font-size: 2.25rem;}
	.lte-wrap .sec5 .cont .info .txt-box{width: 100%; padding: 2.5rem; margin-top: 2.5rem;}
	.lte-wrap .sec5 .cont .info .txt-box strong{font-size: 1.75rem;}
	.lte-wrap .sec5 .cont .info .txt-box p{margin-top: 1.5625rem; font-size: 1.75rem; line-height: 2.5rem;}
	.lte-wrap .sec6{padding: 6.875rem 0 0;}
	.lte-wrap .sec6 > div{width: 41.875rem;}
	.lte-wrap .sec6 .title{margin-bottom: 3.4375rem;}
	.lte-wrap .sec6 .tab-type1 ul li a,
	.lte-wrap .sec6 .tab-type1 ul li button{font-size: 1.75rem;}
	.lte-wrap .sec6 .cont{display: none; margin-top: 2.5rem;}
	.lte-wrap .sec6 .cont.on{display: block;}
	.lte-wrap .sec6 .cont .gallery{width: 100%; border: 0.0625rem solid #ddd; box-sizing: border-box;}
	.lte-wrap .sec6 .cont .gallery li{height: 26.25rem;}
	.lte-wrap .sec6 .cont .gallery li img{height: 100%; object-fit: cover;}
	.lte-wrap .sec6 .cont .gallery .swiper-button-prev{width: 5rem; height: 5rem; background-size: 1.125rem auto;}
	.lte-wrap .sec6 .cont .gallery .swiper-button-next{width: 5rem; height: 5rem; background-size: 1.125rem auto;}
	.lte-wrap .btn-inq{right:16px;bottom:110px;width: 50PX;height: 50PX; border-radius: 100%;}
	.lte-wrap .btn-inq span{width: 100%; height: 100%; padding-left: 0; background-position: center 1.75rem; background-size: 3.125rem auto; text-indent: -9999em;}
	.lte-wrap .btn-inq:hover{width: 6.25rem;}
	.lte-wrap .btn-inq span{left: 0;background-size: 25px;background-position: center;}
	.tab-wrap {gap:2rem;}
	.tab-wrap li a {font-size:1.75rem;}
}
@media all and (max-width:750px) {
	/* .lte-wrap .btn-inq{bottom:15.5rem;right:4.45rem;} */
}

/* 마이페이지 */
.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: 25px;; border-top: 1px solid #333;}
.mypage-wrap .lnb ul.menu > li{padding: 25px 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: #ff4d50;}
.mypage-wrap .lnb .m-menu{display: none;}
.mypage-wrap .cont{width: 100%;}
.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: 0;}
.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: 365px; border-left: 0;}
.mypage-wrap .cont .my-info-box > div:nth-child(2){width: 282px;}
.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: #ff4d50; font-weight: 700;}
.mypage-wrap .cont .my-info-box .ssaida .cnt a{font-size: 36px; font-weight: 800; color: #ff4d50; 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: #ff4d50; font-weight: 700; text-align: right;}
.mypage-wrap .cont .my-info-box .etc .cnt a{font-size: 20px; font-weight: 800; color: #ff4d50; 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: #ff4d50;}
.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, rgba(245,140,102,1) 0%, rgba(244,95,97,1) 54%, rgba(244,95,97,1) 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.15;}
.mypage-wrap .cont .my-month-box ul li:nth-of-type(2) .graph{opacity: 0.5;}
.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: #ff4d50; 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: #ff4d50; 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;border: 10px solid #f0f0f0;border-radius: 20px;padding:20px;}
.mypage-wrap  .process-box h4::before {content:'';display:inline-block;width:18px;height:18px;margin-right:0.5rem;background:url(/assets/images/center/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;}

@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: #ff4d50;}
	.mypage-wrap .lnb .m-menu .dpt1 a.on::after{position: absolute; bottom: -0.125rem; left: 0; width: 100%; height: 0.375rem; background: #0072bc; content: "";}
	.mypage-wrap .lnb .m-menu .dpt2{display: none; background: #0072bc;}
	.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.375rem; 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:#0072bc;}
	.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;}
	.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;}
}
@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%;}
}

/* 검색페이지 */
.search-area .search-wrap{width: 200%; margin-left: -50%; background: #f4f4f4;}
.search-area .search-wrap > div{width: 740px; padding: 45px 0 50px; margin: 0 auto;}
.search-area .search-wrap .search-box{display: flex; justify-content: space-between; align-items: center; border-bottom: 3px solid #333;}
.search-area .search-wrap .search-box input{width: 680px; min-width: auto; padding: 0; border: 0; border-radius: 0; background: #f4f4f4; font-size: 30px; font-weight: 700; color: #333; line-height: 75px;}
.search-area .search-wrap .search-box input::-webkit-input-placeholder{font-weight: 700; color: #ccc;}
.search-area .search-wrap .search-box input::-moz-placeholder{font-weight: 700; color: #ccc;}
.search-area .search-wrap .search-box input:-ms-input-placeholder{font-weight: 700; color: #ccc;}
.search-area .search-wrap .search-box input:-moz-placeholder{font-weight: 700; color: #ccc;}
.search-area .search-wrap .search-box input::placeholder{font-weight: 700; color: #ccc;}
.search-area .search-wrap .search-box button{width: 40px; height: 75px; background: url(../images/common/ico_search02.png) center / 34px auto no-repeat; text-indent: -9999em;}
.search-area .search-wrap .keyword{display: flex; align-items: center; margin-top: 30px;}
.search-area .search-wrap .keyword .tit{display: block; font-size: 18px; color: #333;}
.search-area .search-wrap .keyword ul{display: flex; margin-left: 35px;}
.search-area .search-wrap .keyword ul li{margin-left: 8px;}
.search-area .search-wrap .keyword ul li:first-child{margin-left: 0;}
.search-area .search-wrap .keyword ul li a{display: block; padding: 0 18px; border-radius: 20px; background: #fff; font-size: 16px; color: #666; line-height: 40px;}
.search-area .result-txt{margin: 60px 0; font-size: 30px; color: #333; text-align: center;}
.search-area .result-txt strong{color: #ff4d50;}
.search-area h4{display: block; margin: 75px 0 20px; font-size: 24px; font-weight: 700; color: #111;}
.search-area h4 span{color: #ff4d50;}
.search-area h4:nth-of-type(1){margin-top: 0;}
.search-area .menu{border-top: 1px solid #333;}
.search-area .menu li{padding: 28px; border-bottom: 1px solid #ddd;}
.search-area .menu li a{color: #333;}
.search-area .menu li a strong{color: #0072bc;}
.search-area .faq-list > li .question{padding: 25px 0;}
.search-area .faq-list > li .question .txt{font-size: 18px;}
.search-area .faq-list > li .question .txt .ctg{width: 140px;}
.search-area .board{border-top: 1px solid #333;}
.search-area .board li{padding: 28px 0; border-bottom: 1px solid #ddd;}
.search-area .board li .num{display: inline-block; width: 80px; font-size: 18px; color: #666; text-align: center;}
.search-area .board li .ctg{display: inline-block; width: 140px; font-size: 18px; color: #111; text-align: center; font-weight: 700;}
.search-area .board li a{display: inline-block; margin-left: 10px; font-size: 18px; color: #333; vertical-align: top;}
.search-area .noti{display: flex; justify-content: space-between; align-items: center; height: 160px; padding: 0 40px 0 160px; margin-top: 60px; border: 1px solid #ddd; border-radius: 10px; background: url(../images/common/ico_noti.png) 32px center / 100px auto no-repeat; box-sizing: border-box;}
.search-area .noti strong{display: block; font-size: 24px; font-weight: 700; color: #333;}
.search-area .noti p{margin-top: 10px; font-size: 18px; color: #333;}
@media all and (max-width:1299px) {
	.search-area .search-wrap{width: 200%; margin-left: -50%;}
	.search-area .search-wrap > div{width: 46.875rem; padding: 3.125rem 2.5rem; box-sizing: border-box;}
	.search-area .search-wrap .search-box{border-bottom: 0.25rem solid #333;}
	.search-area .search-wrap .search-box input{width: 87%; font-size: 2.625rem; line-height: 6.625rem;}
	.search-area .search-wrap .search-box button{width: 12%; height: 6.625rem; background: url(../images/common/ico_search02.png) right center / 3rem auto no-repeat; text-indent: -9999em;}
	.search-area .search-wrap .keyword{align-items: start; margin-top: 3.75rem;}
	.search-area .search-wrap .keyword .tit{width: 22%; font-size: 2rem; line-height: 4rem;}
	.search-area .search-wrap .keyword ul{display: flex; flex-wrap: wrap; width: 73%; margin-left: 2.1875rem;}
	.search-area .search-wrap .keyword ul li{margin: 0; margin-right: 1.25rem; margin-bottom: 1.25rem;}
	.search-area .search-wrap .keyword ul li a{padding: 0 2.5rem; border-radius: 2.1875rem; font-size: 1.75rem; line-height: 4rem;}
	.search-area .result-txt{margin: 3.75rem 0; font-size: 2.625rem; line-height: 4rem;}
	.search-area h4{margin: 4.0625rem 0 1.875rem; font-size: 2.625rem;}
	.search-area .menu{border-top-width: 0.125rem;}
	.search-area .menu li{padding: 3.3125rem 1.875rem; border-bottom-width: 0.125rem; font-size: 2rem; }
	.search-area .faq-list > li .question{padding: 2.5rem 0;}
	.search-area .faq-list > li .question .txt{font-size: 2rem;}
	.search-area .faq-list > li .question .txt .ctg{width: auto;}
	.search-area .board{border-top-width: 0.125rem;}
	.search-area .board li{padding: 2.8125rem 1.875rem; border-bottom-width: 0.125rem;}
	.search-area .board li .num{display: none;}
	.search-area .board li .ctg{display: block; width: auto; font-size: 2rem; text-align: left;}
	.search-area .board li a{display: block; margin-left: 0; margin-top: 0.625rem; font-size: 2rem;}
	.search-area .noti{display: flex; justify-content: space-between; align-items: center; height: 160px; padding: 0 40px 0 160px; margin-top: 60px; border: 1px solid #ddd; border-radius: 10px; background: url(../images/common/ico_noti.png) 32px center / 100px auto no-repeat; box-sizing: border-box;}
	.search-area .noti strong{display: block; font-size: 24px; font-weight: 700; color: #333;}
	.search-area .noti p{margin-top: 10px; font-size: 18px; color: #333;}
}


/*-------------------------------------------------------------------
@ Modal
-------------------------------------------------------------------*/
.modal{display: none; position: fixed; top: 0; left: 0; justify-content: center; align-items: center; z-index: 10000; 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: 11000;}
.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: 22px 40px 30px; text-align: center;}
.modal-type1 .head h3{display: block; font-size: 30px; font-weight: 700; color: #111; line-height: 32px;}
.modal-type1 .head h3 + p{margin-top: 20px; font-size: 18px;}
.modal-type1 .head .btn-close{position: absolute; top: 39px; 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: 460px; 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; 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-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;}

.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: #0072bc;}
.modal-step .title{display: flex; justify-content: space-between; align-items: center; margin-top: 20px;}
.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: #0072bc;}
.modal-step .title .page{font-size: 18px; font-weight: 400; color: #666;}
.modal-step .title .page strong{color: #0072bc;}
.modal-tbl-type1{border-top: 1px solid #111;}
.modal-tbl-type1 th,
.modal-tbl-type1 td{padding: 13px 20px 13px 20px; border-bottom: 1px solid #ddd; font-size: 16px; color: #333; line-height: 24px; text-align: center;}
/*.modal-tbl-type1 th{width: 30%;}
.modal-tbl-type1 td{width: 70%;}*/
.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-tbl-type3{border-top: 1px solid #111;}
.modal-tbl-type3 th,
.modal-tbl-type3 td{padding: 12px 7px; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; font-size: 16px; line-height: 26px; color: #333; text-align: center;}
.modal-tbl-type3 th{font-weight: 700; background-color:#eee;}
.modal-tbl-type3 th:first-child{border-left: 0;}
.modal-tbl-type3 td{font-weight: 500;}
.modal-tbl-type3 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: 1.5rem 50px 3rem;}
	.modal-type1 .head h3{font-size: 2.25rem; line-height: 2.225rem;}
	.modal-type1 .head h3 + p{margin-top: 1.5625rem; font-size: 2rem;}
	.modal-type1 .head .btn-close{ top: 3.15rem;right: 2.5rem; width: 2.125rem; height: 2.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-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{margin-top: 2.5rem;}
	.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-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: left !important;}
	.modal-tbl-type3{border-top-width: 0.125rem;}
	.modal-tbl-type3 th,
	.modal-tbl-type3 td{padding: 1.1875rem 1rem; border-left-width: 0.125rem; border-bottom-width: 0.125rem; font-size: 1.75rem; line-height: 2.625rem; letter-spacing: -0.0625rem;}
	.modal-tbl-type3 td.txt-left{/*padding-left: 0;*/ text-align: left !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;}
}

/* 로그인 */
.modal-login .head + .ipt{margin-top: 50px;}
.modal-login .ipt li{margin-top: 25px;}
.modal-login .ipt li:first-child{margin-top: 0;}
.modal-login .ipt .time{margin-top: 10px; font-size: 14px; color: #666;}
.modal-login .ipt .time strong{color: #ff4d50;}
.modal-login .btn{margin-top: 30px;}
.modal-login .btn + .ipt{margin-top: 25px;}
.modal-login .etc{margin-top: 15px; text-align: center;}
.modal-login .etc ul{display: inline-flex;}
.modal-login .etc ul li{position: relative; padding: 0 15px;}
.modal-login .etc ul li::after{position: absolute; top: 50%; left: 0; width: 1px; height: 12px; background: #ddd; transform: translateY(-50%); content: "";}
.modal-login .etc ul li:first-child::after{display: none;}
.modal-login .etc ul li a{font-size: 14px; color: #666; vertical-align: top;}
.modal-login .sns{position: relative; margin-top: 40px; text-align: center;}
.modal-login .sns h4{position: relative;}
.modal-login .sns h4 span{display: inline-block; position: relative; padding: 0 15px; background: #fff; font-size: 18px; font-weight: 700; color: #111; z-index: 2;}
.modal-login .sns h4::after{position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background: #ddd; content: "";}
.modal-login .sns ul{display: inline-flex; margin-top: 20px;}
.modal-login .sns ul li{margin: 0 10px;}
.modal-login .sns ul li a{display: block; width: 50px; height: 50px; text-indent: -9999em;}
.modal-login .sns ul li a.naver{background: url(../images/common/ico_sns_naver.png) center / 100% auto no-repeat;}
.modal-login .sns ul li a.kakao{background: url(../images/common/ico_sns_kakao.png) center / 100% auto no-repeat;}
.modal-login .sns ul li a.facebook{background: url(../images/common/ico_sns_facebook.png) center / 100% auto no-repeat;}
.modal-login .sns ul li a.google{background: url(../images/common/ico_sns_google.png) center / 100% auto no-repeat;}
.modal-login .join{display: flex; justify-content: space-between; align-items: center; margin-top: 50px;}
.modal-login .join p{font-size: 16px; line-height: 26px;}
.modal-login .join .btn-join{width: 130px;}
.modal-login .head + p{margin-top: 35px; text-align: center;}
.modal-login .result{padding: 30px 0; margin: 30px 0 40px; border-radius: 10px; background: #f4f4f4; text-align: center;}
.modal-login .result dl{display: inline-block; text-align: left;}
.modal-login .result dl::after{display: block; content: ""; clear: both;}
.modal-login .result dl dt{clear: both; float: left; width: 70px; font-size: 16px; line-height: 28px; color: #666;}
.modal-login .result dl dd{float: left; font-size: 16px; font-weight: 700; line-height: 28px; color: #333;}
.modal-login .btns li{margin-top: 8px;}
.modal-login .btns li:first-child{margin-top: 0;}

.modal-login .noti_naver {
	margin: -15px 0 35px 0;
	padding: 15px 15px 12px 17px;
	background-color: #ffebec;
	border: 1px solid #ffc5c4;
	border-radius: 5px;
	font-size: 14px;
	color: #121011;
	line-height: 1.6
}


@media all and (max-width:1299px) {
	.modal-login .head + .ipt{margin-top: 5.625rem;}
	.modal-login .ipt li{margin-top: 2.8125rem;}
	.modal-login .ipt .time{margin-top: 1.25rem; font-size: 1.5rem;}
	.modal-login .btn{margin-top: 3.75rem;}
	.modal-login .btn + .ipt{margin-top: 3.75rem;}
	.modal-login .etc{margin-top: 2.1875rem;}
	.modal-login .etc ul li a{font-size: 1.5rem;}
	.modal-login .sns{margin-top: 5.625rem;}
	.modal-login .sns h4 span{font-size: 2rem;}
	.modal-login .sns ul{margin-top: 2.1875rem;}
	.modal-login .sns ul li{margin: 0 1.25rem;}
	.modal-login .sns ul li a{width: 5rem; height: 5rem;}
	.modal-login .join{margin-top: 4.375rem;}
	.modal-login .join p{font-size: 1.75rem; line-height: 3rem;}
	.modal-login .join .btn-join{width: 15rem;}
	.modal-login .head + p{margin-top: 4.0625rem;}
	.modal-login .result{padding: 3.4375rem 0; margin: 4.375rem 0; border-radius: 1.25rem;}
	.modal-login .result dl dt{width: 8.125rem; font-size: 1.75rem; line-height: 3.375rem;}
	.modal-login .result dl dd{font-size: 1.75rem; line-height: 3.375rem;}
	.modal-login .btns li{margin-top: 1.25rem;}
	.modal-login .ipt-text-box input[name="login_id"], .modal-login .ipt-text-box input[name="login_pw"] {padding-top:10px;}
}

/* 회원가입 */
.modal-member-join{height: 480px;}
.modal-member-join .agree{margin-top: 60px; color: #333;}
.modal-member-join .agree label{font-size: 18px;}
.modal-member-join .terms{margin-top: 17px; border-top: 1px solid #111; color: #333;}
.modal-member-join .terms li{display: flex; justify-content: space-between; padding: 18px 10px 18px 0; border-bottom: 1px solid #ddd;}
.modal-member-join .terms li button{background: none; font-size: 16px; color: #999; text-decoration: underline;}
.modal-member-join .modal-step.step1 .title .tit{background: url(../images/member/ico_step1.png) left center / 60px auto no-repeat;}
.modal-member-join .modal-step.step2 .title .tit{background: url(../images/member/ico_step2.png) left center / 60px auto no-repeat;}
.modal-member-join .modal-step.step3-1 .title .tit{background: url(../images/member/ico_step3_1.png) left center / 60px auto no-repeat;}
.modal-member-join .modal-step.step3-2 .title .tit{background: url(../images/member/ico_step3_2.png) left center / 60px auto no-repeat;}
.modal-member-join .modal-step.step4 .title .tit{background: url(../images/member/ico_step4.png) left center / 60px auto no-repeat;}
.modal-member-join .modal-step.step5 .title .tit{background: url(../images/member/ico_step5.png) left center / 60px auto no-repeat;}
.modal-member-join .ipt{margin-top: 45px;}
.modal-member-join .ipt li{margin-top: 25px;}
.modal-member-join .ipt li:first-child{margin-top: 0;}
.modal-member-join .auth-number{margin-top: 100px; text-align: center;}
.modal-member-join .auth-number ul{display: inline-flex;}
.modal-member-join .auth-number ul li input{width: 60px; min-width: auto; height: 60px; padding: 0; margin: 0 4px; border: 1px solid #ddd; border-radius: 10px; background: #f8f8f8; font-size: 30px; font-weight: 700; color: #111; text-align: center; box-sizing: border-box;}
.modal-member-join .auth-number ul li input:focus,
.modal-member-join .auth-number ul li input:active,
.modal-member-join .auth-number ul li input:valid{border-color: #666; background: #fff;}
.modal-member-join .auth-number .timer{display: inline-block; padding-left: 20px; margin-top: 30px; background: url(../images/common/ico_timer.png) left center / 15px auto no-repeat; font-size: 14px; color: #333;}
.modal-member-join .auth-number .timer strong{color: #ff4d50;}
.modal-member-join .auth-number .timer button{padding: 0 13px; margin-left: 10px; border-radius: 5px; background: #999; font-size: 14px; color: #fff; line-height: 24px; vertical-align: baseline;}
@media all and (max-width:1299px) {
	.modal-member-join{height: auto;}
	.modal-member-join .agree{margin-top: 5.9375rem;}
	.modal-member-join .agree label{font-size: 2rem;}
	.modal-member-join .terms{margin-top: 2rem; border-top-width: 0.125rem;}
	.modal-member-join .terms li{padding: 2rem 1.25rem 2rem 0;}
	.modal-member-join .terms li button{font-size: 1.75rem;}
	.modal-member-join .modal-step.step1 .title .tit{background-size: 7.5rem auto;}
	.modal-member-join .modal-step.step2 .title .tit{background-size: 7.5rem auto;}
	.modal-member-join .modal-step.step3-1 .title .tit{background-size: 7.5rem auto;}
	.modal-member-join .modal-step.step3-2 .title .tit{background-size: 7.5rem auto;}
	.modal-member-join .modal-step.step4 .title .tit{background-size: 7.5rem auto;}
	.modal-member-join .modal-step.step5 .title .tit{background-size: 7.5rem auto;}
	.modal-member-join .ipt{margin-top: 3.4375rem;}
	.modal-member-join .ipt li{margin-top: 2.8125rem;}
	.modal-member-join .auth-number{margin-top: 15.625rem;}
	.modal-member-join .auth-number ul li input{width: 5.625rem; height: 5.625rem; margin: 0 0.625rem; border-width: 0.125rem; border-radius: 0.625rem; font-size: 3rem;}
	.modal-member-join .auth-number .timer{padding-left: 2.1875rem; margin-top: 3.75rem; background-size: 1.5625rem auto; font-size: 1.5rem;}
	.modal-member-join .auth-number .timer button{padding: 0 1.5625rem; margin-left: 0.9375rem; font-size: 1.5rem; line-height: 2.625rem;}
}

/* 이용약관 */
.modal-terms{height: 536px;}
.modal-terms .scroll{overflow-y: auto; height: 380px; margin-top: 30px; font-size: 16px; line-height: 24px; color: #333; -webkit-overflow-scrolling: touch;}
.modal-terms .scroll.h-type2{height: 365px;}
.modal-terms h4{display: block; font-size: 24px; font-weight: 700; color: #111; line-height: 34px;}
.modal-terms .btm{position: absolute; bottom: 40px; left: 50%; width: calc(100% - 80px); transform: translateX(-50%);}
@media all and (max-width:1299px) {
	.modal-terms{height: 100%;}
	.modal-terms .scroll{width: calc(100% + 2.5rem); height: calc(100% - 16.5rem); padding-right: 2.5rem; margin-top: 3.125rem; font-size: 1.75rem; line-height: 2.625rem; box-sizing: border-box;}
	.modal-terms .scroll.h-type2{height: calc(100% - 18.75rem);}
	.modal-terms h4{font-size: 2.625rem; line-height: 4rem;}
	.modal-terms .btm{bottom: 2.5rem; width: calc(100% - 5rem);}
}

/* 가입신청 */
body.b-app{background: #3c3d41;}
#appWrap{display: flex; align-items: center; justify-content: space-between; height: 100%; box-sizing: border-box;}
#appWrap.static{display: block; height: auto; padding: 50px 0;}
#appWrap .modal:not(.level2):not(.pop){position: static; background: none;}
.modal-app{position: relative; overflow: hidden; width: 1200px; height: auto; min-height: 860px; margin: 0 auto; border: 1px solid #222; border-radius: 20px; background: #333; box-sizing: border-box;}
.modal-app .head{display: flex; justify-content: space-between; align-items: center; height: 80px; padding: 0 30px; background: #333;}
.modal-app .head h3{display: block; font-size: 30px; font-weight: 700; color: #fff;}
.modal-app .head h3 span{display: inline-block; margin-left: 10px; font-size: 18px; font-weight: 500;}
.modal-app .head .side{display: flex; align-items: center;}
.modal-app .head .btn-close{padding-right: 25px; background: url(../images/common/ico_exit.png) right center / 16px auto no-repeat transparent; font-size: 18px; font-weight: 700; color: #fff;}
.modal-app.type2{min-height: auto}
@media all and (max-width:1299px) {
	#appWrap.static{height: 100%; padding: 0;}
	.modal-app{width: 100%; height: 100%; min-height: auto; border: 0; border-radius: 0; background: #fff;}
	.modal-app .head{align-items: start; height: auto; padding: 0 0 0 2.5rem;}
	.modal-app .head h3{font-size: 3rem; line-height: 7.5rem;}
	.modal-app .head h3 span{display: block; margin: -0.625rem 0 2.5rem; font-size: 2rem; line-height: 1;}
	.modal-app .head .btn-close{width: 7.25rem; height: 7.5rem; padding-right: 0; background-position: center; background-size: 2.25rem auto; text-indent: -9999em;}
}

/* 가입신청 로그인 */
.modal-app .cont-login{display: flex; height: 780px; background: #fff;}
.modal-app .cont-login .thank-wrap{display: flex; align-items: center; justify-content: center; width: 50%; background: url(../images/common/bg_app_thank.png) left bottom no-repeat #0072bc;}
.modal-app .cont-login .thank-wrap > div{width: 380px; height: 450px; padding: 30px; margin-bottom: 40px; border-radius: 20px; background: #fff; box-sizing: border-box;}
.modal-app .cont-login .thank-wrap .tit{display: block; margin-top: 7px; font-size: 28px; color: #333;}
.modal-app .cont-login .thank-wrap .msg{margin-top: 20px; font-size: 20px; color: #333; line-height: 30px;}
.modal-app .cont-login .thank-wrap .logo{width: 173px; margin-top: 45px;}
.modal-app .cont-login .thank-wrap .logo img{width: 100%;}
.modal-app .cont-login .app-wrap{width: 50%; padding: 70px 100px; box-sizing: border-box;}
.modal-app .cont-login .app-wrap .title{margin-bottom: 45px;}
.modal-app .cont-login .app-wrap .title h4{display: block; font-size: 36px; font-weight: 700; color: #333; line-height: 50px;}
.modal-app .cont-login .app-wrap .title h4 + p{margin-top: 10px; font-size: 18px; line-height: 28px; color: #333;}
.modal-app .cont-login .app-wrap .title h4 + p.red-txt {color:#ff4d50;}/* 異붽� 221122 */
.modal-app .cont-login .app-wrap .tab{margin-bottom: 30px;}
.modal-app .cont-login .app-wrap .btn-login{display: none; margin-top: 100px;}
.modal-app .cont-login .app-wrap .btn-login.on{display: block;}
.modal-app .cont-login .app-wrap .mem{display: none; margin: 55px 0 80px;}
.modal-app .cont-login .app-wrap .mem.on{display: block;}
.modal-app .cont-login .app-wrap .mem .user{display: none;}
.modal-app .cont-login .app-wrap .mem .user.on{display: block;}
.modal-app .cont-login .app-wrap .mem .user .tit{display: block; margin-bottom: 44px; font-size: 24px; font-weight: 700; color: #333; text-align: center;}
.modal-app .cont-login .app-wrap .mem .user .ipt{display: flex; justify-content: space-between; align-items: center;}
.modal-app .cont-login .app-wrap .mem .user .ipt li:nth-child(2){margin: 0 20px;}
.modal-app .cont-login .app-wrap .mem .btn-wrap{margin-top: 80px;}
.modal-app .cont-login .app-wrap .non-mem{display: none;}
.modal-app .cont-login .app-wrap .non-mem.on{display: block;}
.modal-app .cont-login .app-wrap .non-mem .type{margin-bottom: 45px; text-align: center;}
.modal-app .cont-login .app-wrap .non-mem .item{display: none;}
.modal-app .cont-login .app-wrap .non-mem .item.on{display: block;}
.modal-app .cont-login .app-wrap .non-mem .item .btn-auth{position: absolute; top: 0; right: 0;}
.modal-app .cont-login .app-wrap .btn-wrap{flex-wrap: wrap;}
.modal-app .cont-login .app-wrap .btn-wrap button{margin-bottom: 10px;}
body.mno .modal-app .cont-login .thank-wrap{background-color: #457fec;}
body.mno .modal-app .cont-login .app-wrap .mem .btn-wrap{margin-top: 40px;}
body.mno .modal-app .cont-login .app-wrap .non-mem{margin: 55px 0 80px;}
@media all and (max-width:1299px) {
	.modal-app .cont-login{display: block; height:calc(100vh - 7.65rem);overflow: auto;}
	.modal-app .cont-login .thank-wrap{display: none;}
	.modal-app .cont-login .app-wrap{width: 100%; padding: 2.5rem;}
	.modal-app .cont-login .app-wrap .title{margin: 1.875rem 0 4.375rem;}
	.modal-app .cont-login .app-wrap .title h4{font-size: 3.375rem; line-height: 4.625rem;}
	.modal-app .cont-login .app-wrap .title h4 + p{margin-top: 0.9375rem; font-size: 2rem; line-height: 3rem;}
	.modal-app .cont-login .app-wrap .tab{margin-bottom: 1.875rem;}
	.modal-app .cont-login .app-wrap .btn-login{display: none; margin-top: 13.125rem;}
	.modal-app .cont-login .app-wrap .mem{margin: 4.375rem 0 5rem;}
	.modal-app .cont-login .app-wrap .mem .user .tit{margin-bottom: 5.9375rem; font-size: 2.625rem;}
	.modal-app .cont-login .app-wrap .mem .user .ipt li:nth-child(2){margin: 0 1.25rem;}
	.modal-app .cont-login .app-wrap .mem .btn-wrap{margin-top: 10.625rem;}
	.modal-app .cont-login .app-wrap .non-mem{margin: 4.375rem 0 5rem;}
	.modal-app .cont-login .app-wrap .non-mem .type{margin-bottom: 4.0625rem;}
	.modal-app .cont-login .app-wrap .non-mem .item .btn-auth{top: 0.9375rem;}
}
#modalAppLogin .btn-wrap button {position:relative;}
#modalAppLogin .btn-wrap button::before {content:'ⓘ';display:inline-block;}
#modalAppLogin .btn-wrap button:nth-child(2):not(.disabled):hover {background-color:#111;border-color:#111;color:#fff;}
#modalAppLogin .btn-wrap button:hover .btn-text {animation:btnSlideFn 0.4s;display:block;}
.appWrap .btn-wrap .btn-text {position: absolute;left: 0;display:none;justify-content:space-between;align-items:flex-start;margin-top: 10px;width:100%;}
.appWrap .btn-wrap .btn-text p {z-index:2;position:relative;background:#f8f6f6;padding:8px;border-radius: 5px;text-align:center;word-break:keep-all;font-size:14px;font-size: 14px;line-height: 20px;font-weight:normal;color:#666;}
.appWrap .btn-wrap .btn-text p::after {z-index:-1;content:'▲';position:absolute;top:-14px;left:calc(50% - 10px);color:#f8f6f6;display: inline-block;line-height: normal;}
.appWrap .btn-text2 {display:none;padding:2rem;background: #f8f6f6;border-radius: 1.15rem}
.appWrap .btn-text2 p {font-size:1.65rem;}

@media all and (max-width:750px) {
	#modalAppLogin .btn-wrap button::before {display:none;}
	#modalAppLogin .btn-wrap button:hover .btn-text {animation:none !important;}
	.appWrap .btn-wrap .btn-text {display:none !important;}
	.appWrap .btn-text2 {display:block;}
}
@keyframes btnSlideFn {
	0% {opacity:0;}
	100% {opacity:1;}
}
/* 카카오톡 추가 24.05 */
.modal-app .cont-login .kakao-bi img {width:220px;margin-bottom:1.5rem;}
@media all and (max-width:1299px) {
	.modal-app .cont-login .kakao-bi img {width:20em;}
}

/* 가입신청 폼(셀프개통) */
.modal-app.type2 .cont-form{min-height: 700px; background: #fff;}
.modal-app.type2 .cont-form .app-wrap.type2{width: 100%; padding: 0; margin: 0 auto;}
.modal-app.type2 .cont-form .app-wrap.type2 .step .inbox{width: 500px; padding: 60px 0; margin: 0 auto;}
.modal-app.type2 .cont-form .app-wrap.type2 .step .inbox:has(.esim), .modal-app.type2 .cont-form .app-wrap.type2 .step .inbox.hub-info {width:560px;}
.modal-app.type2 .cont-form .app-wrap.type2 .step .inbox .btm{margin-top: 15px; text-align: center;}
.modal-app.type2 .cont-form .app-wrap.type2 .step .inbox .btm a{vertical-align: top; color: #f56062; text-decoration: underline; text-underline-position: under;}
.modal-app.type2 .cont-form .app-wrap.type2 .step .inbox2{width: 780px; padding: 60px 0; margin: 0 auto;}
.modal-app.type2 .cont-form .app-wrap.type2 .step .inbox2 h4{text-align: left;}
.modal-app.type2 .cont-form .app-wrap.type2 .step .inbox .esim .qr {width:100px;margin-bottom:25px;}
.modal-app.type2 .cont-form .app-wrap.type2 .step .inbox .esim .em {margin-bottom:0;}
.modal-app.type2 .cont-form .app-wrap.type2 .step .inbox .esim p {font-weight:600;}
.modal-app.type2 .cont-form .app-wrap.type2 .step .con-h{height: 486px;}
.modal-app.type2 .cont-form .app-wrap.type2 .step .title-wrap{text-align: center;}
.modal-app.type2 .cont-form .app-wrap.type2 .step .inbox.hub-info .title-wrap {padding-top:85px; background: url(../images/common/ico_info.svg) center top / 66px auto no-repeat;}
.modal-app.type2 .cont-form .app-wrap.type2 .step .title-wrap.self-chk{padding-top: 90px; background: url(../images/common/ico_check04.png) center top / 60px auto no-repeat;}
.modal-app.type2 .cont-form .app-wrap.type2 .step .title-wrap.self-cpt{padding-top: 90px; background: url(../images/common/ico_self_cpt.png) center top / 60px auto no-repeat;}
.modal-app.type2 .cont-form .app-wrap.type2 .step .title-wrap.eSim-self-cpt{padding-top: 85px; background: url(../images/common/ico_call05.svg) center top / 66px auto no-repeat;color:#333;}
.modal-app.type2 .cont-form .app-wrap.type2 .step .title-wrap.self-fail{padding-top: 90px; background: url(../images/common/ico_self_fail.png) center top / 60px auto no-repeat;}
.modal-app.type2 .cont-form .app-wrap.type2 .step .title-wrap.eSim-self-cpt h4 {color:#333;}
.modal-app.type2 .cont-form .app-wrap.type2 .step .inbox.hub-info .title-wrap h4 {margin:0;color:#333;}
.modal-app.type2 .cont-form .app-wrap.type2 .step .inbox.hub-info .title-wrap p {font-size:18px;letter-spacing:-0.2px;margin-top:15px;}
.modal-app.type2 .cont-form .app-wrap.type2 .step .inbox.hub-info .ipt input, .modal-app.type2 .cont-form .app-wrap.type2 .step .inbox.hub-info .ipt select, .modal-app.type2 .cont-form .app-wrap.type2 .step .inbox.hub-info .ipt-text
{width:100%;margin:0;}
.modal-app.type2 .cont-form .app-wrap.type2 .step .inbox.hub-info .ipt.card {display:none;}
.modal-app.type2 .cont-form .app-wrap.type2 .step .inbox.hub-info .ipt.card.show {display:flex;}
.modal-app.type2 .cont-form .app-wrap.type2 .step .inbox.hub-info .ipt-text.col2 select:disabled {background-color:#f8f8f8;}
.modal-app.type2 .cont-form .app-wrap.type2 .step .inbox.hub-info .ipt-text.col2 {display:flex;gap:10px;}
.modal-app.type2 .cont-form .app-wrap.type2 .step .inbox.hub-info .ipt-text.s-col2 {display:grid;gap:10px;grid-template-columns:1fr 1fr;}
.modal-app.type2 .cont-form .app-wrap.type2 .step .inbox.hub-info .ipt-text.s-col2 .ipt-text input, .modal-app.type2 .cont-form .app-wrap.type2 .step .inbox.hub-info .ipt-text.s-col2 .ipt-text select {min-width:auto;width:100%;}
.modal-app.type2 .cont-form .app-wrap.type2 .step .inbox.hub-info .ipt-list {padding:0;border:0;}
.modal-app.type2 .cont-form .app-wrap.type2 .step .inbox.hub-info .btn-wrap {margin-top:40px;}
.modal-app.type2 .cont-form .app-wrap.type2 .step .qr{width: 90px; margin-bottom: 30px;}
.modal-app.type2 .cont-form .app-wrap.type2 .step h4{margin-bottom: 40px; text-align: center;}
.modal-app.type2 .cont-form .app-wrap.type2 .step .btn-exc{position: absolute; right: 30px; top: 30px; padding-left: 23px; background: url(../images/common/ico_exc.png) left center / 18px auto no-repeat transparent; font-size: 15px; color: #333;}
.modal-app.type2 .cont-form .app-wrap.type2 .step .sec{display: none; margin-top: 0;}
.modal-app.type2 .cont-form .app-wrap.type2 .step .sec.on{display: block;}
.modal-app.type2 .cont-form .app-wrap.type2 .step .sec .cont{height: auto; padding: 0;}
.modal-app.type2 .cont-form .app-wrap.type2 .step .sec .cont .btn-wrap{position: static;}
.modal-app.type2 .cont-form .app-wrap.type2 .step .txt-box + .tbl{margin-top: 20px;}
.modal-app.type2 .cont-form .app-wrap.type2 .step .txt-box + p{margin-top: 15px;}
.modal-app.type2 .cont-form .app-wrap.type2 .step .tbl + .bul{margin-top: 15px;}
.modal-app.type2 .cont-form .app-wrap.type2 .step .bul + .txt-box{margin-top: 20px;}
.modal-app.type2 .cont-form .app-wrap.type2 .scroll-box{display: flex; position: relative; flex-direction: column; overflow-y: auto; overflow-x: hidden; height: auto; padding-right: 0;}
.modal-app.type2 .cont-form .app-wrap.type2 .scroll-box > div{width: auto;}
.modal-app.type2 .cont-form .app-wrap.type2 .desired-num .sch .tit{display: block; font-size: 16px; color: #333; margin-bottom: 10px;}
.modal-app.type2 .cont-form .app-wrap.type2 .desired-num .sch .con{display: flex; justify-content: space-between;}
.modal-app.type2 .cont-form .app-wrap.type2 .desired-num .sch .con input[type=text]{width: 390px;}
.modal-app.type2 .cont-form .app-wrap.type2 .desired-num .result-box{display: flex; align-items: center; justify-content: center; height: 250px; padding: 20px; margin-top: 40px; border: 1px solid #ddd; border-radius: 10px; color: #333; box-sizing: border-box;}
.modal-app.type2 .cont-form .app-wrap.type2 .desired-num .result-box p{font-size: 18px; line-height: 28px; font-weight: 700; text-align: center;}
.modal-app.type2 .cont-form .app-wrap.type2 .desired-num .result-box .list{width: 100%;}
.modal-app.type2 .cont-form .app-wrap.type2 .desired-num .result-box .list button{width: 100%; height: 41px; border-radius: 5px; background: #fff; font-size: 18px; color: #333;}
.modal-app.type2 .cont-form .app-wrap.type2 .desired-num .result-box .list button.on{background: #f56062; font-weight: 700; color: #fff;}
@media all and (max-width:1299px) {
	.modal-app.type2 .cont-form .app-wrap.type2 .step .inbox{width: auto; padding: 0; margin: 0 auto;}
	.modal-app.type2 .cont-form .app-wrap.type2 .step .inbox:has(.esim) {width:100%;max-width:560px;}
	.modal-app.type2 .cont-form .app-wrap.type2 .step .inbox.hub-info {width:100%;max-width:560px;padding:0 1.65rem;}
	.modal-app.type2 .cont-form .app-wrap.type2 .step .inbox .btm{margin-top: 1.875rem; font-size:1.85rem; line-height: 3rem;}
	.modal-app.type2 .cont-form .app-wrap.type2 .step .inbox .btm a{display: block;}
	.modal-app.type2 .cont-form .app-wrap.type2 .step .inbox2{width: auto; padding: 0; margin: 0 auto;}
	.modal-app.type2 .cont-form .app-wrap.type2 .step .con-h{height: auto;}
	.modal-app.type2 .cont-form .app-wrap.type2 .step .title-wrap{margin-bottom: 3.75rem;}
	.modal-app.type2 .cont-form .app-wrap.type2 .step .title-wrap .btn-exc{display: none;}
	.modal-app.type2 .cont-form .app-wrap.type2 .step .title-wrap.m-justify{display: flex; justify-content: space-between; align-items: center;}
	.modal-app.type2 .cont-form .app-wrap.type2 .step .title-wrap.m-justify .btn-exc{display: block;}
	.modal-app.type2 .cont-form .app-wrap.type2 .step .inbox.hub-info .title-wrap {padding-top: 9rem; background-size: 6.75rem auto;margin-top:2rem;}
	.modal-app.type2 .cont-form .app-wrap.type2 .step .title-wrap.self-chk{padding-top: 10rem; background-size: 7.5rem auto;}
	.modal-app.type2 .cont-form .app-wrap.type2 .step .title-wrap.self-cpt{padding-top: 10rem; background-size: 6.75rem auto;}
	.modal-app.type2 .cont-form .app-wrap.type2 .step .title-wrap.self-fail{padding-top: 10rem; background-size: 6.75rem auto;}
	.modal-app.type2 .cont-form .app-wrap.type2 .step .inbox .esim .qr {width:10rem;margin-bottom:2.5rem;}
	.modal-app.type2 .cont-form .app-wrap.type2 .step .qr{width: 7.5rem; margin-bottom: 2.5rem;}
	.modal-app.type2 .cont-form .app-wrap.type2 .step h4{display: block; margin-bottom: 0; font-size: 2.625rem;}
	.modal-app.type2 .cont-form .app-wrap.type2 .step .btn-exc{position: static; padding-left: 2.5rem; background-size: 2rem auto; font-size: 1.5rem; line-height: 2rem;}
	.modal-app.type2 .cont-form .app-wrap.type2 .step .sec .cont{padding-top: 1.25rem; margin-top: 0;}
	.modal-app.type2 .cont-form .app-wrap.type2 .step .txt-box + .tbl{margin-top: 2.5rem;}
	.modal-app.type2 .cont-form .app-wrap.type2 .step .txt-box + p{margin-top: 1.875rem;}
	.modal-app.type2 .cont-form .app-wrap.type2 .step .tbl + .bul{margin-top: 2.1875rem;}
	.modal-app.type2 .cont-form .app-wrap.type2 .step .bul + .txt-box{margin-top: 3.125rem;}
	.modal-app.type2 .cont-form .app-wrap.type2 .desired-num .sch .tit{display: none;}
	.modal-app.type2 .cont-form .app-wrap.type2 .desired-num .sch .con{display: block; position: relative;}
	.modal-app.type2 .cont-form .app-wrap.type2 .desired-num .sch .con input[type=text]{width: 100%;}
	.modal-app.type2 .cont-form .app-wrap.type2 .desired-num .sch .con button{position: absolute; right: 0; top: 0.9375rem; min-width: auto; height: 3.75rem; padding: 0 1.25rem; font-size: 1.625rem; line-height: 3.75rem;}
	.modal-app.type2 .cont-form .app-wrap.type2 .desired-num .result-box{height: 28.75rem; padding: 2.5rem; margin-top: 3.75rem; border-width: 0.125rem; border-radius: 1.25rem;}
	.modal-app.type2 .cont-form .app-wrap.type2 .desired-num .result-box p{font-size: 2rem; line-height: 3rem;}
	.modal-app.type2 .cont-form .app-wrap.type2 .desired-num .result-box .list li{margin-top: 0.625rem;}
	.modal-app.type2 .cont-form .app-wrap.type2 .desired-num .result-box .list li:first-child{margin-top: 0;}
	.modal-app.type2 .cont-form .app-wrap.type2 .desired-num .result-box .list button{height: 4.375rem; border-radius: 0.625rem; font-size: 2rem;}
	.modal-app.type2 .cont-form .app-wrap.type2 .step .inbox.hub-info .btn-wrap {margin:4rem 0 1.5rem 0;}
	.modal-app.type2 .cont-form .app-wrap.type2 .step .inbox.hub-info .title-wrap p {font-size:1.85rem;}
}

/* 가입신청 폼 */
.modal-app .cont-form{display: flex; flex-wrap: wrap; background: #41484a;}
.modal-app .cont-form .menu-wrap{display: flex; width: 300px; height: 780px; background: #41484a;}
.modal-app .cont-form .menu-wrap .drop-menu{width: 100%;}
.modal-app .cont-form .menu-wrap .drop-menu .page{position: absolute; top: 25px; right: 85px; width: 88px; padding-left: 17px; margin-right: 30px; border-radius: 5px; background: url(../images/common/ico_check01.png) 10px center / 14px auto no-repeat #484848; font-size: 16px; line-height: 30px; color: #ccc; text-align: center; box-sizing: border-box;}
.modal-app .cont-form .menu-wrap .drop-menu .page strong{font-weight: 700; color: #fff;}
.modal-app .cont-form .menu-wrap .drop-menu .menu-list{display: flex; flex-direction: column; width: 100%; height: 100%;}
.modal-app .cont-form .menu-wrap .drop-menu .menu-list > li{flex: 1; padding: 30px; border-top: 1px solid rgba(255, 255, 255, 0.1); box-sizing: border-box;}
.modal-app .cont-form .menu-wrap .drop-menu .menu-list > li:first-child{height: 22%; border-top: 0;}
.modal-app .cont-form .menu-wrap .drop-menu .menu-list > li .title{display: flex; justify-content: space-between; align-items: center; height: 24px;}
.modal-app .cont-form .menu-wrap .drop-menu .menu-list > li .title .tit{display: block; font-size: 20px; font-weight: 700; color: #fff; line-height: 1;}
.modal-app .cont-form .menu-wrap .drop-menu .menu-list > li .title .btn-edit{display: inline-block; padding: 0 10px; border: 1px solid #ddd; border-radius: 5px; background: transparent; font-size: 14px; font-weight: 400; color: #fff; line-height: 22px;}
.modal-app .cont-form .menu-wrap .drop-menu .menu-list > li .list{margin-top: 8px;}
.modal-app .cont-form .menu-wrap .drop-menu .menu-list > li .list li{position: relative; padding-left: 10px; font-size: 16px; line-height: 28px; color: #ccc;}
.modal-app .cont-form .menu-wrap .drop-menu .menu-list > li .list li::before{position: absolute; top: 0; left: 0; content: "\00B7";}
.modal-app .cont-form .menu-wrap .drop-menu .menu-list > li.on{background: #fff;}
.modal-app .cont-form .menu-wrap .drop-menu .menu-list > li.on .title .tit{color: #333;}
.modal-app .cont-form .menu-wrap .drop-menu .menu-list > li.on .title .btn-edit{display: none;}
.modal-app .cont-form .menu-wrap .drop-menu .menu-list > li.on .list li{color: #666;}
.modal-app .cont-form .menu-wrap .drop-menu .menu-list > li.on .list li.on{font-weight: 700; color: #000;}
.modal-app .cont-form .app-wrap{width: calc(100% - 300px); padding: 40px 0 40px 40px; background: #fff; box-sizing: border-box;}
.modal-app .cont-form .app-wrap .scroll-box{display: flex; position: relative; flex-direction: column-reverse; overflow-y: auto; overflow-x: hidden; height: 698px; padding-right: 20px;}
.modal-app .cont-form .app-wrap .scroll-box > div{width: 820px;}
.modal-app .cont-form .app-wrap .drop-step{display: none;}
.modal-app .cont-form .app-wrap h4{display: block; margin-bottom: 30px; font-size: 30px; font-weight: 700; color: #111; line-height: 1;}
.modal-app .cont-form .app-wrap .step{display: none;}
.modal-app .cont-form .app-wrap .step.on{display: block;}
.modal-app .cont-form .app-wrap .step .sec{display: none; margin-top: 10px;}
.modal-app .cont-form .app-wrap .step .sec.on{display: block;}
.modal-app .cont-form .app-wrap .step .sec:nth-of-type(1){margin-top: 0;}
.modal-app .cont-form .app-wrap .step .sec .acd{display: flex; align-items: center; height: 60px; padding: 0 20px; border-radius: 5px; background: url(../images/common/ico_arw06_top.png) right 15px center / 19px auto no-repeat #f4f4f4; box-sizing: border-box;}
.modal-app .cont-form .app-wrap .step .sec .acd h5{display: block; padding-left: 35px; background: url(../images/common/ico_check03.png) left center / 24px auto no-repeat; font-size: 20px; font-weight: 700; color: #333;}
.modal-app .cont-form .app-wrap .step .sec .cont{display: none; position: relative; height: 568px; padding: 20px; box-sizing: border-box;}
.modal-app .cont-form .app-wrap .step .sec .cont.on{display: block;}
.modal-app .cont-form .app-wrap .step .sec .cont.h-auto{height: auto;}
.modal-app .cont-form .app-wrap .step .sec .cont.h-type1{height: 638px;}
.modal-app .cont-form .app-wrap .step .sec .cont.h-type2{height: 558px;}
.modal-app .cont-form .app-wrap .step .sec .cont .title{padding-bottom: 20px; margin: 30px 0 5px;}
.modal-app .cont-form .app-wrap .step .sec .cont .title.p-justify{display: flex; justify-content: space-between; align-items: center;}
.modal-app .cont-form .app-wrap .step .sec .cont .title:nth-of-type(1){margin-top: 5px;}
.modal-app .cont-form .app-wrap .step .sec .cont .title.line{border-bottom: 1px solid #333;}
.modal-app .cont-form .app-wrap .step .sec .cont .title.flex{display: flex; align-items: center;}
.modal-app .cont-form .app-wrap .step .sec .cont .title.flex p{margin: 0; margin-left: 5px;}
.modal-app .cont-form .app-wrap .step .sec .cont .title h6{display: block; font-size: 18px; font-weight: 700; color: #333;}
.modal-app .cont-form .app-wrap .step .sec .cont .title h6 span{font-size: 16px; font-weight: 400;}
.modal-app .cont-form .app-wrap .step .sec .cont .title h6 + p{margin-top: 10px; font-size: 16px; font-weight: 400;}
.modal-app .cont-form .app-wrap .step .sec .cont .title h6 + span{margin-left: 10px; font-size: 16px; font-weight: 400;}
.modal-app .cont-form .app-wrap .step .sec .cont .title label{font-size: 18px; font-weight: 700; color: #333;}
.modal-app .cont-form .app-wrap .step .sec .cont .title .btn-exc{padding-left: 23px; background: url(../images/common/ico_exc.png) left center / 18px auto no-repeat transparent; font-size: 15px; color: #333;}
.modal-app .cont-form .app-wrap .step .sec .cont .title .btn-txt{background: #fff; font-size: 15px; color: #333; text-decoration: underline; text-underline-position: under;}
.modal-app .cont-form .app-wrap .step .sec .cont .title + .bul{margin-top: -15px;}
.modal-app .cont-form .app-wrap .step .sec .cont .title + .txt-box-type1{margin-top: -10px;}
.modal-app .cont-form .app-wrap .step .sec .cont .title + .ipt-list{margin-top: 5px;}
.modal-app .cont-form .app-wrap .step .sec .cont .title +  .txt-list-type1{margin-top: -10px;}
.modal-app .cont-form .app-wrap .step .sec .cont .btn + p{margin-top: 30px;}
.modal-app .cont-form .app-wrap .step .sec .cont .bul + .btn{margin-top: 20px;}
.modal-app .cont-form .app-wrap .step .sec .cont .txt-box-type1 + .btn{margin-top: 20px;}
.modal-app .cont-form .app-wrap .step .sec .cont .txt-box-type1 + p{margin-top: 10px;}
.modal-app .cont-form .app-wrap .step .sec .cont .ipt-list{position: relative; padding: 10px 0 10px 20px; margin-top: 25px; border-top: 1px solid #333; border-bottom: 1px solid #ddd;}
.modal-app .cont-form .app-wrap .step .sec .cont .ipt-list > ul > li{display: flex; padding: 8px 0; margin: 0;}
.modal-app .cont-form .app-wrap .step .sec .cont .ipt-list > ul > li .tit{width: 140px;min-width:140px;padding-top: 12px; font-size: 16px; font-weight: 700; color: #333;}
.modal-app .cont-form .app-wrap .step .sec .cont .ipt-list > ul > li .slt-box + .ipt-text{margin-left: 10px;}
.modal-app .cont-form .app-wrap .step .sec .cont .ipt-list > ul > li .chk-box{padding-top: 10px;}
.modal-app .cont-form .app-wrap .step .sec .cont .ipt-list .addr li{margin-top: 8px;}
.modal-app .cont-form .app-wrap .step .sec .cont .ipt-list .addr li:first-child{margin: 0;}
.modal-app .cont-form .app-wrap .step .sec .cont .ipt-list .addr .addr1{width: 390px;}
.modal-app .cont-form .app-wrap .step .sec .cont .ipt-list .addr .addr2{width: 490px;}
.modal-app .cont-form .app-wrap .step .sec .cont .ipt-list .addr .btn-addr{margin-left: 6px;}
.modal-app .cont-form .app-wrap .step .sec .cont .ipt-list.sz2 > ul > li .tit{width: 180px;}
.modal-app .cont-form .app-wrap .step .sec .cont .ipt-list select{width: 150px;}
.modal-app .cont-form .app-wrap .step .sec .cont .ipt-list .img{position: absolute; top: 20px; right: 20px;}
.modal-app .cont-form .app-wrap .step .sec .cont .ipt-list .img img{width: 229px;}
.modal-app .cont-form .app-wrap .step .sec .cont .ipt-text label{display: none;}
.modal-app .cont-form .app-wrap .step .sec .cont .ipt-text-box label{display: block;}
.modal-app .cont-form .app-wrap .step .sec .cont .noti{padding-top: 115px; margin-top: 40px; background: url(../images/common/ico_exc02.png) center top / 92px auto no-repeat; font-size: 16px; line-height: 26px; color: #666; text-align: center;}
.modal-app .cont-form .app-wrap .step .sec .cont .btn-wrap{position: absolute; right: 0; bottom: 0;}
.modal-app .cont-form .app-wrap .step .sec.cpt{display: block;}
.modal-app .cont-form .app-wrap .step .sec.cpt .cont{display: none;}
.modal-app .cont-form .app-wrap .step .sec.cpt .acd{background-image: url(../images/common/ico_arw06_bottom.png); cursor: pointer;}
.modal-app .cont-form .app-wrap .step .sec.cpt .acd h5{background-image: url(../images/common/ico_check03_on.png);}
.modal-app .cont-form .app-wrap .step .sec.cpt.open .cont.on{display: block;}
.modal-app .cont-form .app-wrap .step .sec.cpt.open .acd{background-image: url(../images/common/ico_arw06_top.png); cursor: pointer;}
.modal-app .cont-form .app-wrap .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-app .cont-form .app-wrap .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-app .cont-form .app-wrap .file label .txt{display: block; padding-top: 50px; background: url(../images/common/ico_camera.png) center 5px / 56px auto no-repeat;}
.modal-app .cont-form .app-wrap .file label .txt strong{display: block; font-size: 18px; font-weight: 700;}
.modal-app .cont-form .app-wrap .file input[type="file"].on + label{border-color: #666;}
.modal-app .cont-form .app-wrap .file input[type="file"].on + label .txt{background-image: url(../images/common/ico_camera_on.png);}
.modal-app .cont-form .app-wrap .file-list > li{display: flex; align-items: center; justify-content: space-between; padding: 10px 20px; margin-top: 6px; border: 1px solid #ddd; border-radius: 5px;}
.modal-app .cont-form .app-wrap .file-list > li:first-child{margin-top: 0;}
.modal-app .cont-form .app-wrap .file-list > li .tit{font-size: 18px; font-weight: 700; color: #333;}
.modal-app .cont-form .app-wrap .file-list > li .tit span{font-size: 16px; font-weight: 500;}
.modal-app .cont-form .app-wrap .file-list > li label{width: 170px; padding: 0;}
.modal-app .cont-form .app-wrap .agree-box-type1{width: 100%; padding: 20px; margin-top: 30px; border: 1px solid #ddd; border-radius: 10px; background: #fff; text-align: left; box-sizing: border-box;}
.modal-app .cont-form .app-wrap .agree-box-type2{width: 100%; padding: 15px 20px; margin-top: 20px; border: 1px solid #ddd; border-radius: 10px; background: #fff; text-align: left; color: #333; box-sizing: border-box;}
.modal-app .cont-form .app-wrap .agree-box-type2 .list li{margin-top: 5px;}
.modal-app .cont-form .app-wrap .agree-box-type2 .list li:first-child{margin-top: 0;}
.modal-app .cont-form .app-wrap .agree-box-type2 .list li .btn-agree{background: #fff; font-size: 16px; color: #999; text-decoration: underline;}
.modal-app .cont-form .app-wrap .agree-box-type2 + .agree-box-type2{margin-top: 10px;}
.modal-app .cont-form .app-wrap .agree-box-type3{margin: 10px 0 20px;}
.modal-app .cont-form .app-wrap .agree-box-type3 .tit{display: block; font-size: 18px; color: #333;}
.modal-app .cont-form .app-wrap .agree-box-type3 ul{margin-top: 15px;}
.modal-app .cont-form .app-wrap .agree-box-type3 ul li{margin-top: 15px;}
.modal-app .cont-form .app-wrap .agree-box-type3 ul li:first-child{margin-top: 0;}
.modal-app .cont-form .app-wrap .agree-box-type3 p{margin-top: 20px; font-size: 15px; color: #3a3a3a;}
.modal-app .cont-form .app-wrap .license-box{display: none; margin-top: 40px;}
.modal-app .cont-form .app-wrap .license-box.on{display: flex;}
.modal-app .cont-form .app-wrap .license-box .img{width: 340px;}
.modal-app .cont-form .app-wrap .license-box .img img{width: 307px;}
.modal-app .cont-form .app-wrap .license-box .ipt .box{display: flex;}
.modal-app .cont-form .app-wrap .license-box .ipt .box .col2{margin-left: 10px;}
.modal-app .cont-form .app-wrap .license-box .ipt .box .col2:nth-of-type(1){margin-left: 0;}
.modal-app .cont-form .app-wrap .license-box .ipt .tit{display: block; margin: 35px 0 10px; font-size: 16px; color: #333;}
.modal-app .cont-form .app-wrap .license-box .ipt .tit:nth-of-type(1){margin-top: 0;}
.modal-app .cont-form .app-wrap .license-box .ipt .ex{display: block; padding-left: 20px; margin-top: 10px; background: url(../images/common/ico_exc.png) left center / 16px auto no-repeat; font-size: 16px; color: #333;}
.modal-app .cont-form .app-wrap .bill-box{display: none; margin-top: 40px;}
.modal-app .cont-form .app-wrap .bill-box.on{display: block;}
.modal-app .cont-form .app-wrap .payment-box{display: none;}
.modal-app .cont-form .app-wrap .payment-box.on{display: block;}
.modal-app .cont-form .app-wrap .payment-box .t-tit{display: block; margin: 30px 0 15px; font-size: 18px; font-weight: 700; color: #333;}
.modal-app .cont-form .app-wrap .usim-box{position: relative;}
.modal-app .cont-form .app-wrap .usim-box .tit{display: block; margin-bottom: 10px; font-weight: 500; color: #333;}
.modal-app .cont-form .app-wrap .usim-box .ipt.chk{display: flex;}
.modal-app .cont-form .app-wrap .usim-box .ipt.chk > div{margin-left: 30px;}
.modal-app .cont-form .app-wrap .usim-box .ipt.chk > div:nth-of-type(1){margin-left: 0;}
.modal-app .cont-form .app-wrap .usim-box .ipt + .ipt{margin-top: 30px;}
.modal-app .cont-form .app-wrap .usim-box .ipt + .bul{margin-top: 20px;}
.modal-app .cont-form .app-wrap .usim-box .ipt .list{display: flex; flex-wrap: wrap; justify-content: space-between;}
.modal-app .cont-form .app-wrap .usim-box .ipt .list li{width: 48.717%; margin-top: 15px;}
.modal-app .cont-form .app-wrap .usim-box .ipt .list li:nth-child(-n+2){margin-top: 0;}
.modal-app .cont-form .app-wrap .usim-box .ipt .list li input[type=text]{width: 100%;}
.modal-app .cont-form .app-wrap .usim-box .file{margin-top: 30px;}
.modal-app .cont-form .app-wrap .usim-box .img{position: absolute; top: 0; right: 0;}
.modal-app .cont-form .app-wrap .usim-box .img img{display: none; width: 308px;}
.modal-app .cont-form .app-wrap .usim-box .img img.on{display: block;}
.modal-app .cont-form .app-wrap .usim-box .img-box-col2{padding-top: 30px; margin-top: 30px; border-top: 1px solid #333;}
.modal-app .cont-form .app-wrap .usim-box .img-box-col2 .img{position: static; margin: 0 0 0;}
.modal-app .cont-form .app-wrap .usim-box .img-box-col2 .img img{display: block;}
.modal-app .cont-form .app-wrap .usim-box .txt-box{margin-top: 30px;}
.modal-app .cont-form .app-wrap .usim-box .txt-box .tit{display: block; font-size: 16px; font-weight: 700; color: #333;}
.modal-app .cont-form .app-wrap .desc-list{position: relative; margin: 30px 0 25px;}
.modal-app .cont-form .app-wrap .desc-list .tit{display: block; font-size: 16px; font-weight: 700; color: #333;}
.modal-app .cont-form .app-wrap .desc-list ul{margin-top: 15px;}
.modal-app .cont-form .app-wrap .desc-list ul li{padding-left: 13px; font-size: 15px; line-height: 24px; color: #333; text-indent: -13px;}
.modal-app .cont-form .app-wrap .desc-list .img{position: absolute; top: 0; right: 0;}
.modal-app .cont-form .app-wrap .desc-list .img img{width: 229px;}
.modal-app .cont-form .app-wrap .desc-list + .img-box-col2{margin-top: 0;}
.modal-app .cont-form .app-wrap .title + .desc-list{margin-top: 0;}
.modal-app .cont-form .app-wrap .img-box-col2{display: flex;}
.modal-app .cont-form .app-wrap .img-box-col2 > li:last-child{margin-left: 20px;}
.modal-app .cont-form .app-wrap .img-box-col2 .tit{display: block; font-size: 16px; font-weight: 700; color: #333;}
.modal-app .cont-form .app-wrap .img-box-col2 .img{position: static; margin: 0 0 10px;}
.modal-app .cont-form .app-wrap .img-box-col2 .img img{width: 350px;}
.modal-app .cont-form .app-wrap .img-box-col2 .tit + .img{margin-top: 15px;}
.modal-app .cont-form .app-wrap .img-box-col2 p{display: block; font-size: 16px; font-weight: 700; color: #333;}
.modal-app .cont-form .app-wrap .num-box-col2{padding-top: 25px; margin-top: 30px; border-top: 1px solid #333;}
.modal-app .cont-form .app-wrap .num-box-col2 .tit{display: block; font-size: 16px; font-weight: 700; color: #333;}
.modal-app .cont-form .app-wrap .num-box-col2 .box{display: flex; justify-content: space-between; margin-top: 20px;}
.modal-app .cont-form .app-wrap .num-box-col2 .box img{width: 370px;}
.modal-app .cont-form .app-wrap .num-box-col2 .box .file{margin-top: 0;}
.modal-app .cont-form .app-wrap .num-box2-col2{padding-top: 25px; margin: 30px 0 70px; border-top: 1px solid #333;}
.modal-app .cont-form .app-wrap .num-box2-col2 .tit{display: block; font-size: 16px; font-weight: 700; color: #333;}
.modal-app .cont-form .app-wrap .num-box2-col2 p.txt1 img{width: 36px; vertical-align: middle;}
.modal-app .cont-form .app-wrap .num-box2-col2 p.txt2{margin-top: 15px;}
.modal-app .cont-form .app-wrap .num-box2-col2 .box{display: flex; margin-top: 20px;}
.modal-app .cont-form .app-wrap .num-box2-col2 .box > div:first-child{margin-right: 20px;}
.modal-app .cont-form .app-wrap .num-box2-col2 .box img{width: 350px;}
.modal-app .cont-form .app-wrap .num-box2-col2 .box .file{margin-top: 0;}
.modal-app .cont-form .app-wrap .chk-list-type1{display: flex; flex-wrap: wrap;}
.modal-app .cont-form .app-wrap .chk-list-type1 li{margin: 0 8px 8px 0;}
.modal-app .cont-form .app-wrap .chk-list-type1 li:last-child{margin-right: 0;}
.modal-app .cont-form .app-wrap .chk-list-type1 label{margin: 0;}
.modal-app .cont-form .app-wrap .title + .chk-list-type1{margin-top: -10px;}
.modal-app .cont-form .app-wrap .chk-list-type2{display: inline-block;}
.modal-app .cont-form .app-wrap .chk-list-type2 li{margin-top: 8px;}
.modal-app .cont-form .app-wrap .chk-list-type2 li:first-child{margin-top: 0;}
.modal-app .cont-form .app-wrap .chk-list-type2 li label{width: 100%;}
.modal-app .cont-form .app-wrap .chk-list-type3{display: flex; justify-content: space-between;}
.modal-app .cont-form .app-wrap .chk-list-type3.max-h{height: 165px;}
.modal-app .cont-form .app-wrap .chk-list-type3 > li{flex: 1; min-height: 125px; margin: 0 10px;}
.modal-app .cont-form .app-wrap .chk-list-type3 > li:first-child{margin-left: 0;}
.modal-app .cont-form .app-wrap .chk-list-type3 > li:last-child{margin-right: 0;}
.modal-app .cont-form .app-wrap .chk-list-type3 + p{margin-top: 15px;}
.modal-app .cont-form .app-wrap .chk-list-type3 + .desc{margin-top: 30px;}
.modal-app .cont-form .app-wrap .chk-list-type3 + .desc > div{display: none;}
.modal-app .cont-form .app-wrap .chk-list-type3 + .desc > div.on{display: block;}
.modal-app .cont-form .app-wrap .title + .chk-list-type2{margin-top: -10px;}
.modal-app .cont-form .app-wrap .txt-type1{padding-top: 15px; font-size: 18px; color: #333; text-align: center; line-height: 30px;}
.modal-app .cont-form .app-wrap .app-cpt .top{padding-top: 80px; margin-bottom: 20px; background: url(../images/common/ico_check04.png) center top / 61px auto no-repeat; font-size: 18px; font-weight: 700; color: #333; text-align: center;}
.modal-app .cont-form .app-wrap .sec.sec2 .cont{height: 498px;}
.modal-app .cont-form .app-wrap .step3 .sec3 .cont{height: 638px;}
.modal-app .cont-form .app-wrap .step3 .sec4 .cont{height: 638px;}
.modal-app .cont-form .app-wrap .step4 .sec6 .cont{height: 558px;}
.modal-app .cont-form .app-wrap .appFormMinorPhone{width: 299px; min-width: auto;}
.modal-app .cont-form .app-wrap .appFormInfoTel{width: 304px; min-width: auto;}
.modal-app .cont-form .app-wrap .appFormDriverNum1{width: 105px; min-width: auto;}
.modal-app .cont-form .app-wrap .appFormDriverNum2,
.modal-app .cont-form .app-wrap .appFormDriverNum4{width: 90px; min-width: auto; text-align: center;}
.modal-app .cont-form .app-wrap .appFormDriverNum3{width: 120px; min-width: auto; text-align: center;}
.modal-app .cont-form .app-wrap .tbl-app{width: 100%; border-top: 1px solid #111;}
.modal-app .cont-form .app-wrap .tbl-app thead th{height: 50px; border-bottom: 1px solid #ddd; background: #41484a; font-size: 16px; font-weight: 700; color: #fff;}
.modal-app .cont-form .app-wrap .tbl-app tbody th,
.modal-app .cont-form .app-wrap .tbl-app tbody td{height: 50px; padding-left: 20px; border-bottom: 1px solid #ddd; text-align: left; font-size: 16px; color: #333;}
.modal-app .cont-form .app-wrap .tbl-app tbody th{font-size: 16px; font-weight: 700; color: #333;}
.modal-app .cont-form .app-wrap .tbl-app tbody td:nth-child(3){padding: 0; text-align: center; font-size: 16px; color: #333;}
.modal-app .cont-form .app-wrap .tbl-app tbody td:nth-child(3) .tit{display: none;}
.modal-app .cont-form .app-wrap .tbl-app tbody td:nth-child(3) .price{color: #457fec;}
.modal-app .cont-form .app-wrap .tbl-app tbody td .btn-txt{background: #fff; font-size: 15px; color: #333; text-decoration: underline; text-underline-position: under;}
.modal-app .cont-form .app-wrap .tbl-app tbody td .pc{display: inline-block;}
.modal-app .cont-form .app-wrap .tbl-app tbody td .mo{display: none;}
.modal-app .cont-form .app-wrap .tbl-app tfoot td{padding: 30px 20px; background: #f4f4f4; font-size: 18px; font-weight: 700; color: #333; text-align: right;}
.modal-app .cont-form .app-wrap .tbl-app tfoot td .c{display: inline-block; margin-left: 15px; font-size: 24px; font-weight: 700; color: #457fec;}
.modal-app .cont-form .app-total-price{display: none; align-items: flex-start; width: 100%; padding: 40px 60px; border-top: 1px solid #457fec; background: #f4f8ff;}
.modal-app .cont-form .app-total-price.on{display: flex;}
.modal-app .cont-form .app-total-price.mo{display: none;}
.modal-app .cont-form .app-total-price table{width: 280px; text-align: left;}
.modal-app .cont-form .app-total-price table th,
.modal-app .cont-form .app-total-price table td{padding: 10px 0; border-bottom: 1px solid #ddd; font-size: 15px; font-weight: 500; color: #111;}
.modal-app .cont-form .app-total-price table td{text-align: right;}
.modal-app .cont-form .app-total-price table tr.top th,
.modal-app .cont-form .app-total-price table tr.top td{padding:0 0 25px; border-color: #111; font-size: 18px; font-weight: 700;}
.modal-app .cont-form .app-total-price table tr.top td{font-weight: 800; color: #457fec;}
.modal-app .cont-form .app-total-price table + table{margin-top: 30px; border-top: 1px solid #111;}
.modal-app .cont-form .app-total-price .mark{display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; margin: 0 40px; border-radius: 100%; background: #fff; font-size: 24px; color: #111;}
.modal-app .cont-form .app-total-price .side{align-items: flex-end; margin-left: auto; margin-top: -15px;}
.modal-app .cont-form .app-total-price .side .total{display: flex; line-height: 60px;}
.modal-app .cont-form .app-total-price .side .total .tit{margin-right: 20px; font-size: 24px; font-weight: 700; color: #111;}
.modal-app .cont-form .app-total-price .side .total strong{font-size: 24px; font-weight: 700; color: #457fec;}
.modal-app .cont-form .app-total-price .side .total strong span{font-size: 42px; font-weight: 800;}
.modal-app .cont-form .app-total-price .side .btn{margin-top: 30px; text-align: right;}
.modal-app.online .cont-form .app-wrap .scroll-box{flex-direction: column; overflow-y: auto; height: 698px;}
.modal-app.online .cont-form .app-wrap .scroll-box > div{height: 100%;}
.modal-app.online .cont-form .app-wrap h4{margin-bottom: 40px;}
.modal-app.online .cont-form .app-wrap .step{height: 100%;}
.modal-app.online .cont-form .app-wrap .scroll-box{height: 100%;}
.modal-app.online .cont-form .app-wrap .step .sec{height: calc(100% - 70px);}
.modal-app.online .cont-form .app-wrap .step .sec .cont{height: 100%; padding: 0;}
.modal-app.online .cont-form .app-wrap .step .sec .cont .title{padding-bottom: 15px;}
.modal-app.online input[type="checkbox"] + label.checkbox-type3,
.modal-app.online input[type="radio"] + label.radio-type3{width: 400px;}
body.mno .modal-app .cont-form .app-wrap .app-cpt .top{background-image: url(../images/common/ico_check04_mno.png);}
@media all and (max-width:1299px) {
	.modal-app .cont-form{display: block; height: 100%; min-height: auto;}
	.modal-app .cont-form .menu-wrap{display: block; position: relative; width: 100%; height: auto;}
	.modal-app .cont-form .menu-wrap .drop-menu{display: flex; position: relative; align-items: center; width: 100%; height: 6.25rem; padding: 0 2.5rem; background: url(../images/common/ico_drop01_bottom.png) right 2.5rem center / 1.125rem auto no-repeat; box-sizing: border-box;}
	.modal-app .cont-form .menu-wrap .drop-menu.on{background-image: url(../images/common/ico_drop01_top.png);}
	.modal-app .cont-form .menu-wrap .drop-menu .page{position: static; width: 9.6875rem; padding-left: 1.875rem; margin-right: 0; border-radius: 0.3125rem; background-position: 0.9375rem center; background-size: 1.375rem auto; background-color: #545b5c; font-size: 1.75rem; line-height: 3rem;}
	.modal-app .cont-form .menu-wrap .drop-menu .menu-list{display: none; position: absolute; top: 100%; left: 0; overflow-y: auto; border-top: 0.125rem solid #545b5c; background: #41484a; z-index: 20;}
	.modal-app .cont-form .menu-wrap .drop-menu .menu-list > li{height: auto; padding: 2.5rem 2.5rem 1.875rem; border-top: 0.125rem solid #545b5c;}
	.modal-app .cont-form .menu-wrap .drop-menu .menu-list > li:first-child{height: auto; border-top: 0;}
	.modal-app .cont-form .menu-wrap .drop-menu .menu-list > li .title{height: 2.5rem;}
	.modal-app .cont-form .menu-wrap .drop-menu .menu-list > li .title .tit{font-size: 2rem;}
	.modal-app .cont-form .menu-wrap .drop-menu .menu-list > li .title .btn-edit{padding: 0 1.5625rem; border-width: 0.125rem; border-radius: 0.625rem; font-size: 1.5rem; line-height: 2.25rem;}
	.modal-app .cont-form .menu-wrap .drop-menu .menu-list > li .list{margin-top: 1.25rem;}
	.modal-app .cont-form .menu-wrap .drop-menu .menu-list > li .list li{padding-left: 1.25rem; font-size: 1.75rem; line-height: 3rem; color: #ccc;}
	.modal-app .cont-form .menu-wrap .drop-menu .menu-list > li .list li a{color: #ccc;}
	.modal-app .cont-form .menu-wrap .drop-menu .menu-list > li.on{background: #41484a;}
	.modal-app .cont-form .menu-wrap .drop-menu .menu-list > li.on .title .tit{color: #fff;}
	.modal-app .cont-form .menu-wrap .drop-menu .menu-list > li.on .list li{color: #ccc;}
	.modal-app .cont-form .menu-wrap .drop-menu .menu-list > li.on .list li.on{font-weight: 700; color: #fff;}
	.modal-app .cont-form .menu-wrap .drop-menu.on .menu-list{display: block;}
	.modal-app .cont-form .app-wrap{position: relative; width: 100%; height: 100%; padding: 0; padding: 6.25rem 0 0;}
	.modal-app .cont-form .app-wrap .scroll-box{flex-direction: column; height: auto; padding-right: 0;}
	.modal-app .cont-form .app-wrap .scroll-box > div{width: 100%; padding: 2.5rem; box-sizing: border-box;}
	.modal-app .cont-form .app-wrap .drop-step{display: block; position: absolute; top: 0; left: 0; width: 100%; border-bottom: 0.125rem solid #ddd; background: #fff; z-index: 10;}
	.modal-app .cont-form .app-wrap .drop-step .tit{display: block; padding: 0 2.5rem; background: url(../images/common/ico_drop02_bottom.png) right 2.5rem center / 1.125rem auto no-repeat; font-size: 2rem; font-weight: 700; color: #333; line-height: 6.25rem;}
	.modal-app .cont-form .app-wrap .drop-step .list{display: none; padding: 0 2.5rem 1.875rem; margin-top: -0.625rem;}
	.modal-app .cont-form .app-wrap .drop-step .list li{position: relative; padding-left: 1.25rem; font-size: 1.75rem; line-height: 3rem; color: #666;}
	.modal-app .cont-form .app-wrap .drop-step .list li::after{position: absolute; top: 50%; left: 0; width: 0.25rem; height: 0.25rem; background: #666; transform: translateY(-50%); content: "";}
	.modal-app .cont-form .app-wrap .drop-step.on .tit{background-image: url(../images/common/ico_drop02_top.png);}
	.modal-app .cont-form .app-wrap .drop-step.on .list{display: block;}
	.modal-app .cont-form .app-wrap .drop-step.none .tit{background: none;}
	.modal-app .cont-form .app-wrap h4{display: none;}
	.modal-app .cont-form .app-wrap .step{padding: 0;}
	.modal-app .cont-form .app-wrap .step .sec{display: none; margin-top: 0.625rem;}
	.modal-app .cont-form .app-wrap .step .sec:nth-of-type(1){margin-top: 0;}
	.modal-app .cont-form .app-wrap .step .sec .acd{height: 6.25rem; padding: 0 1.875rem; border-radius: 0.625rem; background-position: right 1.875rem center; background-size: 1.5rem auto;}
	.modal-app .cont-form .app-wrap .step .sec .acd h5{padding-left: 3.125rem; background-size: 2.3125rem auto; font-size: 2rem;}
	.modal-app .cont-form .app-wrap .step .sec .cont{height: auto; padding: 0; margin-top: 3.125rem;}
	.modal-app .cont-form .app-wrap .step .sec .cont.h-type1{height: auto;}
	.modal-app .cont-form .app-wrap .step .sec .cont.h-type2{height: auto;}
	.modal-app .cont-form .app-wrap .step .sec .cont .title{padding-bottom: 0; margin: 1.875rem 0 3.125rem;}
	.modal-app .cont-form .app-wrap .step .sec .cont .title.p-justify{display: block;}
	.modal-app .cont-form .app-wrap .step .sec .cont .title:nth-of-type(1){margin-top: 0;}
	.modal-app .cont-form .app-wrap .step .sec .cont .title.line{border-bottom: 0;}
	.modal-app .cont-form .app-wrap .step .sec .cont .title.m-line{border-bottom: 0.125rem solid #333;}
	.modal-app .cont-form .app-wrap .step .sec .cont .title.flex{display: block;}
	.modal-app .cont-form .app-wrap .step .sec .cont .title.flex p{margin-left: 0;}
	.modal-app .cont-form .app-wrap .step .sec .cont .title h6{font-size: 2rem; line-height: 3rem; letter-spacing: -0.0625rem;}
	.modal-app .cont-form .app-wrap .step .sec .cont .title h6 span{display: block; margin-top: 0.625rem; font-size: 1.75rem;}
	.modal-app .cont-form .app-wrap .step .sec .cont .title h6 + p{margin-top: 0.9375rem; font-size: 1.75rem; line-height: 3rem; letter-spacing: -0.0625rem;}
	.modal-app .cont-form .app-wrap .step .sec .cont .title .chk{margin-top: 1.5625rem;}
	.modal-app .cont-form .app-wrap .step .sec .cont .title label{font-size: 2rem;}
	.modal-app .cont-form .app-wrap .step .sec .cont .title .btn-exc{padding-left: 2.5rem; background-size: 2rem auto; font-size: 1.5rem; line-height: 2rem;}
	.modal-app .cont-form .app-wrap .step .sec .cont .title .btn-txt{margin-top: 1.5625rem; font-size: 1.75rem;}
	.modal-app .cont-form .app-wrap .step .sec .cont .title + .bul{margin-top: -0.625rem;}
	.modal-app .cont-form .app-wrap .step .sec .cont .title + .txt-box-type1{margin-top: -1.25rem;}
	.modal-app .cont-form .app-wrap .step .sec .cont .title + .ipt-list{margin-top: -2.1875rem;}
	.modal-app .cont-form .app-wrap .step .sec .cont .title +  .txt-list-type1{margin-top: -2.1875rem;}
	.modal-app .cont-form .app-wrap .step .sec .cont .btn + p{margin-top: 2.5rem;}
	.modal-app .cont-form .app-wrap .step .sec .cont .bul + .btn{margin-top: 2.5rem;}
	.modal-app .cont-form .app-wrap .step .sec .cont .txt-box-type1 + .btn{margin-top: 2.5rem;}
	.modal-app .cont-form .app-wrap .step .sec .cont .txt-box-type1 + p{margin-top: 1.875rem;}
	.modal-app .cont-form .app-wrap .step .sec .cont .ipt-list{padding: 0; margin-top: 3.75rem; border: 0;}
	.modal-app .cont-form .app-wrap .step .sec .cont .ipt-list > ul > li{display: block; padding: 1.4375rem 0;}
	.modal-app .cont-form .app-wrap .step .sec .cont .ipt-list > ul > li .tit{display: none;}
	.modal-app .cont-form .app-wrap .step .sec .cont .ipt-list > ul > li .slt-box + .ipt-text{margin-left: 0;}
	.modal-app .cont-form .app-wrap .step .sec .cont .ipt-list > ul > li .chk-box{padding-top: 0;}
	.modal-app .cont-form .app-wrap .step .sec .cont .ipt-list .addr li{margin-top: 0.5rem;}
	.modal-app .cont-form .app-wrap .step .sec .cont .ipt-list .addr .zipcode {width:100%;min-width:100%;}
	.modal-app .cont-form .app-wrap .step .sec .cont .ipt-list .addr .addr1{width: 100%;}
	.modal-app .cont-form .app-wrap .step .sec .cont .ipt-list .addr .addr2{width: 100%;}
	.modal-app .cont-form .app-wrap .step .sec .cont .ipt-list .addr .btn-addr{position: absolute; right: 0; bottom: 1.875rem; margin: 0;}
	.modal-app .cont-form .app-wrap .step .sec .cont .ipt-list select{width: 100%;}
	.modal-app .cont-form .app-wrap .step .sec .cont .ipt-list .img{position: static;}
	.modal-app .cont-form .app-wrap .step .sec .cont .ipt-list .img img{width: 100%;}
	.modal-app .cont-form .app-wrap .step .sec .cont .ipt-list .img + ul{margin-top: 2.5rem;}
	.modal-app .cont-form .app-wrap .step .sec .cont .ipt-text label{display: none;}
	.modal-app .cont-form .app-wrap .step .sec .cont .ipt-text-box label{display: block;}
	.modal-app .cont-form .app-wrap .step .sec .cont .noti{padding-top: 9.375rem; margin-top: 6.25rem; background-size: 7.5625rem auto; font-size: 1.75rem; line-height: 3rem; letter-spacing: -0.0313rem;}
	.modal-app .cont-form .app-wrap .step .sec .cont .ipt-text-box input::placeholder{color: transparent;}
	.modal-app .cont-form .app-wrap .step .sec .cont .slt-box{display: flex; justify-content: space-between;}
	.modal-app .cont-form .app-wrap .step .sec .cont .slt-box select{width: 20.3125rem;}
	.modal-app .cont-form .app-wrap .step .sec .cont .slt-box + .ipt-text{margin: 0; margin-top: 2.8125rem;}
	.modal-app .cont-form .app-wrap .step .sec .cont .btn-wrap{position: static;}
	.modal-app .cont-form .app-wrap .file label{width: 100%; height: 21.25rem; border-width: 0.125rem; border-radius: 1.25rem; font-size: 1.5rem; line-height: 2.5rem;}
	.modal-app .cont-form .app-wrap .file label .txt{padding-top: 6.25rem; background-size: 6.75rem auto;}
	.modal-app .cont-form .app-wrap .file label .txt strong{font-size: 2rem;}
	.modal-app .cont-form .app-wrap .file-list > li{display: block; padding: 2.1875rem 2.1875rem; margin-top: 1rem; border: 0.125rem solid #ddd; border-radius: 1.25rem;}
	.modal-app .cont-form .app-wrap .file-list > li .tit{font-size: 2rem;}
	.modal-app .cont-form .app-wrap .file-list > li .tit span{font-size: 1.75rem;}
	.modal-app .cont-form .app-wrap .file-list > li label{display: block; width: 100%; padding: 0; margin-top: 1.5625rem;}
	.modal-app .cont-form .app-wrap .agree-box-type1{padding: 1.875rem 1.5625rem; margin-top: 3.4375rem; border-width: 0.125rem; border-radius: 1.25rem;}
	.modal-app .cont-form .app-wrap .agree-box-type2{padding: 1.5625rem; margin-top: 0; border-width: 0.125rem; border-radius: 1.25rem;}
	.modal-app .cont-form .app-wrap .agree-box-type2 .list li{margin-top: 0.9375rem;}
	.modal-app .cont-form .app-wrap .agree-box-type2 .list li .btn-agree{font-size: 1.75rem;}
	.modal-app .cont-form .app-wrap .agree-box-type2 + .agree-box-type2{margin-top: 1.25rem;}
	.modal-app .cont-form .app-wrap .agree-box-type3{padding: 0 1.875rem 1.5625rem; margin: 0;}
	.modal-app .cont-form .app-wrap .agree-box-type3 .tit{font-size: 2rem;}
	.modal-app .cont-form .app-wrap .agree-box-type3 ul{margin-top: 1.5625rem;}
	.modal-app .cont-form .app-wrap .agree-box-type3 ul li{margin-top: 0.9375rem;}
	.modal-app .cont-form .app-wrap .agree-box-type3 p{margin-top: 2.1875rem; font-size: 1.75rem; line-height: 3rem;}
	.modal-app .cont-form .app-wrap .title + .agree-box-type2{margin-top: -0.9375rem;}
	.modal-app .cont-form .app-wrap .license-box{margin-top: 3.75rem;}
	.modal-app .cont-form .app-wrap .license-box.on{display: block;}
	.modal-app .cont-form .app-wrap .license-box .img{width: 100%;}
	.modal-app .cont-form .app-wrap .license-box .img img{width: 100%;}
	.modal-app .cont-form .app-wrap .license-box .ipt{margin-top: 4.0625rem;}
	.modal-app .cont-form .app-wrap .license-box .ipt .tit{font-size: 1.75rem;}
	.modal-app .cont-form .app-wrap .license-box .ipt .box{display: block;justify-content: space-between;}
	.modal-app .cont-form .app-wrap .license-box .ipt .box .col2{display: flex; justify-content: space-between; width: 100%; margin-left: 0;}
	.modal-app .cont-form .app-wrap .license-box .ipt .box .col2 > div {width: calc(100% - 3rem);display: grid;grid-template-columns: 30% 20% 30% 20%;gap: 1rem;}
	.modal-app .cont-form .app-wrap .license-box .ipt .box .col2 > div input[type="text"], .modal-app .cont-form .app-wrap .license-box .ipt .box .col2 > div .appformdrivernum1 {width:100% !important;min-width:100% !important;margin-left:0;}
	.modal-app .cont-form .app-wrap .license-box .ipt .box .col2:nth-of-type(2){margin-top: 2.8125rem;}
	.modal-app .cont-form .app-wrap .license-box .ipt .ex{padding-left: 2.5rem; margin-top: 1.25rem; background-size: 2rem auto; font-size: 1.75rem;}
	.modal-app .cont-form .app-wrap .license-box .ipt .ex + .tit + .ipt-text{margin-top: 2.8125rem;}
	.modal-app .cont-form .app-wrap .bill-box{margin-top: 2.5rem;}
	.modal-app .cont-form .app-wrap .payment-box.paper .desc-list{margin: 3.4375rem 0;}
	.modal-app .cont-form .app-wrap .payment-box.paper .tit{font-size: 2rem; font-weight: 700; text-align: center;}
	.modal-app .cont-form .app-wrap .payment-box .t-tit{font-size: 2rem;}
	.modal-app .cont-form .app-wrap .usim-box .tit{display: none;}
	.modal-app .cont-form .app-wrap .usim-box .ipt.chk{display: flex; justify-content: space-between;}
	.modal-app .cont-form .app-wrap .usim-box .ipt.chk > div{width: 50%; margin-left: 0;}
	.modal-app .cont-form .app-wrap .usim-box .ipt .list{display: block;}
	.modal-app .cont-form .app-wrap .usim-box .ipt .list li{width: 100%; margin-top: 2.8125rem;}
	.modal-app .cont-form .app-wrap .usim-box .ipt .list li:nth-child(-n+2){margin-top: 2.8125rem;}
	.modal-app .cont-form .app-wrap .usim-box .ipt .list li input[type=text]{width: 100%;}
	.modal-app .cont-form .app-wrap .usim-box .img + .ipt{margin-top: 2.5rem;}
	.modal-app .cont-form .app-wrap .usim-box .img + .ipt.chk{margin-top: 4.375rem;}
	.modal-app .cont-form .app-wrap .usim-box .ipt.chk + .ipt{margin-top: 2.8125rem;}
	.modal-app .cont-form .app-wrap .usim-box .ipt + .bul{margin-top: 3.125rem;}
	.modal-app .cont-form .app-wrap .usim-box .file{margin-top: 3.125rem;}
	.modal-app .cont-form .app-wrap .usim-box .img{position: static;}
	.modal-app .cont-form .app-wrap .usim-box .img img{width: 100%;}
	.modal-app .cont-form .app-wrap .usim-box .img-box-col2{padding-top: 2.5rem; margin-top: 5rem; border-top-width: 0.125rem;}
	.modal-app .cont-form .app-wrap .usim-box .txt-box{margin-top: 2.1875rem;}
	.modal-app .cont-form .app-wrap .usim-box .txt-box .tit{font-size: 1.75rem; margin-bottom: 0.9375rem;}
	.modal-app .cont-form .app-wrap .desc-list{position: relative; margin: 1.875rem 0 1.5625rem;}
	.modal-app .cont-form .app-wrap .desc-list .tit{font-size: 1.75rem;}
	.modal-app .cont-form .app-wrap .desc-list ul{margin-top: 0.9375rem;}
	.modal-app .cont-form .app-wrap .desc-list ul li{padding-left: 1.25rem; font-size: 1.5rem; line-height: 2.5rem; text-indent: -1.25rem;}
	.modal-app .cont-form .app-wrap .desc-list .img{position: static; margin-top: 3.125rem;}
	.modal-app .cont-form .app-wrap .desc-list .img img{width: 100%;}
	.modal-app .cont-form .app-wrap .title + .desc-list{margin-top: 0;}
	.modal-app .cont-form .app-wrap .img-box-col2{display: block;}
	.modal-app .cont-form .app-wrap .img-box-col2 > li:last-child{margin-left: 0; margin-top: 3.75rem;}
	.modal-app .cont-form .app-wrap .img-box-col2 .tit{font-size: 1.75rem;}
	.modal-app .cont-form .app-wrap .img-box-col2 .img{margin: 0 0 1.25rem;}
	.modal-app .cont-form .app-wrap .img-box-col2 .img img{width: 100%;}
	.modal-app .cont-form .app-wrap .img-box-col2 .tit + .img{margin-top: 1.5625rem;}
	.modal-app .cont-form .app-wrap .img-box-col2 p{font-size: 1.75rem; font-weight: 500;}
	.modal-app .cont-form .app-wrap .num-box-col2{padding-top: 2.8125rem; margin-top: 1.875rem; border-top: 0;}
	.modal-app .cont-form .app-wrap .num-box-col2 .tit{display: block; font-size: 1.75rem;}
	.modal-app .cont-form .app-wrap .num-box-col2 .box{display: block; margin-top: 1.875rem;}
	.modal-app .cont-form .app-wrap .num-box-col2 .box img{width: 100%;}
	.modal-app .cont-form .app-wrap .num-box-col2 .box .file{margin-top: 3.75rem;}
	.modal-app .cont-form .app-wrap .num-box2-col2{padding-top: 2.8125rem; margin: 1.875rem 0 0; border-top: 0;}
	.modal-app .cont-form .app-wrap .num-box2-col2 .tit{display: block; font-size: 1.75rem;}
	.modal-app .cont-form .app-wrap .num-box2-col2 p{font-size: 1.5rem;}
	.modal-app .cont-form .app-wrap .num-box2-col2 p.txt1{margin-top: 1.25rem;}
	.modal-app .cont-form .app-wrap .num-box2-col2 p.txt1 img{width: 3.375rem;}
	.modal-app .cont-form .app-wrap .num-box2-col2 p.txt2{margin-top: 0.9375rem; line-height: 2.5rem;}
	.modal-app .cont-form .app-wrap .num-box2-col2 .box{display: block; margin-top: 1.25rem;}
	.modal-app .cont-form .app-wrap .num-box2-col2 .box > div:first-child{margin: 0;}
	.modal-app .cont-form .app-wrap .num-box2-col2 .box > div{margin-top: 1.25rem;}
	.modal-app .cont-form .app-wrap .num-box2-col2 .box img{width: 100%;}
	.modal-app .cont-form .app-wrap .chk-list-type1{display: block;}
	.modal-app .cont-form .app-wrap .chk-list-type1 li{margin: 0; margin-top: 1rem;}
	.modal-app .cont-form .app-wrap .chk-list-type1 li:first-child{margin-top: 0;}
	.modal-app .cont-form .app-wrap .txt-list-type1 + .title,
	.modal-app .cont-form .app-wrap .chk-list-type1 + .title{margin-top: 3.125rem !important;}
	.modal-app .cont-form .app-wrap .title + .chk-list-type1{margin-top: -1.25rem;}
	.modal-app .cont-form .app-wrap .chk-list-type2{display: block;}
	.modal-app .cont-form .app-wrap .chk-list-type2 li{margin-top: 1.125rem;}
	.modal-app .cont-form .app-wrap .chk-list-type3{display: block;}
	.modal-app .cont-form .app-wrap .chk-list-type3.max-h{height: auto;}
	.modal-app .cont-form .app-wrap .chk-list-type3 > li{height: auto; min-height: auto; margin: 0; margin-top: 1.25rem;}
	.modal-app .cont-form .app-wrap .chk-list-type3 > li:first-child{margin-top: 0;}
	.modal-app .cont-form .app-wrap .chk-list-type3 + p{margin-top: 1.25rem;}
	.modal-app .cont-form .app-wrap .chk-list-type3 + .desc{margin-top: 3.75rem;}
	.modal-app .cont-form .app-wrap .title + .chk-list-type2{margin-top: -1.25rem;}
	.modal-app .cont-form .app-wrap .txt-type1{padding: 3.125rem 0 2.5rem; font-size: 2rem; line-height: 3rem;}
	.modal-app .cont-form .app-wrap .app-cpt .top{padding-top: 10.625rem; margin-bottom: 3.125rem; background-position: center 1.25rem; background-size: 7.5rem auto; font-size: 2rem; line-height: 3rem;}
	.modal-app .cont-form .app-wrap .sec.sec2 .cont{height: auto;}
	.modal-app .cont-form .app-wrap .step3 .sec3 .cont{height: auto;}
	.modal-app .cont-form .app-wrap .step3 .sec4 .cont{height: auto;}
	.modal-app .cont-form .app-wrap .step4 .sec6 .cont{height: auto;}
	.modal-app .cont-form .app-wrap .appFormMinorPhone{width: 100%;}
	.modal-app .cont-form .app-wrap .appFormInfoTel{width: 100%;}
	.modal-app .cont-form .app-wrap .appFormDriverNum1{width: 100%;}
	.modal-app .cont-form .app-wrap .appFormDriverNum2,
	.modal-app .cont-form .app-wrap .appFormDriverNum4{width: 100%; text-align: left;}
	.modal-app .cont-form .app-wrap .appFormDriverNum3{width: 100%; text-align: left;}
	.modal-app .cont-form .app-wrap .tbl-app{margin-top: 1.25rem; border-top-width: 0.125rem;}
	.modal-app .cont-form .app-wrap .tbl-app colgroup{display: none;}
	.modal-app .cont-form .app-wrap .tbl-app thead{display: none;}
	.modal-app .cont-form .app-wrap .tbl-app tbody tr{position: relative;}
	.modal-app .cont-form .app-wrap .tbl-app tbody th,
	.modal-app .cont-form .app-wrap .tbl-app tbody td{display: block; width: 100%; height: auto; padding: 0; padding-top: 2.5rem; border-bottom: 0; font-size: 1.75rem; line-height: 1;}
	.modal-app .cont-form .app-wrap .tbl-app tbody th{font-size: 1.75rem; border-bottom: 0; border-top: 0.125rem solid #ddd;}
	.modal-app .cont-form .app-wrap .tbl-app tbody tr:first-child th{border-top: 0;}
	.modal-app .cont-form .app-wrap .tbl-app tbody td{padding: 2.5rem 0;}
	.modal-app .cont-form .app-wrap .tbl-app tbody td:nth-child(3){padding: 1.5625rem 0 1.875rem; border-top: 0.125rem dotted #ddd; font-size: 1.75rem; line-height: 1;}
	.modal-app .cont-form .app-wrap .tbl-app tbody td:nth-child(3) .tit{display: inline-block; margin-right: 0.625rem;}
	.modal-app .cont-form .app-wrap .tbl-app tbody td select{width: 100%;}
	.modal-app .cont-form .app-wrap .tbl-app tbody td .btn-txt{position: absolute; top: 2.5rem; right: 0; font-size: 1.5rem; line-height: 1;}
	.modal-app .cont-form .app-wrap .tbl-app tbody td .pc{display: none;}
	.modal-app .cont-form .app-wrap .tbl-app tbody td .mo{display: block;}
	.modal-app .cont-form .app-wrap .tbl-app tfoot td{padding: 1.875rem 2.5rem; border-top: 0.125rem solid #ddd; border-bottom: 0.125rem solid #ddd; font-size: 2rem; text-align: left;}
	.modal-app .cont-form .app-wrap .tbl-app tfoot td .t{display: block; font-size: 2rem;}
	.modal-app .cont-form .app-wrap .tbl-app tfoot td .c{display: block; margin-left: 0; margin-top: 1.875rem; font-size: 2.625rem; text-align: right;}
	.modal-app .cont-form .app-total-price{display: none; position: relative; left: -50%; width: 200%; padding: 0; margin-top: 5rem; margin-bottom: -2.5rem; border-width: 0.125rem; border-radius: 0;}
	.modal-app .cont-form .app-total-price.mo.on{display: block;}
	.modal-app .cont-form .app-total-price > div{width: 46.875rem; padding: 4.375rem 2.5rem 2.5rem; margin: 0 auto; box-sizing: border-box;}
	.modal-app .cont-form .app-total-price table{width: 100%;}
	.modal-app .cont-form .app-total-price table th,
	.modal-app .cont-form .app-total-price table td{padding: 0.9375rem 0; border-bottom-width: 0.125rem; font-size: 1.5rem;}
	.modal-app .cont-form .app-total-price table tr.top th,
	.modal-app .cont-form .app-total-price table tr.top td{padding:0 0 1.5625rem; font-size: 2rem;}
	.modal-app .cont-form .app-total-price table + table{margin-top: 3.75rem; border-top-width: 0.125rem;}
	.modal-app .cont-form .app-total-price .mark{width: 5rem; height: 5rem; margin: 1.875rem auto 1.25rem; font-size: 3rem;}
	.modal-app .cont-form .app-total-price .side{margin-top: 0.625rem;}
	.modal-app .cont-form .app-total-price .side .total{display: flex; align-items: center; justify-content: space-between; margin-left: 0; margin-top: 2.1875rem; line-height: 1;}
	.modal-app .cont-form .app-total-price .side .total .tit{margin-right: 0; font-size: 2rem;}
	.modal-app .cont-form .app-total-price .side .total strong{font-size: 2rem;}
	.modal-app .cont-form .app-total-price .side .total strong span{font-size: 3.375rem;}
	.modal-app .cont-form .app-total-price .side .btn{margin-top: 3.75rem;}
	.modal-app.online .cont-form .app-wrap .scroll-box > div{height: auto;}
	.modal-app.online .cont-form .app-wrap .step .sec .cont{margin-top: 0;}
	.modal-app.online .cont-form .app-wrap .step .sec .cont .title{padding-bottom: 0;}
	.modal-app.online input[type="checkbox"] + label.checkbox-type3,
	.modal-app.online input[type="radio"] + label.radio-type3{width: 100%;}
}

/* 작성중인 가입신청서 */
.modal-app-writing .tit{display: block; font-size: 24px; color: #333;}
.modal-app-writing p{margin: 50px 0 70px; font-size: 16px; line-height: 24px; color: #333;}
@media all and (max-width:1299px) {
	.modal-app-writing{padding: 4.6875rem 0 0;}
	.modal-app-writing .tit{font-size: 2.625rem;}
	.modal-app-writing p{margin: 2.5rem 0 0; font-size: 1.75rem; line-height: 2.625rem;}
	.modal-app-writing .btn-wrap{position: absolute; bottom: 7.5rem; left: 50%; width: 41.875rem; transform: translateX(-50%);}
}

/* 가입신청서 CI 단계 추가 */
.modal-app .cont-form .app-wrap .scroll-box .sec.sec0 .cont {height:634px;}
.modal-app .cont-form .app-wrap .scroll-box .sec.sec0 .ci-wrap {display: flex;flex-direction: column;gap:2.5rem;justify-content: center;padding:5rem 0;background-color:#f4f4f4;border-radius:10px;}
.modal-app .cont-form .app-wrap .scroll-box .sec.sec0 span {width:60px;height:60px;display:block;background:url(/assets/images/common/lock_ico.svg)no-repeat;margin:0 auto;background-size:contain;}
.modal-app .cont-form .app-wrap .scroll-box .sec.sec0 h2 {text-align:center;color:#333;font-weight:700;font-size:18px;}
.modal-app .cont-form .app-wrap .scroll-box .sec.sec0 strong {font-weight: 800; color:#0a53be}
.modal-app .mo-dropdownTitle {display:none;font-size:2rem;color:#fff;}

/* 미성년자 가입 */
.modal#modalNonAdult .cont div .warning {margin:1.5rem auto 2.5rem;display:block;width:80px;height:80px;background:url(/assets/images/member/icon_fail.svg)no-repeat;background-size:contain;    filter: saturate(3.5);}
.modal#modalNonAdult .cont .txt-box {background:#f8f8f8;border-radius:5px;padding:20px;margin-bottom:10px;}
.modal#modalNonAdult .cont p {color:#333;font-size:16px;font-weight:600;}
.modal#modalNonAdult .cont a {color:#000;font-size:18px;font-weight:800;text-decoration:underline;margin-top:1rem;display:block;}
@media all and (max-width:1299px) {
	.modal#modalNonAdult .cont div .warning {width:8rem;height:8rem;}
	.modal#modalNonAdult .cont p {font-size:1.65rem;}
	.modal#modalNonAdult .cont a {font-size:1.75rem;}
}

/* 작성전 확인사항 */
.modal-app-check .tit{display: block; margin: 40px 0 25px; font-size: 20px; font-weight: 700; color: #333;}
.modal-app-check .tit:nth-of-type(1){margin-top: 0;}
.modal-app-check .item li{padding-top: 95px; font-size: 16px; line-height: 22px; color: #333;}
.modal-app-check .item li.license{background: url(../images/common/ico_app_check1.png) center 10px / 76px auto no-repeat;}
.modal-app-check .item li.certificate{background: url(../images/common/ico_app_check2.png) center 10px / 181px auto no-repeat;}
.modal-app-check .item li.agency{background: url(../images/common/ico_app_check3.png) center 10px / 109px auto no-repeat;}
.modal-app-check .item li.bank{background: url(../images/common/ico_app_check4.png) center 10px / 181px auto no-repeat;}
.modal-app-check .item li.family{background: url(../images/common/ico_app_check5.png) center 0 / 76px auto no-repeat;}
.modal-app-check .item.col2{display: flex; position: relative; justify-content: space-between;}
.modal-app-check .item.col2::after{position: absolute; top: 0; left: 50%; width: 1px; height: 100%; background: #ddd; content: "";}
.modal-app-check .item.col2 li{width: 180px; padding-top: 105px;}
.modal-app-check .list li{padding: 10px 0 10px 20px; margin-top: 6px; border: 1px solid #ddd; border-radius: 5px; font-size: 18px; font-weight: 700; line-height: 28px; color: #666; text-align: left;}
.modal-app-check .list li:first-child{margin-top: 0;}
.modal-app-check .list li span{font-size: 16px; font-weight: 500;}
@media all and (max-width:1299px) {
	.modal-app-check{padding: 0;}
	.modal-app-check .tit{margin: 5rem 0 1.5625rem; font-size: 2.25rem;}
	.modal-app-check .item li{padding-top: 9.6875rem; font-size: 1.75rem; line-height: 2.25rem;}
	.modal-app-check .item li.license{background-size: 7.5625rem auto;}
	.modal-app-check .item li.certificate{background-size: 17.5rem auto;}
	.modal-app-check .item li.agency{background-size: 10.3125rem auto;}
	.modal-app-check .item li.bank{background-size: 17.5rem auto;}
	.modal-app-check .item li.family{background-position: center 0.625rem; background-size: 7.5rem auto;}
	.modal-app-check .item.col2::after{width: 0.0625rem;}
	.modal-app-check .item.col2 li{width: 50%; padding-top: 9.6875rem;}
	.modal-app-check .list{margin-top: 2.5rem;}
	.modal-app-check .list li{padding: 1.25rem 0 1.25rem 1.875rem; margin-top: 0.625rem; border-width: 0.125rem; border-radius: 0.625rem; font-size: 2rem; line-height: 2.875rem;}
	.modal-app-check .list li:first-child{margin-top: 0;}
	.modal-app-check .list li span{font-size: 1.6875rem;}

	.modal-app .cont-form .app-wrap .scroll-box .sec.sec0 h2 {font-size:1.85rem;}
	.modal-app .cont-form .app-wrap .scroll-box .sec.sec0 .cont {height:auto;}
	.modal-app .cont-form .app-wrap .scroll-box .sec.sec0 span {width:6.5rem;height:6.5rem;}
	.modal-app .mo-dropdownTitle {display:block;}
}

/* 가입신청서 저장 */
.modal-app-save{text-align: center; color: #333;}
.modal-app-save .txt1{margin-bottom: 5px; font-size: 24px; font-weight: 700; line-height: 36px;}
.modal-app-save .txt1 strong{color: #0072bc;}
.modal-app-save .txt2{font-size: 16px; line-height: 26px;}
.modal-app-save .btn-wrap{margin-top: 60px;}
@media all and (max-width:1299px) {
	.modal-app-save .txt1{margin-bottom: 0.9375rem; font-size: 2.625rem; line-height: 4rem;}
	.modal-app-save .txt2{font-size: 1.75rem; line-height: 2.875rem;}
	.modal-app-save .btn-wrap{margin-top: 10.9375rem;}
}

/* 셀프개통 상세안내 */
.modal-app-self{text-align: left; letter-spacing: -0.4px;}
.modal-app-self h4{display: flex; margin-bottom: 25px; font-size: 24px; font-weight: 700; color: #333; line-height: 1;}
.modal-app-self .tit{display: flex; margin-top: 25px; font-size: 16px; font-weight: 700; color: #333;}
.modal-app-self .tit:nth-of-type(1){margin-top: 0;}
.modal-app-self .list{margin-top: 8px;}
.modal-app-self .list.dash > li{position: relative; padding-left: 12px; font-size: 16px; line-height: 24px; color: #333;}
.modal-app-self .list.dash > li::before{position: absolute; top: 0; left: 0; content: "\002D"; vertical-align: middle;}
.modal-app-self .list2.num > li{padding-left: 20px; text-indent: -20px;}
@media all and (max-width:1299px) {
	.modal-app-self{letter-spacing: -0.0313rem;}
	.modal-app-self h4{margin-bottom: 2.8125rem; font-size: 2.625rem;}
	.modal-app-self .tit{margin-top: 2.5rem; font-size: 1.75rem; line-height: 2.625rem;}
	.modal-app-self .list{margin-top: 1.4375rem;}
	.modal-app-self .list.dash > li{padding-left: 1.25rem; font-size: 1.75rem; line-height: 2.625rem;}
	.modal-app-self .list2.num > li{padding-left: 2.1875rem; text-indent: -2.1875rem;}
}

/* 전문상담 */
.modal-inquiry{min-height: 480px;}
.modal-inquiry .modal-step.step1 .title .tit{background: url(../images/member/ico_step1.png) left center / 60px auto no-repeat;}
.modal-inquiry .modal-step.step2 .title .tit{background: url(../images/member/ico_step2.png) left center / 60px auto no-repeat;}
.modal-inquiry .modal-step.step3 .title .tit{background: url(../images/member/ico_step3.png) left center / 60px auto no-repeat;}
.modal-inquiry .cpt{margin-bottom: 55px; text-align: center;}
.modal-inquiry .cpt p{font-size: 24px; line-height: 36px; font-weight: 700; color: #333;}
.modal-inquiry .cpt p + p{margin-top: 15px;}
@media all and (max-width:1299px) {
	.modal-inquiry{min-height: auto;}
	.modal-inquiry .modal-step.step1 .title .tit{background-size: 7.5rem auto;}
	.modal-inquiry .modal-step.step2 .title .tit{background-size: 7.5rem auto;}
	.modal-inquiry .modal-step.step3 .title .tit{background-size: 7.5rem auto;}
	.modal-inquiry .cpt{margin-bottom: 6.5625rem;}
	.modal-inquiry .cpt p{font-size: 2.625rem; line-height: 4rem;}
	.modal-inquiry .cpt p + p{margin-top: 2.1875rem;}
}

/* 상담사개통 상세안내 */
.app-couns-wrap{letter-spacing: -0.4px;}
.app-couns-wrap .txt1{display: block; margin-bottom: 30px; font-size: 24px; font-weight: 700; color: #333; line-height: 36px;}
.app-couns-wrap .txt2{margin-top: 20px; font-size: 16px; line-height: 24px; color: #333;}
@media all and (max-width:1299px) {
	.app-couns-wrap{letter-spacing: -0.0313rem;}
	.app-couns-wrap .txt1{margin-bottom: 3.4375rem; font-size: 2.625rem; line-height: 4.25rem;}
	.app-couns-wrap .txt2{margin-top: 2.5rem; font-size: 1.75rem; line-height: 2.875rem;}
}

/* 본인인증 확인 */
.modal-app-auth .type{display: flex; justify-content: space-between; width: 100%; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #ddd;}
.modal-app-auth .type li{width: 120px;}
.modal-app-auth .type li button{width: 100%; height: 120px; padding-top: 68px; border: 1px solid #eaeaea; border-radius: 10px; background: #fff; font-size: 16px; color: #333;}
.modal-app-auth .type li button.naver{background: url(../images/common/ico_auth_naver.png) center 30px / 38px auto no-repeat;}
.modal-app-auth .type li button.card{background: url(../images/common/ico_auth_card.png) center 30px / 59px auto no-repeat;}
.modal-app-auth .type li button.certi{background: url(../images/common/ico_auth_certi.png) center 18px / 41px auto no-repeat;}
.modal-app-auth .user-info{padding: 30px 0 30px 65px; border-radius: 10px; background: #f4f4f4; text-align: left;}
.modal-app-auth .user-info::after{display: block; content: ""; clear: both;}
.modal-app-auth .user-info dt{clear: both; float: left; width: 100px; font-size: 16px; color: #666; line-height: 28px;}
.modal-app-auth .user-info dd{float: left; font-size: 16px; font-weight: 700; color: #333; line-height: 28px;}
.modal-app-auth .bul{margin-top: 30px;}
.modal-app-auth .bul > li{line-height: 24px;}
#modalAppFormAuth .modal-app-auth .type li:first-child:nth-last-child(2), #modalAppFormAuth .modal-app-auth .type li:first-child:nth-last-child(2) ~ li,
#can_modalAppFormAuth2 .modal-app-auth .type li:first-child:nth-last-child(2), #can_modalAppFormAuth2 .modal-app-auth .type li:first-child:nth-last-child(2) ~ li
 {width:calc(50% - 10px);}
@media all and (max-width:1299px) {
	.modal-app-auth .type{padding-bottom: 3.75rem; margin-bottom: 3.75rem; border-bottom-width: 0.125rem;}
	.modal-app-auth .type li{width: 20.3125rem;}
	.modal-app-auth .type li button{height: 13.125rem; padding-top: 6.25rem; border-width: 0.125rem; border-radius: 1.25rem; font-size: 1.75rem;}
	.modal-app-auth .type li button.naver{background-position: center 2.8125rem; background-size: 3.875rem auto;}
	.modal-app-auth .type li button.card{background-position: center 2.8125rem; background-size: 5.6875rem auto;}
	.modal-app-auth .user-info{padding: 3.75rem 0 3.75rem 8.125rem; border-radius: 1.25rem;}
	.modal-app-auth .user-info dt{width: 11.5625rem; font-size: 1.75rem; line-height: 3.375rem;}
	.modal-app-auth .user-info dd{font-size: 1.75rem; line-height: 3.375rem;}
	.modal-app-auth .bul{margin-top: 2.8125rem;}
	.modal-app-auth .bul > li{line-height: 2.625rem;}
}

/* 번호이동 인증 동의 */
.modal-app-numtransfer{text-align: left;}
.modal-app-numtransfer .tit{display: block; margin: 30px 0 10px; font-size: 22px; font-weight: 700; color: #333;}
.modal-app-numtransfer .tit:nth-of-type(1){margin-top: 0;}
.modal-app-numtransfer .bul li{font-size: 16px; line-height: 24px;}
.modal-app-numtransfer .auth-info-box{padding: 20px; margin-top: 15px; border-radius: 10px; background: #f4f4f4; text-align: center;}
.modal-app-numtransfer .auth-info-box span{font-size: 16px; color: #333;}
.modal-app-numtransfer .auth-info-box strong{display: block; margin-bottom: 10px; font-size: 24px; font-weight: 600; color: #333;}
@media all and (max-width:1299px) {
	.modal-app-numtransfer .tit{margin: 3.75rem 0 1.875rem; font-size: 2.625rem;}
	.modal-app-numtransfer .bul li{font-size: 1.75rem; line-height: 2.625rem;}
	.modal-app-numtransfer .auth-info-box{padding: 3.4375rem 1.25rem; margin-top: 0.9375rem; border-radius: 1.25rem;}
	.modal-app-numtransfer .auth-info-box span{font-size: 1.75rem;}
	.modal-app-numtransfer .auth-info-box strong{margin: 0.625rem 0 3.125rem; font-size: 2.625rem;}
}

/* 유심구매 */
.modal-buy{min-height: 470px;}
.modal-buy h4{padding-top: 10px;}
.modal-buy .modal-txt-box1{margin-top: 40px;}
.modal-buy .modal-step.step1 .title .tit{background: url(../images/common/ico_buy_step1.png) left center / 60px auto no-repeat;}
.modal-buy .modal-step.step2 .title .tit{background: url(../images/common/ico_buy_step2.png) left center / 60px auto no-repeat;}
.modal-buy .modal-step.step3 .title .tit{background: url(../images/common/ico_buy_step3.png) left center / 60px auto no-repeat;}
.modal-buy .modal-step.step4 .title .tit{background: url(../images/common/ico_buy_step4.png) left center / 60px auto no-repeat;}
.modal-buy .chk{margin-top: 60px;}
.modal-buy .cpt{padding-top: 130px; font-size: 24px; line-height: 36px; font-weight: 700; color: #333; text-align: center;}
@media all and (max-width:1299px) {
	.modal-buy{height: auto;}
	.modal-buy h4{padding-top: 1.25rem;}
	.modal-buy .modal-txt-box1{margin-top: 6.5625rem;}
	.modal-buy .btm{position: absolute; bottom: 3.125rem; left: 50%; width: calc(100% - 6.25rem); transform: translateX(-50%);}
	.modal-buy .modal-step.step1 .title .tit{background-size: 7.5rem auto;}
	.modal-buy .modal-step.step2 .title .tit{background-size: 7.5rem auto;}
	.modal-buy .modal-step.step3 .title .tit{background-size: 7.5rem auto;}
	.modal-buy .modal-step.step4 .title .tit{background-size: 7.5rem auto;}
	.modal-buy .chk{margin-top: 6.25rem;}
	.modal-buy .cpt{position: absolute; top: 50%; left: 0; width: 100%; padding-top: 0; font-size: 2.625rem; line-height: 4rem; transform: translateY(-50%);}
}

/* 이벤트신청 */
.modal-event{min-height: 470px;}
.modal-event .cpt{padding-top: 130px; font-size: 24px; line-height: 36px; font-weight: 700; color: #333; text-align: center;}
@media all and (max-width:1299px) {
	.modal-event{height: auto;}
	.modal-event .cpt{position: absolute; top: 50%; left: 0; width: 100%; padding-top: 0; font-size: 2.625rem; line-height: 4rem; transform: translateY(-50%);}
}

/* 싸이다 */
.modal-ssaida{height: auto;}
.modal-ssaida .img{text-align: center;}
.modal-ssaida .txt-box{padding: 20px 0 120px; font-size: 24px; line-height: 36px; font-weight: 700; text-align: center; color: #333;}
.modal-ssaida .txt-box strong{color: #0072bc;}
@media all and (max-width:1299px) {
	.modal-ssaida .txt-box{padding: 0; font-size: 2.625rem; line-height: 4rem; letter-spacing: -0.0625rem;}
}

/* 회원정보 */
.modal-member-info{min-height: 435px;}

/* 선불서비스 */
.modal-prepaid-charge{min-height: 485px; text-align: center; color: #333; text-align: left;}
.modal-prepaid-charge .txt1{margin-bottom: 5px; font-size: 24px; font-weight: 700; line-height: 36px;}
.modal-prepaid-charge .txt1 strong{color: #0072bc;}
.modal-prepaid-charge .modal-step.step1 .title .tit{background: url(../images/common/ico_charge_step1.png) left center / 60px auto no-repeat;}
.modal-prepaid-charge .modal-step.step2 .title .tit{background: url(../images/common/ico_charge_step1.png) left center / 60px auto no-repeat;}
.modal-prepaid-charge .modal-step.step3 .title .tit{background: url(../images/common/ico_charge_step3.png) left center / 60px auto no-repeat;}
.modal-prepaid-charge .modal-step.step4_1 .title .tit{background: url(../images/common/ico_charge_step4_1.png) left center / 60px auto no-repeat;}
.modal-prepaid-charge .modal-step.step4_2 .title .tit{background: url(../images/common/ico_charge_step4_1.png) left center / 60px auto no-repeat;}
.modal-prepaid-charge .modal-step.step4_3 .title .tit{background: url(../images/common/ico_charge_step4_2.png) left center / 60px auto no-repeat;}
.modal-prepaid-charge .modal-box-type2{margin-top: 85px;}
.modal-prepaid-charge-use{color: #333;}
.modal-prepaid-charge-use .txt1{margin-bottom: 5px; font-size: 24px; font-weight: 700; line-height: 36px;}
.modal-prepaid-charge-use p{font-size: 16px; line-height: 24px; letter-spacing: -0.5px;}
.modal-prepaid-charge-use .txt1 + p{margin-top: 20px;}
.modal-charge-info{text-align: left;}
.modal-charge-info h4{display: block; margin: 30px 0 10px; font-size: 16px; font-weight: 700; color: #333;}
.modal-charge-info h4:nth-of-type(1){margin-top: 0;}
.modal-charge-info p{font-size: 16px; line-height: 26px; color: #333;}
.modal-charge-info .bul li{font-size: 16px; line-height: 26px; color: #333; letter-spacing: -0.5px;}
.modal-charge-info .bul + p{margin-top: 10px;}
.modal-charge-info .bul + .modal-tbl-type2{margin-top: 30px;}
.modal-charge-info .modal-tbl-type2:not(.space) + .bul{margin-top: 30px;}
.modal-charge-info .modal-tbl-type2.space{margin: 10px 0;}
.modal-charge-info a{vertical-align: top;}
.modal-charge-info .box-type1{padding: 25px 0; margin: 20px 0; border-radius: 10px; background: #f4f4f4; font-size: 16px; line-height: 26px; text-align: center; color: #333;}
.modal-charge-info .box-type1 .list-type1{padding: 25px 30px 10px; margin-top: 25px; border-top: 1px solid #ddd; text-align: left;}
.modal-charge-info .box-type1 .list-type1 > li{margin-top: 25px;}
.modal-charge-info .box-type1 .list-type1 > li:first-child{margin-top: 0;}
.modal-charge-info .box-type1 .list-type1 .item{display: flex;}
.modal-charge-info .box-type1 .list-type1 .item li{margin-right: 20px;}
.modal-charge-info .box-type1 .list-type1 .item li:last-child{margin-right: 0;}
.modal-charge-info .box-type1 .list-type1 .tit{display: block; margin-bottom: 5px;}
.modal-charge-info .box-type1 .list-type1 .cc{display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 100%; background: #0072bc; font-weight: 700; color: #fff; text-align: center;}
.modal-charge-info .box-type1 .list-type1 .cc.star{font-size: 24px;}
.modal-charge-info .box-type2{padding: 25px; margin: 20px 0; border: 2px solid #ddd; border-radius: 20px;}
.modal-charge-info .box-type2 .tit{display: block; font-size: 16px; font-weight: 700; color: #333;}
.modal-charge-info .box-type2 .img{margin: 25px 0; text-align: center;}
.modal-charge-info .box-type2 .img .mo{display: none;}
.modal-charge-info .box-type2 .img .receipt{width: 270px;}
.modal-charge-info .box-type3{padding: 30px; margin: 20px 0; border: 1px solid #ddd; border-radius: 10px;}
.modal-charge-info .box-type3 .list-type1 {display: flex; flex-wrap: wrap;gap:1.5rem;    justify-content: center;}
.modal-charge-info .box-type3 .list-type1 li{width:fit-content; text-align: center;display: flex;flex-direction: column;align-items: center;}
.modal-charge-info .box-type3 .list-type1 li .tit{display: block; margin-bottom: 15px; font-size: 16px; color: #333; line-height: 1;}
.modal-charge-info .box-type3 .list-type1 li img{width: 130px;}
.modal-charge-info .tab{margin-top: 30px;}
@media all and (max-width:1299px) {
	.modal-prepaid-charge .txt1{margin-bottom: 0.9375rem; font-size: 2.625rem; line-height: 4rem;}
	.modal-prepaid-charge .btn-wrap{margin-top: 10.9375rem;}
	.modal-prepaid-charge .modal-step.step1 .title .tit{background-size: 7.5rem auto;}
	.modal-prepaid-charge .modal-step.step2 .title .tit{background-size: 7.5rem auto;}
	.modal-prepaid-charge .modal-step.step3 .title .tit{background-size: 7.5rem auto;}
	.modal-prepaid-charge .modal-step.step4_1 .title .tit{background-size: 7.5rem auto;}
	.modal-prepaid-charge .modal-step.step4_2 .title .tit{background-size: 7.5rem auto;}
	.modal-prepaid-charge .modal-step.step4_3 .title .tit{background-size: 7.5rem auto;}
	.modal-prepaid-charge .modal-box-type2{margin-top: 8.125rem;}
	.modal-prepaid-charge-use .txt1{margin-bottom: 0.3125rem; font-size: 2.625rem; line-height: 4rem;}
	.modal-prepaid-charge-use p{font-size: 1.75rem; line-height: 2.625rem; letter-spacing: -0.0625rem;}
	.modal-prepaid-charge-use .txt1 + p{margin-top: 1.875rem;}
	.modal-prepaid-charge-use .modal-txt-box1{margin-top: 3.4375rem;}
	.modal-charge-info h4{margin: 2.8125rem 0 1.25rem; font-size: 1.75rem;}
	.modal-charge-info p{font-size: 1.75rem; line-height: 2.625rem;}
	.modal-charge-info .bul li{font-size: 1.75rem; line-height: 2.625rem; letter-spacing: -0.0313rem;}
	.modal-charge-info .bul + p{margin-top: 10px;}
	.modal-charge-info .bul + .modal-tbl-type2{margin-top: 30px;}
	.modal-charge-info .modal-tbl-type2:not(.space) + .bul{margin-top: 30px;}
	.modal-charge-info .modal-tbl-type2.space{margin: 10px 0;}
	.modal-charge-info .box-type1{padding: 3.125rem 0; margin: 1.875rem 0; border-radius: 1.25rem; font-size: 1.75rem; line-height: 2.625rem;}
	.modal-charge-info .box-type1 .list-type1{padding: 2.5rem 2.5rem 0.625rem; margin-top: 3.125rem; border-top: 0.0625rem solid #ddd; text-align: left;}
	.modal-charge-info .box-type1 .list-type1 > li{margin-top: 2.8125rem;}
	.modal-charge-info .box-type1 .list-type1 > li:first-child{margin-top: 0;}
	.modal-charge-info .box-type1 .list-type1 .tit{margin-bottom: 0.9375rem; font-size: 1.75rem;}
	.modal-charge-info .box-type1 .list-type1 .item{display: flex;}
	.modal-charge-info .box-type1 .list-type1 .item li{margin-right: 1.875rem; font-size: 1.75rem;}
	.modal-charge-info .box-type1 .list-type1 .cc{width: 2.625rem; height: 2.625rem; font-size: 1.75rem;}
	.modal-charge-info .box-type1 .list-type1 .cc.star{font-size: 2.25rem;}
	.modal-charge-info .box-type2{padding: 1.875rem 2.5rem; margin: 1.875rem 0; border-width: 0.125rem; border-radius: 1.25rem;}
	.modal-charge-info .box-type2 .tit{font-size: 1.75rem;}
	.modal-charge-info .box-type2 .img{margin: 3.4375rem; text-align: center;}
	.modal-charge-info .box-type2 .img .pc{display: none;}
	.modal-charge-info .box-type2 .img .mo{display: block;}
	.modal-charge-info .box-type2 .img img{width: 100%;}
	.modal-charge-info .box-type2 .img .receipt{width: 26.25rem;}
	.modal-charge-info .box-type3{width: 100%; padding: 3.75rem; margin: 1.25rem 0; border-width: 0.125rem; border-radius: 1.25rem; box-sizing: border-box;}
	.modal-charge-info .box-type3 .list-type1 li .tit{margin-bottom: 1.875rem; font-size: 1.75rem;}
	.modal-charge-info .box-type3 .list-type1 li img{width: 14.375rem;}
	.modal-charge-info .tab{padding: 0 !important; margin-top: 1.875rem;}
	.modal-charge-info .items{margin-top: 2.8125rem;}
}

/* 통신상품찾기 */
.modal-prd-find{min-height: 520px;}
.modal-prd_find .modal-step.step1 .title .tit{background: url(../images/common/ico_prd_find_step1.png) left center / 60px auto no-repeat;}
.modal-prd-find h4{display: block; font-size: 30px; line-height: 42px; font-weight: 700; color: #333; text-align: center;}
.modal-prd-find h4 span{color: #0072bc;}
.modal-prd-find .img_intro{margin: 60px 0 0;}
.modal-prd-find .img_intro img{width: 100%;}
.modal-prd-find .img_ing{margin: 0 auto; text-align: center;}
.modal-prd-find .img_ing img{width: 170px;}
.modal-prd-find .ing{position: absolute; left: 50%; top: 50%; width: 100%; padding-bottom: 1.25rem; transform: translate(-50%, -50%);}
.modal-prd-find .result .list li{display: flex; align-items: center; height: 100px; padding-left: 110px; margin-top: 10px; border: 1px solid #ddd; border-radius: 20px; background-position: 30px center; background-size: 60px auto; background-repeat: no-repeat; box-sizing: border-box;}
.modal-prd-find .result .list li:first-child{margin-top: 0;}
.modal-prd-find .result .list li span{display: block; font-size: 15px; font-weight: 700; color: #999;}
.modal-prd-find .result .list li strong{display: block; margin-top: 5px; font-size: 24px; font-weight: 700;}
.modal-prd-find .result .list li.item1{background-image: url(../images/common/ico_prd_find_result1.png)}
.modal-prd-find .result .list li.item2{background-image: url(../images/common/ico_prd_find_result2.png)}
.modal-prd-find .result .list li.item3{background-image: url(../images/common/ico_prd_find_result3.png)}
.modal-prd-find .result .list li.item1 strong{color: #457fec;}
.modal-prd-find .result .list li.item2 strong{color: #0072bc;}
.modal-prd-find .result .list li.item3 strong{color: #ffa14d;}
.modal-prd-find .result p{margin-top: 45px; font-size: 18px; line-height: 30px; text-align: center; color: #333;}
.modal-prd-find .result p strong{font-weight: 800;}
@media all and (max-width:1299px) {
	.modal-prd_find .modal-step.step1 .title .tit{background-size: 7.5rem auto;}
	.modal-prd-find h4{font-size: 3.375rem; line-height: 4.625rem;}
	.modal-prd-find .img_intro{margin: 7.5rem 0 0;}
	.modal-prd-find .img_ing img{width: 15.625rem;}
	.modal-prd-find .result .list li{height: 11.25rem; padding-left: 10.625rem; margin-top: 1.25rem; border-width: 0.125rem; border-radius: 1.25rem; background-position: 2.375rem center; background-size: 6.25rem auto;}
	.modal-prd-find .result .list li span{font-size: 1.75rem;}
	.modal-prd-find .result .list li strong{margin-top: 0.3125rem; font-size: 2.625rem;}
	.modal-prd-find .result p{margin: 4.375rem 0 0; font-size: 2rem; line-height: 3rem;}
}

/* LTE 무전기 문의 */
.modal-lte-inq .modal-step.step1 .title .tit{background: url(../images/b2b/ico_lte_inq_step1.png) left center / 60px auto no-repeat;}
.modal-lte-inq .modal-step.step2 .title .tit{background: url(../images/b2b/ico_lte_inq_step2.png) left center / 60px auto no-repeat;}
.modal-lte-inq .modal-step.step3 .title .tit{background: url(../images/b2b/ico_lte_inq_step3.png) left center / 60px auto no-repeat;}
.modal-lte-inq .modal-step.step4 .title .tit{background: url(../images/b2b/ico_lte_inq_step4.png) left center / 60px auto no-repeat;}
.modal-lte-inq .modal-step.step5 .title .tit{background: url(../images/b2b/ico_lte_inq_step5.png) left center / 60px auto no-repeat;}
.modal-lte-inq .modal-step.step6 .title .tit{background: url(../images/b2b/ico_lte_inq_step6.png) left center / 60px auto no-repeat;}
.modal-lte-inq .cpt .top{padding-top: 80px; background: url(../images/common/ico_check04.png) center top / 60px auto no-repeat; font-size: 24px; font-weight: 700; color: #333; text-align: center;}
.modal-lte-inq .cpt .txt-box{padding: 25px; margin-top: 40px; border: 1px solid #ddd; border-radius: 10px; text-align: center;}
.modal-lte-inq .cpt .txt-box strong{display: block; font-size: 18px; line-height: 28px; font-weight: 700; color: #333;}
.modal-lte-inq .cpt .txt-box strong span{color: #0072bc;}
.modal-lte-inq .cpt .txt-box p{margin-top: 15px; font-size: 16px; line-height: 24px;}
@media all and (max-width:1299px) {
	.modal-lte-inq .cpt .top{padding-top: 9.6875rem; background-size: 7.5rem auto; font-size: 2.625rem;}
	.modal-lte-inq .cpt .txt-box{padding: 3.125rem; margin-top: 4.6875rem; border-width: 0.125rem; border-radius: 1.25rem;}
	.modal-lte-inq .cpt .txt-box strong{font-size: 2rem; line-height: 3rem;}
	.modal-lte-inq .cpt .txt-box p{margin-top: 1.25rem; font-size: 1.75rem; line-height: 2.625rem;}
}

/* 추천인 등록 */
div.recommender-box {margin-bottom:2rem;}
div.recommender-box p {display: block;font-size:18px;font-weight: 700;color: #222;text-align: left;}
div.recommender-box input {width:100%;}
@media all and (max-width:1299px) {
	div.recommender-box p {font-size:1.85rem;}
}

/* SMS인증 */
.modal-sms-auth{min-height: 490px;}
.modal-sms-auth .info-list li{display: flex; position: relative; justify-content: center; align-items: center; height: 80px; margin-top: 10px; border: 1px solid #ddd; border-radius: 10px; background: #f8f8f8; box-sizing: border-box;}
.modal-sms-auth .info-list li:first-child{margin-top: 0;}
.modal-sms-auth .info-list li .t{position: absolute; top: 50%; left: 20px; transform: translateY(-50%); font-size: 16px; color: #999;}
.modal-sms-auth .info-list li strong{font-size: 18px; color: #333;}
.modal-sms-auth .btn{margin-top: 20px;}
.modal-sms-auth .btn + .ipt-text-box{margin-top: 50px;}
@media all and (max-width:1299px) {
	.modal-sms-auth .info-list li{height: 10rem; margin-top: 1.25rem; border-width: 0.125rem; border-radius: 0.625rem;}
	.modal-sms-auth .info-list li .t{ top: 50%;left: 2.5rem; transform: translateY(-50%); font-size: 1.75rem;}
	.modal-sms-auth .info-list li strong{font-size: 2rem;}
}

/* 유심변경*/
.modal-usim-change{min-height: 490px;}
.modal-usim-change .txt-box-type2{margin-top: 40px;}
.modal-usim-change-cpt .txt-top{font-size: 24px; line-height: 36px; font-weight: 700; color: #333;}
.modal-usim-change-cpt .txt-top strong{color: #ff4d50;}
.modal-usim-change-fail .txt-top{margin-top: 10px; font-size: 24px; line-height: 36px; font-weight: 700; color: #333;}
.modal-usim-change-fail .txt-top strong{color: #ff4d50;}
.modal-usim-change-fail .txt-info{margin: 65px 0 10px; font-size: 16px; color: #333; text-align: left;}
.modal-usim-change-fail .help{padding: 25px 30px; border-radius: 10px; background: #f4f4f4; text-align: left;}
.modal-usim-change-fail .help .tit{display: block; font-size: 20px; color: #000;}
.modal-usim-change-fail .help .time{display: block; margin: 5px 0 15px; font-size: 15px; color: #333;}
.modal-usim-change-fail .help .tel{display: flex; justify-content: space-between; width: 100%; height: 60px; margin-top: 0; box-sizing: border-box;}
.modal-usim-change-fail .help .tel li{display: flex; align-items: center; width: 106px; padding: 0 10px; border: 1px solid #666; border-radius: 10px; background: #fff; font-size: 13px; color: #333; letter-spacing: -1px; box-sizing: border-box;}
.modal-usim-change-fail .help .tel li strong{display: block; margin-top: 2px; font-size: 16px; font-weight: 700;}
.modal-usim-change-fail .help .tel2{margin-top: 10px; font-size: 15px; color: #333;}

@media all and (max-width:1299px) {
	.modal-usim-change .txt-box-type2{margin-top:3rem;}
	.modal-usim-change-cpt .txt-top{position: absolute; top: calc(50% - 5.625rem); left: 50%; width: 100%; font-size: 2.625rem; line-height: 4rem; transform: translate(-50%);}
	.modal-usim-change-cpt .btm{position: absolute; bottom: 2.5rem; left: 50%; width: calc(100% - 5rem); transform: translateX(-50%);}
	.modal-usim-change-fail .txt-top{margin-top: 4.375rem; font-size: 2.625rem; line-height: 4rem;}
	.modal-usim-change-fail .txt-info{margin: 5.9375rem 0 1.875rem; font-size: 1.75rem;}
	.modal-usim-change-fail .help{padding: 2.1875rem 2.5rem; border-radius: 1.25rem;}
	.modal-usim-change-fail .help .tit{font-size: 2rem;}
	.modal-usim-change-fail .help .time{margin: 0.625rem 0 1.5625rem; font-size: 1.5rem;}
	.modal-usim-change-fail .help .tel{height: 6.125rem; margin-top: 0;}
	.modal-usim-change-fail .help .tel li{width: 32%; padding: 0 1.25rem; border-width: 0.125rem; border-radius: 0.625rem; font-size: 1.5rem; letter-spacing: -0.0625rem;}
	.modal-usim-change-fail .help .tel li strong{margin-top: 0.125rem; font-size: 1.75rem;}
	.modal-usim-change-fail .help .tel2{margin-top: 1.875rem; font-size: 1.5rem;}
}

/* 명의변경 */
.modal-name-change-info{text-align: left;}
.modal-name-change-info h4{display: block; font-size: 24px; font-weight: 700; color: #333;}
.modal-name-change-info .step{display: flex; margin: 25px 0 35px;}
.modal-name-change-info .step li{flex: 1; padding-top: 85px; background-position: center top; background-size: 76px auto; background-repeat: no-repeat; text-align: center;}
.modal-name-change-info .step li:nth-child(1){background-image: url(../images/common/ico_name_change1.png);}
.modal-name-change-info .step li:nth-child(2){background-image: url(../images/common/ico_name_change2.png);}
.modal-name-change-info .step li:nth-child(3){background-image: url(../images/common/ico_name_change3.png);}
.modal-name-change-info .step li dt{font-size: 16px; font-weight: 700; color: #333; line-height: 24px;}
.modal-name-change-info .step li dd{font-size: 16px; color: #666; line-height: 24px;}
.modal-name-change{min-height: 480px;}
.modal-name-change .modal-step.step1 .title .tit{background: url(../images/common/ico_name_change_step1.png) left center / 60px auto no-repeat;}
.modal-name-change .ipt{margin-top: 45px;}
.modal-name-change .ipt li{margin-top: 25px;}
.modal-name-change .ipt li:first-child{margin-top: 0;}
@media all and (max-width:1299px) {
	.modal-name-change-info h4{font-size: 2.625rem;}
	.modal-name-change-info .step{margin: 3.4375rem 0;}
	.modal-name-change-info .step li{padding-top: 8.75rem; background-size: 7.5rem auto;}
	.modal-name-change-info .step li dt{font-size: 1.75rem; line-height: 2.625rem;}
	.modal-name-change-info .step li dd{font-size: 1.75rem; line-height: 2.25rem;}
	.modal-name-change .ipt{margin-top: 3.4375rem;}
	.modal-name-change .ipt li{margin-top: 2.8125rem;}
}

/* 접수완료 */
.modal-app-cpt .txt-top{font-size: 24px; line-height: 36px; font-weight: 700; color: #333;}
.modal-app-cpt .txt-top strong{color: #ff4d50;}
.modal-app-cpt .txt1{margin-top: 15px; font-size: 18px; line-height: 30px; color: #333; letter-spacing: -0.5px;}
.modal-app-cpt .txt2{font-size: 18px; line-height: 30px; color: #ff4d50; letter-spacing: -0.5px;}
.modal-app-cpt .txt3 {font-size: 14px;color:#707070;margin-top:10px;}
@media all and (max-width:1299px) {
	.modal-app-cpt .in{position: absolute; top: calc(50% - 10rem); left: 50%; width: 100%; font-size: 2.625rem; transform: translate(-50%);}
	.modal-app-cpt .txt-top{margin-top: 0; font-size: 2.625rem; line-height: 4rem;}
	.modal-app-cpt .txt1{margin: 1.875rem 0 0.3125rem; font-size: 2rem; line-height: 3.75rem; letter-spacing: -0.0313rem;}
	.modal-app-cpt .txt2{font-size: 2rem; line-height: 3rem; letter-spacing: -0.0313rem;}
	.modal-app-cpt .txt3 {font-size:1.45rem;margin-top:1.5rem;}
	.modal-app-cpt .btm{position: absolute; bottom: 2.5rem; left: 50%; width: calc(100% - 5rem); transform: translateX(-50%);}
}

/* 번호변경 */
.modal-num-change-info{text-align: left;}
.modal-num-change{min-height: 270px;}
.modal-num-change.step2{min-height: 570px;}
.modal-num-change-cpt .txt-top{font-size: 24px; line-height: 36px; font-weight: 700; color: #333;}
.modal-num-change-cpt .txt-top strong{color: #ff4d50;}
.modal-num-change-cpt .txt1{margin-top: 15px; font-size: 18px; line-height: 30px; color: #333; letter-spacing: -0.5px;}
.modal-num-change-cpt .txt2{font-size: 18px; line-height: 30px; color: #ff4d50; letter-spacing: -0.5px;}
@media all and (max-width:1299px) {
	.modal-num-change-cpt .in{position: absolute; top: calc(50% - 10rem); left: 50%; width: 100%; font-size: 2.625rem; transform: translate(-50%);}
	.modal-num-change-cpt .txt-top{margin-top: 0; font-size: 2.625rem; line-height: 4rem;}
	.modal-num-change-cpt .txt1{margin: 1.875rem 0 0.3125rem; font-size: 2rem; line-height: 3.75rem; letter-spacing: -0.0313rem;}
	.modal-num-change-cpt .txt2{font-size: 2rem; line-height: 3rem; letter-spacing: -0.0313rem;}
	.modal-num-change-cpt .btm{position: absolute; bottom: 2.5rem; left: 50%; width: calc(100% - 5rem); transform: translateX(-50%);}
}

/* 이용계약 등록사항 증명서 */
.modal-certificate h4{display: block; margin-bottom: 15px; font-size: 18px; font-weight: 700; color: #222; text-align: left;}
.modal-certificate .ex{display: block; padding-left: 22px; margin-top: 25px; background: url(../images/common/ico_exc.png) left 6px / 16px auto no-repeat; font-size: 16px; line-height: 26px; color: #333; text-align: left;}
.modal-certificate .btm{padding-top: 25px; margin-top: 25px; border-top: 1px solid #ddd;}
.modal-certificate .btm .prove{display: block; font-size: 18px; color: #333;}
.modal-certificate .btm .mng{display: inline-flex; margin: 15px 0;}
.modal-certificate .btm .mng li{position: relative; padding: 0 10px;}
.modal-certificate .btm .mng li::after{position: absolute; top: 50%; left: 0; width: 1px; height: 14px; background: #ddd; transform: translateY(-50%); content: "";}
.modal-certificate .btm .mng li:first-child::after{display: none;}
.modal-certificate .btm .date{display: block; font-size: 16px; color: #333;}
.modal-certificate .btm .sign{margin-top: 30px; font-size: 18px; font-weight: 700; color: #333;}
.modal-certificate .btm .sign img{width: 70px; margin-left: 15px;}
@media all and (max-width:1299px) {
	.modal-certificate h4{display: none;}
	.modal-certificate .ex{padding-left: 2.625rem; margin-top: 2.1875rem; background-position: left 0.375rem; background-size:  2rem auto; font-size: 1.75rem; line-height: 2.625rem;}
	.modal-certificate .btm{padding-top: 3.4375rem; margin-top: 2.8125rem; border-top-width: 0.125rem;}
	.modal-certificate .btm .prove{font-size: 2rem;}
	.modal-certificate .btm .mng{margin: 1.25rem 0;}
	.modal-certificate .btm .mng li{padding: 0 0.9375rem; font-size: 1.75rem;}
	.modal-certificate .btm .mng li::after{width: 0.125rem; height: 1.375rem;}
	.modal-certificate .btm .date{font-size: 1.75rem;}
	.modal-certificate .btm .sign{margin-top: 1.875rem; font-size: 2rem;}
	.modal-certificate .btm .sign img{width: 6.25rem; margin-left: 0.9375rem;}
}

/* 납부/충전 내역 영수증 */
.modal-history-receipt .scroll-box-x{margin-top: 30px;}
.modal-history-receipt .btm{margin-top: 35px;}
.modal-history-receipt .btm .prove{display: block; font-size: 18px; color: #333;}
.modal-history-receipt .btm .mng{display: inline-flex; margin: 15px 0;}
.modal-history-receipt .btm .mng li{position: relative; padding: 0 10px;}
.modal-history-receipt .btm .mng li::after{position: absolute; top: 50%; left: 0; width: 1px; height: 14px; background: #ddd; transform: translateY(-50%); content: "";}
.modal-history-receipt .btm .mng li:first-child::after{display: none;}
.modal-history-receipt .btm .date{display: block; font-size: 16px; color: #333;}
.modal-history-receipt .btm .sign{margin-top: 30px; font-size: 18px; font-weight: 700; color: #333;}
.modal-history-receipt .btm .sign img{width: 70px; margin-left: 15px;}
@media all and (max-width:1299px) {
	.modal-history-receipt .btm{padding-top: 3.4375rem; margin-top: 1.875rem; border-top-width: 0.125rem;}
	.modal-history-receipt .btm .prove{font-size: 2rem;}
	.modal-history-receipt .btm .mng{margin: 1.25rem 0;}
	.modal-history-receipt .btm .mng li{padding: 0 0.9375rem; font-size: 1.75rem;}
	.modal-history-receipt .btm .mng li::after{width: 0.125rem; height: 1.375rem;}
	.modal-history-receipt .btm .date{font-size: 1.75rem;}
	.modal-history-receipt .btm .sign{margin-top: 1.875rem; font-size: 2rem;}
	.modal-history-receipt .btm .sign img{width: 6.25rem; margin-left: 0.9375rem;}
}

/* 요금제 변경 */
.modal-paychange .txt{margin-top: 25px; font-size: 18px; line-height: 28px; text-align: center; color:#333;}
@media all and (max-width:1299px) {
	.modal-paychange .txt{margin-top: 3.125rem; font-size: 2rem; line-height: 3rem;}
}

/* 일시정지 */
.modal-feeze-info{text-align: left;}
.modal-feeze-info .modal-box-type1{margin-top: 20px !important;}
.modal-freeze{min-height: 480px;}
.modal-freeze .tit{display: block; margin: 60px 0 15px; font-size: 16px; color: #333; line-height: 1;}
.modal-freeze .tit:nth-of-type(1){margin-top: 0;}
@media all and (max-width:1299px) {
	.modal-feeze-info .modal-box-type1{margin-top: 2.5rem !important;}
	.modal-freeze .tit{margin: 5rem 0 2.1875rem; font-size: 2rem;}
}

/* 분실신고 */
.modal-lost-info{text-align: left;}
.modal-lost-info .modal-box-type1{margin-top: 20px !important;}
.modal-lost{min-height: 480px;}
.modal-lost .tit{display: block; margin: 60px 0 15px; font-size: 16px; color: #333; line-height: 1;}
.modal-lost .tit:nth-of-type(1){margin-top: 0;}
@media all and (max-width:1299px) {
	.modal-lost-info .modal-box-type1{margin-top: 2.5rem !important;}
	.modal-lost .tit{margin: 5rem 0 2.1875rem; font-size: 2rem;}
}

/* 회선해지 */
.modal-cancel{min-height: 480px;}

/* 비밀번호 재설정 */
.modal-member-pass{min-height: 280px;}
.modal-member-pass .ipt li{margin-top: 25px;}
.modal-member-pass .ipt li:first-child{margin-top: 0;}
@media all and (max-width:1299px) {
	.modal-member-pass .ipt li{margin-top: 2.8125rem;}
}

/* 알림 */
.modal-notify{min-height: 500px;}
.modal-notify .scroll{overflow-y: auto; height: 420px; -webkit-overflow-scrolling: touch;}
.modal-notify .list li{padding: 15px 0; border-bottom: 1px solid #ddd;}
.modal-notify .list li:first-child{padding-top: 0;}
.modal-notify .list li .top{display: flex; justify-content: space-between;}
.modal-notify .list li .top span{font-size: 15px; color: #aaa;}
.modal-notify .list li .tit{display: block; margin-top: 10px; font-size: 18px; color: #aaa;}
.modal-notify .list li.on .top span{color: #666;}
.modal-notify .list li.on .tit{color: #333}
@media all and (max-width:1299px) {
	.modal-notify .scroll-box{overflow-y: hidden !important;}
	.modal-notify .scroll-box > div{height: 100%;}
	.modal-notify .scroll{position: relative; left: 50%; width: 46.875rem; height: calc(100% - 12.5rem); max-height: none !important; padding: 0 2.5rem; transform: translateX(-50%); box-sizing: border-box;}
	.modal-notify .list li{padding: 2.1875rem 0; border-bottom-width: 0.125rem;}
	.modal-notify .list li .top span{font-size: 1.5rem; line-height: 1;}
	.modal-notify .list li .tit{margin-top: 1.875rem; font-size: 2rem; line-height: 3rem;}
}

/* 무선서비스 계약 표준안내서 */
.modal-std-guide h4{display: block; padding-top: 20px; margin: 20px 0 15px; border-top: 2px solid #efefef; font-size: 18px; font-weight: 700; color: #222; text-align: left;}
.modal-std-guide h4:nth-of-type(1){padding-top: 0; margin-top: 0; border-top: 0;}
.modal-std-guide .tbl1{width: 540px; border-top: 1px solid #333; border-right: 1px solid #ddd; border-collapse: separate;}
.modal-std-guide .tbl1 th,
.modal-std-guide .tbl1 td{height: 45px; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.modal-std-guide .tbl1 th{background: #f4f4f4; font-size: 14px; font-weight: 700; color: #333; line-height: 18px; text-align: center;}
.modal-std-guide .tbl1 td{padding: 0 10px; font-size: 14px; color: #666; text-align: right;}
.modal-std-guide .tbl2{width: 48.5%; border-top: 1px solid #333; border-right: 1px solid #ddd; border-collapse: separate;}
.modal-std-guide .tbl2 th,
.modal-std-guide .tbl2 td{height: 45px; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.modal-std-guide .tbl2 th{background: #f4f4f4; font-size: 14px; font-weight: 700; color: #333; line-height: 18px; text-align: center;}
.modal-std-guide .tbl2 td{padding: 15px 20px; font-size: 14px; color: #666; text-align: left; line-height: 24px;}
.modal-std-guide .tbl3{width: 48.5%; border-top: 1px solid #333; border-right: 1px solid #ddd; border-collapse: separate;}
.modal-std-guide .tbl3 th,
.modal-std-guide .tbl3 td{height: 45px; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.modal-std-guide .tbl3 thead th{background: #f4f4f4; font-size: 14px; font-weight: 700; color: #333; line-height: 18px; text-align: center;}
.modal-std-guide .tbl3 tbody th,
.modal-std-guide .tbl3 tbody td{padding: 0 10px; font-size: 14px; color: #666; text-align: right;}
.modal-std-guide .tbl3 tbody th{padding-left: 20px; background: #fff0f0; text-align: left; color: #0072bc;}
.modal-std-guide .tbl3 .pr{display: inline-block; width: 160px;}
.modal-std-guide .tbl4{display: flex; width: 100%; margin-top: 15px; border: 1px solid #ddd; border-top: 1px solid #333; border-bottom: 0; box-sizing: border-box;}
.modal-std-guide .tbl4 dt{display: flex; align-items: center; width: 140px; height: 45px; padding-left: 20px; border-bottom: 1px solid #ddd; background: #f4f4f4; font-size: 14px; font-weight: 700; color: #333; text-align: center; box-sizing: border-box;}
.modal-std-guide .tbl4 dd{display: flex; align-items: center; width: 160px; min-height: 45px; padding: 0 10px; border-bottom: 1px solid #ddd; font-size: 14px; color: #666; box-sizing: border-box;}
.modal-std-guide .tbl4 .g1{width: 400px;}
.modal-std-guide .tbl4 .g1 dt{width: 100%; justify-content: center; border-right: 1px solid #ddd;}
.modal-std-guide .tbl4 .g1 dd{width: 100%; height: calc(100% - 45px); justify-content: center; border-right: 1px solid #ddd; line-height: 22px;}
.modal-std-guide .tbl4 .g2{width: 300px;}
.modal-std-guide .tbl4 .g2 li dl{display: flex;}
.modal-std-guide .tbl4 .g2 li dl dt{border-right: 1px solid #ddd;}
.modal-std-guide .item{position: relative; width: 110px; border: 1px solid #ddd; border-top: 1px solid #333; box-sizing: border-box;}
.modal-std-guide .item dt{display: flex; justify-content: center; align-items: center; height: 45px; border-bottom: 1px solid #ddd; background: #f4f4f4; font-size: 14px; font-weight: 700; color: #333; line-height: 18px; text-align: center;}
.modal-std-guide .item dd{display: flex; align-items: center; justify-content: right; min-height: 45px; padding: 0 10px; font-size: 14px; color: #666;}
.modal-std-guide .item.sz2{width: 120px;}
.modal-std-guide .item.sz3{width: 140px;}
.modal-std-guide .item.sz4{width: 280px;}
.modal-std-guide .item.type2{border-top-color: #0072bc;}
.modal-std-guide .item.type2 dt{background: #fff0f0; color: #0072bc;}
.modal-std-guide .group1{display: flex; justify-content: space-between;}
.modal-std-guide .group2{display: flex; justify-content: space-between; margin-top: 20px;}
.modal-std-guide .group2 .item:nth-of-type(2)::after,
.modal-std-guide .group2 .item:nth-of-type(3)::after{display: block; position: absolute; right: -25px; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; background: url(../images/common/ico_minus_m.png) center / 100% auto no-repeat; content: "";}
.modal-std-guide .group2 .item:nth-of-type(5)::after{display: block; position: absolute; left: -25px; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; background: url(../images/common/ico_cc_eq.png) center / 100% auto no-repeat; content: "";}
.modal-std-guide .group3{display: flex; justify-content: right; margin-top: 20px;}
.modal-std-guide .group4{display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 15px;}
.modal-std-guide .bul,
.modal-std-guide .bul li{font-size: 14px; line-height: 22px; text-align: left;}
.modal-std-guide .btm{margin-top: 40px;}
.modal-std-guide .btm .sign{font-size: 18px; font-weight: 700; color: #333;}
.modal-std-guide .btm .sign img{width: 70px; margin-left: 15px;}
.modal-std-guide .btn-wrap.mo{display: none;}
@media all and (max-width:1299px) {
	.modal-std-guide h4{padding-top: 2.1875rem; margin: 2.5rem 0 1.5625rem; border-top-width: 0.125rem; font-size: 1.75rem;}
	.modal-std-guide .scroll-box-x table{width: 90rem;}
	.modal-std-guide .tbl1{width: auto; border-top-width: 0.125rem; border-right-width: 0.125rem;}
	.modal-std-guide .tbl1 th,
	.modal-std-guide .tbl1 td{height: 5rem; border-left-width: 0.125rem; border-bottom-width: 0.125rem;}
	.modal-std-guide .tbl1 th{font-size: 1.5rem; line-height: 2rem;}
	.modal-std-guide .tbl1 td{padding: 0 1.875rem; font-size: 1.5rem;}
	.modal-std-guide .tbl2{width: 100%; border-top-width: 0.125rem; border-right-width: 0.125rem;}
	.modal-std-guide .tbl2 th,
	.modal-std-guide .tbl2 td{height: 5rem; border-left-width: 0.125rem; border-bottom-width: 0.125rem;}
	.modal-std-guide .tbl2 th{font-size: 1.5rem; line-height: 2rem;}
	.modal-std-guide .tbl2 td{padding: 1.5625rem 1.875rem; font-size: 1.5rem; line-height: 2.625rem;}
	.modal-std-guide .tbl3{width: 100%; border-top-width: 0.125rem; border-right-width: 0.125rem; margin-top: 1.875rem;}
	.modal-std-guide .tbl3 th,
	.modal-std-guide .tbl3 td{height: 5rem; border-left-width: 0.125rem; border-bottom-width: 0.125rem;}
	.modal-std-guide .tbl3 thead th{font-size: 1.5rem; line-height: 2rem;}
	.modal-std-guide .tbl3 tbody th,
	.modal-std-guide .tbl3 tbody td{padding: 0 1.875rem; font-size: 1.5rem;}
	.modal-std-guide .tbl3 tbody th{padding-left: 1.875rem;}
	.modal-std-guide .tbl3 .pr{width: 16.875rem;}
	.modal-std-guide .tbl4{display: block; margin-top: 1.875rem; border-width: 0.125rem; border-top-width: 0.125rem;}
	.modal-std-guide .tbl4 dt{display: flex; align-items: center; width: 40%; height: 5rem; padding-left: 1.875rem; border-bottom-width: 0.125rem; font-size: 1.5rem;}
	.modal-std-guide .tbl4 dd{display: flex; align-items: center; width: 60%; min-height: 5rem; padding: 0 1.875rem; border-bottom-width: 0.125rem; font-size: 1.5rem;}
	.modal-std-guide .tbl4 .g1{width: 100%;}
	.modal-std-guide .tbl4 .g1 dt{width: 100%; border-right-width: 0.125rem;}
	.modal-std-guide .tbl4 .g1 dd{width: 100%; height: auto; padding: 1.25rem 0; border-right-width: 0.125rem; line-height: 2.375rem;}
	.modal-std-guide .tbl4 .g2{width: 100%;}
	.modal-std-guide .tbl4 .g2 li dl{display: flex;}
	.modal-std-guide .tbl4 .g2 li dl dt{border-right-width: 0.125rem;}
	.modal-std-guide .item{width: 100%; border-width: 0.125rem; border-top-width: 0.125rem;}
	.modal-std-guide .item dt{height: 5.3125rem; border-bottom-width: 0.125rem; font-size: 1.5rem; line-height: 2rem;}
	.modal-std-guide .item dd{min-height: 5rem; padding: 0 1.875rem; font-size: 1.5rem;}
	.modal-std-guide .item.sz2{width: 100%;}
	.modal-std-guide .item.sz3{width: 100%;}
	.modal-std-guide .item.sz4{width: 100%;}
	.modal-std-guide .group1{display: block;}
	.modal-std-guide .group1 .item{margin-top: 1.875rem;}
	.modal-std-guide .group2{display: flex; justify-content: space-between; flex-wrap: wrap; position: relative; margin-top: 1.875rem;}
	.modal-std-guide .group2::before{display: block; position: absolute; left: 30%; top: 50%; transform: translateY(-50%); width: 2rem; height: 2rem; background: url(../images/common/ico_minus_m.png) center / 100% auto no-repeat; content: "";}
	.modal-std-guide .group2::after{display: block; position: absolute; right: 30%; top: 50%; transform: translateY(-50%); width: 2rem; height: 2rem; background: url(../images/common/ico_minus_m.png) center / 100% auto no-repeat; content: "";}
	.modal-std-guide .group2 .item{width: 28%;}
	.modal-std-guide .group2 .item dd{padding: 0 1.25rem;}
	.modal-std-guide .group2 .item:nth-of-type(1){width: 100%; margin-bottom: 1.875rem;}
	.modal-std-guide .group2 .item:nth-of-type(5){width: 100%; margin-top: 1.875rem;}
	.modal-std-guide .group2 .item:nth-of-type(2)::after,
	.modal-std-guide .group2 .item:nth-of-type(3)::after{display: none;}
	.modal-std-guide .group2 .item:nth-of-type(5){margin-top: 3.75rem;}
	.modal-std-guide .group2 .item:nth-of-type(5)::after{left: 50%; top: -3rem; transform: translate(-50%, 0); width: 2rem; height: 2rem; background-size: 100% auto;}
	.modal-std-guide .group3{display: block; margin-top: 1.875rem;}
	.modal-std-guide .group4{display: block; margin-bottom: 1.5625rem;}
	.modal-std-guide .bul,
	.modal-std-guide .bul li{font-size: 1.5rem; line-height: 2.375rem;}
	.modal-std-guide .btm{margin-top: 2.8125rem;}
	.modal-std-guide .btm .sign{font-size: 2rem;}
	.modal-std-guide .btm .sign img{width: 6.25rem; margin-left: 0.9375rem;}
	.modal-std-guide .btn-wrap.pc{display: none;}
	.modal-std-guide .btn-wrap.mo{display: block;}
}

/* 뱃지 관리 */
.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;}
}

/* 이용약관, 개인정보처리방침 */
.doc .txt-box{height: 750px; padding: 40px; border: 1px solid #ddd; font-size: 16px; line-height: 28px; color: #333; overflow-y: auto; box-sizing: border-box;}
@media all and (max-width:1299px) {
	.doc .txt-box{height: 48.75rem; padding: 2.5rem; border-width: 0.125rem; font-size: 1.75rem; line-height: 2.625rem; }
}

/* 찾아오시는길 */
.contact .map{height: 380px; border: 1px solid #ddd;}
.contact .info{margin-top: 60px;}
.contact .info.col2{display: flex; justify-content: space-between;}
.contact .info.col2 .item{width: 580px;}
.contact .info .item .top{padding-bottom: 20px; border-bottom: 1px solid #333;}
.contact .info .item .top .title{display: flex; align-items: flex-end;}
.contact .info .item .top .title h4{display: block; margin-right: 5px; font-size: 30px; font-weight: 700; color: #111; letter-spacing: -0.5px;}
.contact .info .item .top .title strong{display: block; margin-right: 10px; font-size: 18px; color: #111; letter-spacing: -0.5px;}
.contact .info .item .top .title span{font-size: 18px; color: #666; letter-spacing: -0.5px;}
.contact .info .item .top p{font-size: 18px; color: #111;}
.contact .info .item .tel{margin-top: 20px;}
.contact .info .item .tel li{display: flex; padding: 5px 0; font-size: 18px; color: #111;}
.contact .info .item .tel li .t{width: 95px;}
.contact .info .item p{margin-top: 15px; color: #111;}
@media all and (max-width:1299px) {
	.contact .map{height: 41.875rem; border-width: 0.125rem;}
	.contact .info{margin-top: 3.75rem;}
	.contact .info.col2{display: block;}
	.contact .info.col2 .item{width: 100%;}
	.contact .info .item .top{padding-bottom: 1.875rem; border-bottom: 0.0625rem solid #333;}
	.contact .info .item .top .title{display: flex; flex-wrap: wrap; align-items: flex-end;}
	.contact .info .item .top .title h4{display: block; margin-right: 1.25rem; font-size: 3rem; letter-spacing: -0.0313rem;}
	.contact .info .item .top .title strong{display: block; margin-right: 0.625rem; font-size: 2rem; letter-spacing: -0.0313rem;}
	.contact .info .item .top .title span{display: block; margin-top: 0.9375rem; width: 100%; font-size: 2rem; letter-spacing: -0.0313rem;}
	.contact .info .item .top p{margin-top: 1.5625rem; font-size: 2rem;}
	.contact .info .item .tel{margin-top: 2.5rem;}
	.contact .info .item .tel li{display: flex; padding: 0.625rem 0; font-size: 2rem; color: #111;}
	.contact .info .item .tel li .t{width: 10rem;}
	.contact .info .item p{margin-top: 2.1875rem; font-size: 2rem;}
	.contact .info .item + .item{margin-top: 6.25rem;}
}

/* 주문·배송조회 */
.order-login{width: 540px; margin: 0 auto;}
.order-login .login{height: 200px; border: 1px solid #ddd; border-radius: 20px; box-sizing: border-box;}
.order-login .login .btn-login{display: block; width: 100%; height: 100%; padding-top: 130px; background: url(../images/common/ico_login02.png) center 30px / 84px auto no-repeat; font-size: 30px; font-weight: 700; color: #333; text-align: center; line-height: 1;}
.order-login .non-mem{display: flex; justify-content: space-between; align-items: center; padding-top: 25px; margin-top: 60px; border-top: 1px solid #ddd;}
.order-login .non-mem p{font-size: 16px; line-height: 28px; color: #333;}
.order-auth{width: 540px; margin: 0 auto;}
.order-auth .ipt li{margin-top: 25px;}
.order-auth .btn{margin-top: 30px;}
.order-auth .auth{margin-top: 30px;}
@media all and (max-width:1299px) {
	.order-login{width: 100%;}
	.order-login .login{height: 20rem; border-width: 0.125rem; border-radius: 1.25rem;}
	.order-login .login .btn-login{padding-top: 13.75rem; background-size: 9.375rem auto; background-position: center 2.5rem; font-size: 3rem;}
	.order-login .non-mem{padding-top: 3.125rem; margin-top: 3.75rem; border-top-width: 0.125rem;}
	.order-login .non-mem p{font-size: 1.75rem; line-height: 3rem;}
	.order-login .non-mem a,
	.order-login .non-mem button{min-width: 15rem;}
	.order-auth{width: 100%;}
	.order-auth .ipt li{margin-top: 2.8125rem;}
	.order-auth .btn{margin-top: 3.75rem;}
	.order-auth .auth{margin-top: 3.75rem;}
}

/* 셀프개통 */

.self-login{width: 540px; margin: 0 auto;}
.self-login .login{height: 200px; border: 1px solid #ddd; border-radius: 20px; box-sizing: border-box;}
.self-login .login .btn-login{display: block; width: 100%; height: 100%; padding-top: 130px; background: url(../images/common/ico_login02.png) center 30px / 84px auto no-repeat; font-size: 30px; font-weight: 700; color: #333; text-align: center; line-height: 1;}
.self-login .non-mem{display: flex; justify-content: space-between; align-items: center; padding-top: 25px; margin-top: 60px; border-top: 1px solid #ddd;}
.self-login .non-mem p{font-size: 16px; line-height: 28px; color: #333;}
/* .order-auth{width: 540px; margin: 0 auto;}
.order-auth .ipt li{margin-top: 25px;}
.order-auth .btn{margin-top: 30px;}
.order-auth .auth{margin-top: 30px;} */
@media all and (max-width:1299px) {
	.self-login{width: 100%;}
	.self-login .login{height: 20rem; border-width: 0.125rem; border-radius: 1.25rem;}
	.self-login .login .btn-login{padding-top: 13.75rem; background-size: 9.375rem auto; background-position: center 2.5rem; font-size: 3rem;}
	.self-login .non-mem{padding-top: 3.125rem; margin-top: 3.75rem; border-top-width: 0.125rem;}
	.self-login .non-mem p{font-size: 1.75rem; line-height: 3rem;}
	.self-login .non-mem a,
	.self-login .non-mem button{min-width: 15rem;}
	/* .order-auth{width: 100%;}
	.order-auth .ipt li{margin-top: 2.8125rem;}
	.order-auth .btn{margin-top: 3.75rem;}
	.order-auth .auth{margin-top: 3.75rem;} */
}


/* 유심보유 여부 수정 230106 */
span.txt-rd {font-size:15px; color: #0072bc;}
.chk-list-type3.mg-t {margin-top: 1.25rem;}
input[type="radio"] + label.radio-type3.chg-type4 > span {padding-top: 20px;}
input[type="radio"] + label.radio-type3.chg-type4 {padding: 20px 0;}
.modal-app.type2 .cont-form .app-wrap.type2 .esim-final .title-wrap p {background:#ffff50;color:#ff0000;font-size:22px;font-weight:600;display:inline-block;}
.modal-app.type2 .cont-form .app-wrap.type2 .esim-final .title-wrap span {font-size:26px;font-weight:800;padding:0 5px;}
.modal-app.type2 .cont-form .app-wrap.type2 .esim-final .txt-box-type10 p {color:#000;}
.modal-app.type2 .cont-form .app-wrap.type2 .esim-final .txt-box-type10 span {margin:0 auto;line-height:1rem;}

@media all and (max-width: 1299px) {
	span.txt-rd {font-size: 1.4rem;}
	.modal-app.type2 .cont-form .app-wrap.type2 .esim-final .title-wrap p {font-size:2rem;}
	.modal-app.type2 .cont-form .app-wrap.type2 .esim-final .title-wrap span  {font-size:2.95rem;}
}

/* 자급제 중고폰 리스트 리뉴얼 230129 */
.phone-list-type6 > ul{width: 1200px; } /*margin-left: -15px;*/
.phone-list-type6 > ul::after{display: block; content: ""; clear: both;}
.phone-list-type6 > ul > li{float: left; width: 585px; margin-top: 30px; }
.phone-list-type6 > ul > li:first-child, .phone-list-type6 > ul > li:nth-child(2) {margin-top: 0;}
.phone-list-type6 > ul > li:nth-child(odd) {float: left;}
.phone-list-type6 > ul > li:nth-child(even){float: right;}
.phone-item-type6.max-h {min-height: 360px;}
.phone-item-type6 {
	display: block;
	width: 100%;
	min-width: 585px;
	height: 100%;
	min-height: 360px;
	overflow: hidden;
	border: 1px solid #ddd;
	background: #fff;
	border-radius: 20px;
	text-align: left;
	box-sizing: border-box;
}
.phone-item-type6 .img {width: 268px; text-align: center;overflow:hidden;}
.phone-item-type6 .img img {width: auto;height: 220px;}
.phone-item-type6 .info {width: 316px; margin-right:42px;overflow:hidden;}
.phone-item-type6 .con {display: flex; align-items: center;height: 100%;min-height: 360px;}
.phone-item-type6 .top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 40px 6px 20px 4px;
}
.phone-item-type6 .top_m {display: none;}
.phone-item-type6 .top .opt {display: flex;}
.phone-item-type6 .top .opt li.primary {border-color: #f45f61;color: #f45f61;}
.phone-item-type6 .top .opt li.new {border-color: #0072bc;color: #0072bc;}
.phone-item-type6 .top .opt li.used {border-color: #6495ED;color: #6495ED;}
.phone-item-type6 .top .opt li.alliance {border-color: #22b7AE;color: #22b7AE;}
.phone-item-type6 .top .opt li:first-child {margin-left: 0;}
.phone-item-type6 .top .opt li {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 56px;
	height: 24px;
	padding: 0 10px;
	margin-left: 5px;
	border: 1px solid #818181;
	border-radius: 15px;
	font-size: 13px;
	font-weight: 700;
	color: #333;
	box-sizing: border-box;
}
.phone-item-type6 .top .txt {font-size: 15px;color: #666;text-decoration: underline;}
.phone-item-type6 .top .txt strong {font-weight: 900;}
.phone-item-type6 .info .tit {
	display: block;
	padding-right: 20px;
	font-size: 25px;
	font-weight: 700;
	color: #111;
	width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	box-sizing: border-box;
	padding-bottom: 20px;
	border-bottom: 1px solid #ddd;
	word-break: break-all;
	white-space: nowrap;
}

.phone-item-type6 .info .tit.lin_H {line-height: 64px;vertical-align: middle;}
.phone-item-type6 .info .price {
	display: block;
	margin-top: 5px;
	font-size: 36px;
	font-weight: 800;
	color: #ff4d50;
	letter-spacing: -1px;
}

.phone-item-type6 .info .hash li {
	padding: 0 10px;
	margin: 0 8px 0 0;
	border: 1px solid #f4f4f4;
	border-radius: 10px;
	background: #f4f4f4;
	font-size: 15px;
	color: #707070;
	line-height: 30px;
	display:inline-block;
}
.phone-item-type6 .info .hash {display:inline-flex;width:100%;flex-wrap:wrap;overflow:hidden;height:2rem;}
.phone-item-type6 .info .fac_price {color: #999; font-size: 15px; text-align: right; padding-top: 36px;}
.phone-item-type6 .info .fac_price, .phone-item-type6 .info .eye_price {text-align: right;}
.phone-item-type6 .info .eye_price {
	display: flex;
	justify-content: end;
	align-items: center;
	padding: 6px 0 20px;
}
.phone-item-type6 .info .eye_price .thum_tit {
	font-size:13px;
	color:#0072bc;
	line-height: 13px!important;
	padding-right: 16px;
	height: 24px;
	vertical-align: middle;
	font-weight: bold;
}
.phone-item-type6 .info .eye_price .price {
	display: block;
	margin-top: 0;
	font-size: 36px;
	font-weight: 800;
	color: #000;
	letter-spacing: -1px;
	height: 36px;
	line-height: 36px;
}
.phone-item-type6 .info .eye_price .price>span {font-size: 24px;}

@media (max-width: 1299px) {
	.phone-list-type6 > ul {
		width: 100%;
		margin-left: 0;
	}

	.phone-list-type6 > ul > li:nth-child(2) {margin-top: 1.563rem;}
	.phone-list-type6 > ul > li {
		float: none;
		width: 100%;
		margin: 1.563rem 0 0;
	}

	.phone-item-type6.max-h {
		min-height: 22.5rem;
	}

	.phone-item-type6 {
		min-width: auto;
		min-height: 21.25rem;
		border: 0.125rem solid #ddd;
		border-radius: 1.25rem;
	}
	.phone-item-type6 .top {
		display: none;
	}
	.phone-item-type6 .con {
		min-height: 20.5rem;
	}

	.phone-item-type6 .top_m {
		display: block;
	}
	.phone-item-type6 .top_m > .d_flex {
		display: flex;
		justify-content: space-between;
		padding: 2.438rem 2.375rem 0 1.75rem;
	}

	.phone-item-type6 .top_m .opt {display: flex; align-items: center;}
	.phone-item-type6 .top_m .opt li.primary {border-color: #f45f61;color: #f45f61;background-color: #fff;}
	.phone-item-type6 .top_m .opt li.new {border-color: #0072bc;color: #0072bc;background-color: #fff;}
	.phone-item-type6 .top_m .opt li.used {border-color: #6495ED;color: #6495ED;background-color: #fff;}
	.phone-item-type6 .top_m .opt li.alliance {border-color: #22b7AE;color: #22b7AE;background-color: #fff;}
	.phone-item-type6 .top_m .opt li:first-child {margin-left: 0;}
	.phone-item-type6 .top_m .opt li {
		display: flex;
		align-items: center;
		justify-content: center;

		min-width: 6.25rem;
		height: 2.5rem;
		padding: 0 1.25rem;
		margin-left: 0.625rem;
		border-width: 0.125rem;
		border-radius: 1.25rem;
		font-size: 1.375rem;
		border: 1px solid #818181;
		font-weight: 700;
		color: #818181;
		background-color: #f9f9f9;
		box-sizing: border-box;
	}

	.phone-item-type6 .top_m .txt {
		font-size: 1.5rem;
		color: #666;
		font-weight: 700;
		text-decoration: underline;
	}
	.phone-item-type6 .top_m .txt strong {
		font-weight: 900;
	}

	.phone-item-type6 .info {
		width: 54.18%;
		margin-right: 2.625rem;
		min-width: 24.625rem;
	}

	.phone-item-type6 .info .tit {
		font-size: 1.875rem;
		padding: 2rem 2.375rem 1.375rem 0;
	}

	.phone-item-type6 .info .tit.lin_H {
		line-height: 4rem;
		vertical-align: middle;
	}

	.phone-item-type6 .img {
		width: 45.81%;
	}

	.phone-item-type6 .img img {
		width: auto;
		height: 13.75rem;
	}
	.phone-item-type6 .info .fac_price {
		font-size: 1.563rem;
		padding-top: 2rem;
	}

	.phone-item-type6 .info .eye_price .price {
		font-size: 3.375rem;
		height: 2.25rem;
		line-height: 2.25rem;
	}

	.phone-item-type6 .info .eye_price .price>span {
		font-size: 1.5rem;
	}
	.phone-item-type6 .info .eye_price .thum_tit {
		font-size: 1.063rem;
		line-height: 1.063rem!important;
		padding-right: 1rem;
		height: 2.125rem;
	}

	.phone-item-type6 .info .eye_price {
		padding: 0.625rem 0 2rem;
	}
	
	.phone-item-type6 .info .hash li {
		padding: 0.875rem;
		margin: 0.375rem 0.5rem 0 0;
		font-size: 1.25rem;
		line-height: 1.875rem;
	}
	.phone-item-type6 .info .hash {
		margin-bottom: 2.625rem;
		height:auto;
	}

	.floting_wrap {
		bottom: 19.75rem !important;
		margin-right: -48% !important;
	}

	.floting_btn {
		width: 20.125rem;
		height: 5.5rem;
		border-radius: 2.75rem;;
		box-sizing: border-box;
		padding: 1.438rem 1rem 1.438rem 1.875rem;
	}

	.floting_btn .skt_txt {
		font-size: 1.125rem;
		color: #fff;
	}

}

@media (max-width: 750px) {
	.floting_wrap {
		right: 48% !important;
		bottom: 17% !important;
		margin-right: -20.9rem !important;
	}

	.floting_btn {
		width: 20.63rem;
		height: 5.5rem;
		border-radius: 1.375rem;
		padding: 1.438rem 1rem 1.438rem 1.875rem;
	}

	.floting_btn .skt_txt {
		font-size: 1.125rem;
	}

	.floing_btn .icon_t {
		width: 3.5rem;
		height: 3.5rem;
	}

}

.content.position {
	position: relative;
}

/* 플로팅 버튼 230129 */
.floting_wrap {
	z-index: 999;
	position: fixed;
	right:50%;
	bottom: 116px;
	margin-right: -46.9%;
}

.floting_btn {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 322px;
	height: 65px;
	background-color: #3616ce;
	border-radius: 44px;
	box-sizing: border-box;
	padding: 23px 16px 23px 30px;
}

.floting_btn .skt_txt {
	font-size: 18px;
	color: #fff;
}

.floting_btn .icon_t {
	display: table-cell;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: #fff url(../images/common/icon_flt_t.png) center center no-repeat;
}


/* 상담사개통 230129 */
.modal-app.type2 .cont-form .app-wrap.type2 .step .inbox.type10 {
	width: 800px;
	padding: 60px 0;
	margin: 0 auto;
}

.self_chk_tit {
	font-size: 18px;
	color: #333;
	font-weight: 900;
	line-height: 28px;
}

.txt-box-type10 {
	padding: 32px 0;
	border-radius: 4px;
	background-color: #f4f4f4;
	box-sizing: border-box;
	width: 796px;
	margin-top: 48px;
}

.txt-box-type10  .phone-list-type7 > ul {
	width: 694px;
}

.txt-box-type10  .phone-list-type7 > ul > li {
	width: 337px;
}

.phone-list-type7 > ul{width: 694px; margin: 0 auto; } /*margin-left: -15px;*/
.phone-list-type7 > ul::after{display: block; content: ""; clear: both;}
.phone-list-type7 > ul > li{float: left; width: 337px; }
.phone-list-type7 > ul > li:first-child, .phone-list-type6 > ul > li:nth-child(2) {margin-top: 0;}
.phone-list-type7 > ul > li:nth-child(odd) {float: left;}
.phone-list-type7 > ul > li:nth-child(even){float: right;}
.phone-item-type7.max-h {min-height: 207px;}
.phone-item-type7 {
	display: block;
	width: 100%;
	min-width: 337px;
	height: 100%;
	min-height: 207px;
	overflow: hidden;
	border: 1px solid #ddd;
	background: #fff;
	border-radius: 20px;
	text-align: left;
	box-sizing: border-box;
}
.phone-item-type7 .img {width: 153px; text-align: center;}
.phone-item-type7 .img img {width: auto;height: 126px;}
.phone-item-type7 .info {width: 207px; padding-right:23px;}
.phone-item-type7 .con {display: flex; align-items: center;height: 100%;min-height: 207px;}
.phone-item-type7 .top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 22px 4px 12px 2px;
}
.phone-item-type7 .top_m {display: none;}
.phone-item-type7 .top .opt {display: flex;}
.phone-item-type7 .top .opt li.primary {border-color: #f45f61;color: #f45f61;}
.phone-item-type7 .top .opt li.new {border-color: #0072bc;color: #0072bc;}
.phone-item-type7 .top .opt li.used {border-color: #6495ED;color: #6495ED;}
.phone-item-type7 .top .opt li.alliance {border-color: #22b7AE;color: #22b7AE;}
.phone-item-type7 .top .opt li:first-child {margin-left: 0;}
.phone-item-type7 .top .opt li {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 30px;
	height: 14px;
	padding: 0 8px;
	margin-left: 2px;
	border: 1px solid #818181;
	border-radius: 8px;
	font-size: 8px;
	font-weight: 700;
	color: #333;
	box-sizing: border-box;
}
.phone-item-type7 .top .txt {font-size: 8px;color: #666;text-decoration: underline;}
.phone-item-type7 .top .txt strong {font-weight: 900;}
.phone-item-type7 .info .tit {
	display: block;
	padding-right: 10px;
	font-size: 14px;
	font-weight: 700;
	color: #111;
	width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	box-sizing: border-box;
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
	word-break: break-all;
	white-space: nowrap;
}

.phone-item-type7 .info .tit.lin_H {line-height: 36px;vertical-align: middle;}
.phone-item-type7 .info .price {
	display: block;
	margin-top: 3px;
	font-size: 20px;
	font-weight: 800;
	color: #ff4d50;
	letter-spacing: -1px;
}

.phone-item-type7 .info .hash li {
	padding: 0 6px;
	margin: 0 5px 0 0;
	border: 1px solid #f4f4f4;
	border-radius: 8px;
	background: #f4f4f4;
	font-size: 8px;
	color: #707070;
	line-height: 19px;
}
.phone-item-type7 .info .hash {display: flex;flex-wrap: wrap;padding-bottom: 26px;}
.phone-item-type7 .info .fac_price {color: #999; font-size: 8px; text-align: right; padding-top: 20px;}
.phone-item-type7 .info .fac_price, .phone-item-type6 .info .eye_price {text-align: right;}
.phone-item-type7 .info .eye_price {
	display: flex;
	justify-content: end;
	align-items: center;
	padding: 4px 0 15px;
}
.phone-item-type7 .info .eye_price .thum_tit {
	font-size:8px;
	color:#0072bc;
	line-height: 8px!important;
	padding-right: 9px;
	height: 14px;
	vertical-align: middle;
	font-weight: bold;
}
.phone-item-type7 .info .eye_price .price {
	display: block;
	margin-top: 0;
	font-size: 20px;
	font-weight: 800;
	color: #000;
	letter-spacing: -1px;
	height: 20px;
	line-height: 20px;
}
.phone-item-type7 .info .eye_price .price>span {font-size: 13px;}
.txt-box-type10 .mintit_txt {
	font-size: 18px;
	color:#333;
	font-weight: 600;
	line-height: 30px;
	text-align: center;
	margin-bottom: 24px;
}
.txt-box-type10 .mintit_txt .logo_mintit {
	padding-left: 80px;
	background: url(../images/common/img_mintit.png) center top 1px / 75px auto no-repeat;
}

@media (max-width: 1299px) {
	.modal-app .cont-form .app-wrap .scroll-box > div.pd_no {
		padding: 2.5rem 0;
		box-sizing: border-box;
	}

	.txt-box-type10 {
		padding: 2.875rem 0;
		border-radius: 4px;
		background-color: #f4f4f4;
		box-sizing: border-box;
		width: auto;
		margin-top: 2.875rem;
	}

	.modal-app .cont-form .app-wrap .scroll-box div.pd_no .btn-wrap {
		padding: 0 2.5rem;
	}

	.modal-app.type2 .cont-form .app-wrap.type2 .step .inbox.type10 {
		padding: 0;
		margin: 0 auto;
	}

	.modal-app.type2 .cont-form .app-wrap.type2 .step .inbox.type10 {
		width: auto;
	}

	.txt-box-type10 {
		width: auto;
	}

	.self_chk_tit {
		font-size: 2rem;
		line-height: 1.75rem;
	}

	.txt-box-type10 .mintit_txt {
		font-size: 1.75rem;
		line-height: 2.5rem;
		text-align: center;
		margin-bottom: 2.25rem;
	}

	.txt-box-type10 .mintit_txt .logo_mintit {
		padding-left: 7rem;
		background: url(../images/common/img_mintit.png) center top  / 6.5rem auto no-repeat;
	}

	.txt-box-type10 .phone-list-type7 > ul {
		width: 100%;
		margin-left: 0;
	}

	.txt-box-type10 .phone-list-type7 > ul > li:nth-child(2) {margin-top: 1.5rem;}
	.txt-box-type10 .phone-list-type7 > ul > li {
		float: none;
		width: auto;
		margin: 1.5rem 2.5rem 0;
	}

	.txt-box-type10 .phone-item-type7 .max-h {
		min-height: 22.5rem;
	}

	.txt-box-type10 .phone-item-type7 {
		min-width: auto;
		min-height: 21.25rem;
		border: 0.125rem solid #ddd;
		border-radius: 1.25rem;
	}
	.txt-box-type10 .phone-item-type7 .top {
		display: none;
	}
	.txt-box-type10 .phone-item-type7 .con {
		min-height: 20.5rem;
	}

	.txt-box-type10 .phone-item-type7 .top_m {
		display: block;
	}
	.txt-box-type10 .phone-item-type7 .top_m > .d_flex {
		display: flex;
		justify-content: space-between;
		padding: 2.438rem 2.375rem 0 1.75rem;
	}

	.txt-box-type10 .phone-item-type7 .top_m .opt {display: flex; align-items: center;}
	.txt-box-type10 .phone-item-type7 .top_m .opt li.primary {border-color: #f45f61;color: #f45f61;background-color: #fff;}
	.txt-box-type10 .phone-item-type7 .top_m .opt li.new {border-color: #0072bc;color: #0072bc;background-color: #fff;}
	.txt-box-type10 .phone-item-type7 .top_m .opt li.used {border-color: #6495ED;color: #6495ED;background-color: #fff;}
	.txt-box-type10 .phone-item-type7 .top_m .opt li.alliance {border-color: #22b7AE;color: #22b7AE;background-color: #fff;}
	.txt-box-type10 .phone-item-type7 .top_m .opt li:first-child {margin-left: 0;}
	.txt-box-type10 .phone-item-type7 .top_m .opt li {
		display: flex;
		align-items: center;
		justify-content: center;

		min-width: 6.25rem;
		height: 2.5rem;
		padding: 0 1.25rem;
		margin-left: 0.625rem;
		border-width: 0.125rem;
		border-radius: 1.25rem;
		font-size: 1.375rem;
		border: 1px solid #818181;
		font-weight: 700;
		color: #818181;
		background-color: #f9f9f9;
		box-sizing: border-box;
	}

	.txt-box-type10 .phone-item-type7 .top_m .txt {
		font-size: 1.5rem;
		color: #666;
		font-weight: 700;
		text-decoration: underline;
	}
	.txt-box-type10 .phone-item-type7 .top_m .txt strong {
		font-weight: 900;
	}

	.txt-box-type10 .phone-item-type7 .info {
		width: 54.18%;
		padding-right: 2.625rem;
		min-width: 24.625rem;
	}

	.txt-box-type10 .phone-item-type7 .info .tit {
		font-size: 1.875rem;
		padding: 2rem 2.375rem 1.375rem 0;
	}

	.txt-box-type10 .phone-item-type7 .info .tit.lin_H {
		line-height: 4rem;
		vertical-align: middle;
	}

	.txt-box-type10 .phone-item-type7 .img {
		width: 45.81%;
	}

	.txt-box-type10 .phone-item-type7 .img img {
		width: auto;
		height: 12.813rem;
	}
	.txt-box-type10 .phone-item-type7 .info .fac_price {
		font-size: 1.563rem;
		padding-top: 2rem;
	}

	.txt-box-type10 .phone-item-type7 .info .eye_price .price {
		font-size: 3.375rem;
		height: 2.25rem;
		line-height: 2.25rem;
	}

	.txt-box-type10 .phone-item-type7 .info .eye_price .price>span {
		font-size: 1.5rem;
	}
	.txt-box-type10 .phone-item-type7 .info .eye_price .thum_tit {
		font-size: 1.063rem;
		line-height: 1.063rem!important;
		padding-right: 1rem;
		height: 2.125rem;
	}

	.txt-box-type10 .phone-item-type7 .info .eye_price {
		padding: 0.625rem 0 2rem;
	}

	.txt-box-type10 .phone-item-type7 .info .hash li {
		padding: 0.875rem;
		margin: 0.375rem 0.5rem 0 0;
		font-size: 1.25rem;
		line-height: 1.875rem;
	}
	.txt-box-type10 .phone-item-type7 .info .hash {
		padding-bottom: 2.625rem;
	}

}

/* mno 온라인가입 신청 수정  230201 */
.bul.num span.bl_txt {
	color:#457fec;
}

.confirm-box-type1 {
	border: 1px solid #ddd;
	border-radius: 10px;
	padding: 28px 0 25px;
	font-size: 16px;
	line-height: 28px;
	color: #333;
	margin-top: 16px;
	box-sizing: border-box;
}

.confirm-box-type1 {
	display: flex;

}

.confirm-box-type1 .info .info_detail >div {
	display: flex;
}

.confirm-box-type1 .img {
	width: 300px;
	text-align: center;
}

.confirm-box-type1 .img img {
	height: 127px;
	width: auto;
}
.confirm-box-type1 .info .info_tlt {
	color:#333;
	font-size: 18px;
	line-height: 28px;
	font-weight: bold;
}

.confirm-box-type1 .info .info_detail {
	display: flex;
	color: #676767;
	font-size: 14px;
	letter-spacing: -0.25px;
	line-height: 28px;

}

.confirm-box-type1 .info .info_detail .lft_detail, .confirm-box-type1 .info .info_detail .rgt_detail {
	flex-direction: column;
}

.confirm-box-type1 .info .info_detail .lft_detail {
	padding-right: 40px;
}

.confirm-box-type1 .info .info_detail div ul li {
	display: inline-flex;
}

.confirm-box-type1 .info .info_detail div ul li:first-child {
	color: #ababab;
	font-weight: 600;
	width: 66px;
}

.confirm-box-type1 .info .info_detail div ul li:nth-child(2) {
	width: 150px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;

}

@media (max-width: 1299px) {
	.confirm-box-type1 {
		display: flex;
		align-items: center;

	}

	.confirm-box-type1 .info .info_detail >div {
		display: flex;
	}

	.confirm-box-type1 .img {
		width: 38.46%;
		text-align: center;
	}

	.confirm-box-type1 .img img {
		height: 12.5rem;
		width: auto;
	}

	.confirm-box-type1 .info {
		width: 61.57%;
	}

	.confirm-box-type1 .info .info_tlt {
		font-size: 1.875rem;
		line-height: 3rem;

	}

	.confirm-box-type1 .info .info_detail {
		display: flex;
		flex-direction: column;
		margin-top: 2rem;
		font-size: 1.5rem;
		letter-spacing: -0.016rem;
		line-height: 3rem;

	}

	.confirm-box-type1 .info .info_detail .lft_detail, .confirm-box-type1 .info .info_detail .rgt_detail {
		flex-direction: column;
	}

	.confirm-box-type1 .info .info_detail .lft_detail {
		padding-right: 0;
	}

	.confirm-box-type1 .info .info_detail div ul li {
		/* display: contents; */
	}

	.confirm-box-type1 .info .info_detail div ul li:first-child {
		width:6.563rem;
	}

	.confirm-box-type1 .info .info_detail div ul li:nth-child(2) {
		width: 16.25rem;

	}

}

/* 가입신청 230201 */
.app-total-price .mark.no_ma {
	margin-right: 0 !important;
	margin-left: 40px !important;
}

.app-total-price .total.br_ln   {
	padding: 0 0 30px;
	border-bottom: 1px solid #111;
}

.modal-app .cont-form .app-total-price .side.ty02 {
	letter-spacing: -2px;
	text-align: right;
}
.modal-app .cont-form .app-total-price .side.ty02 .total {
	display: flex;
	line-height: 60px;
	justify-content: flex-end;
	align-items: baseline;
}

.modal-app .cont-form .app-total-price .side.ty02 span.de_txt {
	color: #111;
	font-size: 15px;
	letter-spacing: 0;
}

.modal-app .cont-form .app-total-price .side.ty02 .btn.ma_tp {
	margin-top: 128px;
}

@media (max-width: 1299px) {
	.modal-app .cont-form .app-total-price .side span.de_txt{
		color: #111;
		font-size: 1.5rem;
		line-height: 62px;
		letter-spacing: -0.4px;
	}
}


@media all and (min-width:751px) and (max-width:1299px) {
	.main .quick .item5{width: 100%; padding: 2.8125rem 0 0 3.125rem; margin-bottom: 1.875rem; background-size: 41.6875rem auto; background-color: #8ddafc;}
	.main .quick .item5 span{font-size: 1.5rem;}
	.main .quick .item5 strong{margin-top: 0.8125rem; font-size: 2.625rem; line-height: 3.375rem;}
	.main .quick .item11{width: 100%; padding: 2.8125rem 0 0 3.125rem; margin-bottom: 1.875rem; background-size: 41.6875rem auto; background-color: #f8e6ed;}
	.main .quick .item11 span{font-size: 1.5rem;}
	.main .quick .item11 strong{margin-top: 0.8125rem; font-size: 2.625rem; line-height: 3.375rem;}
}

.modal .banner-self-open { position: relative; background: #f7e6ee; padding: 20px 30px; font-size: 18px; color: #333; }
.modal .banner-self-open::before { display: block; content: ""; position: absolute; width: 64px; height: 51px; right: 30px; top: 15px; background: url(../images/selfopen/bg_selfopen_m.png) 50% 50% no-repeat; background-size: contain; }

.modal .flex-wrap { display: flex; width: 100%; flex-wrap: nowrap; justify-content: space-between; }
.modal .flex-wrap li { letter-spacing: -1.5px; flex: 1; }

.modal-app-check .item li.bo-l { border-left: 1px solid #eee; margin-left: 5px; padding-left: 5px; }
.modal-app-check .item li.certificate1 { background: url(../images/common/ico_app_check2-1.png) center 10px/76px auto no-repeat; }
.modal-app-check .item li.child { background: url(../images/common/ico_app_check5.png) center 10px/76px auto no-repeat; }

.em { color: #f46769; }

.modal .cont.pd0 { padding: 0; }
.modal .gray-box { background: #f4f4f4; padding: 30px 10px; color: #333; margin-top: 30px; }
.modal .gray-box .underline { text-decoration: underline; color: #333; }
.modal .gray-box p { line-height: 22px; margin-top: 25px; }
.modal .gray-box .img-usim { display: block; height: 75px; background: url(../images/common/img-usim.png) 50% 50% no-repeat; margin: 30px 0 15px; }

@media (max-width: 1299px){
	.modal .banner-self-open { font-size: 1.75rem; text-align: left; }
	.modal .banner-self-open::before { width: 6.5625rem; height: 6.25rem; }
	.gray-box .underline { font-size: 1.75rem; }
	.modal-app-check .item li { font-size: 1.75rem; }
	.modal-app-check .item li.certificate1 { font-size: 1.75rem; background-size: 7.5625rem auto; }
	.modal-app-check .item li.child { font-size: 1.75rem; background-size: 7.5625rem auto; }
}
@media (min-width: 1300px){
	.pc-pd30 { padding: 30px; }
}

/* fixed bottom */
.fix-bottom{position: fixed;left:0;bottom:0;width:100%;height:97px;background: #fff;border-top:1px solid #bdbbbc;z-index:11; color: #111;;}

.fix-bottom .inner-box{position:relative;width:1200px;margin: 0 auto;}
.fix-bottom .fold{position: absolute; top:-36px; left:50%; transform: translateX(-50%); width: 92px; height:36px; background: #fff ; border:1px solid #bdbbbc; border-bottom:none;z-index: 1;}
.fix-bottom .fold-icon{position: absolute;top:50%; left:50%;width:11px; height:11px;border-top:2px solid #000; border-left: 2px solid #000;}

.fix-bottom .foldding-area {display: none;padding-top:35px;}

.fix-bottom.open .foldding-area{display: block;}

.hidden{display: none;}
.fix-bottom .rotate{-moz-transition: all .1s linear;-webkit-transition: all .1s linear;transition: all .1s linear;-moz-transform:translate(-50%, -10%) rotate(45deg);-webkit-transform:translate(-50%, -10%) rotate(45deg);transform:translate(-50%, -10%) rotate(45deg);}

.fix-bottom.open.type1{height:454px;;}
.fix-bottom.open.type2{height:fit-content;bottom:6rem;}
.fix-bottom.open .rotate{ -moz-transform:translate(-50%, -50%) rotate(225deg);-webkit-transform:translate(-50%, -50%) rotate(225deg); transform:translate(-50%, -50%) rotate(225deg);}
.fix-bottom.open.type2 .foldding-area {padding-left:2.5rem;padding-right:2.5rem;padding-bottom:2rem;overflow-y:auto;height:fit-content;max-height:calc(100vh - 300px);}


.fix-bottom .foldding-area .inner-box{display: flex;}
.fix-bottom .foldding-area .inner-box > div{flex:1;position: relative;}
.fix-bottom .list-box{position: relative;width: 310px;margin-right:60px;}
.fix-bottom .detail-list li{padding:12px 0;border-bottom:1px solid #ddd;display: flex; font-size: 15px; }
.fix-bottom .detail-list li:first-child{border-bottom:1px solid #000}
.fix-bottom  .detail-list li:last-child{border-bottom: none;}
.fix-bottom .detail-list li > span{flex:1;}

.fix-bottom .detail-list .price{text-align: right;}
.fix-bottom .detail-list .sum{font-weight: 700;font-size: 18px;}
.fix-bottom .detail-list .sum .price{color:#FF4D50; }
.fix-bottom .detail-list .discount{color:#f36162;}
.fix-bottom .float-text{position:absolute; left:-38px; top:13px;}
.fix-bottom .total-wrap .float-text{left:-30%;}

.fix-bottom .foldding-area .total-wrap{ font-size: 20px; margin-left: 155px;color:#595959;font-weight:700;}
.fix-bottom .foldding-area .total-wrap .inner{display: flex;}
.fix-bottom .foldding-area .total-wrap .inner > span{flex: auto;}
.fix-bottom .foldding-area .total-txt{ font-weight: 700; line-height: 50px;width: 60px;}
.fix-bottom .foldding-area .total-price{color:#000; text-align: right; line-height: 1; }
.fix-bottom .foldding-area .total-price strong{font-size: 40px;color:#FF4D50;}


.float-bottom{    position: fixed;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width:100%;
	border-top:1px solid #ddd; background: #fff;;/*height: 127px;*/}
.float-bottom .inner-box{display: flex; width: 1200px; margin: 0 auto;padding: 1.3rem 0;align-items: flex-end;}
.float-bottom .inner-box > div{flex: auto;}
.float-bottom .row2 {width: 150px;font-size:24px;display:flex;align-items: flex-start;justify-content: flex-start;flex-direction: column;}
.float-bottom .row2 .title{display:block; font-size: 15px;}
.float-bottom .btn-wrap{margin-top:0;text-align: right; }
.float-bottom .btn-wrap .min-w{width:197px}
.float-bottom .total-wrap{font-size: 28px;margin-right:20px;}
.float-bottom .total-text{font-weight: 700; display: inline-block; margin-right:10px;}
.float-bottom .total-price{font-weight: 700;color:#f45f61;display: inline-block;line-height:inherit;}
.float-bottom .total-price strong{font-size: 49px;font-weight:800;height: 55px;display: inline-block;}
.float-bottom .btn-type1.wide{ width: 385px; }

@media (max-width: 1299px) {

	.fix-bottom{padding: 0 2.5rem 0;width: auto;right:0; height:14.1875rem}
	.fix-bottom .detail-list li:first-child{border-bottom: 1px solid #000;}
	.fix-bottom.open.type1{height:61.25rem}
	.fix-bottom.open.type2{height:fit-content;bottom: 14rem;padding:0 !important;}

	.fix-bottom .fold-icon{width:1rem;height:1rem}
	.fix-bottom .fold{width:5.75rem; height: 2.875rem;top:-2.81rem}

	.fix-bottom.open.type2 .foldding-area{padding-top:1rem;max-height:calc(100vh - 27.5rem) !important;}
	.fix-bottom .foldding-area .inner-box{display: block;width: auto;}
	.fix-bottom .list-box{width: auto;margin-right:0;}
	.fix-bottom .list-box + .list-box{margin-top:4.19rem}
	.fix-bottom .detail-list li{font-size: 1.5rem; padding:1rem 0}
	.fix-bottom .detail-list .sum{font-size: 2rem;}
	.fix-bottom .foldding-area .total-wrap .inner{display: block;}
	.fix-bottom .foldding-area .total-wrap{display: none;}

	.float-bottom {height:13.7rem; left:0; right:0; transform: none;padding-bottom: 0.5rem;}
	.float-bottom .inner-box{width: auto; padding:2rem 2.5rem;}
	.float-bottom .inner-box{flex-wrap: wrap;gap:1.5rem;}
	.float-bottom .btn-wrap{width:100%; justify-content: space-between;display: flex;}
	.float-bottom .btn-wrap .min-w{width: 13.125rem;}
	.float-bottom .btn-type1.wide{width: calc(100% - 15.9rem);}
	/* .float-bottom .foldding-area .total-text{display: none;} */
	.float-bottom .total-wrap{margin-right:0px;}


	.fix-bottom .float-text{left:50%; transform:translateX(-50%); top:-3.125rem}
	.float-bottom .row2{width:auto;font-size:2.35rem;flex-direction:row;align-items:center;gap:1rem;}
	.float-bottom .row2 .title{font-size: 1.525rem;}
	.float-bottom .total-wrap{font-size: 2rem;text-align:right;}
	.float-bottom .total-price strong{font-size: 3.375rem;line-height: 3.375rem;height:auto;margin-bottom: 0.5rem;}
	.float-bottom .btn-wrap{margin-top:0}


}
@media (max-width: 751px) {
	.float-bottom .inner-box > div.row2 {font-size:1.8rem;gap:0.2rem;flex-direction:column;align-items:flex-start;width:fit-content;padding: 0.5rem 0;justify-content:center;}
	.float-bottom .inner-box {padding:2rem 2.5rem;gap:1rem;}
}

.online-join .modal-app .cont-form .menu-wrap .drop-menu .menu-list > li .title .tit span{display:block ;padding:10px 13px}
.online-join .modal-app .cont-form .app-wrap .scroll-box{flex-direction: column;}
.online-join .modal-app .cont-form .app-wrap h4{margin-bottom:10px}
.online-join .modal-app .cont-form .menu-wrap .drop-menu .menu-list > li{padding:25px 30px}
.online-join .modal-app .cont-form .menu-wrap .drop-menu .menu-list > li .title{height: auto;}

@media (max-width: 1299px) {
	.online-join .modal-app .cont-form .menu-wrap .drop-menu .menu-list{height: calc(99vh - 13.75rem);}
	.online-join .modal-app .cont-form .menu-wrap .drop-menu .menu-list > li{ padding:1.6rem 3.0rem;}
	.online-join .modal-app .cont-form .menu-wrap .drop-menu .menu-list > li .title .tit span{padding: 1rem;}
}

.st2023 .phone-item-type2{ display:table;border:none; border-radius: 0;padding:0;}
.st2023 .phone-item-type2 .img{width:252px;height:360px;background: #f6f6f8; display: table-cell;    vertical-align: middle;}
.st2023 .phone-item-type2 .img + .info{margin:0 20px; padding-right:0;}
.st2023 .phone-item-type2 .info .agency{position:absolute; top:18px; left:23px;background: #fff;display:flex !important;align-items:center;justify-content:center;}
.st2023 .phone-item-type2 .img img{max-width: 100%; max-height: 100%;;}
.st2023 .phone-item-type2 .info .price{display: flex;text-align: right;justify-content: space-between;margin-top:15px}
.st2023 .phone-item-type2 .info .price span{font-size: 20px; font-weight: 700;}

.st2023 .phone-item-type2 .info .total-price{text-align: right;display: block;margin: 15px 0 25px;font-size: 24px;line-height: 1;font-weight:800;color: #457fec;font-size: 24px;}
.st2023 .phone-item-type2 .info .total-price span{font-size: 36px;}

.st2023 .phone-item-type2 .info .orign-price{display:block; text-align:right;font-size:20px;color:#999;text-decoration: line-through;text-align: right;}

.st2023 .phone-item-type2 .info .detail{width: 100%; display:flex; flex-wrap: wrap; justify-content: space-between;font-size: 16px; line-height:25px;}
.st2023 .phone-item-type2 .info .detail dt{width:110px;}
.st2023 .phone-item-type2 .info .detail dd{width:120px; text-align:right;}
.st2023 .phone-item-type2 .info .tit{ margin:42px 0 0;}
.color-dot{position: absolute; left:25px; bottom:30px;}
.color-dot li{ width:0.9375rem; height:0.9375rem; border-radius: 50%; border:1px solid #707070;margin-bottom:5px;}
.color-dot li.pink {background: #fbdaf5;}
.color-dot li.black{background: black;}
.color-dot li.red{background: red;}
.color-dot li.green{background: #174b04;}
.color-dot li.blue{background: blue;}
.color-dot li.yellow{background: yellow;}
.color-dot li.white{background: white;}
.color-dot li.silver{background: silver;}
.color-dot li.sky{background: #f4f8ff;}



@media (max-width: 1299px) {
	.color-dot{left:10px; bottom:10px}
	.color-dot li{margin-bottom:2px;}

	.st2023 .phone-item-type2 .img + .info{margin-left:2.5rem;width:auto}
	.st2023 .phone-item-type2 .info .agency{display: block;width:3.9375rem;height:1.9375rem;font-size: 1.05rem;top:0.8375rem;left:1.0125rem;padding:0;
		text-align: center;}
	.st2023 .phone-item-type2 .info .detail{display: none;}
	.st2023 .phone-item-type2 .img{width:15.0625rem; height:19.625rem;}
	.st2023 .phone-item-type2 .info .tit{font-size: 2.1875rem;margin-top:2rem; margin-bottom:0.5rem}
	.st2023 .phone-item-type2 .info .orign-price{font-size: 0.936rem;}
	.st2023 .phone-item-type2 .info .total-price{font-size: 2.5rem;margin:0;}
	.st2023 .phone-item-type2 .info .total-price span{vertical-align: -0.2rem;font-size: 2.5rem;}
	.st2023 .phone-item-type2 .info .price span{font-size: 1.56rem;}
	.st2023 .phone-item-type2 .info .price{margin:1.3rem 0; color:#000;}
}
.phone-list-type2 > ul.goods-list {display: flex; flex-wrap: wrap;}
.phone-list-type2 > ul.goods-list > li{width:370px; margin:40px 20px;}
.goods-list .phone-item-type2{display: block; border:none; border-radius: 0;padding:0; height: auto; width:auto;}
.goods-list .phone-item-type2 .img{position: relative; width:376px;height:360px;background: #f6f6f8; display: table-cell;    vertical-align: middle;}

.goods-list .phone-item-type2 .img + .info{margin-left:23px; padding-right:0;}
.goods-list .phone-item-type2 .info .agency{position:absolute; top:18px; left:23px;background: #fff;display:flex !important;align-items:center;justify-content:center;}
.goods-list .phone-item-type2 .img img{max-width: 100%; max-height: 100%;;}
.goods-list .phone-item-type2 .info .price{display: flex;text-align: right;justify-content: space-between;margin-top:15px;color:#000}
.goods-list .phone-item-type2 .info .price span{font-size: 20px; font-weight: 700;}

.goods-list .phone-item-type2 .info .total-price{text-align: right;display: block;margin: 15px 0 25px;font-size: 24px;line-height: 1;font-weight: 700;color: #457fec;font-size: 24px;float:right}
.goods-list .phone-item-type2 .info .total-price span{font-size: 36px; margin-top:5px;}

.goods-list .phone-item-type2 .info .orign-price{display:block; float:left;text-align:right;font-size:20px;color:#999;text-decoration: line-through;    margin-top:25px;}

.goods-list .phone-item-type2 .info .detail{width: 100%; display:flex; flex-wrap: wrap; justify-content: space-between;font-size: 16px; line-height:25px;color:#000}
.goods-list .phone-item-type2 .info .detail dt{width:fit-content;}
.goods-list .phone-item-type2 .info .detail dd{width:140px; text-align:right;}
.goods-list .phone-item-type2 .info .tit{ margin:33px 0 0;}


@media (max-width: 1299px) {
	.goods-list .phone-item-type2{display: table; width:100%}
	.phone-list-type2 > ul.goods-list > li{width: inherit; margin:0 0 5rem 0}
	.phone-list-type2 > .goods-list  > li{margin-top:0}
	.phone-list-type2 > .goods-list > li:nth-child(2){margin-top: 0;}
	.goods-list .phone-item-type2 .info .opt{font-size: 1.1875rem;}

	.goods-list .phone-item-type2 .img + .info{margin-left:2.5rem;width:auto}
	.goods-list .phone-item-type2 .info .agency{display: block;width:3.9375rem;height:1.9375rem;font-size: 1.05rem;top:0.8375rem;left:1.0125rem;padding:0;
		text-align: center;}
	.goods-list .phone-item-type2 .info .detail{font-size: 1.375rem;line-height: 2.125rem;margin-top: 1rem; color:#000}
	.goods-list .phone-item-type2 .info .detail dd{width:fit-content;}
	.goods-list .phone-item-type2 .img{width:15.0625rem; height:21.25rem;}
	.goods-list .phone-item-type2 .info .tit{font-size: 2.1875rem;margin-top:0.2375rem; margin-bottom:1rem}
	.goods-list .phone-item-type2 .info .orign-price{float: initial;
		font-size: 0.936rem; margin-top: -.7rem;}
	.goods-list .phone-item-type2 .info .total-price{float: initial;font-size: 2.5rem;margin:0;}
	.goods-list .phone-item-type2 .info .total-price span{vertical-align: -0.2rem;font-size: 2.5rem;}
	.goods-list .phone-item-type2 .info .price span{font-size: 1.875rem;}
	.goods-list .phone-item-type2 .info .price{margin:1.3rem 0 0 0; color:#000}

}
.sort-wrap{position: relative;margin-bottom:30px;}
.sort-wrap:has(.gongsi){margin-bottom:0px;}
.gongsi{text-align: right;margin-top: 1rem;}
.gongsi button{position:relative; width:218px; height:auto; font-size: 16px; border-radius: 32px; text-align: left; padding:0.8rem 0 0.8rem 30px; color:#000;  border:1px solid #878787; background: #fff;}
.gongsi span{display:block; font-size: 13px;}
.gongsi .icon-gongsi{ position: absolute; display: inline-block ;right:30px; top:20px; width:26px ; height:26px;  background:#fff url(../images/common/icon_gongsi.png) 50% 50% no-repeat ; background-size: contain;}
.location{display: none;}
@media (max-width: 1299px) {
	.gongsi {position: relative; width:100%; width:100%; margin-top:2.5rem;float: none;}
	.gongsi button{width:100%;height:auto;margin-top:2.5rem;text-align: center; line-height: 2.25rem;display: flex;justify-content: center;align-items: center;gap: 0.5rem;padding:1.5rem 0;font-size: 1.7rem;}
	.gongsi span{display: inline-block;line-height:initial;font-size:1.1rem;}
	.gongsi .icon-gongsi{position: static;width:1.8rem;max-width:20px;height:1.8rem;display: inline-block;vertical-align: middle;}

	.location{display: block; position: absolute; top: 50%;transform: translateY(-50%);left: 2.5rem; color:#fff; font-size: 1.75rem; background: #545b5c; border-radius: 3px; padding:0.875rem; line-height: 1;;}
	.location::before{display: inline-block; content: ''; width: 1.75rem; height:1.75rem; background: url(../images/common/ic_check.png )50% 50% no-repeat; background-size: contain;vertical-align: middle;}
}
@media (min-width: 1300px) {.p-hide {display: none !important;}
}

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

.max-600 {max-width: 600px;}
.fc-blue {color: #457fed;}
.btn-type1.btn-line {border: 1px solid #000;background: #fff;color: #000;}
.visual-script {display: block;background: url(../images/common/img_script.png) 50% 50% no-repeat;background-size: contain;}
.text-box.gray {background: #f8f8f8;}
.text-box.round {border-radius: 15px;}
.text-box.line {border: 1px solid #ddd;}
.text-box .inner-box {padding: 30px 60px;color: #333;}
.visual-txt {font-size: 30px;line-height: 40px;text-align: center;}
.visual-txt i {height: 92px;margin-bottom: 30px;}
.notice-box .text-box {line-height: 28px;font-size: 14px;margin-top: 30px;}
.notice-box .text-box .tit {font-size: 1.75rem;line-height: 3rem;}
.flex-wrap {display: flex;}
.flex-wrap.center {justify-content: center;}
.flex-wrap.center.middle {align-items: center;}
.flex-wrap.between{justify-content: space-between;}/*20230527*/
.order-summary .img-box img {max-width: 190px;max-height: 190px;}
.order-summary .text-box {margin-top: 30px;}
.order-summary .detail-wrap {display: flex;}
.order-summary .detail-wrap .detail-summary {flex: 1;margin-left: 90px;}
.order-summary .detail-wrap .detail-summary li {display: flex;margin-bottom: 15px;}
.order-summary .detail-wrap .detail-summary li .tit,
.order-summary .detail-wrap .detail-summary li .text {font-size: 14px;display: inline-block;}
.order-summary .detail-wrap .detail-summary li .tit {width: 80px;color: #ababab;}
.order-summary .detail-wrap .detail-summary li .tit strong {color: #457fec;}
.order-summary .detail-wrap .detail-summary li .text {max-width: 206px;color: #676767;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.order-summary .detail-wrap .detail-summary li .text strong {color: #000;}
@media (max-width: 1299px) {.text-box .inner-box {padding: 2.8125rem 1.875rem;}
	.visual-txt i {height: 7.4375rem;margin-bottom: 2.75rem;}
	.visual-txt {font-size: 2rem;line-height: 2.625rem;}
	.order-summary .detail-summary {width: 100%;}
	.order-summary .detail-wrap {flex-wrap: wrap;}
	.notice-box .text-box li {font-size: 1.75rem;line-height: 3rem;}
	.notice-box .text-box li .img-box img {max-width: 190px;max-height: 190px;}
	.order-summary .detail-summary {width: 100%;}
	.order-summary .detail-wrap {flex-wrap: wrap;}
	.order-summary .detail-wrap .detail-summary li {margin-bottom: 1.5rem;}
	.order-summary .detail-wrap .detail-summary li .tit,
	.order-summary .detail-wrap .detail-summary li .text {font-size: 1.5rem;}
	.order-summary .detail-wrap .detail-summary li .tit {max-width: 6.875rem;}
	.order-summary .detail-wrap .detail-summary li .text {max-width: 16.875rem;}
	.order-summary .detail-wrap .detail-summary {flex-wrap: wrap;width: 100%;margin-left: 3.125rem;}
	.order-summary .detail-wrap .detail-summary .p-hide .text {font-size: 1.875rem;font-weight: bold;color: #000;max-width: 100%;}
}

/* 특별혜택선택 */
.modal-type2.modal-special-wrap { width: 900px; }
.modal-type2.modal-special-wrap .cont { padding: 60px 200px; }
.modal-type2.modal-special-wrap .text-box { font-size: 18px; line-height: 28px; color: #000; margin-bottom: 30px; }
.modal-type2.modal-special-wrap .special-list li { display: flex; flex-wrap: nowrap; padding: 12px 0; }
.modal-type2.modal-special-wrap .special-list .tit { width: 100px; text-align: left; display: inline-block; line-height: 46px; color: #333; }
.modal-type2.modal-special-wrap .special-list .txt { width: calc(100% - 100px); }
.modal-type2.modal-special-wrap .special-list input, .modal-type2.modal-special-wrap .special-list select { width: 100%; color: #999; }
.modal-type2.modal-special-wrap .btn-wrap { margin-top: 80px; }
.modal-type2.modal-special-wrap .btn-wrap .btn-type1 { width: 150px; }

@media (max-width: 1299px){
	.modal-type2.modal-special-wrap .cont { padding: initial; }
	.modal-type2.modal-special-wrap .text-box { font-size: 2rem; margin-bottom: 1.25rem; line-height: 2.5rem; }
	.modal-type2.modal-special-wrap .special-list li { flex-wrap: wrap; padding: 0 0 0.625rem 0; }
	.modal-type2.modal-special-wrap .special-list .tit { font-size: 1.75rem; }
	.modal-type2.modal-special-wrap .special-list .txt { width: 100%; }
	.modal-type2.modal-special-wrap .btn-wrap { margin-top: 3.125rem; }
}

/* 가입정보 입력 */
.modal-type2.modal-info-wrap { width: 900px; }
.modal-type2.modal-info-wrap .cont { padding: 60px; }
.modal-type2.modal-info-wrap .order-summary { display: flex; background: #f8f8f8; margin-top: 0px; margin-bottom: 20px; padding: 30px 60px; color: #333; align-items: center; justify-content: center; border-radius: 10px; }
.modal-type2.modal-info-wrap .order-summary .detail-wrap .detail-summary { margin-left: 40px; }
.modal-type2.modal-info-wrap .order-summary .detail-wrap .detail-summary li { margin-bottom: 5px; text-align: left; }
.modal-type2.modal-info-wrap .order-summary .img-box img { max-width: 100px; max-height: 100px; }
.modal-type2.modal-info-wrap .btn-wrap { margin-top: 80px; }
.modal-type2.modal-info-wrap .btn-wrap .btn-type1 { width: 150px; }
.modal-type2.modal-info-wrap .agree-form .f-primary { margin-left: 32px; }
.modal-type2.modal-info-wrap .info-list { text-align: left; margin-top: 5px; }
.modal-type2.modal-info-wrap .info-list li { line-height: 50px; border-bottom: 1px solid #ddd; }
.modal-type2.modal-info-wrap .info-list .tit { display: inline-block; color: #000; width: 90px; }
.modal-type2.modal-info-wrap .info-list .txt { display: inline-block; color: #999; }

.agree-form .agree-box-type2 { width: 100%; padding: 15px 20px; margin-top: 10px; border: 1px solid #ddd; border-radius: 10px; background: #fff; text-align: left; color: #333; box-sizing: border-box; }
.agree-form .agree-box-type2 .btn-agree { background: #fff; font-size: 16px; color: #999; text-decoration: underline; }
.agree-form .agree-box-type2 li + li { margin-top: 5px; }

@media (max-width: 1299px){
	.modal-type2.modal-info-wrap { width: initial; }
	.modal-type2.modal-info-wrap .order-summary { padding: 3.125rem; }
	.modal-type2.modal-info-wrap .cont { padding: initial; }
	.modal-type2.modal-info-wrap .agree-form .f-primary { margin-left: 3.125rem; }
	.modal-type2.modal-info-wrap .agree-box-type2 .btn-agree { font-size: 1.75rem; }
	.modal-type2.modal-info-wrap .info-list { text-align: left; margin-top: 5px; }
	.modal-type2.modal-info-wrap .info-list li { line-height: 4.125rem; }
	.modal-type2.modal-info-wrap .info-list .tit { width: 9.375rem; font-size: 1.5rem; }
	.modal-type2.modal-info-wrap .info-list .txt { font-size: 1.5rem; }
	.modal-type2.modal-info-wrap .btn-wrap { margin-top: 3.75rem; }
}


/* 이벤트 */
.event-top { position: relative; margin-bottom: 50px; }
.event-top ul li { display: inline-block; line-height: 40px; padding: 0 20px; border: 1px solid #ddd; border-radius: 5px; margin-right: 10px; font-size: 16px; }
.event-top ul li a { display: block; }
.event-top ul li.on { border: 2px solid #0072bc; }
.event-top .select03 { position: absolute; right: 0; top: -5px; border-radius: 0; border-left: 0; border-top: 0; border-right: 0; }

.event-list-3 ul { margin: 0 -15px; font-size: 0; line-height: 0; }
.event-list-3 li { width: calc((100% - 90px) / 3); position: relative; display: inline-block; margin: 20px 15px; }
.event-list-3 li .img-box { display: block; overflow: hidden; height: 222px; border-radius: 8px; }
.event-list-3 li .img-box img { width: 100%; }
.event-list-3 li .tag { position: absolute; top: 0; left: 0; width: 95px; background: #f6f6f6; font-size: 17px; border-radius: 8px 0 8px 0; height: 33px; line-height: 33px; color: #000; text-align: center; }
.event-list-3 li .chk {line-height: 34px;}
.event-list-3 li .title { font-size: 24px; line-height: 34px; color: #222; margin-top: 20px; height: 68px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.event-list-3 li .date { color: #7a7a7a; font-size: 16px; }
.event-list-3 li.end img { opacity: 0.5; }

@media (max-width: 1299px){
	.event-top { padding-top: 6.75rem; margin-bottom: 5rem; }
	.event-top .select03 { left: 0; right: initial; font-size: 1.75rem; }
	.event-top ul { overflow-x: scroll; display: flex; flex-wrap: nowrap; margin-right: -2.5rem; }
	.event-top ul li { display: block; flex-shrink: 0; font-size: 2rem; height: 5.625rem; line-height: 5.625rem; padding: 0 3.5rem; }
	.event-list-3 ul { margin: 0; }
	.event-list-3 li { width: auto; margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 4.375rem; }
	.event-list-3 li .img-box { max-height: 23.75rem; }
	.event-list-3 li .title { font-size: 2.1875rem; white-space: normal; line-height: 2.8125rem; display: -webkit-box; margin-top: 1.875rem; margin-bottom: 1.25rem; height: auto; }
	.event-list-3 li .date { font-size: 1.5625rem; }
}


.modal .banner-self-open { position: relative; background: #f7e6ee; padding: 20px 30px; font-size: 18px; color: #333; }
.modal .banner-self-open::before { display: block; content: ""; position: absolute; width: 64px; height: 51px; right: 30px; top: 15px; background: url(../images/selfopen/bg_selfopen_m.png) 50% 50% no-repeat; background-size: contain; }

.modal .flex-wrap { display: flex; width: 100%; flex-wrap: nowrap; justify-content: space-between; }
.modal .flex-wrap li { letter-spacing: -1.5px; flex: 1; }

.modal-app-check .item li.bo-l { border-left: 1px solid #eee; margin-left: 5px; padding-left: 5px; }
.modal-app-check .item li.certificate1 { background: url(../images/common/ico_app_check2-1.png) center 10px/76px auto no-repeat; }
.modal-app-check .item li.child { background: url(../images/common/ico_app_check5.png) center 10px/76px auto no-repeat; }

.em { color: #f46769; }

.modal .cont.pd0 { padding: 0; }
.modal .gray-box { background: #f4f4f4; padding: 30px 10px; color: #333; margin-top: 30px; }
.modal .gray-box .underline { text-decoration: underline; color: #333; }
.modal .gray-box p { line-height: 22px; margin-top: 25px; }
.modal .gray-box .img-usim { display: block; height: 75px; background: url(../images/common/img-usim.png) 50% 50% no-repeat; margin: 30px 0 15px; }


@media (max-width: 1299px){
	.modal .banner-self-open { font-size: 1.75rem; text-align: left; }
	.modal .banner-self-open::before { width: 6.5625rem; height: 6.25rem; }
	.gray-box .underline { font-size: 1.75rem; }
	.modal-app-check .item li { font-size: 1.75rem; }
	.modal-app-check .item li.certificate1 { font-size: 1.75rem; background-size: 7.5625rem auto; }
	.modal-app-check .item li.child { font-size: 1.75rem; background-size: 7.5625rem auto; }
}
@media (min-width: 1300px){
	.pc-pd30 { padding: 30px; }
}


/*개통가이드*/
.icon-round { position: relative; width: 100px; height: 100px; margin: 0 auto; border-radius: 100px; background: #f4f4f4; }
.icon-round .icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

i.icon { display: inline-block; vertical-align: middle; background-repeat: no-repeat; }
i.icon.icon-mobile { width: 30px; height: 41px; background-image: url(../images/selfopen/icon_mobile.png); }
i.icon.icon-mobile-self { width: 40px; height: 43px; background-image: url(../images/selfopen/icon_mobile_self.png); margin-left: 5px; }
i.icon.icon-price { width: 38px; height: 38px; background-image: url(../images/selfopen/icon_price.png); }
i.icon.icon-form { width: 38px; height: 38px; background-image: url(../images/selfopen/icon_form.png); }
i.icon.icon-delivery { width: 32px; height: 28px; background-image: url(../images/selfopen/icon_delivery.png); }
i.icon.icon-mail { width: 32px; height: 26px; background-image: url(../images/selfopen/icon_mail.png); }
i.icon.icon-help { width: 42px; height: 35px; background-image: url(../images/selfopen/icon_help.png); }
i.icon.icon-usim { width: 29px; height: 35px; background-image: url(../images/selfopen/icon_usim.png); }
i.icon.icon-arrow-long { width: 15px; height: 7px; background-image: url(../images/selfopen/icon_arrow_long.png); margin-left: 50px; }
i.icon.icon-arrow-long-white { width: 20px; height: 9px; background-image: url(../images/selfopen/icon_arrow_long_white.png); margin-left: 18px; }

.selfopen-wrap .tab { border-radius: 4px 4px 0 0px; overflow: hidden; border: 1px solid #ddd; display: flex; background: #fff; text-align: center; font-size: 18px; height: 54px; align-items: center; flex: 1; justify-content: center; }
.selfopen-wrap .tab li { flex: 1; border-left: 1px solid #ddd; cursor: pointer; height: 100%; }
.selfopen-wrap .tab li span { display: flex; align-items: center; justify-content: center; height: 100%; }
.selfopen-wrap .tab li:first-child { border-left: none; }
.selfopen-wrap .tab li::before { border-left: none; }
.selfopen-wrap .tab li.on { background: #0072bc; color: #fff; }
.selfopen-wrap .contentWrap { padding: 40px 20px 50px; border: 1px solid #ddd; margin-top: -1px; }
.selfopen-wrap .tabCon { width: 100%; text-align: center; left: 0; top: 40px; box-sizing: border-box; text-align: center; }
.selfopen-wrap .tabCon.off { display: none; }
.selfopen-wrap .flex-box { display: flex; justify-content: center; position: relative; }
.selfopen-wrap .flex-box img { margin: 0 auto; }
.selfopen-wrap .box1 .btn-area1 { position: absolute; display: block; top: 75px; left: 55px; width: 462px; height: 150px; }
.selfopen-wrap .box1 .btn-area2 { position: absolute; display: block; top: 75px; left: 640px; width: 462px; height: 150px; }
.selfopen-wrap .box2 .btn-area1 { position: absolute; display: block; top: 270px; left: 130px; width: 250px; height: 50px; }
.selfopen-wrap .inner-cont { position: relative; text-align: center; }
.selfopen-wrap .inner-cont .btn-round-line { display: block; width: 250px; height: 50px; font-size: 18px; line-height: 50px; border-radius: 25px; text-align: center; color: #000; }
.selfopen-wrap .inner-cont .title { font-size: 24px; color: #333; font-weight: normal; }
.selfopen-wrap .help-link { background: #333; color: #fff; text-align: center; }
.selfopen-wrap .help-link a { color: #fff; height: 70px; font-size: 18px; line-height: 70px; }
.selfopen-wrap .h5 { font-size: 36px; text-align: center; margin-top: 100px; margin-bottom: 25px; color: #333; }
.selfopen-wrap .h5 .s-txt { font-size: 24px; margin-top: 10px; }
.selfopen-wrap .selfOepnStepSlide { position: relative; max-width: 1200px; overflow: hidden; text-align: center; background: #f4f4f4; }
.selfopen-wrap .selfOepnStepSlide .swiper-slide { text-align: center; }
.selfopen-wrap .selfOepnStepSlide .swiper-slide img { margin: 0 auto; }
.selfopen-wrap .selfOepnStepSlide .swiper-slide a { position: absolute; display: block; background: #000; }
.selfopen-wrap .selfOepnStepSlide .swiper-button-next { top: 50%; right: 20px; width: 60px; height: 60px; margin: 0; border-radius: 5px 0 0 5px; background: url(../images/selfopen/icon_slide_next.png) center no-repeat; transform: translateY(-50%); }
.selfopen-wrap .selfOepnStepSlide .swiper-button-next::after { display: none; }
.selfopen-wrap .selfOepnStepSlide .swiper-button-prev { top: 50%; left: 20px; width: 60px; height: 60px; margin: 0; border-radius: 5px 0 0 5px; background: url(../images/selfopen/icon_slide_prev.png) center no-repeat; transform: translateY(-50%); }
.selfopen-wrap .selfOepnStepSlide .swiper-button-prev::after { display: none; }
.selfopen-wrap .line-box { border: 1px solid #ddd; padding: 82px; }
.selfopen-wrap .faq-link { border-top: 1px solid #0072bc; border-bottom: 1px solid #0072bc; margin-top: 130px; }
.selfopen-wrap .faq-link li { border-top: 1px solid #ddd; padding: 0 80px; }
.selfopen-wrap .faq-link li:first-child { border-top: none; }
.selfopen-wrap .faq-link li a { position: relative; display: block; height: 60px; line-height: 60px; color: #000; font-size: 18px; }
.selfopen-wrap .faq-link li a::before { position: absolute; display: block; content: ""; width: 10px; height: 15px; right: 0; top: 50%; transform: translateY(-50%); background: url(../images/selfopen/icon_next_small.png) right 50% no-repeat; }
@media (max-width: 1299px){
	.selfopen-wrap .tab li { font-size: 1.375rem; word-break: break-all; flex-wrap: wrap; }
	.selfopen-wrap .contentWrap { padding-top: 4.1875rem; margin-top: -1px; }
	.selfopen-wrap .tabCon { padding: 0 0.625rem; top: 6.25rem; min-height: auto; }
	.selfopen-wrap .inner-cont { padding: 0 2.1875rem; margin: 0; }
	.selfopen-wrap .inner-cont.line { border-right: 1px solid #ddd; }
	.selfopen-wrap .inner-cont .btn-round-line { width: 15.625rem; height: 3.75rem; font-size: 1.375rem; line-height: 3.75rem; border-radius: 3.75rem; }
	.selfopen-wrap .box1 .btn-area1 { top: 22%;left: 4%;width: 92%;height: 23%; } /*20230526*/
	.selfopen-wrap .box1 .btn-area2 { top: 64%;left: 4%;width: 92%;height: 23%; } /*20230526*/
	.selfopen-wrap .box2 .btn-area1 { top: 37%; left: 29%; width: 52%; height: 7%; }
	.selfopen-wrap .selfOepnStepSlide .swiper-button-next { width: 2.3125rem; height: 2.8125rem; }
	.selfopen-wrap .selfOepnStepSlide .swiper-button-prev { width: 2.3125rem; height: 2.8125rem; }
	.selfopen-wrap .h5 { font-size: 2.75rem; margin-top: 6.25rem; }
	.selfopen-wrap .h5 .s-txt { font-size: 1.75rem; margin-top: 0.625rem; }
	.selfopen-wrap .help-link { overflow: hidden; height: 5rem; line-height: 5rem; }
	.selfopen-wrap .help-link a { line-height: 5rem; font-size: 1.75rem; }
	.selfopen-wrap .help-link i.icon.icon-arrow-long-white { width: 1.6875rem; height: 2rem; background-size: 100%; background-position: 50% 50%; }
	.selfopen-wrap .line-box { padding: 2.5rem 1.25rem; }
	.selfopen-wrap .line-box .flex-box { display: block; }
	.selfopen-wrap .line-box .icon-round { margin: 0 1.875rem 0 0; }
	.selfopen-wrap .faq-link { margin-top: 6.5625rem; }
	.selfopen-wrap .faq-link li { padding: 0; padding-left: 2.5rem; }
	.selfopen-wrap .faq-link li a {padding-right:rem(46); box-sizing: border-box; font-size: 1.375rem; } /*20230526 괄호 위치 이상 수정*/
}


@media (max-width: 1299px) { i.icon.icon-arrow-long { margin-left: 0.625rem; }
	.icon-round { width: 8.125rem; height: 8.125rem; }
	.icon-round .icon { width: 25% !important; height: 25% !important; background-size: contain; background-position: 50% 50%; }
}

/*20230530*/
.icon-big-t{background: url(../images/common/icon_big_t.png) no-repeat;width: 1em;height: 1em;display: inline-block;margin-right: 3px; background-size: 85%;}
.icon-big-t + span{display: inline-block; line-height: 1;}


/* 2023-07-10 */
.sort-wrap.tag-wrap {flex-wrap: wrap;}
.sort-wrap .select-tel{width:100%;}
.sort-wrap .select-tel > ul{display: flex; gap: 0 5px;}

.sort-wrap .select-tel a, .sort-wrap .select-tel button ,.sort-wrap .select-tel .tag {
	display: block;
	min-width: 56px;
	padding: 0 11px;
	border: 1px solid #666;
	border-radius: 15px;
	background: #fff;
	font-size: 13px;
	font-weight: 700;
	color: #333;
	line-height: 28px;
	text-align: center;
	box-sizing: border-box;
}
.tag-list{display: flex; gap:5px;flex-wrap: wrap;}
.tag-list li button, .tag-list li .tag{display: block;
	min-width: 56px;
	padding: 0 11px;
	border-radius: 15px;
	background: #fff;
	font-size: 13px;
	font-weight: 700;
	line-height: 28px;
	text-align: center;
	box-sizing: border-box; border:1px solid #333;color:#333}
.tag-list li button {-webkit-transition:all 0.2s;-moz-transition:all 0.2s;transition:all 0.2s;}
.tag-list li .SKT {border-color:#0f1bff;color:#0f1bff;}
.select-tel li .SKT:hover {background-color:#0f1bff; color:#fff;}
.tag-list li .LGT {border-color:#f53592;color:#f53592}
.select-tel li .LGT:hover {background-color:#f53592; color:#fff;}
.tag-list li .KT {border-color:#f02d00; color:#f02d00}
.select-tel li .KT:hover {background-color:#f02d00; color:#fff;}
.tag-list li .on{color: #fff;background: #333;}
.tag-list li .SKT.on {background:#0f1bff}
.tag-list li .LGT.on {background:#f53592}
.tag-list li .KT.on {background:#f02d00}
.tag-wrap{display:block;}

.sort-wrap:has(.type2) {margin-bottom:0;display:flex;justify-content: space-between;}
.select-tel.type2 {display: flex;align-items: center;gap:8px;width:fit-content;}
.select-tel.type2 select, .select-tel.type3 select {background:url(/assets/images/common/select_drop.svg)no-repeat right 10px center / 14px;height:40px;font-size:14px;min-width:fit-content;margin:0;padding: 0 35px 0 10px;}
.select-tel.type3 {width:auto;}
.select-tel.type3 select {border:0;}
.tag-list.tag-list2 {flex-wrap:nowrap;display:inline-flex;}
.tag-list.tag-list2 button {border-radius:8px;border-color:#ccc;color:#999999;font-size:14px;letter-spacing:-0.02px;padding:6px 10px;}
.tag-list.tag-list2 li .tag {background:#FFEEEE;border-color:#FFEEEE;color:#0072bc;}
.tag-list.tag-list2 li .on {color:#fff !important;background:#000;min-width:50px;}
.tag-list.tag-list2 li .LGT.on {background:#F30076;border-color:#F30076;}
.tag-list.tag-list2 li .SKT.on {background:#000DFF;border-color:#000DFF;}
.tag-list.tag-list2 li .KT.on {background:#04A3BB;border-color:#04A3BB;}
.tag-list.tag-list2 li .discount {background:#FFEEEE;border-color:#FFEEEE;color:#0072bc;}

@media (max-width: 1299px){

	.sort-wrap .select-tel a, .sort-wrap .select-tel button {
		min-width: 6.25rem;
		padding: 0 1.5625rem;
		border-width: 0.125rem;
		border-radius: 1.875rem;
		font-size: 1.375rem;
		line-height: 3.125rem;
	}
	.sort-wrap .select-tel .on {
		background-size: 1.375rem auto;
		background-position: left 1.25rem center;
	}
	.select-tel.type2 li button {min-width:5.25rem;padding:0 0.7625rem;}
	.select-tel.type2 select, .select-tel.type3 select {background:url(/assets/images/common/select_drop.svg)no-repeat right 10px center / 1.45rem;height:4rem;font-size:1.45rem;padding: 0 3.55rem 0 1rem;}
}


.sort-wrap .tag-area a, .sort-wrap .tag-area button {
	display: block;
	padding: 0 15px;
	border-radius: 50px;
	background: #f4f4f4;
	font-size: 14px;
	color: #666;
	line-height:35px;
	border:1px solid #f4f4f4;
}
.sort-wrap .tag-area button:hover {background-color:#e0e0e0;}
.sort-wrap .tag-area .on {
	font-weight: 700;
	color:#fff; border-color:#000;background:#000 !important;
}
.sort-wrap .tag-area .hot{
	border:1px solid #666;}

.tag-area .select-tag .button.hot{border-color:#666}
.tag-list-wrap{display:flex;gap:10px; margin-top:10px;flex-wrap: wrap;}

@media (min-width: 1300px) {
	.tag-area .select-tag{ display: none;}
	.sort-wrap .tag-area .btn-toggle{display: none;}
}
@media (max-width: 1299px) {
	/* .tag-area{position:relative;border:1px solid #ddd;border-radius: 1.25rem; margin-top:2rem} */

	.select-tag{padding:2rem 1.333rem; }
	.select-tag.fold{display:none;}
	.select-tag:before{position:absolute;right:30px; top:3.5rem;
		display: block;content:'';border: solid #555;
		border-width: 0 1px 1px 0;
		display: inline-block;
		padding: 0.625rem;transform: rotate(-135deg);
		-webkit-transform: rotate(-135deg);
	}
	.sort-wrap .tag-area a, .sort-wrap .tag-area button {
		font-size: 1.4rem;
		line-height: 3.2rem;
	}
	/* .fold + .tag-wrap{display: none;} */
	.select-tag.fold::before{transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
	}
	.tag-list.tag-list2 button {border-radius:8.05rem;border-width: 0;font-size:1.65rem;line-height:2.45rem;}
}

.pay2023.payplan-info-list {overflow: hidden;position: relative;}
.pay2023.payplan-info-list .best:before {content:'';position:absolute;top:-1px;right:0;width:6rem;height:6rem;top:0;background:url(/assets/images/payplan/ico_best.svg)no-repeat;background-size: contain;}
.info-2023 .payplan-box.best:before {content:'';position:absolute;right:0;width:6rem;height:6rem;top:0;background:url(/assets/images/payplan/ico_best.svg)no-repeat;background-size: contain;}

.pay2023 .group{flex-wrap: wrap;}
.pay2023 .group .slt-box{width:100%; margin-bottom:10px; display: flex;}
.pay2023 .info-box{margin-top:10px;flex-basis:60%;}
.pay2023 .side-box {width:calc(100% - 800px);display:flex;flex-direction:column;justify-content:center;}
.pay2023 .info-box {width:800px}
.pay2023 .info-box .graph + .info {width:800px;flex-direction:column;}
.pay2023 .info-box .info .provide{ border-top:none;padding-top:0;width:auto !important;}
.pay2023 .info-box .info .tit{width:auto !important;}
.pay2023 .info-box .info .description{border-top:1px solid #ddd;padding-top:20px;margin-top:20px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	line-height: 1.2em;
	max-height: 3.6em;}

.pay2023 li .group > .description, .info-2023 .description {width:100%;padding-top:1rem;margin-top:1rem;border-top:1px solid #eee;display:flex;justify-content:space-between;}
.pay2023 li .group > .description .btn {width:auto;display:flex;align-items:center;padding-left:5px;gap:5px;}
.pay2023 li .group > .description .btn a.scd {min-width: 135px;width:50%;}
.pay2023 li .group > .description ul {width:95%;}
.pay2023 li .group > .description ul li, .info-2023 .description ul li {display:flex;align-items:center;color:#999;font-size:16px;word-break:break-word;}

.pay2023 .origin-price{text-decoration: line-through;color:#999999}
.pay2023 .price strong > div{display:inline-block;}
.pay2023 .side-box .price strong span.deco{font-size:20px; color:#000;}
.month-price {color: #111;margin-top:0.6rem;text-align:right;}
.month-price li {line-height:1.6rem;}
.month-price p:first-child {padding-right:10px;}
.month-price p {line-height:inherit;font-size:0.95rem;display:inline-block;}
.month-price span {display:inline-block;}

.info-2023 .info-box {width:800px;gap:10px;flex-basis:60%;}
.info-2023 .group {margin-top:10px;flex-wrap:wrap;}
.info-2023 .origin-price{text-decoration: line-through;color:#999999; text-align: right;}
.info-2023 .payplan-box .info-box .info .description{border-top:1px solid #ddd;color:#333;font-size: 16px;line-height: 1.2em;}
.info-2023 .info .provide {margin-top:18px !important;}
.info-2023 .info .provide li {margin:0 10px 0 0 !important;}
.info-2023 .info-box .info .tit {margin:0 !important;width:100%;}
.info-2023 .payplan-box .side-box .price .deco{font-size:20px; color:#000;}
.info-2023 .side-box {width: calc(100% - 800px); display: flex;flex-direction: column;justify-content:center;}
.info-2023 .payplan-box .tit {font-size:24px !important;}
.info-2023 .description button {min-width:150px;}

.benifit-tag{display: flex;}
.benifit-tag li button{padding:3px 10px;font-size: 13px; line-height: 20px;cursor:auto;}
/* .tag-list li:first-child{margin-right:10px} */

.tag-list li .discount{color:#fff; background: #3a35fe;border-color:#3a35fe}
.tag-list li .speed{background:#36314f; color:#fff;border-color:#36314f}
@media (max-width: 1299px) {
	.pay2023 li .group > .description, .info-2023 .description {font-size:1.4rem;}
	.pay2023.payplan-info-list .best:before, .info-2023 .payplan-box.best:before {width:8rem;height:8rem;}
	.pay2023 .group .slt-box{margin-bottom:1.5875rem}
	.benifit-tag{gap:0.4rem;}
	.benifit-tag li:first-child{margin-right:0px}
	.benifit-tag li .tag {
		font-size: 1.2rem;padding:2px 10px;
	}
	.pay2023 .info-box,.pay2023 .side-box,.pay2023 .info-box .graph + .info{width:auto;}
	.pay2023 .info-box .info .description{padding-top:1.5rem;font-size:1.5rem; margin-top:1.5rem;width:100%;}
	.pay2023 .side-box .price{text-align:right;}
	.pay2023 .origin-price{font-size: 2rem;}
	.month-price p {font-size:1.4rem;}
	.pay2023 .side-box .btn{display: flex;}
	.pay2023 .side-box .price strong span.deco{font-size:1.5625rem; color:#000}
}

@media (min-width: 1300px) {
	.info-2023 .payplan-box .info-box .info .description{padding-top:20px;margin-top:20px;}
}

@media (max-width: 1299px) {
	.tag-list li:first-child{margin-right:0;}
	.info-2023 .side-box {width:auto;}
	.info-2023 .payplan-box .side-box .price .deco{font-size:1.5625rem; color:#000}
	.info-2023 .payplan-box .info-box .info .description{padding-top:2rem; margin-top:2rem; margin-bottom:2rem}
	.info-2023 .payplan-box .side-box .price{ margin-top:0;}
	.payplan-box .tag-list li
	 button, .payplan-box .tag-list li .tag{font-size: 1.375rem;line-height: 2.5rem;line-height: 1.25rem;padding:0.625rem  1.25rem; font-weight: normal;}
	.info-2023 .group, .info-2023 .info-box {display:flex !important;}
	.info-2023 .provide {margin-top:0 !important;}
	.info-2023 .info-box {width:auto !important;}
	.info-2023 .info-box .info { display: flex;flex-wrap: wrap;width:100%;}
	.info-2023 .info-box .info .provide li.call {padding-left: 2.8125rem !important;background-position: 0.125rem center !important;background-size: 2.0625rem auto !important;}
	.info-2023 .info-box .info .provide li.sms {padding-left: 2.8125rem !important;background-size: 2.25rem auto !important;}
	.info-2023 .info-box .info .provide li.video {padding-left: 2.8125rem !important;background-size: 2.375rem auto !important;}
	.info-2023 .info-box .info .provide li {display: flex;align-items: center;width:auto;height: 3.5rem;margin: 0 !important;font-size: 1.375rem !important;line-height: 1.75rem !important;text-align: center;letter-spacing: -1px;}
	.info-2023 .info .provide {margin:0 !important;gap:10px;}
	.info-2023 figcaption .txt {margin-top: 0.625rem !important;font-size:1.45rem !important;line-height:1.525rem !important;}
	.info-2023 figcaption .icon {height: 1.875rem !important;background-size: 1.6875rem auto !important;}
	.info-2023 .group {margin-top: 1.5875rem;}
}
/* Tablet */
@media (min-width: 751px) and (max-width: 1299px) {
	.payplan-info-list.pay2023 .group .info-box {justify-content: flex-start !important;gap:10px;}
	.pay2023 .info-box .info .description {width:100% !important;}
	.payplan-info-list .group {justify-content: space-between;}
	.payplan-info-list .info-box .info .tit {font-size:2.4rem}
}
/* mob */
@media screen and (max-width: 750px) {
	.pay2023 .group {display:block;}
	.pay2023 .info-box {width:100% !important;flex-basis: 100%;}
	.pay2023 .info-box .info {width:100% !important;}
	.pay2023.payplan-info-list .best:before, .info-2023 .payplan-box.best:before {width:9rem;height:9rem;}
	.benifit-tag li .tag {line-height:20px;font-size:1rem;}
	.pay2023 li .group > .description, .info-2023 .description {flex-direction: column;}
	.pay2023 li .group > .description .btn {width:100%;min-width:auto;padding:0;}
	.pay2023 li .group > .description ul, .info-2023 .description > ul {width:100%;margin:1rem 0 1.5rem;}
	.payplan-info-list .info-box .info .tit {font-size:2.5rem;}
	.payplan-info-list .info-box .graph figcaption .txt {font-size: 1.2rem;line-height: initial;}
	.info-2023 figcaption .txt {font-size: 1.2rem !important;line-height: initial !important;font-weight:800;}
	.info-2023 .info-box .info .provide,.info-2023 .info-box .info .tit {width:100% !important;padding-left:0.5rem;margin:0 !important;}
	.info-2023 .description button {min-width:auto;}
	.info-2023 .info-box {width:100% !important;flex-basis: 100%;}
	.info-2023 .side-box {width:100%;margin:1.625rem 0 1rem;}
	.pay2023 li .group > .description ul li, .info-2023 .description ul li{font-size: 1.6rem;}
	.benifit-tag li .tag {padding:0.05rem 10px;}
	.payplan-info-list .side-box .price{text-align: right;}
	.pay2023 .side-box {margin-bottom:1rem;}
	.tag-list.tag-list2 li .on {min-width:4.75rem;}
}

/* side popup */
.side-pop {z-index:12;position:fixed;right:2rem;display:flex;flex-direction: column;align-items:flex-end;bottom:0rem;transform:translateY(100%);height:fit-content;max-width:360px;width:100%;border-radius:20px 20px 0 0 ;padding:20px 16px 30px 16px;background-color:rgb(38 39 48 / 65%);-moz-backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);-moz-transition:all 0.6s ease-in-out;-webkit-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;}
.side-pop.show {transform:translateY(0%);}
.side-pop  > div {position:relative;width:100%;margin-top:10px;}
.side-pop .btn-close {position:relative;width:20px;height:20px;cursor: pointer;background: none;}
.side-pop .btn-close:hover i {box-shadow:0px 0px 2px #00000021;}
.side-pop .btn-close i {position:absolute;top:3px;left:calc(50% - 1px);width:2px;height:17px;display:block;background-color:#fff;border-radius:2px;}
.side-pop .btn-close i:first-child {transform:rotate(45deg);}
.side-pop .btn-close i:last-child {transform:rotate(-45deg);}
.side-pop a.linkBtn {background-color:#fff;color:#000;font-size:15px;border-radius:50px;padding:10px 20px;margin-top:26px;font-weight:800;}
.side-pop p {position:relative;display:flex;align-items:center;line-height:inherit;color:#DDDDDD;font-size:15px;word-break:auto-phrase;margin-left:10px;padding-bottom:2px;}
.side-pop p:last-child {padding-bottom:0;}
.side-pop p::before {position:absolute;top:8px;left:-10px;display:block;content:'';width:3px;height:3px;background-color:#ddd;border-radius:50%;}
.side-pop p.title::before {display:none;}
.side-pop p.title {color:#fff;display:inline-block;line-height:normal;font-size:15px;margin-bottom:10px;width:100%;margin-left:0;font-weight:600;}
.side-pop strong {display:inline-block;font-size:24px;margin-top:4px;font-weight:800;}
.side-pop .img {position:absolute;right:0;top:0;width:50px;height:50px;min-width:50px;background-color:#F8F8F8;border-radius:50%;display:block;overflow:hidden;shape-outside: border-box;}
.side-pop .img.skt_e_done, .side-pop .img.lgu_e_done, .side-pop .img.kt_e_done{overflow:visible;}
.side-pop .img::after {content:'';position:absolute;top:0;left:0;width:100%;height:100%;display:block;max-width:100%;background-size:80% !important;}
.side-pop .img.delivery::after {background:url(/assets/images/main/mvno/delivery_icon.png) center / auto no-repeat;}
.side-pop .img.check::after {background:url(/assets/images/main/mvno/check_icon.gif) center / cover no-repeat;}
.side-pop .img.box::after {background:url(/assets/images/main/mvno/box_icon.gif) center / cover no-repeat;}
.side-pop .img.phone::after {background:url(/assets/images/main/mvno/phone_icon.gif) center / cover no-repeat;}
.side-pop .img.waiting::after {background:url(/assets/images/main/mvno/waiting_icon.gif) center / contain no-repeat;}
.side-pop .img.hold::after {background:url(/assets/images/main/mvno/hold_icon.gif)  center / 50px no-repeat;}
.side-pop .img.done::after {background:url(/assets/images/main/mvno/done_icon.gif )  center / 50px no-repeat;}
.side-pop .img.skt_e_done::after {background:url(/assets/images/main/mvno/SKT_QR.png) center / contain no-repeat;}
.side-pop .img.lgu_e_done::after {background:url(/assets/images/main/mvno/LG_QR.png) center / contain no-repeat;}
.side-pop .img.kt_e_done::after {background:url(/assets/images/main/mvno/KT_QR.png) center / contain no-repeat;}

@media screen and (max-width:1299px) {
	.side-pop {padding:1.65rem;}
	.side-pop a.linkBtn {margin-top:2.6rem;}
}
@media screen and (max-width: 750px) {
	.side-pop p.title {margin-bottom:1rem;}
	.side-pop > div {gap:1rem;}
}
@media screen and (max-width: 450px) {
	.side-pop {width:calc(100% - 3.3rem);right:0;}
	.side-pop .img {width:7rem;height:7rem;min-width:7rem;}
	.side-pop .img.hold::after, .side-pop .img.done::after {background-size:80% !important;}
	.side-pop strong {font-size:2.52rem;}
	.side-pop p.title {font-size:1.75rem;line-height:3rem;}
	.side-pop p {font-size:1.75rem;}
	.side-pop a.linkBtn {padding:1.5rem 3rem;font-size:1.75rem;}
}

#modalFindId .img {background:url(/assets/images/member/id_ico.svg)no-repeat;background-size:contain !important;width:110px;height:110px;display:block;margin:0px auto;}
#modalFindPw .img {background:url(/assets/images/member/password_ico.svg)no-repeat;background-size:contain !important;width:110px;height:110px;display:block;margin:0 auto 1.5rem;}
#modalFindId p, #modalFindPw p {font-size:18px;letter-spacing:-0.2px;font-weight:600;padding:1.5rem 0;width: 100%;display: block;}

.sns-wrap {margin: 0;display: flex;flex-direction: column;height: 100%;justify-content: space-between;}
.sns-wrap .sns {margin-top:0;text-align: left;}
.sns-wrap .sns ul {margin:0 0 5px;gap:10px;}
.sns-wrap .sns ul li {margin:0;}
.sns-wrap .sns ul li a {width:40px;height:40px;}
.sns-wrap .sns p {color:#666;font-size:15px;}
tbody .sns-wrap {justify-content: center;}
tbody .sns-wrap .sns {display:flex;align-items:flex-end;gap:10px;}
tbody .sns-wrap .sns ul {margin:0;}
tbody .sns-wrap .sns p {line-height:normal;}

@media screen and (max-width:1299px) {
	#modalFindId p, #modalFindPw p {font-size:1.8rem;}

	.sns-wrap .sns li a{width:4rem;height:4rem;}
	.sns-wrap .sns p {font-size:1.55rem;}
}
/* 2024 요금제 개편 */
/* 요금제 list */
.payplan-info-list.pay2024 {margin-top:1rem;}
.pay2024 > li {position:relative;border:1px solid #ccc;flex-direction: column;padding:30px;overflow:visible;}
.modal .pay2024 > li {padding:0;border:0;}
.pay2024 a.link {z-index:9;text-indent:-999%;position:absolute;top: 0;left: 0;width:100%;height:100%;}
.pay2024 .best .tag.best {display:block;float:right;}
.pay2024 .slt-box {width:100%;display:flex !important;justify-content:space-between;margin-bottom:17px;}
.pay2024 .slt-box .tag {line-height:normal;font-weight:800 !important;min-width:fit-content;height:100%;}
.pay2024 .tag.best {background:#0072bc;color:#fff;border-radius:8px;border-width:0;padding:6px 10px;font-size:14px;display:none;}
.pay2024 .group {position:relative;width:100%;align-items:flex-end;justify-content: space-between;display:flex;}
.pay2024 .group .info-box {display:block;width:auto;}
.pay2024 .group .info {margin:0 !important;}
.pay2024 .group .info .tit, .mypage-wrap .pay2024 .info-box .info .tit {font-size:16px;letter-spacing:-0.025px;margin:0;color:#595959;}
.pay2024 .group .info-box .info .data {display:flex;align-items:center;border:0;margin-top:10px;padding-top:0;order:inherit !important;}
.pay2024 .group .info-box .info .data strong , #basicData {font-size:24px;color:#000;font-weight:800;letter-spacing:-0.02px;line-height:24px;}
.pay2024 .group .info-box .info .data span {margin-left:10px;letter-spacing:-0.02px;font-weight:500;color:#222222;line-height:normal;}
.pay2024 .group .provide  {border-top:0 !important;width:fit-content;gap:0.5rem;padding:0;margin-top:10px;position: absolute;bottom: 0;width: auto;display: flex;left: 50%;transform: translateX(-50%);font-weight:500;}
.pay2024 .group .provide li {background:inherit !important;padding-left:0 !important;width:fit-content;margin:0 !important;font-size:16px;color:#595959;letter-spacing:-0.02px;font-weight:500;display:flex;height:auto !important;}
.pay2024 .group .provide li span {margin-left:5px;}
.pay2024 .group .provide li::after {content:'|';margin-left:0.5rem;color:#595959;font-size:18px;font-weight:700;}
.pay2024 .group .provide li:last-child:after {display:none;}
.pay2024 .group .side-box {display:flex;align-items:flex-end;justify-content:flex-end;flex-direction:column;width:auto;}
.pay2024 .group .side-box .price {display:flex;align-items:flex-end;justify-content:flex-end;margin-top:0;border:0;}
.pay2024 .group .side-box .price .deco {position:relative;font-size:16px;font-weight:400;display:inline-flex;align-items:center;margin-bottom:1px;}
.pay2024 .group .side-box .price .deco a {position:relative;z-index:10;}
.pay2024 .group .side-box .price .deco a, .pay2024 .tariff-box .title span {width:20px;height:20px;display:block;background:url(/assets/images/payplan/info_ico.svg)no-repeat center / contain;margin-right:0.5rem;}
.pay2024 .group .side-box .price .deco > p {color:#595959;letter-spacing:-0.02px;font-size:16px;font-weight:500;line-height:normal;}
.pay2024 .group .side-box .price strong {font-size:36px;line-height:28px;margin-left:10px;color:#F2635E;}
.pay2024 .group .side-box .price strong span {color:#F2635E;font-size:20px;font-weight:800;line-height: normal;display:inline-block;}
.pay2024 .description {width:100%;margin-top:20px;}
.pay2024 .description ul {width:100%;border-top:1px solid #ccc;box-sizing:border-box;padding:20px 30px 0;gap:0.5rem;display:inline-flex;flex-wrap:wrap;}
.pay2024 .description ul li {width:calc(50% - 0.25rem);display:inline-block;color:#000;word-break:break-all;display:flex;align-items:center;font-size:16px;}
.pay2024 .description ul li span {width:14px;height:14px;display:inline-block;border-radius:4px;margin-right:5px;}
.pay2024 .description .btn {width:200px;text-align:right;}
.pay2024 .origin-price {font-size:16px;color:#999999;text-decoration: line-through;letter-spacing:-0.02px;text-align:right;font-weight:400;margin-bottom:5px;}
.pay2024 .tariff-box {z-index:5;position:absolute;bottom:100%;left:10px;display:none;width:350px;height:auto;background-color:#fff;transform:translateX(-50%) translateY(-20%);box-shadow:0 0 20px #3A3A3A20;padding:16px;box-sizing:border-box;border-radius:5px;}
.pay2024 .tariff-box::after {content:'';position:absolute;bottom:-12.5px;right:calc(50% - 12.5px);transform:rotate(45deg) translateX(-100%);background:#fff;width:10px;height:10px;display:block;}
.pay2024 div.tariff-box .title {margin-bottom:10px;}
.pay2024 div.tariff-box .title p {color:#111111;font-size:14px;letter-spacing:-0.2px;font-weight:800;line-height:normal;}
.pay2024 div.tariff-box .title span {width:18px;height:18px;}
.pay2024 .tariff-box div {display:inline-flex;align-items:center;width:100%;color:#595959;letter-spacing:-0.02px;font-weight:800;margin-bottom:0.5rem;font-size:14px;}
.pay2024 .tariff-box ul {display:flex;align-items:center;justify-content:space-around;width:100%;gap:3px;}
.pay2024 .tariff-box ul.bar {margin-bottom:0.25rem;}
.pay2024 .tariff-box ul.bar li {position:relative;width:100%;display:flex;flex-direction:column;}
.pay2024 .tariff-box ul.bar li span {display:block;font-weight:600;padding:2.5px 0;height:18px;font-size:16px;line-height:18px;letter-spacing:-0.025px;background:#f54952;color:#fff !important;text-align:center;overflow:hidden;margin-bottom:3px;}
.pay2024 .tariff-box ul.bar li:nth-child(2) span, .pay2024 .tariff-box ul.bar li:nth-child(2) p {background:#ae2d68;color:#ae2d68;}
.pay2024 .tariff-box ul.bar li:nth-child(3) span, .pay2024 .tariff-box ul.bar li:nth-child(3) p {background:#660f56;color:#660f56;}
.pay2024 .tariff-box ul.bar li:nth-child(4) span, .pay2024 .tariff-box ul.bar li:nth-child(4) p {background:#280659;color:#280659;}
.pay2024 .tariff-box ul.bar li:nth-child(5) span, .pay2024 .tariff-box ul.bar li:nth-child(5) p {background:#341671;color:#341671;}
.pay2024 .tariff-box ul.bar li:nth-child(6) span, .pay2024 .tariff-box ul.bar li:nth-child(6) p {background:#422680;color:#422680;}
.pay2024 .tariff-box ul.bar li:first-child:nth-last-child(1) {width:100%;}
.pay2024 .tariff-box ul.bar li:first-child span {border-top-left-radius:6px;border-bottom-left-radius:6px;}
.pay2024 .tariff-box ul.bar li:last-child span {border-top-right-radius:6px;border-bottom-right-radius:6px;}
.pay2024 .tariff-box ul.bar li:first-child:nth-last-child(2), .pay2024 .tariff-box ul.bar li:first-child:nth-last-child(2) ~ li {width:calc(50% - 0.25rem);}
.pay2024 .tariff-box ul.bar li:first-child:nth-last-child(3), .pay2024 .tariff-box ul.bar li:first-child:nth-last-child(3) ~ li {width:calc(50% - 1rem);}
.pay2024 .tariff-box ul.bar li:first-child:nth-last-child(4), .pay2024 .tariff-box ul.bar li:first-child:nth-last-child(4) ~ li {width:calc(50% - 1.5rem);}
.pay2024 .tariff-box ul.bar li:first-child:nth-last-child(5), .pay2024 .tariff-box ul.bar li:first-child:nth-last-child(5) ~ li {width:calc(50% - 2rem);}
.pay2024 .tariff-box ul.bar li:first-child:nth-last-child(6), .pay2024 .tariff-box ul.bar li:first-child:nth-last-child(6) ~ li {width:calc(50% - 2.5rem);}
.pay2024 .tariff-box ul.bar li p {width:100%;text-align:center;color:#f54952;font-size:14px;letter-spacing:-0.025px;font-weight:600;background:none !important;margin:0 !important;line-height:normal;}
.pay2024 .tariff-box ul.bar li.no-dc p {color:#595959;}
.pay2024 .tariff-box ul.bar li.no-dc span {background:#A6A6A6;}
.pay2024 .month-price {color:#595959;font-size:16px;font-weight:400;letter-spacing: -0.02px;}
.payplan-menu.m-on::after {display:none;}

/* 제휴 list */
.selectPayCon + .sort-wrap {display:none;}
.selectPayCon ul {width:100%;gap:1rem;display:grid;margin-top:2rem;flex-wrap:wrap;grid-template-columns:1fr 1fr;gap:15px;}
.selectPayCon ul li {padding:0 !important;}
.selectPayCon ul li a {display:flex;border-radius:10px;justify-content: space-between;padding:30px;height:100%;border:1px solid #ddd;box-sizing:border-box;flex-direction:column;gap:1rem;align-items: flex-end;}
.selectPayCon ul li a > div {width:100%;display:flex;gap: 2rem;align-items:flex-start;align-items:center;}
.selectPayCon ul li a div img {width:88px;min-width:88px;}
.selectPayCon ul li strong {color:#333333;letter-spacing:-0.02px;font-size:20px;}
.selectPayCon ul li p {color:#595959;letter-spacing:-0.02px;font-size:16px;word-break:auto-phrase;margin-top:10px;}
.selectPayCon ul li.disabled a {background-color:#F7F7F7;}
.selectPayCon ul li.disabled a strong, .selectPayCon ul li.disabled p {color:#8F8F8F;}
.selectPayCon ul li:nth-child(odd).disabled {display:none;}
.payplan-con.collabo .selectPayCon ul, .collabo .pay2024 h2.selectTitle {display:none !important;}
.select-tel div.select-wrap {display:flex;align-items:center;}
.selectBox select {width: inherit;height: inherit;background: transparent;outline: 0 none;position: relative;z-index: 3;}
.selectBox.firstN .option:first-child {display:none;}
.selectBox select option {color: #111;padding: 10px 0;font-size: 14px;}
.selectBox select#mon_fliter {border:0 !important;background:none !important;min-width: auto !important;color:#595959;font-weight:600;font-size:16px;}
.select-editor {width:100%;margin-bottom:40px;border-radius:10px;overflow:hidden;}
.select-editor:nth-child(2) {margin-top:3rem;}
.select-editor img {width:100%;}
.select-editor .mo {display:none;}
.select-style1 {line-height: 40px; height: auto;font-size:16px;padding:0 40px 0 10px;color:#2C2C2C;min-width:fit-content;background:url(/assets/images/common/select1.svg) right 17px center / 13px auto no-repeat;}
.select-style1.nBorder {border:0;}
.select-style1.nCaption .option:first-child {display:none;}

/* 요금제 Main */
ul.all-payplan {width:100%;display:flex;gap:1rem;flex-wrap:wrap;margin-top:50px;}
ul.all-payplan li {width:calc((100% - 3rem)/4);}
ul.all-payplan li:last-child {width:100%;text-align:center;}
ul.all-payplan li:last-child a {align-items:center;text-align:center;}
ul.all-payplan 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.all-payplan li a > div {display:flex;flex-direction:column;align-items: flex-start;}
ul.all-payplan li strong {color:#333;font-size:20px;font-weight:700;letter-spacing:-0.025px;}
ul.all-payplan li p, .pay2024 .info-container li p {color:#595959;font-size:18px;font-weight:500;letter-spacing:-0.025px;margin-top:0.5rem;line-height:24px;text-align:left; word-break: auto-phrase;}
ul.all-payplan li:nth-child(-n+2) {width:calc(50% - 0.5rem);text-align:center;}
ul.all-payplan li:nth-child(-n+2) a {flex-direction:row-reverse;align-items:center;padding:30px;}
ul.all-payplan li:nth-child(-n+2) span {display:block;width:80px;height:80px;}
ul.all-payplan li span, .pay2024 .info-container > ul > li > span {display:block;width:40px;height:40px;}
ul.all-payplan2 li span {width:70px;height:70px;background-color:#F8F8F8;border-radius:50%;display:flex;align-items:center;justify-content:center;}
ul.all-payplan2 li span::after {content:'';display:block;width:50px;height:50px;}
ul.all-payplan .mo {display:none;}
ul.all-payplan li:last-child::after {display:block;}
ul.all-payplan li:nth-child(1) strong, ul.all-payplan li:nth-child(2) strong {font-size:24px;}
ul.all-payplan li:nth-child(1) a {background-color:#E4EAF7;border-color:#E4EAF7;}
ul.all-payplan li:nth-child(2) a {background-color:#FFEEEE;border-color:#FFEEEE;}
ul.all-payplan li:nth-child(1) span , ul.all-payplan2 li:nth-child(1) span::after {background:url(/assets/images/payplan/payplan_2024_01.svg)no-repeat 95% center / cover }
ul.all-payplan li:nth-child(2) span , ul.all-payplan2 li:nth-child(2) span::after {background:url(/assets/images/payplan/select.svg)no-repeat 95% center / cover }
ul.all-payplan li:nth-child(3) span , ul.all-payplan2 li:nth-child(3) span::after {background:url(/assets/images/payplan/speed.svg)no-repeat 95% center / cover }
ul.all-payplan li:nth-child(4) span , ul.all-payplan2 li:nth-child(4) span::after {background:url(/assets/images/payplan/safe.svg)no-repeat 95% center / cover }
ul.all-payplan li:nth-child(5) span , ul.all-payplan2 li:nth-child(5) span::after {background:url(/assets/images/payplan/forever.svg)no-repeat 95% center / cover }
ul.all-payplan li:nth-child(6) span , ul.all-payplan2 li:nth-child(6) span::after {background:url(/assets/images/payplan/tall.svg)no-repeat 95% center / cover }
ul.all-payplan li:nth-child(7) span , ul.all-payplan2 li:nth-child(7) span::after {background:url(/assets/images/payplan/grande.svg)no-repeat 95% center / cover }
ul.all-payplan li:nth-child(8) span , ul.all-payplan2 li:nth-child(8) span::after {background:url(/assets/images/payplan/venti.svg)no-repeat 95% center / cover }
ul.all-payplan li:nth-child(9) span , ul.all-payplan2 li:nth-child(9) span::after {background:url(/assets/images/payplan/voice.svg)no-repeat 95% center / cover }
ul.all-payplan li:nth-child(10) span, ul.all-payplan2 li:nth-child(10) span::after {background:url(/assets/images/payplan/multi.svg)no-repeat 95% center / cover }
ul.all-payplan2 li:nth-child(11) span::after {background:url(/assets/images/payplan/all.svg)no-repeat 95% center / cover }
.payplan-content {display:none;}
.payplan-content h2.selectTitle {color:#333;font-size:26px;font-weight:800;letter-spacing:-0.2px;margin-top:60px;}
.sub .content:has(.mo-fold) {position:relative;}
.mo-fold.payplan-menu {z-index:999;position:absolute;top:0px;left:0;width:calc(100% - 40px);display:none;background:#fff;padding:30px 20px;}
.mo-fold.payplan-menu ul {flex-wrap:wrap;width:100%;gap:1rem;}
.mo-fold.payplan-menu ul li {width:calc(25% - 0.75rem);}
.mo-fold.payplan-menu ul li:last-child span {background-color:#f8f8f8 !important;position:relative;}
.mo-fold.payplan-menu ul li:last-child span:after {content: '';display: block;width: 30%;height: 30%;border-bottom: 3px solid #000;border-right:3px solid #000;transform: rotate(225deg);top: 40.5%;margin: auto; position: absolute;left:32.5%;}
ul.all-payplan2 {width:100%;display:flex;justify-content: space-between;}
ul.all-payplan2 li {width:9.09%;}
ul.all-payplan2 li a {border:0;display:flex;flex-direction:column;align-items:center;text-align:center;word-break:break-word;height:auto;justify-content: space-between;gap:10px;}
ul.all-payplan2 li a span {border-radius:50%;border:1px solid rgba(0, 0, 0, 0);}
ul.all-payplan2 li p  {color:#111;font-size:17px;line-height:20px;letter-spacing:-0.2px;}
ul.all-payplan2 li a.active p {font-weight:800;}
ul.all-payplan2 li a.active span {background-color:#FFEEEE !important;}
/* 요금제 필터 & 태그 */
.m-swp-btn {z-index: 2;display: none;position: absolute;top:0;right:0px;width: 30px;background:linear-gradient(to right, #ffffff4d, #ffffff 50%);cursor: pointer;height:100%;}
.m-swp-btn.up {top:0;}
.m-swp-btn span {display:block;margin:0 auto;width:12px;height:12px;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;transition: all 0.2s;transform:rotate(45deg);border-bottom:2px solid #000;border-right:2px solid #000;}
.m-swp-btn.up span {transform: rotate(180deg);}
.payplan-menu {position:relative;margin-bottom:60px;}
.sort-wrap:has(.tag-wrap2) {display:flex;flex-wrap:wrap;gap:1rem;margin:0;}
.sort-wrap .tag-wrap2 {margin:0;width:100%;display:inline-flex;gap:10px;}
.sort-wrap .tag-wrap2 .swiper-container {padding-bottom:5px;}
.sort-wrap .tag-wrap2 ul li:last-child {margin-right:20px;}
.sort-wrap .tag-wrap2 .tag {width:fit-content;margin-right:10px;cursor:pointer;background-color:#FFF9F9;border:1px solid #F2635E;border-radius:5px;color:#F2635E;height:auto;line-height:inherit;font-size:16px;display:inline-flex;font-weight:600;padding:10px;}
.sort-wrap .tag-wrap2 .tag::after {content:'';width:16px;height:16px;display:inline-block;background:url(/assets/images/payplan/tag_close.svg)no-repeat;background-size:contain;margin-left:5px;margin-top:2px;}
.sort-wrap .tag-wrap2 div {margin:0;}

/* 요금제 상세 */
.content:has(.info-view.pay2024) {width:auto;padding:0;}
.info-view.pay2024 {width:100%;}
.info-view.pay2024 .bg {width:100%;background-color:#f8f8f8;}
.info-view.pay2024 .payplan-box {border:0 !important;width:100%;max-width:1200px;margin:0 auto;}
.info-view.pay2024 .description ul {background-color:#fff;border-top:0;margin-bottom:30px;flex-direction:column;}
.pay2024.info-view .info-container {padding-bottom:50px;}
.pay2024 .info-container > ul {margin:50px 0;display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;}
.pay2024.info-view .info-container > ul {display:flex;width:100%;margin:0;justify-content:space-between;}
.pay2024.info-view .info-container > ul > li {display:flex;background-color:#fff;flex-direction:column;width:calc((100% - 80px)/6);border-radius:20px;padding: 20px;height:auto;}
.pay2024.info-view .info-container > ul > li:first-child {width:350px;min-width:350px;}
.pay2024.info-view .info-container li strong {font-size:18px;color:#333333;letter-spacing:-0.2px;font-weight:800;}
.pay2024.info-view .description {display:flex;align-items:flex-end;flex-direction: column;}
.pay2024.info-view .description ul {padding:20px 30px;border-radius:20px;margin:30px 0;}
.pay2024 .info-container > ul li .icon {width:23px;height:23px;margin-bottom:10px;}
.pay2024 .info-container > ul > li p {font-size:16px;letter-spacing:-0.2px;font-weight:600;}
.pay2024 .info-container > ul li:nth-child(1) span.icon {background:url(/assets/images/payplan/dis_info.svg)no-repeat center / contain;}
.pay2024 .info-container > ul li:nth-child(2) span.icon {background:url(/assets/images/payplan/data_info.svg)no-repeat center / contain;}
.pay2024 .info-container > ul li:nth-child(3) span.icon {background:url(/assets/images/payplan/wifi_info.svg)no-repeat center / contain;}
.pay2024 .info-container > ul li:nth-child(4) span.icon {background:url(/assets/images/payplan/hotspot_info.svg)no-repeat center / contain;}
.pay2024 .info-container > ul li:nth-child(5) span.icon {background:url(/assets/images/payplan/call_info.svg)no-repeat center / contain;}
.pay2024 .info-container > ul li:nth-child(6) span.icon {background:url(/assets/images/payplan/Internet_info.svg)no-repeat center / contain;}
.pay2024.info-view .cont , .pay2024.info-view .review-wrap , .pay2024 .info-container, .pay2024.info-view .notice div {width:100%;max-width:1200px;margin:0 auto;position:relative;border:0;}
.pay2024.info-view .notice {background-color:#F4F4F4;width:100%;margin-top:50px;padding:50px 0;}
.pay2024 .info-container .tariff-box {position:relative;left:0;bottom:0;transform:none;box-shadow:none;flex-direction: column;height: 100%;justify-content: center;width:auto;}
.pay2024 .info-container .tariff-box div {flex-direction:column;align-items:flex-start;margin-bottom:10px;}
.pay2024 .info-container .tariff-box::after {display:none;}
.pay2024.info-view .btn-wrap {margin:60px 0 80px;}
.pay2024 .review-wrap {margin-top:60px !important;}
.pay2024 .item {display:flex;gap:1rem;flex-direction:column;}
.pay2024.info-view .mohae-con {max-width:1200px;margin:0 auto;padding:100px 0 0;}
.pay2024.info-view .mohae-con .title-wrap {margin-bottom:40px;}
.pay2024.info-view .mohae-con .title-wrap h2 {color:#333333;text-align:left;font-size:36px;letter-spacing:-0.2px;}
.pay2024.info-view .mohae-con ul {display:grid;gap:15px;grid-template-columns:1fr 1fr 1fr;}
.pay2024.info-view .mohae-con ul li a {display:block;border-radius:20px;overflow:hidden;}
.pay2024.info-view .mohae-con ul li img {width:100%;}

/* 기타 요금제 */
.mypage-wrap .cont .pay2024 .recomm-box .swiper-slide {width:100%;}
.mypage-wrap .cont .pay2024 .swiper-wrapper {flex-direction: column;gap:1rem;}
.mypage-wrap .cont .pay2024 .swiper-wrapper li {margin-right:0 !important;}
.mypage-wrap .cont .pay2024 .swiper-wrapper li > div {width:100% !important;}
.mypage-wrap .payplan-info.pay2024 > div {width:100%;}
.mypage-wrap .payplan-info.pay2024 .btn-wrap {text-align:right;margin-top:1rem;}
.mypage-wrap .payplan-info.pay2024 .info-box .info .provide {position:relative;margin-top:0;padding-top:10px;}
.mypage-wrap .payplan-info.pay2024 .info-box .info .provide li {font-weight:500;font-size:16px;}
.modal .pay2024 .slt-box {margin:0;}
.modal .pay2024 .payplan-info-box {display:block;padding:15px 20px 15px 55px;}
.modal .pay2024 li label.no-check > div {background:none;padding:1.5rem;}
.modal .pay2024 li label.radio-type12.no-check .group .info {padding-top:15px;}
.modal .pay2024 li label.radio-type12.no-check > div.payplan-info-box .info-box .info > .tit {position:relative;font-size:16px;color:#595959;margin-bottom:0;order: unset;}
.modal .pay2024 li label.radio-type12.no-check .group .side-box .price span {color:inherit;}
.modal .pay2024 li label.radio-type12.no-check .info-box {align-items: flex-end;justify-content: space-between;padding-top:0 !important;}
.modal .pay2024 li label.radio-type12.no-check .group .info-box .data {border:0 !important;margin-top:15px;}
.modal .pay2024 li label.radio-type12.no-check .provide {position:relative;padding:0 !important;align-items:center;}
.modal .pay2024 li label.radio-type12.no-check .deco {margin-right:5px;}
.modal .pay2024 li label.radio-type12.no-check .group .side-box .price {padding:0 !important;}
.modal.btn-fix .scroll-box {height: 65vh;overflow-y: scroll;}
.m-recomm .pay2024{display:inline-flex;flex-wrap:wrap;gap:1rem;width:100%;}
.m-recomm .pay2024 > li {width:calc(50% - 0.5rem);display:inline-flex;flex-wrap:wrap;box-sizing: border-box;margin:0;padding:0;border-width:1px;}
.m-recomm .pay2024 > li a {width:calc(100% - 4rem);padding:2rem;height:100%;}
.m-recomm .pay2024 .group {flex-direction:column;gap:1rem;}
.m-recomm .pay2024 .group .info-box {width:100%;}
.m-recomm .pay2024 .group .side-box {width:100%;}
.m-recomm .pay2024 .group .provide {position:relative;margin:10px 0 0;padding:0;justify-content:flex-start;}
.m-recomm .pay2024 .month-price {margin-top:0;}
.m-recomm .pay2024 .group .info-box .info .data {margin-top:10px;}
.modal-paychange #containerPlanDetails {width:calc(100% - 3rem);border-radius:10px;border:1px solid #ccc;flex-direction: column;padding:1.5rem;overflow: visible;}
.payplan-content .sort-wrap .select-tel {width:auto;}

@media screen and (max-width:1299px) { 
	/* 요금제 main */
	ul.all-payplan {display:inline-flex;grid-template-columns:auto;gap:1rem;}
	ul.all-payplan li {width:calc((100% - 1rem)/2);}
	ul.all-payplan li a {padding:2rem;gap:2rem;border-radius:2.05rem;height: 100%;box-sizing: border-box;justify-content: flex-start;}
	ul.all-payplan li span, ul.all-payplan li:nth-child(-n+2) span {width:4.05rem;height:4.05rem;}
	ul.all-payplan li:nth-child(-n+2) a {padding:1.65rem;flex-direction:column;align-items:flex-start;}
	ul.all-payplan li strong, ul.all-payplan li:nth-child(1) strong, ul.all-payplan li:nth-child(2) strong {font-size:1.85rem;}
	ul.all-payplan li p, .pay2024 .info-container li p {font-size:1.65rem;line-height:2.25rem;margin-top:1rem;}
	ul.all-payplan2 li {min-width:8.75rem;}
	ul.all-payplan2 li a {padding:0;}
	ul.all-payplan2 li p {font-size:1.6rem;line-height:1.75rem;}
	ul.all-payplan2 li span, .pay2024 .info-container > ul > li > span {width:7rem;height:7rem;}
	ul.all-payplan2 li span::after {width:4.5rem;height:4.5rem;}
	ul.all-payplan .mo {display:block;}

	/* 요금제 리스트 */
	.payplan-menu {margin-bottom:4rem;width:calc(100% + 2.5rem);}
	.m-swp-btn span {width:1.25rem;height:1.25rem;}
	.payplan-menu::after {display:block;}
	.payplan-content h2.selectTitle {font-size:2.3rem;margin-top:4rem;}
	.pay2024 .group {flex-direction:column;align-items: stretch;}
	.pay2024 .group .description ul li {width:100%;}
	.pay2024 .group .side-box .price {text-align:right;margin-top:0;padding:0;}
	.pay2024 .group .info-box .info {display:block;}
	.pay2024 .group .info-box .info .data {margin-top:1.5rem !important;padding-top:0 !important;font-size:2.45rem;}
	.pay2024 .group .info-box .info .data span {margin-left:1rem;font-size:1.65rem;}
	.pay2024 .group .provide {position:relative;order:inherit !important;margin-top:1rem;}
	.pay2024 .group .provide li, .pay2024 .group .provide li::after {font-size:1.65rem;}
	.pay2024 .origin-price {font-size:1.65rem;}
	.pay2024 .group .side-box .price .deco > p {font-size:1.65rem;}
	.pay2024 .group .side-box .price strong {font-size:3.6rem;line-height:3.45rem;}
	.pay2024 .side-box .price .deco a, .pay2024 .group .side-box .price strong span {width:2.25rem;height:2.25rem;}
	.pay2024 .description ul {padding:2rem;margin-top:0;padding:1.65rem 0 0;}
	.pay2024 .description ul li {font-size:1.45rem;width:100%;}
	.pay2024 .description ul li span {width:1.5rem;height:1.5rem;border-radius:0.4rem;min-width:1.5rem;}
	.pay2024 .slt-box {margin-bottom:1.75rem;}
	.pay2024 .slt-box .tag-list li .tag, .pay2024 .tag.best {font-size:1.4rem;padding:0.6rem 1.05rem;border-radius:0.85rem;}
	.pay2024 .month-price {font-size:1.65rem;}
	.pay2024 .info-container > ul {display:flex;flex-direction:column;}
	.pay2024 .info-container .tariff-box {height:14rem;}
	.pay2024 .info-container .tariff-box ul.text li {font-size:1.6rem;}
	.pay2024 .info-container .tariff-box strong {font-size:1.85rem;}
	.pay2024 .description {margin-top:2rem !important;}
	.pay2024 .group .info .tit, .mypage-wrap .pay2024 .info-box .info .tit {font-size:1.65rem;line-height:normal;}
	.pay2024 .group .info-box .info .data strong, .pay2024.info-view .info-container > ul > li:first-child#basicData {font-size:2.45rem;line-height:2.45rem;}
	.pay2024 .group .side-box {position:relative;margin-top:1rem;}
	.pay2024 .group .side-box .price .deco {position:inherit;}
	.pay2024 .tariff-box {width:100%;left:0;transform:translateX(-0%) translateY(-100%);height:fit-content;top: 50%;padding:1.5rem;border-radius:0.55rem;}
	.pay2024 .tariff-box::after {display:none;}
	.pay2024 .info-container > ul > li {padding:2.25rem 3.25rem;}
	.pay2024 .description .btn {width:100%;}
	.pay2024 .group .side-box .price .deco a {width:2rem;height:2rem;position:static;}
	.pay2024 div.tariff-box .title span {width:1.85rem;height:1.85rem;}
	.pay2024 div.tariff-box .title p {font-size:1.45rem;}
	.pay2024 .tariff-box ul.bar li p {font-size:1.45rem;}
	.pay2024 .tariff-box ul.bar li:first-child span {border-top-left-radius:0.65rem;border-bottom-left-radius:0.65rem;}
	.pay2024 .tariff-box ul.bar li:last-child span {border-top-right-radius:0.65rem;border-bottom-right-radius:0.65rem;}
	.pay2024 .tariff-box ul.bar li span {font-size:1.65rem;line-height:normal;height:auto;margin-bottom:0.3rem;}
	.pay2024 .tari.pay2024 .tariff-box ul.bar li {font-size:1.55rem;}
	
	/* 제휴 요금제 */
	.selectPayCon ul li {padding:2.1875rem 2.5rem;gap: 2rem;}
	.selectPayCon ul li a {padding:2rem;}
	.selectPayCon ul li strong {font-size:2.05rem;}
	.selectPayCon ul li p {font-size:1.65rem;line-height:2.4rem;margin-top:1.5rem;}
	.selectPayCon ul li img {width:6rem;min-width:6rem;}

	/* 요금제 상세 */
	.pay2024.info-view .info-container > ul > li {flex-direction:row;width:100%;box-sizing: border-box;gap:0.5rem;align-items:center;border-radius:2.05rem;padding:2rem;}
	.pay2024.info-view .info-container > ul > li:first-child {flex-direction:column;width:100%;min-width:auto;box-sizing: border-box;}
	.pay2024.info-view .payplan-box, .pay2024.info-view .cont , .pay2024.info-view .review-wrap, .pay2024 .info-container {width:calc(100% - 3rem);}
	.pay2024 .info-container > ul > li p {font-size:1.65rem;margin:0;}
	.pay2024 .info-container > ul li .icon {margin-bottom:0;width:2.05rem;height:2.05rem;}
	.pay2024 .info-container .tariff-box div {flex-direction:row;gap:0.5rem;}
	.pay2024.info-view .info-container li strong {font-size:1.85rem;}
	.pay2024.info-view .payplan-box {padding:4rem 0;}
	.pay2024.info-view .cont + .btn-wrap {margin-bottom:5rem;}
	.pay2024.info-view .description ul {margin:0 0 3rem;padding:2rem;border-radius:2rem;}
	.pay2024.info-view .cont {border:0;}
	.pay2024.info-view .notice {margin-top:5rem;padding:5rem 2.5rem;width:calc(100% - 5rem);}
	.pay2024.info-view .mohae-con {padding:5rem 1.65rem 0;}
	.pay2024.info-view .mohae-con .title-wrap {margin-bottom:2rem;}
	.pay2024.info-view .mohae-con .title-wrap h2 {font-size:2.45rem;}
	.pay2024.info-view .mohae-con ul {gap:1.5rem;}
	.pay2024.info-view .mohae-con ul li a {border-radius:1.05rem;}
	.pay2024.info-view .btn-wrap {margin:4rem 0 6rem;}
	
	/* 기타 요금제 */
	.mypage-wrap .payplan-info.pay2024 {padding:2.5rem !important;}
	.mypage-wrap .payplan-info.pay2024 .info-box .info .provide {flex-wrap:nowrap;justify-content:flex-start;}
	.mypage-wrap .payplan-info.pay2024 .info-box .info .provide li {width:auto;font-size:1.65rem;}
	.mypage-wrap .payplan-info.pay2024 .info .tit {position:relative;left:0;top:0;}
	.mypage-wrap .cont .pay2024 .swiper-wrapper {flex-direction:row;gap:0;}
	.mypage-wrap .cont .pay2024 .swiper-wrapper li {margin-right:0 !important;}
	.mypage-wrap .type2.pay2024 {padding:2.1875rem 2.5rem !important;}
	.mypage-wrap .type2.pay2024 .tit {width:100% !important;}
	.m-recomm .pay2024 > li {width:100%;padding:0 !important;border-width:0.1rem;}
	.m-recomm .head a {font-size:1.75rem;}
	.m-recomm .pay2024 .group .info-box {margin-top:0;}
	.m-recomm .pay2024 .group .provide li {width:auto;font-size:1.65rem;}
	.modal.btn-fix:has(.back) .cont .scroll-box {height:calc(100% - 7rem - 8rem) !important;padding:3rem 1.5rem;overflow-y:auto;box-sizing:border-box;}
	.modal.btn-fix .cont .btn-wrap {margin:0 1.5rem;padding-top:1rem;}
	.modal .pay2024 .group .info .tit {margin-top:1.5rem;}
	.modal .pay2024 .payplan-info-box {padding:1.5rem 2.5rem 1.5rem 5.625rem;}
	.modal .pay2024 .group .side-box .price strong {display:flex !important;align-items:flex-end;}
	.modal .pay2024 li label.radio-type12.no-check .group .info {padding-top:1.5rem;}
	.modal .pay2024 li label.radio-type12.no-check > div.payplan-info-box .info-box .info > .tit {font-size:1.65rem;}
	.modal .pay2024 li label.radio-type12.no-check .group .side-box .price {line-height:normal;margin-top: 0;}
	.modal .pay2024 li label.radio-type12.no-check .group .provide {margin-top:1rem;}

	.sort-wrap .tag-wrap2 {display:flex;flex-wrap:wrap;width:auto;margin:0;gap:0.5rem;width:100%;}
	.sort-wrap .tag-wrap2 .tag {font-size:1.65rem;padding:1rem;}
	.sort-wrap .tag-wrap2 .tag::after {width:1.65rem;height:1.6rem;}
	.select-style1  {font-size:1.65rem;line-height:4.5rem;padding:0 4rem 0 1rem;background-size: 1.475rem auto;background-position:right 1.65rem top 1.45rem;}
	.modal-paychange #containerPlanDetails {border-width:0.1rem;padding:2rem;}
}

@media screen and (max-width:910px) {
	.m-swp-btn {display:flex;align-items:center;right:0rem;}
	.payplan-menu div.swiper-container {padding-right:2.5rem;}
}
@media screen and (max-width:750px) {
	.pay2024 .group {display:block;}
	.sort-wrap .select-tel:has(.selectBox) {flex-direction:column;}
	.sort-wrap .select-tel span.tag {font-size: 1.8rem;min-width: auto;width: fit-content;display: inline-flex;gap: 1rem;}
	.sort-wrap .select-tel.type2 button {padding:2px 10px;font-size:1.35rem;}
	.select-tel.type2 select {height:4.05rem;font-size:1.45rem;}
	.select-tel.type3 select {height:4.05rem;font-size:1.45rem;}
	ul.all-payplan2 {width: max-content;justify-content: flex-start !important;}
	.mypage-wrap .payplan-info.pay2024 .btn a {width:100%;}
	.modal .pay2024 .info-box {display:flex;flex-direction:column;}
	.selectPayCon ul {grid-template-columns:1fr;}
	.selectPayCon ul li {width:100%;}
	.selectPayCon ul li.disabled {display:none !important;}
	.select-editor {margin-bottom:3rem;position: relative;border-radius:1rem;}
	.select-editor .mo {display:block;}
	.select-editor .pc {display:none;}
	.pay2024.info-view .mohae-con ul {grid-template-columns:1fr;}
}
@media screen and (max-width:450px) {
	
}


.tal {text-align:left !important}
.tac {text-align:center !important}
.tar {text-align:right !important}


.f-inner{max-width: 100%; width: 1920px; position: relative; margin-left: auto; margin-right: auto;}
.inner {	width:1400px;	position:relative;	margin-left:auto;	margin-right:auto;}
.w-inner {	width:1720px;	position:relative;	margin-left:auto;	margin-right:auto;}
.w-inner2 { width:1720px;	position:relative;	margin-left:auto;	margin-right:auto;}
.s-inner {	width:1450px;	position:relative;	margin-left:auto;	margin-right:auto;}
.ss-inner {	width:780px;	position:relative;	margin-left:auto;	margin-right:auto;}


@media all and (max-width:1719px){
	.w-inner{width: 94%;}
	.w-inner2{width: 94%;}
}

@media all and (max-width:1903px){
	.f-inner{width: 100%;}
}

/* 타블렛 가로 */
@media all and (max-width:1399px) {	
.inner {width:94%;}
.s-inner {width:94%;}
}

@media all and (max-width:780px){
	.ss-inner{width: 94%;}
}


.mtit { font-size: 1.4em; color:#212121; /*font-family: 'GmarketSans';*/ padding-left: 0.2em;  }
.mtit.wh { color:#fff; }

@media all and (max-width:1399px) {
  .mtit { font-size: 1.4em; }
}

@media all and (max-width:1080px) {
  .mtit { font-size: 1.4em; }
}

@media all and (max-width:780px) {
  .mtit { font-size: 1.2em; }
}

@media all and (max-width:480px) {
  .mtit { font-size: 1.0em; }
}

/* m-tit */
.m-tit{position: relative; width: 388px;}
.m-tit h3{font-size: 3.0rem; color: #212121; font-weight: 500;position: relative; display: inline-block;}
.m-tit h3::after{content: ''; width: 96px; height: 34px; /*background: url(/images/main/m-tit.png) no-repeat center center;*/ display: block; position: absolute; right: -36px; top: -30px;}
.m-tit p{font-size: 1.4rem; color: #212121; line-height: 1.6em; margin-top: 20px;word-break: keep-all;}
.m-tit .arrow{display: flex; gap:0 5px; margin-top: 105px; cursor: pointer;}

@media all and (max-width:1280px){
	.m-tit{width: 330px;}
	.m-tit h3{font-size: 4rem;}
	.m-tit p{margin-top: 15px; font-size: 1.7rem;}
	.m-tit .arrow{margin-top: 75px;}
	.m-tit .arrow img{max-width: 52px;}
}
@media all and (max-width:768px){
	.m-tit{width: 100%;}
	.m-tit h3{font-size: 3.2rem;}
	.m-tit p br{display: none;}
	.m-tit .arrow{margin-top: 35px;}
	.m-tit .arrow img{max-width: 46px;}
}
@media all and (max-width:500px){
	.m-tit h3{font-size:2.7rem;}
	.m-tit .arrow{margin-top: 25px;}
}

/* sec3 */
.sec3{padding-left: 70px; border-bottom: 1px solid #e9eaf0;}
.sec3 .box{padding: 110px 0 120px 130px;display: flex; align-items: center;}
.sec3 .box .list{width: calc(100% - 388px);}
.sec3 .box .list > div{ overflow: inherit;overflow-x: clip; padding-left: 12px;}
.sec3 .box .list li{position: relative; box-shadow: 2px 9px 15px #e9eaf0; border-bottom-left-radius: 30px; padding: 40px; max-width: 370px; margin-right: 40px;}
.sec3 .box .list li a{}
.sec3 .box .list li a .top{margin-bottom: 25px; border-bottom: 1px solid #e9eaf0;}
.sec3 .box .list li a .top h4{font-weight: 600; font-size: 1.2rem; color: #fff; border-radius: 18px; padding: 8px 16px; display: inline-block; margin-bottom: 35px;}
.sec3 .box .list li a .top h4.n{background-color: #e46253;}
.sec3 .box .list li a .top h4.u{background-color: #10a2c2;}
.sec3 .box .list li a .top h3{font-size: 1.4rem; font-weight: 500; color: #212121; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
.sec3 .box .list li a .top p{margin-top: 30px; margin-bottom:20px; font-size: 1.1rem; color: #888888; line-height: 1.6em; height: 108px; word-break: keep-all; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
.sec3 .box .list li a .bottom{}
.sec3 .box .list li a .bottom p{font-size: 1.0rem; color: #888888;}

@media all and (max-width:1280px){
	.sec3{padding-left: 50px;}
	.sec3 .box{padding-left: 50px; padding-top: 80px; padding-bottom: 80px;}
	.sec3 .box .list{width: calc(100% - 330px);}
	.sec3 .box .list li{max-width: 340px; padding:40px 30px; margin-right: 20px;}
	.sec3 .box .list li a .top h4{margin-bottom: 25px;}
	.sec3 .box .list li a .top h3{font-size: 1.8rem;}
	.sec3 .box .list li a .top p{/* height: 100px; */ margin-top: 20px;}
	.sec3 .box .list > div{padding-left: 2px;}
}
@media all and (max-width:768px){
	.sec3{padding-left: 4%;}
	.sec3 .box{flex-direction: column; padding-left: 40px; padding-top: 100px;}
	.sec3 .box .list{width: 100%; margin-top: 40px;}
	.sec3 .box .list li{max-width: 280px; padding: 30px 25px;}
	.sec3 .box .list li a .top{margin-bottom: 20px;}
	.sec3 .box .list li a .top h4{border-radius: 12px; padding: 6px 12px; margin-bottom: 15px;}
	.sec3 .box .list li a .top h3{font-size: 1.8rem;}
	/* .sec3 .box .list li a .top p{height: 90px;} */
}
@media all and (max-width:500px){
	.sec3{padding-left: 5%;}
	.sec3 .box{padding-left: 0; padding-top: 70px;}
	.sec3 .box .list li{max-width: 240px;}
	.sec3 .box .list li a .top p{margin-top: 15px;}
}


/* sec6 */
.sec6{padding: 40px 0;}
.sec6 .inner{display: flex;}
.sec6 .inner .l_cont {font-size: 1.3rem; font-weight: 600; color: #212121; display: flex; align-items: center; width: 264px;}
.sec6 .inner .l_cont .btn{display: flex; gap:0 3px; margin-left: 30px; line-height:inherit; font-size:inherit;height:inherit;}
.sec6 .inner .l_cont .btn .prev{}
.sec6 .inner .l_cont .btn .play{display: none;}
.sec6 .inner .l_cont .btn .play.on{display: block}
.sec6 .inner .l_cont .btn .next{}
.sec6 .inner .l_cont .btn img{max-width: 100%; cursor: pointer;}
.sec6 .inner .r_cont{width: calc(100% - 264px);}
.sec6 .inner .r_cont .list{}
.sec6 .inner .r_cont .list li{border: 1px solid #e0e8ef; text-align: center; display: flex; justify-content: center; align-items: center; margin-right: 8px;max-width: 260px; width: 100%;}
.sec6 .inner .r_cont .list li a{ width: 100%; height: 80px; display: flex; justify-content: center; align-items: center;}
.sec6 .inner .r_cont .list li a img{max-width: 100%; max-height: 100%;}


@media all and (max-width:978px){
	.sec6 .inner .r_cont .list li{max-width: 220px;}
	.sec6 .inner .r_cont .list li a{height: 60px; padding: 10px 15px;}
}
@media all and (max-width:640px){
	.sec6 .inner{flex-direction: column;}
	.sec6 .inner .r_cont{width: 100%; margin-top: 20px;}
	.sec6 .inner .r_cont .list li{max-width: 180px;}
	.sec6 .inner .r_cont .list li a{height: 50px; padding: 5px 10px;}
}
@media all and (max-width:500px){
	.sec6{padding: 35px 0;}
	.sec6 .inner .r_cont .list li{max-width: 160px;}
}



#mSection2 { padding: 1.4em 0 4em; }
#mSection2 > div {display: flex; align-items: stretch; flex-wrap: wrap; gap: 40px; }
#mSection2 > div .mtit { margin-top: 0.1em; }
#mSection2 #mBoard {  position: relative; width: 65%; }
#mSection2 #mFacility {  position: relative;  width: calc(35% - 40px); display: flex; flex-direction: column; }

#mSection2 #mBoard .tit { display: flex; align-items: center; line-height: 68px; border-bottom: 1px solid #e5e7ee;  }
#mSection2 #mBoard .tit .tabs { display: flex; align-items: center; gap: 1em; margin-left: 3em; }
#mSection2 #mBoard .tit .tabs li { position: relative; }
#mSection2 #mBoard .tit .tabs li a { font-size: 1.1rem; color:#7a7d96; padding: 0 0.5em; font-weight: 500; display: block; }
#mSection2 #mBoard .tit .tabs li.active a { color:#496ff2; font-weight: 800; }
#mSection2 #mBoard .tit .tabs li.active::before { content: ''; width: 100%; height: 3px; background: #496ff2; position: absolute; bottom:-1px; left: 50%; transform: translateX(-50%);}

#mSection2 #mBoard .more { position: absolute; right:0; top:18px; width: 34px; height: 34px; border-radius: 100%; background: #f3f6f7; }
#mSection2 #mBoard .more span { background: #c9cdd7; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
#mSection2 #mBoard .more span.x { width: 14px; height: 2px; }
#mSection2 #mBoard .more span.y { width: 2px; height: 14px; }

#mSection2 #mBoard .bdList li { position: relative; background: url("../images/common/dotline.png") repeat-x left bottom; padding-left: 1em; }
#mSection2 #mBoard .bdList li::before { content: ''; width: 5px; height: 5px; background: #5165a9; border-radius: 100%; position: absolute; left: 0;
                                                            top: 50%; margin-top: -2.5px; }
#mSection2 #mBoard .bdList li a { display: flex; align-items: center; justify-content: space-between; padding: 0.7em 0;  }
#mSection2 #mBoard .bdList li a .txt { max-width: calc(100% - 70px); font-size:16px;}
#mSection2 #mBoard .bdList li a .txt p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#mSection2 #mBoard .bdList li a .date {/* font-family: 'GmarketSans';*/ font-size: 0.9rem; color:#afb1c0;}

#mSection2 #mBoard .bdList li:first-child { padding-left: 0; }
#mSection2 #mBoard .bdList li:first-child::before { display: none; }
#mSection2 #mBoard .bdList li:first-child a { padding: 1.6em 0; direction: rtl; }
#mSection2 #mBoard .bdList li a > div { direction: ltr; }
#mSection2 #mBoard .bdList li:first-child a .txt { width: calc(100% - 100px); padding: 0 2em; }
#mSection2 #mBoard .bdList li:first-child a .txt h4 { font-size: 1.2em; color:#212121; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#mSection2 #mBoard .bdList li:first-child a .txt p { font-size: 1.0em;margin-top: 0.7em; line-height: 1.5em; height: 3em; overflow:hidden;
                                                          display:-webkit-box; -webkit-line-clamp:2; /* 라인수 */  -webkit-box-orient:vertical;
                                                          white-space:normal; text-overflow:ellipsis; }
#mSection2 #mBoard .bdList li:first-child a .date { border: 8px solid #e6f3f9; width: 100px; height: 100px; text-align: center;
                                                                            display: flex; align-items: center; justify-content: center; flex-wrap: wrap;
                                                                            font-size: 1.0rem; color:#5165a9; line-height: 1.6em; letter-spacing: -0.05em;}
#mSection2 #mBoard .bdList li:first-child a .date span { display: block; font-weight: 700; font-size: 1.25em; letter-spacing: 0; }



#mSection2 #mFacility .mtit { line-height: 68px; }
#mSection2 #mFacility ul { height: calc(100% - 68px); border: 1px solid #e5e7ee; border-radius: 10px; display: flex; flex-direction: column; }
#mSection2 #mFacility ul li { height: calc(100% / 3); width: 100%; }
#mSection2 #mFacility ul li + li { border-top: 1px solid #e5e7ee; }
#mSection2 #mFacility ul li a { display: flex; align-items: center; height :100%; padding: 1.5em 2em;   }
#mSection2 #mFacility ul li a dl { width: calc(100% - 70px); padding-left: 1.5em; }
#mSection2 #mFacility ul li a dl dt { font-size: 1.3rem; color:#212121; font-weight: 700; margin-bottom: 0.3em; }


@media all and (max-width:1280px) {
  #mSection2 > div { gap: 20px; }
  #mSection2 #mBoard .tit .tabs { gap: 0.5em; margin-left: 2em; }
  #mSection2 #mBoard .tit .tabs li a { font-size: 1.7rem; }

  #mSection2 #mFacility { width: calc(35% - 20px); }
  #mSection2 #mFacility ul li a { padding: 1.5em 1em 1.5em 1.5em; }
  #mSection2 #mFacility ul li a img { width: 65px; }
  #mSection2 #mFacility ul li a dl { width: calc(100% - 65px); padding-left: 1em; }
  #mSection2 #mFacility ul li a dl dt { font-size: 1.6rem; }
  #mSection2 #mFacility ul li a dl dd { font-size: 1.3rem; }
}

@media all and (max-width:1080px) {
  #mSection2 #mBoard .tit .tabs { gap: 0.3em; margin-left: 1.5em; }
  #mSection2 #mBoard .tit .tabs li a { font-size: 1.6rem; }
  #mSection2 #mBoard .bdList li a { padding: 0.6em 0; }
  #mSection2 #mBoard .bdList li:first-child a { padding: 1.0em 0; }

  #mSection2 #mFacility ul li a { padding: 1.5em 1em 1.5em 1.2em; }
  #mSection2 #mFacility ul li a img { width: 60px; }
  #mSection2 #mFacility ul li a dl { width: calc(100% - 60px); }
  #mSection2 #mFacility ul li a dl dt { font-size: 1.8rem; }
  #mSection2 #mFacility ul li a dl dd { font-size: 1.6rem; }
}

@media all and (max-width:976px) {
  #mSection2 #mFacility ul li a { padding: 0 1em; }
  #mSection2 #mFacility ul li a img { width: 55px; }
  #mSection2 #mFacility ul li a dl { width: calc(100% - 55px); }
}

@media all and (max-width:880px) {
  #mSection2 #mBoard { width: 100%; }
  #mSection2 #mFacility { width: 100%; }

  #mSection2 #mBoard .bdList li:first-child a .txt { width: calc(100% - 90px); }
  #mSection2 #mBoard .bdList li:first-child a .date { width: 90px; height: 90px; }


  #mSection2 #mFacility ul { flex-wrap: wrap; flex-direction: row; align-items: stretch; height: auto; }
  #mSection2 #mFacility ul li { height: auto; width: calc(100% / 3); }
  #mSection2 #mFacility ul li + li { border-left:1px solid #e5e7ee; border-top-width:0; }
  #mSection2 #mFacility ul li a { padding: 1.5em 1em; }
  #mSection2 #mFacility ul li a img { width: 50px; }
  #mSection2 #mFacility ul li a dl { width: calc(100% - 50px); }

  #mSection2 #mBoard .tit,
  #mSection2 #mFacility .mtit { line-height: 60px; }
}


@media all and (max-width:568px) {
  #mSection2 #mBoard .tit { flex-wrap: wrap; line-height: 2em; }
  #mSection2 #mBoard .tit .mtit { width: 100%; }
  #mSection2 #mBoard .tit .tabs { margin-left:0; gap:0.2em; }
  #mSection2 #mBoard .tit .tabs li a { padding: 0.5em; }
  #mSection2 #mBoard .more { top:32px; width: 30px; height: 30px; }

  #mSection2 #mFacility .mtit { line-height: 2em; }
  #mSection2 #mFacility ul li { width: 100%; }
  #mSection2 #mFacility ul li + li { border-left-width:0; border-top-width:1px; }
  #mSection2 #mFacility ul li a { padding: 1em; }
}

@media all and (max-width:480px) {
  #mSection2 { padding: 0.7em 0 4em; }
  #mSection2 #mBoard .more { top:28px;  width: 28px; height: 28px; }
  #mSection2 #mBoard .more span.x { width: 12px; }
  #mSection2 #mBoard .more span.y { height: 12px; }

  #mSection2 #mBoard .bdList li:first-child a .txt { width: calc(100% - 80px); padding: 0 1em; }
  #mSection2 #mBoard .bdList li:first-child a .date { border-width: 7px; width: 80px; height: 80px; }
}

@media all and (max-width:380px) {
  #mSection2 #mBoard .tit .tabs { gap:0; }
  #mSection2 #mBoard .more { top:0px; }

  #mSection2 #mBoard .bdList li:first-child a .txt { width: calc(100% - 70px); }
  #mSection2 #mBoard .bdList li:first-child a .date { border-width: 7px; width: 70px; height: 70px; font-size: 1.2rem;  }

  #mSection2 #mBoard .bdList li:first-child a .txt h4 { font-size: 1.8rem; }
  #mSection2 #mBoard .bdList li:first-child a .txt p { margin-top: 0.5em; line-height: 1.4em; height: 2.8em; }

}



#mSection4 { position: relative; padding: 3em 0; }
#mSection4 .s-inner { display: flex; flex-wrap: wrap; }
#mSection4 .s-inner .tit { width: 20%; padding-top: 2em;  }
#mSection4 .s-inner .tit p { padding-left: 0.2em; margin-top: 1em; line-height: 1.5em; }
#mSection4 .s-inner .cont { width: 80%; text-align: center; }
#mSection4 .s-inner .gallerySlide { width: calc(100% + 26px); margin-left: -13px; }
#mSection4 .s-inner .gallerySlide li { margin: 0 13px; border: 1px solid #aaa; border-radius: 10px; overflow: hidden;background:#fff; }
#mSection4 .s-inner .gallerySlide li img { max-width: 100%; }
#mSection4 .s-inner .gallerySlide li p { font-size: 1.1rem; color:#212121; font-weight: 700; padding: 1.5em 1em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

@media all and (max-width:1280px) {
  #mSection4 .s-inner .gallerySlide { width: calc(100% + 16px); margin-left: -8px; }
  #mSection4 .s-inner .gallerySlide li { margin: 0 8px; }
  #mSection4 .s-inner .gallerySlide li p { font-size: 1.8rem; }
}

@media all and (max-width:1080px) {
  #mSection4 .s-inner .tit { padding-right: 1em; }
  #mSection4 .s-inner .tit p { font-size: 1.5rem; line-height: 1.3em; }
  #mSection4 .s-inner .tit p br { display: none; }

  #mSection4 .s-inner .gallerySlide { width: calc(100% + 10px); margin-left: -5px; }
  #mSection4 .s-inner .gallerySlide li { margin: 0 5px; }
  #mSection4 .s-inner .gallerySlide li p { font-size: 1.4rem; padding: 1.2em 0.5em; }
}

@media all and (max-width:880px) {
  #mSection4 .s-inner .tit { padding-top: 1.5em;  }
  #mSection4 .s-inner .tit p { font-size: 1.4rem; margin-top: 0.7em; }
}

@media all and (max-width:767px) {
  #mSection4 .s-inner .tit { width: 25%; }
  #mSection4 .s-inner .cont { width: 75%; }
}

@media all and (max-width:640px) {
  #mSection4 { padding: 2.5em 0; }
  #mSection4 .s-inner .tit  { width: 100%; padding-top:0; }
  #mSection4 .s-inner .tit p { font-size: 1.6rem; margin-top: 0.2em; max-width: calc(100% - 34px); }
  #mSection4 .s-inner .cont { width: 100%;  margin-top: 2.5rem; }
  #mSection4 .s-inner .gallerySlide { width: calc(100% + 6px); margin-left: -3px; }
  #mSection4 .s-inner .gallerySlide li { margin: 0 3px; }
}


#mSection5 { position: relative; padding: 2em 0; border-top: 1px solid #e5e7ee;  }
#mSection5 .s-inner { display: flex; flex-wrap: wrap; align-items: center; }
#mSection5 .s-inner .tit { width: 20%; position: relative; display: flex; align-items: center; justify-content: space-between; }
#mSection5 .s-inner .tit .mtit { padding-top: 0.2em; }
#mSection5 .s-inner .tit .slideBtn { position: relative; width: 100px;  }
#mSection5 .s-inner .cont { width: 80%; text-align: center; }

#mSection5 .adSlide { width: calc(100% + 10px); margin-left: -5px; }
#mSection5 .adSlide .item { text-align: center; border: 1px solid #e5e7ee; margin: 0 5px;}
#mSection5 .adSlide .item img { max-width: 100%; }
#mSection5 .adSlide .slick-arrow { right: inherit; bottom: inherit; left:-92px; top: 50%; width: 8px; height: 12px;  }
#mSection5 .adSlide .slick-prev { transform: translate(-180%, -50%); background: url("../images/common/arrow_prev.png") no-repeat center; }
#mSection5 .adSlide .slick-next { transform: translate(180%, -50%); background: url("../images/common/arrow_next.png") no-repeat center; }

.slideCtr { width: 14px; height: 12px; position: absolute; top: 50%; transform: translateY(-50%); left: 0; }
.play { font-size:0; background: url("../images/common/play.png") no-repeat center; display: none; }
.pause { font-size:0; background: url("../images/common/stop.png") no-repeat center; }


@media all and (max-width:1280px) {
  #mSection5 .s-inner .tit .slideBtn { width: 50px; }
  #mSection5 .adSlide .slick-arrow { left:-42px; }
}


@media all and (max-width:880px) {
  #mSection5 .s-inner .tit .slideBtn { width: 35px; }
  #mSection5 .adSlide .slick-arrow { left:-27px; }
}

@media all and (max-width:767px) {
  #mSection5 .s-inner .tit { width: 25%; }
  #mSection5 .s-inner .cont { width: 75%; }
}

@media all and (max-width:640px) {
  #mSection5 .s-inner .tit { width: 100%; }
  #mSection5 .s-inner .cont { width: 100%; margin-top: 1rem; }
  #mSection5 .adSlide { width: calc(100% + 6px); margin-left: -3px; }
  #mSection5 .adSlide .item { margin: 0 3px;}

  #mSection5 .s-inner .tit .slideBtn { width: 25px; }
  #mSection5 .adSlide .slick-arrow { left: inherit; right:3px; top: -1rem; }
  #mSection5 .adSlide .slick-prev { transform: translate(-340%, -180%); }
  #mSection5 .adSlide .slick-next { transform: translate(0, -180%); }
}

@media all and (max-width:480px) {
  #mSection5 { padding: 1.7em 0; }
  #mSection5 .adSlide .slick-arrow { margin-top: 1.5px; }
}




/* center1 */
.greeting{}
.greeting .cont{display: flex; gap:0 140px; align-items: center;}
.greeting .cont .img{}
.greeting .cont .img img{max-width: 100%;}
.greeting .cont .txt{}
.greeting .cont .txt h3{font-size: 28px; color: #222222; font-weight: 600; line-height: 1.4em; margin-bottom: 50px;}
.greeting .cont .txt p{font-size: 18px; font-weight: 500; color: #686868; line-height: 2em;}
.greeting .cont .txt p + p{margin-top: 40px;}

@media all and (max-width:1720px){
	.greeting .cont{gap:0 80px;}
	.greeting .cont .img{width: 520px;}
	.greeting .cont .txt{width: calc(100% - 520px);}
	.greeting .cont .txt p br{display: none;}
}
@media all and (max-width:1400px){
	.greeting .cont .txt p{font-size: 17px;}
	.greeting .cont .txt p + p{margin-top: 30px;}
	.greeting .cont .txt h3{font-size: 26px; margin-bottom: 40px;}
}
@media all and (max-width:976px){
	.greeting .cont{gap:0 60px;}
	.greeting .cont .img{width: 44vw;}
	.greeting .cont .txt{width: calc(100% - 44vw);}
	.greeting .cont .txt h3{font-size: 24px; margin-bottom: 30px;}
	.greeting .cont .txt p + p{margin-top: 20px;}
}
@media all and (max-width:720px){
	.greeting .cont{flex-direction: column;}
	.greeting .cont .img{width: 100%; max-width: 90%;}
	.greeting .cont .txt{width: 100%; margin-top: 40px;}
	.greeting .cont .txt h3{font-size: 22px; margin-bottom: 25px;}
	.greeting .cont .txt p{font-size: 16px;}
	.greeting .cont .txt p + p{margin-top: 17px;}
}

/* 이용약관 */
.rule h3 {font-size:2.3em; color:#232323;  text-align:center; padding-bottom:30px;}
.rule dl { padding-bottom:3%;}
.rule dl dt {font-size:1.6em; font-weight:500; line-height:2.3em;color: #272bcd; position: relative}
.rule dl dt::after{content: ''; width: 16px; height: 13px; background: url(/images/sub2/subtitle.webp) no-repeat center center; display: block; position: absolute; left: -23px; top: 50%; transform: translateY(-50%); filter: invert(24%) sepia(58%) saturate(2771%) hue-rotate(223deg) brightness(89%) contrast(108%); }
.rule dl dd {font-size:1.0em; line-height: 1.6em;}
.rule dl h4{font-size: 1.2em; color: #000; margin: 0.5em 0;}

@media all and (max-width:976px){
	.privacy dl dd{font-size: 1em;}
	.rule dl dd{font-size: 1em;}
	.privacy dl dt, .rule dl dt{font-size: 1.5em; padding-left: 20px; line-height: 1.8em;}
	.privacy dl dt::after, .rule dl dt::after{left: 0;}
}
@media all and (max-width:640px){
	.privacy dl dd{font-size: 0.9375em;}
	.rule dl dd{font-size: 0.8375em;}
	.privacy dl dt, .rule dl dt{font-size: 1.25em; line-height: 1.5em; padding-left: 0;}
	.privacy dl dt::after, .rule dl dt::after{display: none;}
}

/*.chk label {padding-left:0px !important;}
.chk label::last-child {padding:0 auto;}
.board-list-chk {position:relative  !important;margin-right:0px !important;}*/



.event-list-3 ul {display:grid;gap:50px 25px;margin:0;grid-template-columns:calc(33.3333% - 12.5px) calc(33.3333% - 12.5px) calc(33.3333% - 12.5px);}
.event-list-3 ul li {margin:0;width:100%;}
.event-list-3 li .img-box {position:relative;height:auto;max-height:none;border-radius:10px;display: flex;align-items: center;justify-content: center;}
.event-list-3 li .img-box > img {width:100%;height:100%;display:block;}
.event-list-3 li .img-box > img.mo {display:none !important;}
.event-list-3 li .img-box .tag {z-index:2;height:33px;line-height:33px;top: auto;right:10px;bottom:10px;left: auto;border:10px;background-color:#fff;border:1px solid #ddd;border-radius:10px;font-size: 14px;width:fit-content;padding:0 15px;font-weight:700;color:#595959;box-sizing:border-box;}
.event-top .select03 {border-bottom:0;}
.event-top:has(.tab2024) {margin-bottom:30px;}
.event-top .tab.tab2024::-webkit-scrollbar {display: none;}
.event-top .tab.tab2024 {-ms-overflow-style: none;scrollbar-width: none;}
.event-top .tab.tab2024 li {padding:0 15px;border-radius:10px;margin-right:6px;height:36px;line-height:36px;}
.event-top .tab.tab2024 li a {letter-spacing:-0.2px;font-weight:700;}
.event-top .tab.tab2024 li.on {background-color:#000;border:1px solid #000;}
.event-top .tab.tab2024 li.on a {color:#fff;}
.event-list-3 li .title {font-weight:bold;font-size:20px;letter-spacing:-0.2px;height:auto;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;word-break: keep-all;margin:15px 0 10px;line-height:normal;overflow:hidden;white-space:inherit;}
.event-list-3 li .date {line-height:normal;}

 /* media query*/
@media all and (max-width:1299px){
    .event-top:has(.tab2024) {padding-top:0;}
    .event-list-3 ul {gap:4.5rem 2.5rem;grid-template-columns:1fr 1fr;}
    .event-list-3 li .title {font-size:2.15rem !important;margin:1.5rem 0 1rem;}
    .event-top {margin-bottom:3rem !important;}
    .event-top .tab.tab2024 li , .event-list-3 li .img-box .tag {line-height:4.225rem;height:4.225rem;padding:0 1.5rem;border-radius:1.25rem;font-size:1.65rem;}
    .event-top .tab.tab2024 li a {font-size:1.65rem;}
    .event-top .select03 {right:0 !important;width:fit-content;left:auto;}
}
@media all and (max-width:750px){
    .event-top:has(.tab2024) {margin-bottom:2rem !important;padding-top:5.75rem;}
    .event-list-3 ul {grid-template-columns:1fr;}
    .event-list-3 li .img-box {display: flex;align-items: center;justify-content: center;}
}


#intro1 {overflow:hidden; padding-bottom:5%}
#intro1 > div {float:left}
#intro1 .about1 {width:30%; text-align:right}
#intro1 .about1 img {}

#intro1 .txt {width:70%; padding-left:8%}
#intro1 .txt .eng { font-family: 'Roboto', sans-serif; color:#212121; font-weight:700; letter-spacing:0.01em;} 
#intro1 .txt h3 {font-size:1.875em; padding:0.5em 0 1.3em; color:#00395c; line-height:1.3em; font-weight:500;}
#intro1 .txt .t1 {line-height:1.8em; padding-bottom:2em; }
#intro1 .txt .t2 {color:#0073bc; line-height:1.8em; padding-bottom:2em; }
#intro1 .about1 .name {margin-top:1.4em; font-size:1.125em; color:#212121;}
#intro1 .about1 .sign  {font-size:1.5em; padding-left:10px; font-weight:700;  letter-spacing:-0.07em; }

#intro1 .txt .info {padding-top:3%; overflow:hidden;}
#intro1 .txt .info ul { width:100%; float:left; overflow:hidden; border-top:1px solid #cbcbcb}
#intro1 .txt .info ul dt {width:20%; padding:1em; color:#FFF; background:#00395c; text-align:center; float:left;}
#intro1 .txt .info ul dd {width:70%; padding:1em 2em; float:left; border-bottom:1px solid #cbcbcb; }
@media all and (max-width:1345px) {
	#intro1 .txt {padding-left:5%}
	#intro1 .txt .t1 br {display:none}
}
@media all and (max-width:1130px) {
	#intro1 .about1 img {width:100%;}
}
@media all and (max-width:875px) {
	#intro1 .about1 {width:100%;  text-align:center; padding-bottom: 5%;}
	#intro1 .about1 img {width:70%;}
	#intro1 .txt {width:100%; padding-left:0; }
	#intro1 .txt .t1 br {display:none}
}
@media all and (max-width:430px) {
	#intro1 .about1 img {width:90%;}
	#intro1 .txt .info {font-size:0.9em;}
	#intro1 .about1 .sign {font-size:1.6em; }
}


.content-wrap h4 {margin: 75px 0 25px;}
@media all and (max-width:1299px) {
	.content-wrap h4{margin: 4.0625rem 0 1.5625rem;}
	.content-wrap h4:nth-of-type(1){margin-top: 4.0625rem;}
}

#history { position: relative; overflow: hidden;  }
#history::before { content: ''; width:1px; height: 100%; background: #e5e5e5; position: absolute; left:50%; top:0; margin-left: -0.5px;}
#history li { overflow: hidden; position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin: 3% 0;  }
/* #history li:first-child { margin-top:0; } */
#history li > div { width: 50%;  position: relative; }
#history li .img img { max-width: 95%; }

#history li .txt { padding-left: 6%; }
#history li .txt::before { content:''; width: 20px; height: 20px; display: block; position: absolute; left:0; top:2.0em; margin: -10px 0 0 -10px;
                                        border-radius: 100%; background: #fff; border: 6px solid #067cf7; z-index:2;  }
#history li .txt::after { content:''; width: 70px; height: 1px; display: block; background: #b6d9e9; z-index:1;
                                      position: absolute; left:0; top:2.0em; margin-top: -0.5px;}
#history li .txt h4 { font-size: 2em; color: #067cf7; position: relative; font-weight: 700; /*font-family: 'Urbanist';*/
                            line-height: 2.0em; margin-bottom: 0.0em; letter-spacing: 0; }


#history li .txt dl { margin-bottom: 0.5em; overflow: hidden; display: flex; flex-wrap: wrap; font-size: 1.1em; }
#history li .txt dl dt { color:#212121; font-weight: 700; width: 80px; /*font-family: 'Urbanist'; */}
#history li .txt dl dd { line-height: 1.2em; width: calc(100% - 80px);  }


#history li:nth-child(even) { direction: rtl; }
#history li:nth-child(even) .txt { padding-left:0; padding-right: 6%; text-align: right; direction: rtl; }
#history li:nth-child(even) .txt::before { left: inherit; right:0; margin: -10px -10px 0 0; }
#history li:nth-child(even) .txt::after { left: inherit; right:0; }
#history li:nth-child(even) .txt dl dt,
#history li:nth-child(even) .txt dl dd { direction: ltr;}


@media all and (max-width:1480px){
  #history li .txt::after { width: 50px; }
}

@media all and (max-width:1280px){
  #history li .img img { max-width: 90%; }
  #history li .txt::before { top: 2em; }
  #history li .txt::after { width: 40px; top: 2em;  }
  #history li .txt h4 { font-size: 2em; }
}

@media all and (max-width:976px){
  #history li .img p { position: relative; left: inherit; top: inherit; max-width: 95%; text-align: left; padding: 1em 0; font-size: 2.2rem;   }
  #history li .img p br { display: none; }
  #history li .txt dl { font-size: 1.7rem; }
  #history li .txt dl dt { width: 80px; }
  #history li .txt dl dd { width: calc(100% - 80px);  }
}

@media all and (max-width:767px){
  #history { padding-top: 3%; }
  #history::before { left: 20px; margin-left:0; }
  #history li > div { width: 100%; }
  #history li .img {  }
  #history li .img img { max-width: 100%; margin: 5% 0;}
  #history li:nth-child(even) { direction: ltr; }
  #history li:nth-child(even) .txt { direction: ltr; text-align: left; }
  #history li:nth-child(even) .txt::before { left: 0; right:inherit; margin: -10px 0 0 -10px; }
  #history li:nth-child(even) .txt::after { left: 0; right:inherit; }

  #history li { margin: 0; }
  #history li .txt { padding: 0 0 0 40px !important; margin: 4% 0 4% 20px; }
  #history li .txt::before,
  #history li .txt::after { top: 2.0em;  }
  #history li .txt h4 { font-size: 2em; }
  #history li:first-child .img img { margin-top: 0; }
}



@media all and (max-width:380px){
  #history li .txt { padding: 0 0 0 40px !important;   }
  #history li .txt::before { width: 16px; height: 16px; margin: -8px 0 0 -8px !important; border-width: 4px; }
  #history li .txt::after { width: 30px; }
}


.link01 {}
.link01:focus,.link01:hover {color:#ff0000;}

.bg01 {background:#ffeeee}

.chk input[type="radio"] + label {vertical-align: top; left:5px;}

.over tr:hover{background:#f5f8fd}
/*.over tr:hover {color:#0a81d0}*/

.tag-list.tag-list2 li .chul_off.on {line-height:100%;background:#04A3BB;border-color:#04A3BB;}
.tag-list.tag-list2 li .chul_off2.on {line-height:100%;background:#F30076;border-color:#F30076;}
/*.chul_off {background:#04A3BB;border-color:#04A3BB;line-height:100%;}*/
/*
.tag {background:#FFEEEE;border-color:#FFEEEE;color:#F46062;}
.on {color:#fff !important;background:#000;min-width:50px;}
.LGT.on {background:#F30076;border-color:#F30076;}
.SKT.on {background:#000DFF;border-color:#000DFF;}
.tag-list.tag-list2 li .KT.on {background:#04A3BB;border-color:#04A3BB;}
.tag-list.tag-list2 li .discount {background:#fff;border-color:#4326f2;color:#4326f2;}
*/


/*  */
.layout2-wrap{display: flex; justify-content: space-between;}
.layout2-wrap .lnb{width: 200px;}
.layout2-wrap .lnb h3{display: block; font-size: 30px; font-weight: 700; color: #111;}
.layout2-wrap .lnb h3 a{display: block; color: #111;}
.layout2-wrap .lnb ul.menu{margin-top: 25px;; border-top: 1px solid #333;}
.layout2-wrap .lnb ul.menu > li{padding: 25px 0; border-top: 1px solid #ddd;}
.layout2-wrap .lnb ul.menu > li:first-child{border-top: 0;}
.layout2-wrap .lnb ul.menu > li h4{display: block; font-size: 20px; font-weight: 700; color: #111;}
.layout2-wrap .lnb ul.menu > li .sub{margin-top: 10px;}
.layout2-wrap .lnb ul.menu > li .sub a{font-size: 16px; line-height: 26px; color: #666;}
.layout2-wrap .lnb ul.menu > li .sub a.on{font-weight: 700; color: #ff4d50;}
.layout2-wrap .lnb .m-menu{display: none;}
.layout2-wrap .cont{width: 100%; padding-left:30px;}
.layout2-wrap .cont .title{display: flex; justify-content: space-between; align-items: center; margin: 60px 0 20px;}
.layout2-wrap .cont .title:nth-of-type(1){margin-top: 0;}
.layout2-wrap .cont .title h4{display: inline-block; font-size: 24px; font-weight: 700; color: #111; line-height: 36px; vertical-align: middle;}
.layout2-wrap .cont .title h4 span{font-size: 15px; color: #666; font-weight: 500;}

@media all and (max-width:1299px) {
	/*.sub.mypage .loc-menu{display: none;}*/
	.layout2-wrap{display: block; padding: 0 !important;}
	.layout2-wrap .lnb{width: 100%;}
	.layout2-wrap .lnb h3{display: none;}
	.layout2-wrap .lnb ul.menu{display: none;}
	.layout2-wrap .lnb .m-menu{display: block;}
	.layout2-wrap .lnb .m-menu .dpt1{background: url(../images/common/bg_line.jpg) left bottom repeat-x;}
	.layout2-wrap .lnb .m-menu .dpt1 .swiper-slide{width: auto; margin-left: 3.125rem;}
	.layout2-wrap .lnb .m-menu .dpt1 .swiper-slide:last-child{margin-right: 3.125rem;}
	.layout2-wrap .lnb .m-menu .dpt1 a{display: block; position: relative; font-size: 2rem; line-height: 6.25rem; color: #333;}
	.layout2-wrap .lnb .m-menu .dpt1 a.on{font-weight: 700; color: #ff4d50;}
	.layout2-wrap .lnb .m-menu .dpt1 a.on::after{position: absolute; bottom: -0.125rem; left: 0; width: 100%; height: 0.375rem; background: #0072bc; content: "";}
	.layout2-wrap .lnb .m-menu .dpt2{display: none; background: #0072bc;}
	.layout2-wrap .lnb .m-menu .dpt2 .swiper-slide{width: auto; padding-left: 3.125rem;}
	.layout2-wrap .lnb .m-menu .dpt2 .swiper-slide:last-child{padding-right: 3.125rem;}
	.layout2-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;}
	.layout2-wrap .lnb .m-menu .dpt2 a.on{opacity: 1;}
	.layout2-wrap .lnb .m-menu .dpt2.on{display: block;}
	.layout2-wrap .cont{width: 100%; padding: 3.125rem 2.5rem 7.5rem; box-sizing: border-box;}
	.layout2-wrap .cont .title{margin: 3.75rem 0 1.875rem;}
	.layout2-wrap .cont .title h4{font-size: 2.625rem; line-height: 3.75rem;}
	.layout2-wrap .cont .title.p-justify{display: block;}
	.layout2-wrap .cont .title.p-justify h4{margin-bottom: 1.5625rem;}
}






.calendar p {line-height:100%;}

@media only screen and (min-width:761px){
	.calendar > p{text-align:center;}
	.calendar > ul {display:table;width:100%;/*font-size:0px;*/margin-bottom:15px;}
	.calendar > ul > li{display:table-row;width:100%;}
	.calendar > ul > li > div{padding:8px;display:table-cell;width:14%;min-height:140px;height:140px;border-right:1px solid #eee;border-bottom:1px solid #eee;/*background:#1f1f1f;*/}
	.calendar > ul > li > div:hover{/*background:#333;*/}
	.calendar > ul > li > div:last-child{border-right:0px;}
	.calendar > ul > li.cal_header > div{height:30px;text-align:center;line-height:40px;min-height:0px;border-top:1px solid #222;border-bottom:1px solid #bbb;/*border-right:1px solid #ddd;background:#fbfaf7;*/color:#777777;font-weight:500;}
	.calendar > ul > li.cal_header > div:last-child{border-right:0px;}
	.calendar > ul > li.cal_header > div.sun{color:#cc2220;}
	.calendar > ul > li.cal_header > div.sat{color:#2453a5;}
	.calendar > ul > li > div.empty,.calendar > ul > li > div.empty:hover{background:#f7f7f7;}
	.calendar > ul > li > div > time{display:block;padding:3px;font-weight:normal;min-height:15px; font-size:1.6rem; margin-bottom:5px;}
	.calendar > ul > li > div > time span{display:none;}
	.calendar > ul > li > div ul{width:100%;font-size:1.4rem;/*font-size:1.4rem;*/text-align:left;padding:0 3px;/*min-height:60px;*/}
	.calendar > ul > li > div ul li{margin:0px 3px 0px 0px; /*padding:3px; line-height:1rem;*/ overflow:hidden;}
	.calendar > ul > li > div.today{background:#ffffcc}

	.calendar > ul > li > div.Sun{color:#cc2220;}
	.calendar > ul > li > div.Sat{color:#2453a5;}

	.menuname {height:70px;}
	.price {color:#ff0000;}

	.noreserve {flex-wrap: nowrap; margin-top: 8px; width: 100%; display: flex; box-sizing: border-box; color:#757575; font-weight:normal; font-size:0.9rem;}
}

@media only screen and (max-width : 760px){
	.calendar{margin-bottom:30px;}
	.calendar div.hide {display:none}
	.calendar > p{text-align:center;}
	.calendar > ul{width:100%;display:block;border-top:1px solid #222; margin-bottom:15px;}
	.calendar > ul > li{display:block;}
	.calendar > ul > li > div{width:100%;/*background:#272727;*/border-bottom:1px solid #ddd;padding:5px 0 5px 10px;}
	.calendar > ul > li.cal_header{display:none;}
	.m-hide {display: none !important;}
	.calendar > ul > li > div.empty{display:none;}
	.calendar > ul > li > div > time{display:block;vertical-align:middle;_border-right:1px solid #ddd;width:100%;_text-align:right; padding:10px 5px 0 0;_background:#fbfaf7;font-weight:normal;}
	.calendar > ul > li > div > time span.Ym{font-size:10px;display:none;margin-bottom:5px;}
	.calendar > ul > li > div > time span.W{margin-left:5px;}
	.calendar > ul > li > div ul{/*display:table-cell;*/padding:0px 0px 0px 0px;vertical-align:middle;/* margin-top:-30px;*/}
	.calendar > ul > li > div ul li{margin:2px 2px 2px 0px;padding:0px;/* line-height:1.4rem;*/}
	.calendar > ul > li > div.today{background:#ffffcc;}

	.calendar > ul > li > div.closed ul {/*display:none;*/}

	.calendar > ul > li > div.Sun{color:#cc2220;}
	.calendar > ul > li > div.Sat{color:#2453a5;}

	.menuname {height:auto;}

	.noreserve { margin-top:-30px; padding:5px 10px 10px 70px;}
}

.calendar{position:relative;margin-bottom:60px; background-color:#fff;}
.calendar > ul > li > div > time > span{margin:0;padding:0;font-size:11px;_font-weight:200;color:#6b6b6b;vertical-align:0;}
.calendar > p{width:100%; color: #333; margin-bottom:52px; font-size: 18px; font-weight: 800; line-height: 1; letter-spacing: normal;}

.calendar_utill {
    font-size: 2.6rem;
    display: flex;
    margin-bottom: 3rem;
    align-items: center;
    justify-content: center;
}

.calendar_utill .calendar_ctrl {
    font-size: 0;
    width: 1.8rem;
    height: 1.8rem;
    text-indent: -9999px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 12px;
}

.calendar_utill .calendar_ctrl_prev {
    margin-right: 2rem;
    background-image: url(../images/common/calendar_prev.svg);
}

.calendar_utill .calendar_ctrl_next {
    margin-left: 2rem;
    background-image: url(../images/common/calendar_next.svg);
}

.text-bold {
    font-weight: bold !important;
}

.txt-black {color:#000}
.txt-red1 {color:#cc2220}
.txt-blue1 {color:#2453a5}

.cal-type1{margin-bottom: 0px;}
.cal-type1::after{content: ''; display: block; clear: both;}
.cal-type1 span:first-child{margin-left: 0;}
.cal-type1 span{display:inline-block; margin: 0px 2px; text-align: center; font-size:1.4rem; color:#fff; background-color:#222; padding: 2px 2px;}
.cal-type1 span:last-child{margin-right:0;}
.cal-type1 span.color1{background-color: #007bff;}
.cal-type1 span.color2{background-color: #28a745;}
.cal-type1 span.color3{background-color: #aaa;}
.cal-type1 span.color4{background-color: #dc3545;}
.cal-type1 span.color5{background-color: #3617ce;}
.cal-type1 span.color6{background-color: #23bdb7;}
.cal-type1 span.color7{background-color: #af0043;}
.cal-type1 span.color8{background-color: #fd7e14;}

.cal-type1 span.mod {background-color: #0054a6;}
.cal-type1 span.del {background-color: #e64a40;}
.cal-type1 span.sel {background-color: #ff54ea;}
.cal-type1 span.join {background-color: #70ae3c;}

.cal-type1 span.skt{background-color: #3617ce;}
.cal-type1 span.kt{ background-color: #23bdb7; opacity: 0.8;}
.cal-type1 span.lgu{background-color: #af0043; opacity: 0.8;}

.cal-type1 p{ margin: 0px 2px;/*min-width: 34px; text-align: center;*/ font-size:1.4rem; /*box-sizing:border-box;*/ padding: 1px 2px; float: left;}

@media only screen and (min-width:1300px){
	.cal-type1 p{font-size:0.9rem}
	.cal-type1 span{font-size:0.9rem}
}
@media only screen and (max-width : 760px){
	.cal-type1 p{font-size:1.4rem}
	.cal-type1 span{font-size:1.4rem}
}

.cal-service{margin-bottom: 0px;}
.cal-service::after{content: ''; display: block; clear: both;}
.cal-service span:first-child{margin-left: 0;}
.cal-service span{display:inline-block; margin: 0px 2px; text-align: center; font-size:1.2rem; color:#fff; background-color:#222; padding: 2px 2px;}
.cal-service span:last-child{margin-right:0;}
.cal-service span.color1{background-color: #007bff;}
.cal-service span.color2{background-color: #28a745;}
.cal-service span.color3{background-color: #aaa;}
.cal-service span.color4{background-color: #dc3545;}
.cal-service span.color5{background-color: #3617ce;}
.cal-service span.color6{background-color: #23bdb7;}
.cal-service span.color7{background-color: #af0043;}
.cal-service span.color8{background-color: #fd7e14;}
.cal-service span.color9{background-color: #666;}
.cal-service span.color10 {background-color:#0054A6}
.cal-service span.color11 {background-color:#E64A40}
.cal-service span.color12 {background-color:#FF54EA}
.cal-service span.color13 {background-color:#70AE3C}
.cal-service span.color14 {background-color:#54C8FF}

.cal-service span.skt{background-color: #3617ce;}
.cal-service span.kt{ background-color: #23bdb7; opacity: 0.8;}
.cal-service span.lgu{background-color: #af0043; opacity: 0.8;}

.cal-service p{ margin: 0px 2px;/*min-width: 34px; text-align: center;*/ font-size:1.8rem; /*box-sizing:border-box;*/ padding: 1px 2px; float: left;}

@media only screen and (min-width:1300px){
	.cal-service p{font-size:1.3rem}
	.cal-service span{font-size:1.3rem}
}
@media only screen and (max-width : 760px){
	.cal-service p{font-size:1.4rem}
	.cal-service span{font-size:1.4rem}
}

.plan-service{margin-bottom: 0px;}
.plan-service::after{content: ''; display: block; clear: both;}
.plan-service span:first-child{margin-left: 0;}
.plan-service span{display:inline-block; margin: 0px 2px; text-align: center; font-size:1.4rem; color:#fff; background-color:#222; padding: 2px 2px;}
.plan-service span:last-child{margin-right:0;}
.plan-service span.color1{background-color: #007bff;}
.plan-service span.color2{background-color: #28a745;}
.plan-service span.color3{background-color: #aaa;}
.plan-service span.color4{background-color: #dc3545;}
.plan-service span.color5{background-color: #3617ce;}
.plan-service span.color6{background-color: #23bdb7;}
.plan-service span.color7{background-color: #af0043;}

.plan-service span.skt{background-color: #3617ce;}
.plan-service span.kt{ background-color: #23bdb7; opacity: 0.8;}
.plan-service span.lgu{background-color: #af0043; opacity: 0.8;}

.plan-service p{ margin: 0px 2px;/*min-width: 34px; text-align: center;*/ font-size:1.4rem; /*box-sizing:border-box;*/ padding: 1px 2px; float: left;}

@media only screen and (min-width:1300px){
	.plan-service p{font-size:0.9rem}
	.plan-service span{font-size:0.9rem}
}
@media only screen and (max-width : 760px){
	.plan-service p{font-size:1.4rem}
	.plan-service span{font-size:1.4rem}
}

.mt30 {margin-top:30px;}
.text-left {text-align:left !important;}
.text-right {text-align:right !important;}

.color1 {color:#26408a }
.color2 {color:#008ae0 }
.color3 {color:#82888c }
.color4 {color:#f0f0f0 }
.color5 {color:#f9193f }
.color6 {color:#008ae0 }
.color7 {color:#f4f6f8 }
.color8 {color:#26408a }
.color9 {color:#F7E600 }
.color10 {color:#0054A6 }
.color11 {color:#E64A40 }
.color12 {color:#FF54EA }
.color13 {color:#70AE3C }
.color14 {color:#54C8FF }

.sum {background-color:#ffffcc;}


/* PC (해상도 1024px)*/
@media all and (min-width:1024px) { /*스타일입력*/}

/* 테블릿 가로, 테블릿 세로 (해상도 768px ~ 1023px)*/
@media all and (min-width:768px) and (max-width:1023px) { /*스타일입력*/}

/* 모바일 가로, 모바일 세로 (해상도 480px ~ 767px)*/
@media all and (max-width:767px) { /*스타일입력*/}




.main .notice h3 a{display: inline-block; padding-right: 20px; background: url(/assets/images/main/ico_arw04_right.png) right center no-repeat; font-size: 20px; font-weight: 700; color: #000;}
.main .notice .list{margin-top: 10px;}
.main .notice .list li{margin-top: 5px;}
.main .notice .list li:first-child{margin-top: 0;}
.main .notice .list li a{display: inline-block; width:100%; font-size: 15px; color: #333; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}




.title12 h4 {font-size:1.8rem; color:#000; padding-top:10px;}

.tbl-type12{width: 100%; border-top: 1px solid #333;}
.tbl-type12 th,
.tbl-type12 td{padding: 15px 20px; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; font-size: 1.6rem; text-align: center; color: #000;}
.tbl-type12 th:first-child,
.tbl-type12 td:first-child{border-left: 0;}
.tbl-type12 th{background: #f4f4f4; font-weight: 700; color: #000;}

.tbl-type13{width: 100%; border-top: 1px solid #333;}
.tbl-type13 th,
.tbl-type13 td{padding: 7px 2px; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; font-size: 1.15rem; text-align: center; color: #000;}
.tbl-type13 th:first-child,
.tbl-type13 td:first-child{border-left: 0;}
.tbl-type13 th{background: #f4f4f4; font-weight: 700; color: #000;}

.tbl-type14{width: 100%; border-top: 1px solid #333;}
.tbl-type14 th,
.tbl-type14 td{padding: 5px 5px 2px 5px; font-weight:400; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; font-size: 16px; text-align: center; color: #333;}
.tbl-type14 th:first-child,
.tbl-type14 td:first-child{border-left: 0;}
.tbl-type14 th{background: #f4f4f4; font-weight: 700; color: #333;}

.tbl-type15{width: 100%; border-top: 1px solid #333;}
.tbl-type15 th,
.tbl-type15 td{padding: 5px 5px 2px 5px; font-weight:400; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; font-size: 14px; text-align: center; color: #333;}
.tbl-type15 th:first-child,
.tbl-type15 td:first-child{border-left: 0;}
.tbl-type15 th{background: #f4f4f4; font-weight: 500; color: #000;}

.modal-tbl-type13{border-top: 1px solid #111;}
.modal-tbl-type13 th,
.modal-tbl-type13 td{padding: 5px 5px 2px 5px; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; font-size: 14px; line-height: 26px; color: #333; text-align: center;}
.modal-tbl-type13 th{font-weight: 700; background-color:#eee;}
.modal-tbl-type13 th:first-child{border-left: 0;}
.modal-tbl-type13 td{font-weight: 500;}
.modal-tbl-type13 td.txt-left{padding-left: 20px;}

@media all and (max-width:1299px) {
	.modal-tbl-type13{border-top-width: 0.125rem;}
	.modal-tbl-type13 th,
	.modal-tbl-type13 td{padding: 1.1875rem 1rem; border-left-width: 0.125rem; border-bottom-width: 0.125rem; font-size: 1.75rem; line-height: 2.625rem; letter-spacing: -0.0625rem;}
	.modal-tbl-type13 td.txt-left{/*padding-left: 0;*/ text-align: left !important;}

}

/* 테블릿 가로, 테블릿 세로 (해상도 768px ~ 1023px)*/
@media all and (min-width:768px) and (max-width:1023px) { /*스타일입력*/}

/* 모바일 가로, 모바일 세로 (해상도 480px ~ 767px)*/
@media all and (max-width:767px) {
	.title12 h4 {font-size:1.4rem; color:#000;}

	/*스타일입력*/
	.tbl-type12{width: 100%; border-top: 1px solid #333;}
	.tbl-type12 th,
	.tbl-type12 td{padding: 3px 3px; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; font-size: 1.2rem; text-align: center; color: #000;}
	.tbl-type12 th:first-child,
	.tbl-type12 td:first-child{border-left: 0;}
	.tbl-type12 th{background: #f4f4f4; font-weight: 700; color: #000;}

	.tbl-type13{border-top-width: 0.125rem;}
	.tbl-type13 th,
	.tbl-type13 td{padding: 1.4375rem 1.25rem; border-left-width: 0.125rem; border-bottom-width: 0.125rem; font-size: 1.75rem;}

	.tbl-type14{width: 100%; border-top: 1px solid #333;}
	.tbl-type14 th,
	.tbl-type14 td{padding: 5px 5px 2px 5px; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; font-size: 1.2rem; text-align: center; color: #333;}
	.tbl-type14 th:first-child,
	.tbl-type14 td:first-child{border-left: 0;}
	.tbl-type14 th{background: #f4f4f4; font-weight: 700; color: #000;}

	.tbl-type15{width: 100%; border-top: 1px solid #333;}
	.tbl-type15 th,
	.tbl-type15 td{padding: 5px 3px 2px 3px; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; font-size: 1.2rem; text-align: center; color: #333;}
	.tbl-type15 th:first-child,
	.tbl-type15 td:first-child{border-left: 0;}
	.tbl-type15 th{background: #f4f4f4; font-weight: 500; color: #000;}

}

.btn-type15{display: inline-block; width: 100%; height: 28px; padding: 0 5px; border: 1px solid #111; border-radius: 5px; background: #111; font-size: 12px; font-weight: 500; color: #fff; line-height: 28px; text-align: center; box-sizing: border-box;}
.btn-type15.primary{border-color: #0072bc; background: #fff; color: #0072bc;}
.btn-type15.scd{border-color: #999; background: #fff; color: #666;}
.btn-type15.tert{border-color: #666; background: #fff; color: #333;}
.btn-type15[disabled],
.btn-type15.disabled{border-color: #eee; background: #eee; color: #999;}
.btn-type15.w-auto{width: auto;}
.btn-type15.min-w{width: 105px;}
.btn-type15.min-w1{width: 65px;}
.btn-type15.min-w2{width: 155px;}


/* 탑버튼 */
.top-button {position: fixed; right: 24px; bottom: 20px; z-index: 9999; text-align: center; transition: 1s;}
.top-button a {display: block; margin: 0 auto; font-size:0px;}
.top-button button {display: inline-block; width: 70px; height: 70px; margin-top: 15px; background: #484fa1 url('/assets/images/common/ic-goto-top.png') no-repeat center 16px; border-radius: 100%; box-shadow: 7px 5px 15px -4px rgba(0,0,0,0.49); font-family: 'Play Bold'; font-size: 12px; line-height: 12px; padding-top:20px; color: #fff;}
.quick {background: #0e3092 !important; padding-top:0 !important;box-shadow: 7px 5px 15px -4px rgba(0, 0, 0, 0.49) !important;}
.quick {display:none !important;}
.top-button button:hover {background-color: #046dcd; animation-duration: 1s; animation-name: bounceAni; animation-iteration-count: infinite;}
.top-button .fix {bottom: 30px;}
.top-button .kko {width: 70px;height: 70px;padding-top:35px;background: #f9e200 url(/images/common/main_kko1.png) no-repeat center 10px;background-size:30%;border-radius: 100%;box-shadow: 7px 5px 15px -4px rgba(0, 0, 0, 0.49);font-size: 12px;font-weight:bold;line-height: 12px; color: #391b1b; position: relative;}
.top-button .kko:hover {background-color: #ffc800; animation-duration: 1s; animation-name: bounceAni; animation-iteration-count: infinite;}
.top-button .faq {width: 70px;height: 70px;margin-top: 5px; padding-top:35px;background: #391b1b url(/images/common/main_kko2.png) no-repeat center 10px;background-size:30%;border-radius: 100%;box-shadow: 7px 5px 15px -4px rgba(0, 0, 0, 0.49);font-size: 12px;font-weight:bold;line-height: 12px; color: #f9e200; position: relative;}
.top-button .faq:hover {background-color: #6c4e4e; animation-duration: 1s; animation-name: bounceAni; animation-iteration-count: infinite;}
.top-button a:hover img{transform: rotatey(360deg); transition: all 0.9s cubic-bezier(0.2, 0, 0.3, 1);}

@media all and (max-width: 1850px) {
  /*.top-button.fix {bottom: 180px;}*/
}
@media all and (max-width: 1399px) {
.quick {display:block !important;background: #0e3092 !important; padding-top:0 !important;box-shadow: 7px 5px 15px -4px rgba(0, 0, 0, 0.49) !important;}
.quick:hover {background-color: #046dcd !important; animation-duration: 1s !important; animation-name: bounceAni !important; animation-iteration-count: infinite !important;}
.top-button{bottom: 0;right: -70px;} 
.top-button.fix{bottom: 0;right: 0;} 
.top-button a {  font-size: 12px; width: 65px;height: 65px;
    background: #bf8e55 url(/images/common/ic-goto-top2.png) no-repeat center 16px;
    box-shadow: 2px 4px 15px 0px rgb(73 67 67 / 64%); color: #fff; line-height: 91px;}
.top-button a:hover {background-color: #ffc800; animation-duration: 1s; animation-name: bounceAni; animation-iteration-count: infinite;}
.top-button .kko {border-radius:0;}
.top-button a img{display:none;}
.top-button button{border-radius: 0; margin-top: 0px;  box-shadow: 2px 4px 15px 0px rgb(73 67 67 / 64%); }
.top-button .faq{border-radius: 0; margin-top: 0px;  box-shadow: 2px 4px 15px 0px rgb(73 67 67 / 64%); }
  
  
}
@media all and (max-width: 1000px) {
 /* .top-button {right: 0px;}*/
  .top-button.fix {bottom: 0px;}
  .top-button a img {max-width: 90px}
  .top-button a:hover img{transform: none;}
}

@keyframes bounceAni {
  0% {
    background-position: center 16px;
  }
  50% {
    background-position: center 12px;
  }
  100% {
    background-position: center 16px;
  }
}

.text-blue {color:#0000ff !important}

.bg-color1 {background-color:#ffff99 !important}