/* @charset "utf-8";
@import url("style2.css"); */

@media (max-width: 575px) {
  .container,
  .container-sm {
    max-width: 95vw;
    /* max-width: 320px; */
  }
  .container.toparea {max-width: 100%;}
  .container.toparea .container.px-3 {padding:0 !important;margin:0 !important;}
}

@media (min-width: 576px) {
  .container,
  .container-sm {
    max-width: 95vw;
    /* max-width: 80vw; */
    /* max-width: 540px; */
  }
  .container.toparea {max-width: 100%;}
  .container.toparea .container.px-3 {padding:0 !important;margin:0 !important;}
  .wraptopmenu {display: none}
  .modal-dialog {max-width: 440px;}
}

@media (min-width: 769px) {
  .container.toparea,
  .container,
  .container-sm,
  .container-md {
    max-width: 95vw;
    /* max-width: 80vw; */
    /* max-width: 720px; */
  }
  .container.toparea {max-width: 100%;}
  .modal-dialog {max-width: 440px;}
}

@media (min-width: 992px) {
  .container.toparea,
  .container,
  .container-sm,
  .container-md,
  .container-lg {
    max-width: 95vw;
    /* max-width: 80vw; */
    /* max-width: 976px; */
  }
  .modal-dialog {max-width: 440px;}
}

@media (min-width: 1024px) {
  .container.toparea,
  .container,
  .container-sm,
  .container-md,
  .container-lg {
    /* max-width: 80vw; */
    max-width: 976px;
  }
  .modal-dialog {max-width: 440px;}
  .navbar {padding: 0 1.5rem; height: 74px;}
}

@media (min-width: 1200px) {

  .container,
  .container-sm,
  .container-md,
  .container-lg,
  .container-xl {
    max-width: 976px;
  }
  .modal-dialog {max-width: 480px;}
}

