#fix_container {display:none;}
#wrap{zoom : 1; margin: 0 auto; max-width: 100%; box-shadow: none;}

html, body {font-size:16px;}
button{cursor:pointer;}


.badge { display:flex; justify-content: center; align-items: center; width: 50px; height: 28px; padding: 2px 14px; border-radius: 4px; color:#fff; background-color: #d1d1dc; font-size:14px; font-weight: normal; white-space: nowrap;}
.badge.g5{background-color: #333;}
.badge.kt{background-color: #de142c;}
.badge.uplus{background-color: #4a1971;}
.badge.skt{background-color: #3617ce;}

.gogo-button { display:flex; justify-content: center; align-items: center; width:180px; padding:15px 0; color:#fff !important; background-color: #4d4d8f; border-radius: 6px; font-size:18px; font-weight: 500;}
.gogo-button:hover {color:#fff !important;}

#topImage{display: none;}

#wrap, body, #topImage {background-color: #fff !important;}

main { margin:60px auto 0; padding-bottom: 100px; color:#333; font-family: 'Pretendard' !important; background-color:#fff;}

.top-info {padding: 50px 0 60px 0;background-color: #f8f8fb;}
.top-info .top-info_content { display:flex; justify-content: space-between; align-items: flex-end; max-width:1200px; margin:0 auto;}
.top-info .top-info_content .info-content_right{text-align: right;}

.info-cont {display:flex;align-items: center;gap: 10px;margin-top:10px;font-size: 26px;line-height: 1.4;font-weight: 500;}

.logo-wrap { display:flex; align-content: center; gap: 20px;}

.logo-wrap .badge-box{ display:flex; align-items: center; gap: 6px;}

.plan-data {margin-top:30px;font-size:30px;font-weight: bold;}

.sub-info {margin-top:16px;display:flex;align-items: center;gap: 10px;}
.sub-info .sub-info_item {display:flex;align-items: center;gap: 10px;color:#333;font-size:16px;font-weight:500;}
.sub-info .sub-info_item > span {color:#878798;}
.sub-info .bar {color:#f8f8fb;}

.info-content_right p{color:#ff5d6a;font-size:30px;font-weight:bold;}
.info-content_right p > span {vertical-align: bottom;font-size: 20px;font-weight: 500;}
.info-content_right .sub-price {display: block;margin-top:8px;color:#878798;font-size:16px;}
.info-content_right .gogo-button{margin-top: 30px;}

.benefit,
.cost-info{max-width: 1200px;margin: 100px auto 0;}

section h3 {margin-bottom: 30px;font-size:30px;font-weight: bold;}

.benefit-list {display:flex;align-items: center;flex-wrap:wrap;gap: 30px;}
.benefit-list li {position: relative;display:flex;align-items: center;gap: 20px;width: 100%;max-width: 585px;padding: 30px 50px 30px 30px;border-radius: 20px;box-shadow: 0 3px 10px 0 #3226511a;font-size:18px;font-weight: bold;line-height: 1.4;}
.benefit-list .benefit-icon {width: 34px;height: 34px;}
.benefit-list .benefit-text {display:flex;flex-direction: column;gap: 16px;word-break: keep-all;}
.benefit-list .benefit-text span {font-size:16px;font-weight: normal;word-break: keep-all;}

.cost-info {margin-bottom: 90px;padding-bottom: 100px;}
.cost-info .cost-info_list{flex-direction: column;margin-top:50px;border-bottom: 1px solid #eaeaf1;}
.cost-info .cost-info_list > li {padding: 30px;border-top: 1px solid #eaeaf1;overflow: hidden;}
.cost-info .list-info_title {display:flex;justify-content: space-between;align-items: center;font-size:28px;font-weight: 700;cursor:pointer;}
.cost-info .list-info_title .arrow {transform: rotateZ(90deg);}
.cost-info .cost-info_list_item.on .list-info_title .arrow {transform: rotateZ(270deg);}
.cost-info .list-info_wrap {display:none;}
.cost-info .cost-info_list_item:first-of-type .list-info_wrap {display:block;}
.cost-info .list-info_wrap .box {display: flex;align-items: center;gap: 30px;margin-top:30px;}
.cost-info .list-info_wrap .box > div {flex: 1;height: 422px;padding:30px;border-radius: 20px;background-color: #f8f8fb;}
.cost-info .list-info_wrap h5 {margin-bottom: 30px;font-size:20px;font-weight: 700;}
.cost-info .spec-list {display:flex;flex-direction: column;gap: 22px;}
.cost-info .spec-list li {display:flex;justify-content: space-between;align-items: center;font-size: 16px;line-height: 1;}
.cost-info .spec-list p{color:#37408f;font-size: 18px;}
.cost-info .service-list {display:flex;flex-direction: column;gap: 10px;}
.cost-info .service-list li {display:flex;justify-content: space-between;align-items: center;padding:20px;background-color: #fff;border-radius: 10px;color: #37408f;}
.cost-info .service-list .icon-wrap {display:flex;align-items: center;gap: 20px;color: #333;font-size:18px;}
.cost-info .cost-info_list_item .description-list {display:flex;flex-direction: column;gap: 20px;margin-top:30px;line-height: 1.4;}
.cost-info .cost-info_list_item .description {display:none;}
.cost-info .description-list span {display:block;margin-top: 10px;padding-left: 10px;}

.nav {position: fixed;bottom: 0;display:flex;width: 100%;height: 90px;background-color: #fff;border-top: 1px solid #eaeaf1;z-index: 99;}
.nav-wrap {display: flex;justify-content: space-between;align-items: center;width: 100%;max-width:1200px;margin: 0 auto;font-size: 26px;font-weight: 700;line-height: 1.4;}
.nav .nav-cost {display:flex;align-items: center;gap: 30px;}
.nav .nav-cost b {font-size:30px;font-weight: bold;}
.nav .nav-cost b span {display: block;color: #878798;font-size: 12px;font-weight: 400;}
.nav .gogo-button {height: 50px}