@media (min-width: 1400px) {
  .container,
  .container-sm,
  .container-md,
  .container-lg,
  .container-xl,
  .container-xxl {
    max-width: 976px;
  }
  .modal-dialog {max-width: 480px;}
}
.container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {--bs-gutter-x: 0;}
.navbar {box-shadow: none;border-bottom: 1px solid #E9EBF0; padding: 0 1.25rem; height: 66px;}
/* .navbar .container {max-width: 100%;} pc 화면 안됨 - 확인후 삭제필요 */
.navbar .navbar-brand {z-index: 1;}
.navbar h1 {display: flex; align-items: center; justify-content: center; margin: 0;}
.footer {background: #000;}
.footer .wrapinfo {padding: 64px 24px 0;}
.footer .wrapinfo .infolist {padding: 1.5rem 0 45px 0;}
.footer .wrapinfo .infolist .tit {margin-bottom: .2rem; font-size: 0.875rem; font-weight: 600; color: #CACCD2;}
.footer .wrapinfo .infolist .desc {margin-bottom: .2rem; font-size: 13px; font-weight: 400; color: #CACCD2;}
.footer .wrapinfo .infolist .desc .subtit {font-weight: 500;}
.wrapcopyrights {font-size: 0.835rem; padding: 1.5rem 0; border-top: 1px solid rgba(233, 235, 240, 0.20);}
.text-secondary {color: #828591 !important;}
.navbar-nav .btn-outline-secondary,
.btncplogin {border-color: #E9EBF0;}
.navbar .toptit {font-size: 1.25rem; font-weight: 500; color: #1F2125; letter-spacing: -0.4px;}
.stepbar {display: flex; flex-wrap: wrap; gap: 8px;}
.stepbar .col {width:20%; height: 4px; gap:2px; background: #EFF0F5;}
.stepbar .col.active {background: #D60078;}
.border0 {border: 0;}
.h2tit {font-size: 1.5rem; font-weight: 700;}
.h2tit.underline {padding: 16px 0; border-bottom: 1px solid #828591;}
.h2tit .desctit {font-size: 1.25rem; font-weight: 500;}
.h3tit {font-size: 1.25rem; font-weight: 700;}
.h_tit18 {font-size: 1.125rem; font-weight: 500; color: #222;}
.hb_tit18 {font-size: 1.125rem; font-weight: 700; color: #1F2125;}
.input-group .form-label {position: relative;}
.input-group>.form-control, .input-group>.form-select, .input-group>.form-floating {width: inherit;}
.input-group>.form-control {color: #1F2125; font-size: 1.25rem;}
.input-group>.form-control::placeholder {color: #CACCD2; }
.form-control {padding: 1.0rem 0;}
.desc1 {position: relative; font-size: 0.875rem; font-weight: 600;} 
.desc1info {display: inline-block; position: relative; width: 16px; height: 16px;}
.desc1info::before {content:''; position: absolute; left: -23px; top: 3px; display: block; width: 16px; height: 16px; margin-left: 20px; background: url('../img/icon_info.png') 0 0 no-repeat; background-size: 100%;}
.wrapboxinfo1 {display: flex; padding: 1px; flex-direction: column; align-items: flex-start; gap: 16px;border-radius: 8px; border: 1px solid #FFDAEE; background: #FFF; background-image: linear-gradient(#fff, #fff), linear-gradient(180deg,rgba(255, 218, 238, 1) 0%, rgba(230, 0, 126, 1) 50%, rgba(128, 0, 70, 1) 100%); background-origin: border-box; background-clip: content-box, border-box; }
.boxinfo1 {padding: 20px;}
.pointcolor {color: #E6007E !important;}
.txt1F2125 {color: #1F2125 !important}
.txt4D5461 {color: #4D5461 !important}
.txt262C36 {color: #262C36 !important}
.txt222 {color: #222 !important}
ol, ul {padding-left: 0;}
ol.list, ul.list {margin-bottom: 0;}
ol.list li, ul.list li { color: #1F2125; font-size: 0.875rem; list-style: none;}
.row {margin-right: 0; margin-left: 0;}
.listnum {position: relative;}
.listnum::before {content:''; display: block; width: 14px; height: 14px; background: red; border-radius: 100%; position: absolute; top: 0; left: 0;}
.btnwrap {display: flex; gap: 10px;}
.btnwrap .btn {flex:1; margin-bottom: 0; padding: 15px 20px; font-family: "Pretendard";font-size: 20px;font-weight: 600;line-height: 120%;text-transform: capitalize;}
.divide1 {height: 1px; margin: 20px 0; background-color: #E9EBF0;}
.divide10 {height: 10px; margin: 32px 0; background-color: #F7F8FB;}
.maptit {font-size: 1.125rem; color: #E6007E; font-weight: 700; padding-bottom: 15px; border-bottom: 1px solid #E9EBF0;}
.mapinfo .tit {padding-bottom: 8px;font-size: 18px; font-weight: 600; color: #4D5461;line-height: 140%;}
.mapinfo .desc {font-size: 16px; font-weight: 500; color: #828591;line-height: 130%;}
.reviewinfo_tit {font-size: 1rem; color: #828591}
.reviewinfo_tit .subdesc {font-size: 0.835rem; font-weight: 400; color: #CACCD2;}
.reviewinfo_desc {font-size: 1.125rem; color: #1F2125; font-weight: 500;}
.btn_edit {padding: 2px 10px; border-radius: 8px;border: 1px solid #D6D7DE;background: #FFF;}

.form-check:not(.form-switch) .form-check-input[type="checkbox"] {border-radius: 100%; border:0;}
.form-check:not(.form-switch) .form-check-input[type="checkbox"]:after {content:'';background:url('../img/check_default.svg') 0 0 no-repeat; background-size: 100%; opacity: 1;}
.form-check:not(.form-switch) .form-check-input[type="checkbox"]:checked:after {content:'';background:url('../img/check_checked.svg') 0 0 no-repeat; background-size: 100%;}
.accordion-button::after {content:''; width: 9px; margin: 10px 20px; margin-left: auto; background: url('../img/icon_rightarrow.svg') 0 0 no-repeat; background-size: 100%;transform: rotate(90deg);}
.accordion-button.arrowrighttype::after {transform: rotate(0deg);}
.accordion-button:not(.collapsed)::after {content:''; width: 9px; background: url('../img/icon_rightarrow.svg') 0 0 no-repeat; background-size: 100%; transform: rotate(270deg);}
.chkallbox > .form-check {position: relative; width: 100%; padding: 16px 16px 16px 8px; border: 1px solid #E9EBF0; border-radius: 8px;}
.chkallbox.active > .form-check {width: 100%; padding: 16px 16px 16px 8px; border: 1px solid #E6007E; border-radius: 8px;}
.chkallbox > .form-check:not(.form-switch) .form-check-input {margin-left: 0 !important;}
.chkallbox .accordion  {border-top: 1px solid #F7F7F7;}
.chkallbox .form-check:not(.form-switch) .form-check-input[type="checkbox"] {padding-left: 10px;}
.chkallbox .accordion-item:last-of-type .accordion-collapse {padding: 5px 12px 17px;background-color: #FFF4FA; border-radius: 8px;}
.chkallbox .form-check:not(.form-switch) .form-check-input.chkedall[type="checkbox"]:checked:after {content:'';background:url('../img/check_allchecked.svg') 0 0 no-repeat; background-size: 100%;}
.chkallbox .form-check-label {width:100%; padding: 0 11px; font-size: 1rem;}
.chkallbox .accordion-item .accordion-collapse .form-check.chksub:not(.form-switch) .form-check-input[type="checkbox"] {padding-left: 0;}
.chkallbox .accordion-button {padding: 10px 0;}
.chkinchksub .accordion-button {padding: 2px 0;}
.chkallbox .chkinchksub .form-check:not(.form-switch) .form-check-input[type="checkbox"] {padding-left: 0;}
.chkinchksub .form-check:not(.form-switch) .form-check-input[type="checkbox"]:after {content:'';background:url('../img/check_default2.svg') 0 0 no-repeat; background-size: 100%; background-color: #FFF4FA;}
.chkinchksub .form-check:not(.form-switch) .form-check-input[type="checkbox"]:checked:after {content:'';background:url('../img/check_checked2.svg') 0 0 no-repeat; background-size: 100%; background-color: transparent;}
.chkinchksub .accordion-button::after {content:''; margin: 10px 6px 10px 20px; margin-left: auto; background: url('../img/icon_rightarrow2.svg') 0 0 no-repeat; background-size: 100%;transform: rotate(0deg);}
.chkallbox .chkinchksub .form-check-label {width: 100%; padding-left: 0; padding-right: 20px; color: #4D5461;font-size: 0.875rem; font-weight: 400;}
.accordion-body.chkinchksub {padding: 0}
.chkallbox > .form-check.rightarrow::after {content:''; margin: 10px 6px 10px 20px; margin-left: auto; background: url('../img/icon_rightarrow.svg') 0 0 no-repeat; background-size: 100%;}
.form-check.wrapchkedall {margin-bottom: 12px;}
.list-group.type1 .list-group-item {border:0; padding: 8px 0; margin-top: 20px; font-size: 1.125rem; color: #1F2125;}
.list-group.type1 li:first-child {margin-top: 0;}
.list-group.type1 li a {display: block;}
.list-group.list-group-numbered.type2 .list-group-item {border: 0; text-align: left; padding: 3px 3px 3px 12px; font-size: 1rem; color: #4D5461; font-weight: 400;}
.btn-righticon {width: 24px; height: 24px; padding: 0; margin: 0;}
.icon-calendar {display: inline-block; width: 24px; height: 24px; padding: 0; background: url('../img/icon_calendar.svg') 0 0 no-repeat;}


/* 팝업 */
.modal .modal-content {border-radius: 20px; border: 0;}
.modal .modal-header {padding-top: 24px; border-bottom: 0;}
.modal .modal-title {font-size: 1.25rem; font-weight: 700; }
.modal .modal-body {padding-top: 0; padding-bottom: 25px;font-size: 1rem; font-weight: 500; line-height: 130%; border-top: 0;}
.modal .modal-footer {padding-top: 0;border-top: 0;}
.modal .modal-footer .btn {flex:1; margin-bottom: 5px; padding: 16px 20px; font-family: "Pretendard";font-size: 20px;font-weight: 600;line-height: 120%;text-transform: capitalize;}
.modal.show .modal-dialog {padding: 0 10px;}
.btn-primary, .btn.bg-gradient-primary, .btn-primary:hover, .btn.bg-gradient-primary:hover {box-shadow: none;}
.btn-close {background: url("../img/icon_close.png") 0 0 no-repeat;}
/* 바텀시트 팝업 */
.modal.fade.bottomsheetpop .modal-dialog {transition: transform .3s ease-out;transform: translate(0,50px);}
.bottomsheetpop .modal-dialog {position: fixed !important;bottom: 0 !important;left: 0% !important;right: 0% !important;margin-bottom: 0 !important;} 
.modal.show.bottomsheetpop .modal-dialog {padding: 0; transform: none;}
.bottomsheetpop .modal-content {border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
.modal .modal-body.scroll {overflow-y: scroll;}

/* 
 * Wireless Internet 
 */
.wireless-sections {overflow: initial;}
.wireless-sections.active {overflow: hidden;}
.wireless-sections .navbar {height: 81px;position: fixed;
    top: 40px;
    width: 100%;
    background: #fff;
    z-index: 2;}
.wireless-sections .navbar h1 {justify-content: flex-start; padding-left: 45px;}
.btn.navlast {font-size: 1rem; border-radius: 50px; display: flex;padding: 6px 12px;justify-content: flex-end;align-items: center;gap: 5px;}
.wraptopmenu {display: block;
    padding: 8px 0;
    background-color: #EEE;
    position: fixed;
    top:0;
    width: 100%;
    height: 40px;
    z-index: 2;}
.topmenu {display: flex; justify-content: flex-end; width: 100%;}
.topmenu a {padding: 0 12px; color: #828591; font-size: 0.835rem}

.depth2area {display: block; min-height:170px; margin-bottom: 50px; background-color: #fff; border-bottom: 1px solid transparent;position: fixed;
    top: 0px;
    width: 100%;
    z-index: 1;}
.depth2area.active {display: block; background-color: #fff; border-bottom: 1px solid #EFF0F5;}
.dropdown>.dropdown-menu.depth2menu .d-lg-block, .dropdown .dropdown-menu.depth2menu .d-lg-block,
.dropdown.dropdown-hover:hover>.dropdown-menu.depth2menu .d-lg-block, .dropdown .dropdown-menu.show.depth2menu .d-lg-block {display: flex !important;}
.dropdown.dropdown-hover:hover>.dropdown-menu.depth2menu, .dropdown>.dropdown-menu.depth2menu {display:block; left: -150px !important; background: transparent; box-shadow: none; margin-top: 60px !important; transform: none !important;}
.dropdown>.dropdown-menu:before, .dropdown .dropdown-menu:before,
.dropdown.dropdown-hover:hover>.dropdown-menu:before, .dropdown .dropdown-menu.show:before {display: none;}
.dropdown-item {width: auto; font-size: 1.125rem; font-weight: 400; color: #828591; padding: 9px 24px;transition: none; outline: none;}
.dropdown-item:hover, .dropdown-item:focus {font-weight: 500; color: #1F2125; border-bottom: 2px solid #262C36; border-radius: 0; background-color: initial;}
.dropdown-item.active, .dropdown-item:active
.navbar-nav .nav-link:hover, .navbar-nav .nav-link:focus {color: #E6007E; font-weight: 500;}
.navbar-nav li.dropdown:nth-last-child(-n+2):not(:last-child) .depth2menu {left: -220px !important}
.navbar .nav-item {cursor: pointer;}
.navbar .nav-item.active .nav-link {color: #E6007E; }
.navbar .nav-link,
.navbar .nav-item.active .nav-link {font-weight: 500 !;}
.list-group.wraplisttype1 .list-group-item {padding: 0}
.listlinetype1 {display: flex; color: #1F2125; font-size: 0.875rem; margin:0;}
.listlinetype1 .tit {width: 45%; padding: 12px 16px; background-color: #FAFCFF; border-right: 1px solid #EFF0F5;}
.listlinetype1 .desc {padding: 12px 16px; margin:0;}
.list-group.wraplisttype1 li:first-child .tit {border-top-left-radius: 5px;}
.list-group.wraplisttype1 li:last-child .tit {border-bottom-left-radius: 5px;}

.page-tit>.tit2 {margin-bottom: 0; color: #4D5461; font-size: 24px; font-weight: 600;line-height: 140%; letter-spacing: -0.48px;}
.tit20 {color: #4D5461;font-size: 20px;font-style: normal;font-weight: 700;line-height: 140%; letter-spacing: -0.4px;}
.titrequired {position: relative;}
.titrequired::after {content: '*';color: #FF5151;padding: 0 3px; font-size: 14px;}
.form-check:not(.form-switch) .form-check-input[type="radio"]:after {width: 0.75rem;height: 0.75rem; background-image: linear-gradient(195deg, #E6007E 0%, #E6007E 100%), var(--bs-gradient);}
.form-check-input[type="radio"] {position: relative; border: 1px solid #d1d7e1; padding: 3px; background: blue;}
.form-check-input[type="radio"]:before {content:''; position: absolute;width: 0.75rem;height: 0.75rem;border-radius: 50%;background: url("../img/icon_radiodefault.svg");opacity: 1;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}
.border1 {display: flex;height: 140px;padding: 10px;justify-content: space-between;align-items: flex-start;align-self: stretch;border-radius: var(--spacing-8, 8px);border: 1px solid #E9EBF0;}
.form-control.border1:focus {border: 1px solid #E9EBF0;}
.link_sitemap dt {padding-top: 20px; font-size: 20px; font-weight: 600; color: #262C36;}
.link_sitemap dd {margin-top: 12px;}
.link_sitemap dd a {font-size: 16px; font-weight: 500; color: #828591;}
.pagination {display: flex; justify-content: space-between; margin-top: 24px;}
.pagination li:nth-child(2) {display:flex;}
.page-item .page-link, .page-item span {width: 40px; height: 40px; border:0; border-radius: 8px !important;}
.pagination li:nth-child(2) .page-link, .pagination li:nth-child(2) span {border: 0; font-size: 14px; font-weight: 500;}
.page-link.active, .active>.page-link {background-color: #FFDAEE; color: #E6007E; font-weight: 600;}
.pagination li:first-child span,
.pagination li:last-child span {width: 32px; height: 32px; border: 1px solid #E9EBF0}
.tbltype1 thead {font-size: 18px; font-weight: 500; color: #262C36; text-align: center; border-top: 1px solid #262C36;}
.table .tbltitdesc {overflow: hidden; display: inline-block; width: 360px; text-overflow: ellipsis; white-space:nowrap; padding-top: 5px; font-size: 16px; font-weight: 500; color: #262C36;}
.table.tbldetail thead th {padding: 0;}
.table th {font-weight: initial;}
.table thead th, .table tbody th, .table tbody td {font-size: 14px; vertical-align: middle; white-space: normal;}
.table.tbltype1 tr {border-bottom: 1px solid #E9EBF0;}
.tbldetail {border-top: 1px solid #262C36;}
.tbldetail .detailarea {padding: 16px 24px; font-size: 16px; font-weight: 400; line-height: 130%; color: #262C36;}
.tbldetail .info {display: flex; align-items: center; margin: 0; border-bottom: 1px solid #E9EBF0}
.tbldetail .info .tit {position: relative; padding: 16px 12px; font-size: 18px; font-weight: 500; color: #262C36;}
.tbldetail .info .tit.line:before {content:''; display: block; width: 1px; height: 20px; background-color: #E9EBF0; position: absolute; top: 16px; left: 0;}
.tbldetail .info .desc {padding: 0 16px; font-size: 16px; color: #535862;}
.btn_list {height: 56px; font-size: 20px; font-weight: 600; color: #E6007E;}
.wrap_btn_list {display:flex; justify-content: center;}
.tbltype thead {font-size: 18px; font-weight: 500; color: #262C36; text-align: center; border-top: 1px solid #262C36;}
.tbltype {display:flex; width:100%; flex-direction:column;}
.tbltype tr {display: flex; text-align: center;}
.tbltype .tbl_no {flex: 0.1; padding: 16px 8px; color: #535862;}
.tbltype .tbl_tit {flex: 1; padding: 16px 8px; color: #262C36;}
.tbltype .tbl_name {flex: 0.3; padding: 16px 8px;}
.tbltype .tbl_date {flex: 0.4; padding: 16px 8px;}
.tbltype tbody tr {border-bottom: 1px solid #E9EBF0;}
.tbltype tbody tr:first-child {border-top: 1px solid #E9EBF0;}
.tbltype .tbltitdesc {overflow: hidden; display: inline-block; width: 320px; text-overflow: ellipsis; white-space:nowrap; font-size: 16px; font-weight: 500; color: #262C36; line-height: 1; vertical-align: middle;}

.area_map {padding: 0 0 30px;}
.area_map .hb_tit18 {padding-bottom: 15px; border-bottom: 1px solid #E9EBF0;}
.map_info {}
.map_info .tit {position: relative;padding-top: 17px; padding-bottom: 7px; color: #4D5461;font-size: 22px;font-style: normal;font-weight: 700;line-height: 140%;letter-spacing: -0.44px;}
.map_info .tit::before {content:''; display: block; width: 30px; height: 2px; background-color: #E6007E; position: absolute; top: 53px; left: 0;}
.map_info .desc {}
.mapimg {position: relative; width: 249px; margin: 0 auto;}
.mapbox {position:relative;width:249px; margin:0 auto;}
.mapbox span {position:absolute; display:block; width:8px; height:8px; background:#727272; cursor:pointer;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.mapbox span:hover {background:#FFDAEE; border: 1px solid #E6007E;}
.mapbox span strong {position:relative; z-index:200; display:none;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.mapbox span:hover strong {display:block;}
.mapbox span strong b {display:block; position:absolute; left:50%; margin-left: -60px; top: -42px; width: 120px; padding: 5px 10px; background:#FFDAEE; border-radius: 8px; border: 2px solid #E6007E; font-size:14px; color:#E6007E; text-align:center;}
/* .mapbox span.m12 strong b, .mapbox span.m13 strong b, .mapbox span.m14 strong b {left:inherit; right:0;} */
.mapbox span.m0 {background:#E6007E;}
.mapbox span.m1 {left:76px; top:62px;}
.mapbox span.m2 {left:96px; top:70px;}
.mapbox span.m3 {left:110px; top:56px;}
.mapbox span.m4 {left:124px; top:61px;}
.mapbox span.m5 {left:129px; top:81px;}
.mapbox span.m6 {left:139px; top:71px;}
.mapbox span.m7 {left:67px; top:95px;}
.mapbox span.m8 {left:87px; top:104px;}
.mapbox span.m9 {left:91px; top:129px;}
.mapbox span.m10 {left:105px; top:147px;}
.mapbox span.m11 {left:72px; top:166px;}
.mapbox span.m12 {left:176px; top:205px;}
.mapbox span.m13 {left:196px; top:219px;}
.mapbox span.m14 {left:228px; top:224px;}
.mapbox span.m15 {left:52px; top:263px;}
.mapbox span.m16 {left:33px; top:315px;}
.mapbox span.m17 {left:195px; top:289px;}
.mapbox span.m18 {left:80px; top:126px;}



.list_dot>li a,
.list_dot>li p {display: block; position: relative; padding-top: 8px; padding-left: 10px;}
.list_dot>li p {margin: 0; color: #4D5461; font-weight:500; cursor: pointer;}
.list_dot>li p.active {color: #E6007E;}
.list_dot>li p.active::before {background: #E6007E;}
.list_dot>li a::before,
.list_dot>li p::before {content:''; display: block; width: 4px; height: 4px; background: #262C36; border-radius: 100%; position: absolute; top: 19px; left:0;}
.list_dot>li a:focus::before, .list_dot>li a:hover::before,
.list_dot>li p:focus::before, .list_dot>li p:hover::before {background: #E6007E;}
.wifionicon {display: none; width: 20px; height: 20px; background: url("../img/icon_wifion.svg") 0 4px no-repeat; background-size: 100%;}
.wifion {color: #1F2125}
.wifion .wifionicon {display: inline-block;}

.location_info {margin: 0; padding-top: 20px;}
.location_info .tit {padding-bottom: 8px; color: #4D5461;font-size: 18px;font-style: normal;font-weight: 600;line-height: 140%;letter-spacing: -0.36px;text-transform: capitalize;}
.location_info .desc,
.location_info .desc1 {color: #828591;font-size: 16px;font-style: normal;font-weight: 500;line-height: 130%;}
.location_info .desc1 {font-weight: 400}
.desc14 {font-size: 14px; font-weight: 400; color: #828591; line-height: 120%;}

.planlistbox {display: flex;padding: 20px 0;}
.planlistbox .info {margin-bottom: 0;}
.planlistbox .info .tit {padding-bottom: 4px;color: #1F2125;font-size: 20px;font-weight: 700;line-height: 140%;letter-spacing: -0.4px;}
.planlistbox .info .desc {color: #828591;font-size: 18px;font-weight: 500;line-height: 130%;}
.navtabscroll {display: none;}

.min-vh-41 {min-height: 41.5vh !important;}
#carouselMain {overflow:hidden; border-top-left-radius: 62px; border-top-right-radius: 62px;z-index: 0;}
#carouselMain .page-header .container .textwrap {padding-left: 65px; padding-bottom: 70px;}
#carouselMain .page-header .container .textwrap h1 {font-size: 66px;font-weight: 800;line-height: 110%;}
#carouselMain .page-header .container .textwrap h4 {font-size: 24px; font-weight: 400; padding-bottom: 15px;}
#carouselMain .page-header .container .textwrap .img-fluid {position: absolute; top: 0; right: 0;z-index: -1;}
#carouselMain .carousel-indicators {bottom: 80px;}
.h3_maintit {color: #1F2125;font-size: 42px;font-weight: 800;line-height: 100%;letter-spacing: -0.42px;}
.icon_main_wifi {display: inline-block; width: 32px; height: 32px; background: url("../img/icon_main_wifi.svg") 0 0 no-repeat; background-size: 100%;}
.icon_main_route {display: inline-block; width: 32px; height: 32px; background: url("../img/icon_main_route.svg") 0 0 no-repeat; background-size: 100%;}
.icon_main_base {display: inline-block; width: 32px; height: 32px; background: url("../img/icon_main_base.svg") 0 0 no-repeat; background-size: 100%;}
.icon_main_paychk {display: inline-block; width: 32px; height: 32px; background: url("../img/icon_main_paychk.svg") 0 0 no-repeat; background-size: 100%;}
.icon_main_online {display: inline-block; width: 32px; height: 32px; background: url("../img/icon_main_online.svg") 0 0 no-repeat; background-size: 100%;}
.icon_main_usfkland {display: inline-block; width: 32px; height: 32px; background: url("../img/icon_main_usfkland.svg") 0 0 no-repeat; background-size: 100%;}

.main2 {margin-top: 210px;}
.section-top {}
.section-top .specialmenuarea {position: relative; margin-top: -70px;z-index: 1;}
.section-top .specialmenuarea .card.shadow-lg {border-radius: 12px;border: 1px solid #EFF0F5;box-shadow: 1px 1px 24px 0 rgba(188, 189, 194, 0.21) !important;}
.section-top .specialmenuarea .card .card-body {padding: 1.5rem 40px; border-radius: 12px;border: 1px solid #EFF0F5;background: #FFF;box-shadow: 1px 1px 24px 0 rgba(188, 189, 194, 0.21);}
.section-top .specialmenuarea .card .card-body .mainspecialmenu a {display: flex; flex-direction: column;align-items: center; color: #344767;}
.section-top .specialmenuarea .card .card-body .mainspecialmenu a span {padding-top: 12px; color: #4D5461;font-size: 16px;font-weight: 500;line-height: 130%;}

.section-top .specialmenuarea .card .card-body .mainspeicallogin {width: 100%;height: 100%;position: relative;display: flex; justify-content: center; flex-direction: column; align-items: flex-end;}
.section-top .specialmenuarea .card .card-body .mainspeicallogin .btnlogin {width: 265px;padding: 12px 20px;border-radius: 8px;background: #262C36;color: #FFF;text-align: center;font-size: 16px;font-weight: 600;line-height: 120%;margin-right: 5px;}
.section-top .specialmenuarea .card .card-body .mainspeicallogin .findidpw {width: 265px;}
.section-top .specialmenuarea .card .card-body .mainspeicallogin .findidpw a {padding: 0 16px;color: #828591;text-align: center;font-size: 16px;font-weight: 500;line-height: 130%;}
.section-top .specialmenuarea .card .card-body .mainspeicallogin .findidpw a + a {border-left: 1px solid #828591}
.section-top .carousel-indicators [data-bs-target] {width: 8px;height: 8px; border-top: 4px; border-bottom: 4px; border-radius: 4px; transition: all 0.4s ease;}
.section-top .carousel-indicators .active {width: 24px;}
.section-top .carousel-control-prev {left: -3%;}
.section-top .carousel-control-next {right: -3%;}

.section-lguwi {padding: 108px 0; background: #fff;}
.section-lguwi .wrapinfo {display: flex; gap:20px; margin-top: 40px;}
.section-lguwi .wrapinfo .col-md-4 {width: 31.888888%;}
.section-lguwi .info {display: flex; padding: 24px;flex-direction: column;justify-content: center;align-items: center;flex: 1 0 0;border-radius: 8px;border: 1px solid #E9EBF0;}
.section-lguwi .info .tit {padding-top: 24px;color: #1F2125;font-size: 24px;font-weight: 700;line-height: 120%;letter-spacing: -0.24px;}
.section-lguwi .info .desc {color: #4D5461;font-size: 18px;font-weight: 400;line-height: 130%;letter-spacing: -0.5px;}

.section-uscamp {padding: 100px 0; background: #F7F8FB;}
.section-uscamp .wrapinfo {align-items: center;}
.section-uscamp .info {padding-bottom: 24px; margin-bottom: 0;}
.section-uscamp .info .tit {color: #56565B;font-size: 26px;font-weight: 500;line-height: 140%;letter-spacing: -0.52px;}
.section-uscamp .info .desc {color: #121215;font-size: 42px;font-weight: 800;line-height: 100%;letter-spacing: -0.42px;}
.section-uscamp .desc1 {color: #828591;font-size: 22px;font-weight: 400;line-height: 130%;}
.section-uscamp .btn_list {margin-top: 62px; width: 320px;}
.section-uscamp .info dl,
.section-uscamp .info dl dd {margin: 0;}

.section-built {padding: 40px 0; background: linear-gradient(90deg, #D80E79 0%, #47235C 100%);}
.section-built .info {position: relative;}
.section-built .info::before {content:''; display:block; width: 80px; height: 94px; background: url("../img/img_main_builtmark.svg") 0 0 no-repeat; background-size: 100%; position: absolute; top: 50%; left: -6%; margin-top: -47px;}
.section-built .info .tit {color: #FFF;font-size: 30px;font-weight: 700;line-height: 120%;letter-spacing: -0.3px;}
.section-built .info .desc {color: #FFF;font-size: 18px;font-weight: 400;line-height: 130%;}
.section-built .info .desc1 {color: #FFF;font-size: 22px;font-weight: 500;line-height: 130%;}
.section-built .info dl {display: flex;align-items: flex-end;}
.section-built .info dl dt {padding-top: 4px; padding-right: 10px;}
.section-built .info dl,
.section-built .info dl dd {margin: 0;}


.selectstyle {}
.selectstyle .optitem {display: block; position: relative;}
.selectstyle .optitem.active {color: #E6007E;font-size: 18px;font-weight: 600;line-height: 120%;}
.selectstyle .optitem.active::before {content:''; display: block; width: 24px; height: 24px; background: url("../img/icon_optionchk1.svg") 0 0 no-repeat; position: absolute; top: 0;right: 0;}

.contents {margin-top: 200px; margin-bottom: 80px;}
.subtoptit .navbar {top: 0; left:0;}
.subtoptit .navbar .container {padding: 21px 0; border-bottom: 1px solid #EFF0F5;}
.subtoptit .stepbar {margin-top: 81px;}
.subtoptit .container.wrapstepbar {position: fixed; top:0;}
.mainslideheight {height: 471px;}

.mobileblock {display: none;} 
.pcblock {display: block;}
@media (max-width: 992px) {
  .wraptopmenu {display: none;}
  .mobileblock {display: block;}
  .pcblock {display: none;}
  .wireless-sections .navbar-collapse {position: fixed; top: 0; left: 100%; width: 0; height: 100vh; padding-left: 15px; padding-right: 15px; padding-bottom: 15px; transition: all 0.4s ease; overflow-y: scroll; background: white;}
  .wireless-sections .navbar-collapse.collapsing {height: auto !important; margin-left: 50%; left: 50%; transition: all 0.2s ease;}
  .wireless-sections .navbar-collapse.show { left: 0%; top: 0; padding:0; margin:0; z-index: 99;  }
  .btn.navlast {display: initial;}
  .overlay {display: none; min-height: 100vh; min-width: 100vw; position: fixed;z-index: 1;top: 0;right: 0;bottom: 0;left: 0;cursor: wait;background: rgba(0, 0, 0, .7); transition: none; -webkit-overflow-scrolling: touch;}
  .overlay.active {display: block;}
  .navbar-light .navbar-toggler {position: fixed; right: 10px; z-index: 999;}
  
  .loginarea {display: flex; justify-content: space-between; align-items:center; margin-top: 66px; padding: 24px 20px; background-color: #F7F8FB; border-top: 1px solid #eee; font-size: 22px; font-weight: 600; color:#121215; line-height: 120%; letter-spacing: -0.44px;}
  .loginarea .desc {width: 60%;}
  .loginarea .desc .txt {display: block;}
  .loginarea .btnlogin {padding: 7px 26px; background: #262C36;}
  .specialmenu {padding: 20px 20px 0; border-bottom: 1px solid #E9EBF0;}
  .specialmenu ul {display: flex;}
  .specialmenu ul li {width: 33.3333%}
  .specialmenu ul li a {display: block; text-align: center;}
  .specialmenu ul li span {display: block; padding-top: 5px; font-size: 14px; color: #4D5461;}
  .navdropdown {padding: 4px 20px;}
  .navdropdown {}
  .navdropdown .accordion-button {padding: 10px 0; font-size: 18px; font-weight: 600; color: #1F2125;}
  .navdropdown .accordion-body {padding: 0;}
  .navdropdown .accordion-body .submenu {padding: 0 12px;}
  .navdropdown .accordion-body .submenu a {display: block; padding: 5px 0}
  .navdropdown .mo_topmenu {}
  .navdropdown .mo_topmenu a {display: block; padding: 8px 0; font-size: 18px; font-weight: 500; color: #4D5461}
  .navbar .navbar-brand img {height: 20px;}
  .navhome {position: absolute; right: 55px;}
  .navbar-toggler .navbar-toggler-icon {margin-top: 12px;}
  .navbar-toggler .navbar-toggler-icon .navbar-toggler-bar {width: 16px; background: #262C36;}
  .navbar-toggler .navbar-toggler-icon .navbar-toggler-bar.bar2, .navbar-toggler .navbar-toggler-icon .navbar-toggler-bar.bar3 {margin-top: 6px;}
  /* .wireless-sections {padding-bottom: 66px;} */
  .wireless-sections .navbar {height: 66px;top: 0;}
  .wireless-sections .navbar>.container, .wireless-sections .navbar>.container-fluid, .wireless-sections .navbar>.container-sm, .wireless-sections .navbar>.container-md, .wireless-sections .navbar>.container-lg, .wireless-sections .navbar>.container-xl, .wireless-sections .navbar>.container-xxl {justify-content: flex-start;}
  .wireless-sections .navbar h1 {justify-content: flex-start; padding-left: 0px;}
  .navbar-toggler[aria-expanded="true"] .navbar-toggler-bar.bar3 {margin-top: 1px;}
  .tbldetail .info .tit.line:before {display: none;}
  .wrap_btn_list {display:block; padding-right: 0; padding-left: 0;}
  .btn_listmore {border: 1px solid #D6D7DE; border-radius: 8px; font-size: 16px; font-weight: 500; color: #4D5461}
  .divtbltype .tbody .tblinfobox .tbl_tit .tbltitdesc {width: auto; white-space:initial;}
  .depth2area {display: none;}

  .tbltype .tbl_no, .tbltype .tbl_name {display: none}
  .tbltype thead {font-size: 18px; font-weight: 500;}
  .tbltype tbody {font-size: 14px; font-weight: 400;}
  .tbltype .tbltitdesc {overflow: hidden; display: inline-block; width: 360px; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; font-weight: 400; color: #262C36;}

  .navtabscroll {display: block;position: fixed;
        top: 66px; width: 100%;
        background: #fff;}
  .navtabscroll .nav-tabs {overflow-x: auto;overflow-y:hidden;flex-wrap: nowrap;}
  .navtabscroll .nav-tabs .nav-link {white-space: nowrap;}

  
  .section-lguwi .wrapinfo .col-md-4 {width: 100%;}

  .section-uscamp .wrapinfo {align-items: center;}
  .section-uscamp .info {padding-bottom: 24px; margin-bottom: 0;}
  .section-uscamp .info .tit {font-size: 18px;}
  .section-uscamp .info .desc {font-size: 25px;font-weight: 700;}
  .section-uscamp .desc1 {font-size: 16px;}
  .section-uscamp .btn_list {margin-top: 32px; width: 100%;}

  .section-built .info {text-align: center;}
  .section-built .info::before {content:'';left: 50%; margin-left: -200px;}
  .section-built .info .tit {padding: 0; font-size: 18px;font-weight: 600;}
  .section-built .info .desc {padding-top: 8px; font-size: 12px;}
  .section-built .info .desc1 {font-size: 14px;}
  .section-built .info dl {flex-direction: column; align-items: center;}
  .section-built .info dl dt {padding-top: 4px; padding-right: 10px;}

  
  .section-top .specialmenuarea .card .card-body {padding: 1.5rem 20px;}
  .section-top .specialmenuarea .card .card-body .mainspecialmenu .col-lg-4 {width: 33%;}
  .section-top .specialmenuarea .col-lg-11 {width: 90%;}
  .main2 {margin-top: 30px;}
  .toptitfixed {display: flex;align-items: center;position: fixed; top:0; background: #fff; width: 100%; height: 66px; padding: 0 0.5rem; border-bottom: 1px solid #E9EBF0; z-index: 98;}
  .toptitfixed .toptit {font-size: 1.25rem; font-weight: 500; color: #1F2125; letter-spacing: -0.4px;}
  .toptitfixed .navbar-brand {padding-right: 20px;}
  .toptitfixed h1 {display: contents; margin:0;line-height: 1;}

  .contents {margin-top: 100px; margin-bottom: 80px;}
  .navtabscroll + .contents{margin-top: 150px;}
  .main2 {margin-top: 110px;}
  .overlaybox {display: none; }
  .subtoptit .stepbar {margin-top: 66px;}
}
@media (max-width: 576px) {
  .wireless-sections .navbar-collapse.show {left: 0 !important;}
  .loginarea,
  .specialmenu,
  .navdropdown {width: 100% !important;}
  .tbltype .tbl_date {flex: 0.7;}
  .section-top .specialmenuarea .card .card-body {padding: 24px 20px}
  .section-top .specialmenuarea .card .card-body .wrapmainspecialmenu {display: none}
  .wrapmainspeicallogin {flex: 0 0 auto;width: 100% !important;}
  .section-top .specialmenuarea .card .card-body .mainspeicallogin {align-items: center;}
  .section-top .specialmenuarea .card .card-body .mainspeicallogin .btnlogin {width: 100%;}
  .min-vh-41 {min-height: 55vh !important;}
  #carouselMain .page-header .container .textwrap .img-fluid {right: -24% !important;bottom: -8% !important;}
  #carouselMain .page-header .container .textwrap h4 {font-size: 20px; font-weight: 400; padding-bottom: 15px;}
  #carouselMain .page-header .container .textwrap {padding-left: 30px !important;padding-bottom: 150px !important;}
  .mb-n7 {margin-bottom: 10rem !important;}
  .mainslideheight {height: 400px !important;}
  #carouselMain .page-header .container .textwrap .img-fluid {position: absolute; top: initial; right: -4% !important; bottom:0% !important; max-width: 70% !important;}
  .section-top .specialmenuarea .col-lg-11 {width: 100%;}
}
@media (min-width: 769px) {
  .wireless-sections .navbar-collapse.show {left: 41%;}
  .loginarea,
  .specialmenu,
  .navdropdown {width: 60%;}
  .wireless-sections .navbar::before {content: ''; width: 41%; height: 66px; background: rgba(0, 0, 0, .7); position: absolute; top:0; left: 0; display: none;}
  .wireless-sections .navbar-collapse:has(.show) {border: 1px solid red}
  .overlaybox {display: none;position: absolute; top: 0; left: -20px; min-width: 110%; min-height: 66px; background: rgba(0, 0, 0, .7); z-index: 2;}
  .overlaybox.active {display: block;}
  .overlaymenubox {position: absolute; top: 0; left:0; min-width: 100%; min-height: 100px; background: #fff;}
}

@media (max-width: 1024px) {
  .page-tit>.tit2 {font-size: 16px;}
  .tit20 {font-size: 16px;}

  .planlistbox {padding: 12px 0;}
  .planlistbox .pe-3 img {width: 36px;}
  .planlistbox .info .desc {font-size: 16px;}
}
@media (max-width: 768px) {
  .wireless-sections .navbar-collapse.show {left: 41%;}
  .loginarea,
  .specialmenu,
  .navdropdown {width: 60%;}
  .section-top .specialmenuarea .card .card-body {padding: 1.5rem 20px;}
  .section-top .specialmenuarea .card .card-body .mainspecialmenu .col-lg-4 {width: 33%;}
  #carouselMain .page-header .container .textwrap {padding-left: 65px; padding-bottom: 70px;}
  #carouselMain .page-header .container .textwrap h1 {font-size: 36px; line-height: 100%;}
  #carouselMain .page-header .container .textwrap h4 {font-size: 20px; font-weight: 400; padding-bottom: 15px;}
  .login-tit {margin-bottom: 40px !important; font-size: 36px;}
  .page-tit {gap: 4px;}
  .tbltype .tbltitdesc {overflow: hidden; display: inline-block; width: 150px; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; font-weight: 400; color: #262C36;}
  .section-built .info::before {content:'';left: 50%; margin-left: -160px;}
  #carouselMain .page-header .container .textwrap .img-fluid {position: absolute; top: initial; right: -8%; bottom:-20%; max-width: 50%;}
  #carouselMain .carousel-indicators {bottom: 57px;}  .h3_maintit {font-size: 26px;}
  .section-lguwi .wrapinfo {margin-top: 24px;}
  .section-top .specialmenuarea .card .card-body .mainspeicallogin .findidpw a {font-size: 14px;}
  .section-top .specialmenuarea {margin: -50px 30px;}
  /* .section-top .specialmenuarea .card .card-body .wrapmainspecialmenu {display: none} */
  .section-top .specialmenuarea .card .card-body .mainspeicallogin {align-items: center;}
  .mainslideheight {height: 300px;}
  .section-top .specialmenuarea .card .card-body .mainspecialmenu a span {font-size: 14px;letter-spacing: -0.2px;}
  .section-top .specialmenuarea .card .card-body .mainspecialmenu a img {width: 48px; height: 48px;}
  .wrapmainspeicallogin {flex: 0 0 auto;width: 50%;}
  .planlistbox .pe-3 img {width: 32px;}
  .planlistbox .info .tit {font-size: 18px;}
}













/* 
 *
 * style2.css 
 *
 *
*/
/* main */
br.mo_br {display: none;}
.main .inner {display: flex; align-items: center; justify-content: center; flex-direction: column;}
.main ul, .main ul, li {list-style: none;}
/* main navbar */
.navbar .navbar-main {display: flex; align-items: center; justify-content: space-between; width: 100%;}
.navbar .navbar-main .btn {margin-left: auto; display: inline-flex; align-items: center; height: 45px; color: #4D5461; font-size: 16px; font-weight: 500; border-color: #D6D7DE;}
/* sec1 */
.section-hero .inner {position: relative; padding-left: 84px; width: 100%; min-height: 400px; border-radius: 62px; background: #E6007E url('../img/img_main_visual_pc.png') no-repeat right bottom;}
.section-hero .hero-text {width: 100%;}
.section-hero .hero-text .hero-tit {color: #fff; font-size: 48px; font-weight: 800; letter-spacing: -1.4px;}
.section-hero .hero-text .hero-tit span {display: block; font-size: 22px; font-weight: 400; line-height: 130%; color: #fff; letter-spacing: -0.22px;}
.section-hero .hero-text .hero-subtit {margin: 12px 0 32px; color: #fff; font-size: 20px; font-weight: 400; line-height: 130%; letter-spacing: 0;}
.section-hero .hero-text .btn {display: inline-flex; align-items: center; justify-content: center; width: 295px; height: 60px; border-radius: 100px; background-color: #222; color: #fff; font-size: 22px; font-weight: 700;}
/* sec2 */
.section-service .inner {padding: 54px 0 60px;}
.section-service .service-list {display: flex; gap: 20px; width: 100%; margin-bottom: 0;}
.section-service .service-list li {position: relative; flex: 1; display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 36px 18px; border-radius: 18px; border: 1px solid #D6D7DE;}
.section-service .service-list li>dl {margin: 0; display: flex; align-items: center; flex-direction: column;}
.section-service .service-list li>dl dt {color: #1F2125; font-size: 42px; font-weight: 700;  line-height: 120%; text-align: center;}
.section-service .service-list li>dl dd {margin: 0;}
.section-service .service-list li>dl .speed {display: inline-flex; align-items: center; justify-content: center; gap: 4px; width: 240px; border-radius: 24px; padding: 10px 40px; margin-bottom: 18px; background: #262C36; color: #fff; font-size: 21px; font-weight: 500; line-height: 120%; letter-spacing: -0.5px;}
.section-service .service-list li>dl .speed b {font-size: 24px;}
.section-service .service-list li>dl .price {display: flex; align-items: center; gap: 4px; color: #4D5461; font-size: 27px; font-weight: 500; line-height: 120%; text-align: center;}
.section-service .service-list li>dl .price b {font-size: 36px;}
.section-service .service-list li>dl .price span {padding-top: 4px; font-size: 24px;}
.section-service .service-list .max {border-color: #FFDAEE;}
.section-service .service-list .max .speed {background: #E6007E;}
.section-service .service-list li .label {display: block; position: absolute; left: 50%; top: -14px; width: max-content; padding: 0 12px; background: #fff; color: rgba(230, 0, 126, 0.4); font-size: 24px; font-weight: 700; line-height: 120%; transform: translateX(-50%);}
.section-service .footnote {margin: 12px 0 0; color: #828591; font-size: 14px; font-weight: 500;letter-spacing: -0.3px; text-align: center;}
/* sec3 */
.section-guide .inner {gap: 20px; padding: 60px 0; border-top: 1px solid #E9EBF0;}
.section-guide .tit {color: #4D5461; font-size: 28px; line-height: 130%; text-align: center;}
.section-guide .sTit {margin: 0; font-size: 16px; line-height: 130%;}
.section-guide .tit span {font-size: 32px; font-weight: 500; line-height: 140%;}
.section-guide .tit span b {text-decoration: underline;}
.section-guide .guide-list {display: flex; gap: 4px;}
.section-guide .guide-list li {padding-left: 20px; color:#828591; font-size: 14px; background-image: url('../img/icon_num1_gray.svg'); background-position: left top 4px; background-repeat: no-repeat;}
.section-guide .guide-list li:nth-child(2) {background-image: url('../img/icon_num2_gray.svg');}
.section-guide .guide-list li:nth-child(3) {background-image: url('../img/icon_num3_gray.svg');}
/* sec4 */
.section-plan {background: #F7F8FB;}
.section-plan .inner {padding: 80px 0; gap: 32px;}
.section-plan .tit-wrap {text-align: center;}
.section-plan .tit-wrap h3 {margin-bottom: 0; color: #1F2125; font-size: 36px; font-weight: 800; letter-spacing: -0.4px;}
.section-plan .tit-wrap p {margin: 12px 0 0; color: #4D5461; font-size: 26px; line-height: 140%; letter-spacing: -0.5px;}
.section-plan .plan-list li {display: flex; align-items: flex-start; gap: 20px; padding: 20px 0;}
.section-plan .plan-list li dl {margin-bottom: 0;}
.section-plan .plan-list li dl dt {margin-bottom: 8px; color: #1F2125; font-size: 24px; font-weight: 700; line-height: 120%; letter-spacing: -0.2px;}
.section-plan .plan-list li dl dd {margin: 0; color: #828591; font-size: 20px; font-weight: 500; line-height: 130%;}
/* sec5 */
.section-cta {background: linear-gradient(90deg, #D80E79 0%, #47235C 100%);}
.section-cta .inner {display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 80px 0; gap: 28px;}
.section-cta .tit {color: #fff; font-size: 42px; font-weight: 800; letter-spacing: -0.4px; text-align: center;}
.section-cta .btn-line {display: inline-flex; align-items: center; justify-content: center; width: 216px; height: 60px; border-radius: 40px; border: 2px solid #E9EBF0; color: #fff; font-size: 22px; font-weight: 700;}

@media (max-width: 1024px) {
  /* sec1 */
  .section-hero .inner {min-height: 304px; padding-left: 66px; border-radius: 40px; background-size: 400px;}
  .section-hero .hero-text .hero-subtit {margin: 12px 0 28px; font-size: 16px; font-weight: 500;}
  .section-hero .hero-text .btn {width: 210px; height: 58px;}
  /* sec2 */
  .section-service .inner {padding: 40px 0 54px;}
  .section-service .service-list {gap: 16px;}
  .section-service .service-list li {padding: 28px 20px;}
  .section-service .service-list li>dl dt {font-size: 28px;}
  .section-service .service-list li>dl dt img {width: 37px;}
  .section-service .service-list li>dl .speed {width: 160px; padding: 6px 26px; margin-bottom: 12px; font-size: 14px;}
  .section-service .service-list li>dl .speed b {font-size: 16px;}
  .section-service .service-list li>dl .price {font-size: 18px;}
  .section-service .service-list li>dl .price b {font-size: 24px;}
  .section-service .service-list li>dl .price span {font-size: 16px;}
  .section-service .service-list li .label {top: -9.5px; padding: 0 8px; font-size: 16px;}
  .section-service .footnote {margin: 8px 0 0; font-size: 12px; letter-spacing: -0.2px;}
  /* sec3 */
  .section-guide .inner {gap: 24px; padding: 32px 0;}
  .section-guide .tit {font-size: 20px;}
  .section-guide .tit span {font-size: 22px;}
  .section-guide .guide-list {flex-direction: column;}
  /* sec4 */
  .section-plan .inner {padding: 48px 0;}
  .section-plan .tit-wrap h3 {font-size: 30px; font-weight: 700;}
  .section-plan .tit-wrap p {font-size: 18px; line-height: 130%;}
  .section-plan .plan-list li {padding: 16px 0; gap: 16px;}
  .section-plan .plan-list li img {width: 48px; height: 48px;}
  .section-plan .plan-list li dl dt {margin-bottom: 4px; font-size: 20px; line-height: 140%;}
  .section-plan .plan-list li dl dd {font-size: 16px; font-weight: 400;}
  /* sec5 */
  .section-cta .inner {padding: 60px 0;}
  .section-cta .tit {font-size: 30px; font-weight: 700;}
}
@media (max-width: 768px) {
  /* sec1 */
  .section-hero .inner {min-height: 312px; padding: 36px 20px 24px 20px; background: #E6007E url('../img/img_main_visual_mo.png') no-repeat right bottom;}
  .section-hero .hero-text .hero-tit {font-size: 42px; letter-spacing: -0.4px; line-height: 110%;}
  .section-hero .hero-text .hero-tit span {font-size: 20px; font-weight: 500; letter-spacing: 0; line-height: 100%;}
  .section-hero .hero-text .hero-subtit {margin: 20px 0 24px; font-size: 16px; font-weight: 500; line-height: 120%;}
  .section-hero .hero-text .btn {min-width: 100%; height: 60px; margin-bottom: 0;}
  /* sec2 */
  .section-service .inner {padding: 24px 0;}
  .section-service .service-list {flex-direction: column; gap: 20px;}
  .section-service .service-list li {padding: 24px 20px;}
  /* sec4 */
  .section-plan .inner {padding: 40px 0;}
  .section-plan .plan-list li {padding: 20px 0;}
  .section-plan .plan-list li dl dt {font-size: 18px; font-weight: 600; line-height: 120%;}
  /* sec5 */
  .section-cta .inner {padding: 80px 0; gap: 32px;}
  .section-cta .tit {font-size: 36px; font-weight: 800;}
  .section-cta .btn-line {width: 192px; height: 58px;}
}
@media (max-width: 500px) {
  .section-hero .hero-text .hero-tit br {display: block;}
}

.fs-14 {font-size: 0.9rem;}
.navbar-toggler {margin-left: auto !important;}
.contents.minheight {min-height: 800px;}

/* button */
.page-btn {display: flex; align-items: center; justify-content: center;}
.page-btn button {max-width: 644px;}
.page-btn .btn-outline-secondary {padding: 0.75rem;}
.btn-primary {background: #E6007E; box-shadow: none;}
.btn-primary:hover, .btn.bg-gradient-primary:hover {background-color: #E6007E; border-color: #E6007E; box-shadow: none;}
.btn.btn-outline-secondary {background: #fff;}
.btn:disabled, .btn.disabled, fieldset:disabled .btn {color: #CACCD2; background-color:#E5E7EA; opacity: 1;}
.btn-tooltip {width: 16px; height: 16px; padding: 0; margin: 0;}
.ico-tooltip {display: inline-block; width: 16px; height: 16px; padding: 0; background: url('../img/icon_question.svg') 0 0 no-repeat;}
.btn-delete,
.btn-pwd-toggle {width: 24px; height: 24px; padding: 0; margin: 0;}
.ico-delete {display: inline-block; width: 24px; height: 24px; padding: 0; background: url('../img/icon_delete.svg') 0 0 no-repeat;}
.ico-eye-on {display: none; width: 24px; height: 24px; padding: 0; background: url('../img/icon_eye_on.svg') 0 0 no-repeat;}
.ico-eye-off {display: inline-block; width: 24px; height: 24px; padding: 0; background: url('../img/icon_eye_off.svg') 0 0 no-repeat;}
.btn-pwd-toggle.on .ico-eye-on {display: inline-block;}
.btn-pwd-toggle.on .ico-eye-off {display: none;}
.btn-down {width: 24px; height: 24px; padding: 0; margin: 0;}
.ico-down {display: inline-block; width: 24px; height: 24px; padding: 0; background: url('../img/down-arrow-dark.svg') center no-repeat;}

/* img */
.img-id {width: 100%; margin-top: 12px; }
.img-id img {display: block; max-width: 400px; width: 100%; margin: 0 auto;}

/* input */
.required label {position: relative;}
.required label::after {content:'*'; color: #FF5151; padding: 0 3px;}
.desc1.valid {color: #00AA02;}
.desc1.valid .desc1info::before {background: url('../img/icon_success.svg') 0 0 no-repeat;}
.desc1.invalid {color: #F94E4E;}
.desc1.invalid .desc1info::before {background: url('../img/icon_error.svg') 0 0 no-repeat;}

.input-group {position: relative;}
.input-group .input-btn-group {position: absolute; right: 0.8rem; bottom: 17px; display: flex; align-items: center; gap: 10px;} 
.input-group.input-group-static .form-control,
.input-group.input-group-static .form-control:focus
{background-image: linear-gradient(0deg, #E6007E 2px, rgba(156, 39, 176, 0) 0), linear-gradient(0deg, #E9EBF0 1px, rgba(209, 209, 209, 0) 0);}
.input-group.input-group-static .form-control.success {background-image: linear-gradient(0deg, #00AA02 2px, rgba(156, 39, 176, 0) 0), linear-gradient(0deg, #E9EBF0 1px, rgba(209, 209, 209, 0) 0); background-size: 100% 100%, 100% 100%;}
.input-group.input-group-static .form-control.error {background-image: linear-gradient(0deg, #F94E4E  2px, rgba(156, 39, 176, 0) 0), linear-gradient(0deg, #E9EBF0 1px, rgba(209, 209, 209, 0) 0); background-size: 100% 100%, 100% 100%;}
.input-group.input-group-static .form-control[readonly] {color: #828591;}

/* file input */
.label-txt {color: #828591; font-size: 14px; font-weight: 500;}
.file-ipt .label-wrap {display: flex; align-items: center; justify-content: space-between; width: 100%;}
.file-ipt .label-wrap .label-txt {color: #828591; font-size: 14px; font-weight: 500;}
.file-ipt .label-wrap span {color: #4d5461; font-size: 12px;}
.file-ipt .form-control[type="text"] {text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.file-ipt .form-control[type="file"] {position: absolute; width: 1px;  height: 1px; margin: -1px; clip: rect(0, 0, 0, 0); overflow: hidden; padding: 0;} 

/* checkbox */
.form-check-label {margin-left: 10px; margin-bottom: 0; color: #4D5461; line-height: 120%;}
.form-check {display: inline-flex; align-items: center; margin-bottom: 0;}
.form-check:not(.form-switch) .form-check-input[type="checkbox"] {width: 24px; height: 24px; border-radius: 50%; margin-top: 0; border: 0; flex-shrink: 0;}
.form-check:not(.form-switch) .form-check-input[type="checkbox"]:checked {background: transparent;}
.form-check:not(.form-switch) .form-check-input[type="checkbox"]:after {content:''; background: url('../img/check_default.svg') 0 0 no-repeat; opacity: 1; transition: all 0.2s; background-size: 100%;}
.form-check:not(.form-switch) .form-check-input[type="checkbox"]:checked:after {background: url('../img/check_checked.svg') 0 0 no-repeat; background-size: 100%;}

/* button select */
.btn-sel {position: relative; display: inline-flex; align-items: center; justify-content: space-between; width: 100%; height: 59.5px; padding: 17px 0 17px; color: #CACCD2; text-align: left; font-size: 20px;}
.btn-sel::after {content: ''; display: block; width: 24px; height: 24px; background: url('../img/down-arrow.svg') center no-repeat;}
.btn-sel .val {text-align: left;}
.btn-sel .place-holder {color: #CACCD2;}

.input-group .sel-input-group {display: flex; width: 100%; gap: 4px;}
.input-group .sel-input-group .btn-sel {max-width: fit-content; flex-shrink: 0;}
.input-group .sel-input-group input.form-control {flex: 1; width: 100%; font-size: 20px;}
 
.noticebox p {margin-bottom: 8px; color: #4d5461; font-size: 14px; font-weight: 500; line-height: 120%;}
.noticebox p.caution-txt {position: relative; padding-left: 12px; margin-bottom: 8px; color: #4d5461; font-size: 14px; font-weight: 500; line-height: 120%;}
.noticebox p.caution-txt::before {content:'※'; display: block; position: absolute; left: 0; top: 0;}
.noticebox .point-list {padding-left: 12px;}
.noticebox .point-list li {list-style: none; position: relative; padding-left: 10px; color: #828591; font-size: 14px; line-height: 120%;}
.noticebox .point-list li+li {padding-top: 4px;}
.noticebox .point-list li strong {color: #1F2125; font-weight: 500;}
.noticebox .point-list li::before {content:'-'; display: block; position: absolute; left: 0; top: 4px;}

/* credit card */
.card-list {display: flex; width: 100%; margin: 11px 0 0 0;}
.card-list > li {list-style: none; flex-grow: 1; height: 62px; background: #fff;}
.card-list > li + li {margin-left: -1px;}
.card-list > li > a {position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; height: 62px; box-shadow: 0 0 0 1px #ccc inset;}
.card-list > li:first-child > a {border-radius: 8px 0 0 8px;}
.card-list > li:last-child > a {border-radius: 0 8px 8px 0;}
.card-list > li.active > a:after {content:''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-shadow: 0 0 0 1px #E6007E inset; z-index: 10;}
.card-list > li:first-child.active > a:after {border-radius: 8px 0 0 8px;}
.card-list > li:last-child.active > a:after {border-radius: 0 8px 8px 0;}
.card-list li .imgbox {display:inline-flex; align-items: center; justify-content: center; margin-bottom: 0; width: 40px; height: 40px; text-align: center;}
.card-list li span {color: #4D5461; font-size: 12px;}

/* wireless internet */
.login-sections {max-width: 644px;}
.login-tit {margin-bottom: 80px; color: #1f2125; font-size: 38px; font-weight: 700; text-align: center;}
.login-more {display: flex; align-items: center; justify-content: center;}
.login-more li {position: relative;}
.login-more li a {color: #828591; font-weight: 500; font-size: 16px; line-height: 130%;}
.login-more li+li::before {content: ''; display: inline-block; width: 1px; height: 12px; margin: 0 16px; background-color: #828591;}
.txtinfo1 {color: #4D5461; font-size: 18px; font-weight: 500; text-align: center;}

.cont-tabs {padding: 0; margin-bottom: 32px;}
.cont-tabs .nav-item {flex: 1; text-align: center;}
.cont-tabs .nav-link {width: 100%; border: 0; border-bottom: 1px solid #EFF0F5; color: #828591; font-size: 18px;}
.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {border-color: #EFF0F5;}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {color: #1F2125; font-weight: 500; border-bottom: 2px solid #262C36;}

.welcome-tit {font-size: 30px; font-weight: 700;}
.page-tit {display: flex; flex-direction: column; gap: 16px; margin-bottom: 48px;}
.page-tit .tit {margin-bottom: 0; color: #1F2125; font-size: 30px; font-weight: 700;line-height: 120%; letter-spacing: -0.3px;}
.page-tit .tit .sTit {padding-left: 4px; font-size: 20px; font-weight: 500;}
.page-tit .desc {margin-bottom: 0; color: #4D5461; font-size: 20px; font-weight: 500;
line-height: 130%;}

.myinfo_tit {color: #828591; font-size: 18px; }
.myinfo_desc {color: #1F2125; font-size: 20px; font-weight: 500; margin-bottom: 0;}
.bill_tit_wrap {display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px; border-bottom: 1px solid #E9EBF0;}
.bill_tit_wrap .tit {color: #1f2125; font-size: 20px; font-weight: 500; line-height: 130%;}
.bill_total .myinfo_tit {color: #4D5461; font-size: 20px; font-weight: 700;}
.bill_total .myinfo_desc {display: inline-flex; align-items: center; justify-content: center; font-size: 20px; font-weight: 700;}
.bill_total .chip {display: inline-flex; align-items: center; justify-content: center; padding: 6px 8px; margin-left: 4px; border-radius: 21px; background: #E9EBF0; color: #828591; font-size: 11px; font-weight: 600; line-height: 100%;}
.bill_total .chip.red {background: #FFDAEE; color: #E6007E;}

.btn-toggle {position: relative; display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 6px 0; border: 0; border-bottom: 1px solid #E9EBF0; background: #fff; color: #1F2125; font-size: 20px; font-weight: 500;}
.btn-toggle::after {content: ''; display: inline-block; width: 24px; height: 24px; background: url('../img/down-arrow.svg') no-repeat center;}
.btn-toggle[aria-expanded="true"]::after {transform: rotate(180deg);}
.cont-toggle {margin-top: 24px;}

/* plan */
.service-plan {display: flex; width: 100%; margin: 11px 0 0 0;}
.service-plan > li {list-style: none; flex-grow: 1; height: 44px; background: #fff;}
service-plan > li + li {margin-left: -1px;}
.service-plan > li > a {position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; height: 44px; box-shadow: 0 0 0 1px #ccc inset;}
.service-plan > li:first-child > a {border-radius: 8px 0 0 8px;}
.service-plan > li:last-child > a {border-radius: 0 8px 8px 0;}
.service-plan > li.active > a:after {content:''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-shadow: 0 0 0 1px #E6007E inset; z-index: 10;}
.service-plan > li:first-child.active > a:after {border-radius: 8px 0 0 8px;}
.service-plan > li:last-child.active > a:after {border-radius: 0 8px 8px 0;}
.service-plan li span {color: #CACCD2; font-size: 18px; font-weight: 500; line-height: 130%;}
.service-plan > li.active span {color: #E6007E;}

.dividecolor {height: 1px; background-image: linear-gradient(270deg, #FFDAEE 0%, #E6007E 11.2%, #FFDAEE 90.15%);}

/* device */
.device_box {padding: 20px; border: 1px solid #E9EBF0; border-radius: 8px;}
.device_box+.device_box {margin-top: 12px;}
.device_box dl {display: flex; align-items: center; justify-content: space-between; margin-bottom: 0;;}
.device_box dl dt {display: flex; flex-direction: column; gap: 4px; padding-left: 60px; background-repeat: no-repeat; background-position: left center;}
.device_box.mobile dl dt {background-image: url('../img/icon_mobile_device.svg');}
.device_box.pc dl dt {background-image: url('../img/icon_pc_device.svg');}
.device_box.game dl dt {background-image: url('../img/icon_game_device.svg');}
.device_box.etc dl dt {background-image: url('../img/icon_etc_device.svg');}
.device_box dl dt span {color: #1F2125; font-size: 16px; font-weight: 500; line-height: 130%;}
.device_box dl dt .device_code {color: #1F2125;}
.device_box dl dt .device_name {color: #4D5461;}
.device_box dl dt .device_name .pointcolor {padding-left: 4px; font-size: 14px; font-weight: 500;}
.device_box dl dd {display: flex; align-items: center; gap: 10px; width: 206px; margin-bottom: 0;}
.device_box dl dd .btn {flex: 1; min-width: 98px; padding: 8px 28px; margin-bottom: 0; color: #4D5461; line-height: 1.2;}

.device_box.empty {padding: 16px; border: 1px dashed #D6D7DE; display: flex; align-items: center; justify-content: center;}
.device_box.empty .btn {position: relative; display: inline-flex; flex-direction: column; align-items: center; padding: 0; margin-bottom: 0; color: #828591; font-size: 16px; font-weight: 600; text-align: center;}
.device_box.empty .btn::before {content:''; display: block; width: 24px;
height: 24px; background: url('../img/icon_cir_plus.svg') no-repeat center;}

.device_box.upgrade {padding: 24px;}
.device_box.upgrade dl {flex-direction: column;}
.device_box.upgrade dl dt {display: flex; align-items: flex-start; flex-direction: row; justify-content: space-between; width: 100%; padding-left: 0; margin-bottom: 20px; background: none;}
.device_box.upgrade .tit {color: #262c36; font-size: 22px; font-weight: bold; line-height: 140%; }
.device_box.upgrade .tit .desc {margin: 8px 0 0; color: #4d5461; font-size: 16px; font-weight: 400; line-height: 120%;}
.device_box.upgrade .price span {color: #828591; font-size: 16px; font-weight: 500; line-height: 170%;}
.device_box.upgrade .price b {color: #1F2125; font-size: 22px; font-weight: bold; line-height: 140%;}
.device_box.upgrade dd {width: 100%;}
.device_box.upgrade dd .btn {padding: 12px 28px; color: #E6007E; font-size: 16px;}

.device_list {display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-top: 12px; width: 100%;}
.device_list li {width: calc(25% - 6px);}
.device_list li a {display: inline-flex; align-items: center; justify-content: center; width: 100%; height: 100%; padding: 11px 9px; border: 1px solid #D6D7DE; border-radius: 8px; color: #4d5461; font-size: 16px; font-weight: 500; line-height: 130%;}
.device_list li.active a {border-color: #E6007E; color: #E6007E;}

h3.icotit {display: flex; align-items: center; gap: 4px; margin-bottom: 20px; color: #1F2125; font-size: 26px; font-weight: 700; line-height: 120%;}
h3.icotit::before {content:''; display: block; width: 24px; height: 24px; background: url('../img/icon_add_device.svg') no-repeat center;}

/* help accordion */
.help_accordion .accordion-item {padding: 24px; border: 1px solid #E9EBF0; border-radius: 8px;}
.help_accordion .accordion-item+.accordion-item {margin-top: 12px;}
.help_accordion .accordion-item:has(.accordion-collapse.show) {border-color: #E6007E;}
.help_accordion .accordion-button {position: relative; justify-content: space-between; padding: 0; color: #1F2125; font-size: 22px; font-weight: 500; line-height: 130%;}
.help_accordion .accordion-button::after {width: 28px; height: 28px; margin: 0; background: url('../img/down-arrow-dark.svg') no-repeat center; transform: rotate(0); background-size: 14px 9px;}
.help_accordion .accordion-button:not(.collapsed)::after {width: 28px;height: 28px; background: url('../img/down-arrow-dark.svg') no-repeat center; transform: rotate(180deg); background-size: 14px 9px;}
.help_accordion .accordion-body {margin-top: 32px; padding: 20px; border-radius: 12px; background-color: #FFF4FA; color: #4D5461; font-size: 20px; font-weight: 500; line-height: 130%;}
.help_accordion .accordion-body > p {margin: 0;}
.help_accordion.qna .accordion-button {padding-left: 18px;}
.help_accordion.qna .accordion-button::before {content: ''; display: block; position: absolute; left: 0; top: 11px; width: 6px; height: 6px; border-radius: 50%; background: #E6007E;}

.video_wrap {position: relative; display: flex; align-items: center; justify-content: center; background-color: #B3B3B3; aspect-ratio: 16 / 9; width: 100%; overflow: hidden; margin: 8px 0 24px;}
.video_wrap:last-child {margin-bottom: 0;}
.video_wrap iframe,
.video_wrap video {position: absolute; inset: 0; width: 100%; height: 100%; border: 0;}
.btn_play {display: inline-flex; align-items: center; justify-content: center; width: 86px; height: 65px; padding: 0; border: 0; background: transparent; font-size: 0;}
.btn_play .ico_play {display: block; width: 86px; height: 65px; background: url('../img/icon_play.svg') no-repeat center; background-size: 100%;}
.btn_play.play {display: none;}

/* category tab */
.category_tab {margin: 26px 0 6px;}
.category_tab ul {display: flex; align-items: center; gap: 8px;}
.category_tab ul li a {display: inline-flex; align-items: center; justify-content: center; padding: 9.5px 14px; border-radius: 50px; border: 1px solid #828591; color: #4D5461; font-size: 14px; font-weight: 400; line-height: 120%;}
.category_tab ul li.active a {border-color: #262C36; background-color: #262C36; color: #FFF;}

@media (max-width: 1024px) {
  .btn-edit-lg {padding: 4px 10px;}
  .navbar .navbar-main .navbar-brand img {height: 20px;}
  .navbar .navbar-main .btn {padding: 8px 12px; height: 33px; font-size: 14px;}
  .file-ipt .form-control[type="text"] {font-size: 18px;}

  .login-tit {margin-bottom: 48px;}
  .welcome-tit {font-size: 24px;}
  .page-tit {gap: 8px; margin-bottom: 36px;}
  .page-tit .tit {font-size: 24px; font-weight: 700;}
  .page-tit .desc {font-size: 16px;}
  .btn-toggle {font-size: 18px}
  .cont-toggle {margin-top: 16px;}
  .myinfo_tit {font-size: 14px; }
  .myinfo_desc {font-size: 16px;}
  .bill_tit_wrap {margin-bottom: 16px;}
  .bill_tit_wrap .tit {font-size: 18px;}
  .bill_total .myinfo_tit {font-size: 16px; font-weight: 600;}
  .bill_total .myinfo_desc {font-size: 16px; font-weight: 600;}

  /* device */
  .device_box {padding: 16px 12px;}
  .device_box dl {flex-direction: column; align-items: flex-start;}
  .device_box dl dt {display: flex; flex-direction: column; gap: 4px; padding-left: 60px; margin-bottom: 12px; background: url('../img/icon_pc_device.svg') no-repeat left center;}
  .device_box dl dt .device_name {font-size: 14px;}
  .device_box dl dd {width: 100%;}

  .device_box.upgrade {padding: 20px;}
  .device_box.upgrade dl dt {margin-bottom: 16px;}
  .device_box.upgrade .tit {font-size: 20px;}
  .device_box.upgrade .tit .desc {margin: 6px 0 0; font-size: 14px;}
  .device_box.upgrade .price span {color: #828591; font-size: 14px;}
  .device_box.upgrade .price b {font-size: 20px;}
  .device_list li {width: calc(50% - 4px);}

  h3.icotit {gap: 6px; margin-bottom: 12px; font-size: 22px; line-height: 140%;}
  h3.icotit::before {width: 16px; height: 16px; background-size: 100%;}

  /* help accordion */
  .help_accordion .accordion-item {padding: 20px;}
  .help_accordion .accordion-button {font-size: 18px;}
  .help_accordion .accordion-body {margin-top: 24px; font-size: 16px;}
  .help_accordion.qna .accordion-button {padding-left: 14px;}
  .help_accordion.qna .accordion-button::before {top: 9px;}

  .video_wrap {margin: 8px 0 20px;}
  .btn_play,
  .btn_play .ico_play {width: 66px; height: 49px;}

  .category_tab {margin: 20px 0 0;}
}
@media (max-width: 768px) {
  br.mo_br {display: block;}

  .login-tit {margin-bottom: 40px !important; font-size: 36px;}
  .page-tit {gap: 4px;}
  .bill_total .myinfo_tit {font-size: 16px; font-weight: 600;}
  .bill_total .myinfo_desc {font-size: 16px; font-weight: 600;}

  .video_wrap {margin: 8px 0 16px;}
  .btn_play,
  .btn_play .ico_play {width: 37px; height: 27px;}
}


/* jQuery UI ================================================== */
/* datepicker ========== */
.ui-datepicker {display:none; border:1px solid #DDD; border-radius:10px; background-color:#fff; padding:20px 10px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px;}
.ui-datepicker .ui-datepicker-header {position:relative; text-align:center; margin:0 0 10px 0; border: 0; background: #fff;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {border: 1px solid #e2e2e2;background-repeat:no-repeat; background-position:50% 50%; position:absolute; width:30px; height:30px; vertical-align:middle; text-indent:-9999em; cursor: pointer;}
.ui-datepicker .ui-datepicker-prev {left:0; background-image:url('../img/icon_prevarrow.svg');}
.ui-datepicker .ui-datepicker-next {right:0; background-image:url('../img/icon_nextarrow.svg');}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {background-image: none; text-indent:-9999rem;}
.ui-datepicker .ui-datepicker-title {margin:0 2.3em; line-height:1.8em; font-size:1.125rem; text-align:center;}
.ui-datepicker table {width:100%; border-collapse:collapse; font-size:18px; font-weight:400; text-align:center;}
.ui-datepicker th {font-family:'Pretendard'; font-weight:400; font-size: 14px; padding:.7em .3em; border:0;}
.ui-datepicker td {border:0; padding:4px 4px; text-align:center; font-weight:normal;}
.ui-datepicker th:first-child, .ui-datepicker td:first-child {padding-left:0;}
.ui-datepicker th:last-child, .ui-datepicker td:last-child {padding-right:0;}
.ui-datepicker td span, .ui-datepicker td a {display:inline-block; width:38px; height:38px; line-height:38px; cursor:pointer;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {background: #fff;text-align: center;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-state-highlight, .ui-widget-content .ui-state-highlight {border:0; background-color:#e2e2e2; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; color:#333;}
.ui-state-disabled, .ui-widget-content .ui-state-disabled {opacity:.5; filter:Alpha(Opacity=5);}
.ui-datepicker-trigger {display:inline-block; box-sizing:border-box; border:1px solid transparent; background:#FFF url("../img/icon_calendar.svg") no-repeat center center; width:40px; height:40px; margin-left:5px; text-indent:-9999em; vertical-align:middle; position: absolute; bottom: 8px; right: 0;}
.ui-datepicker .ui-datepicker-title select {font-size: 18px; border:0; padding:0; margin-top: -4px; background:none; cursor: pointer;}
.ui-datepicker .ui-datepicker-title .ui-datepicker-month {padding-left: 5px;}
.ui-datepicker-buttonpane {display: flex; flex-wrap: wrap; text-align: center}
.ui-datepicker-buttonpane button {flex: 1;}
.ui-datepicker-current {display:none}
.ui-datepicker-close {padding: 10px 20px; border-radius: 8px; border: 1px solid #D6D7DE; margin-top: 5px;}
.ui-datepicker-today {position: relative;}
.ui-datepicker-today::before {content:''; display: block; width: 3.5px; height: 3.5px; border-radius: 100%; background-color: #E6007E; position: absolute; left: 50%; margin-left: -1px; bottom: 8px;}
.ui-state-default.ui-state-active {border: 1px solid #E6007E; background-color: #fff; color: #E6007E;}