@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
/* font-family: 'Poppins' */
/* 고객센터 */

.sub__tit {font-size: 3rem; font-weight: 700; color: #111; text-align: center; margin-bottom: 6rem;}
.serv__top {display: flex; justify-content: space-between; border-radius: 3rem; background: #fff; box-shadow: 0 3px 20px rgba(0,0,0,0.08);}
.serv__top__left {padding: 5rem; border-right: 1px solid #ddd; flex: 1;}
.left__tit {display: flex; align-items: center; justify-content: space-between; }
.serv__top__tit {font-size: 2.6rem; color: #111111; font-weight: 400; }
.serv__top__tit b {font-weight: 700;}
.serv__top__tit span {font-size: 1.8rem; font-weight: 700; color: #555555; font-family: 'Poppins'; text-transform: uppercase;}
.left__tit .serv__top__tit span {padding-left: 1rem;}
.left__titPlus {font-size: 1.4rem; font-weight: 700; border: 1px solid #111; padding:0 0.7rem;}
.left__notiList {padding-top: 4rem; border-top: 1px solid #ddd; margin-top: 2rem;}
.left__notiList li a {display: flex; align-items: center; justify-content: space-between; }
.left__notiList li a p {font-size: 1.5rem; font-weight: 400; color: #666;}
.left__notiList li + li {margin-top: 1rem;}
.notiList__tit {padding-right: 2rem; overflow: hidden;    text-overflow: ellipsis;    display: -webkit-box;    -webkit-line-clamp: 1;    -webkit-box-orient: vertical;}
.serv__top__right {padding: 5rem;}
.right__subtit_flex {display: flex; align-items: center; margin-bottom: 1.5rem; gap: 1.5rem; }
.right__subtit {display: inline-block; font-size: 1.6rem; font-weight: 500; color: #111111;}
.right__bd {display: inline-block; font-size: 3.5rem; line-height: 3.5rem; color: #ff7200; font-family: 'Poppins';font-weight: 700;  }
.right__subtit.display {margin-bottom: 0.5rem;}
.right__subtxt {font-size: 1.5rem; font-weight: 400; color: #666;}
.right__txt .serv__top__tit {margin-bottom: 1.5rem;}
.right__txt .serv__top__btn  {margin-top: 3rem;}
.serv__top__btn {border: 1px solid #555555; background-color: #555555; border-radius: 3rem; color: #fff !important; font-size: 1.6rem; display: flex; align-items: center; justify-content: center; font-weight: 500; width: 12rem; height: 4.6rem;}

.serv__btm {display: flex; justify-content: space-between; gap: 7rem; padding: 9rem 0; }
.serv__faq {padding-top: 11rem;}
.serv__faq > b {border-bottom: 2px solid #ff7200; padding-bottom: 1rem; font-size: 1.8rem; color: #ff7200; font-family: 'Poppins';}
.serv__faq .serv__top__tit { color: #000; padding-top: 3rem;}
.serv__faq > span {display: block; font-size: 1.5rem; color: #000; font-weight: 300; padding: 1.5rem 0 3.5rem;}
.serv__faq a {border: 1px solid #ff7200;  background-color: transparent; color: #ff7200 !important;}
.serv__faq a:hover {background: #ff7200; color: #fff !important; transition: all 0.3s;}

.serv__tabWrap {flex: 1; min-width: 0;}
.serv_tablist {display: flex; text-align: center;  width: 100%; }
.renewal .serv_tablist {margin-left: 1.2rem; }
.serv_tablist li{display: flex; justify-content: center; align-items: center; color: #999999; transition: .3s ease; border-bottom: 2px solid transparent; padding-bottom: 1rem; cursor: pointer; font-size: 1.7rem; font-weight: 500; }
.serv_tablist li + li {margin-left: 3rem;}
.serv_tablist li a {color: #999; display: block;}
.serv_tablist li:hover {border-bottom: 2px solid #ff7200;}
.serv_tablist li.current{color: #000; border-bottom: 2px solid #ff7200;}
.tab-content{display: none; position: relative; padding: 5rem 0;}
.tab-content.current{ display: block;}

.swiper-wrapper {min-width: 0;}
.servSlide__inner {position: relative; min-height: 35rem; padding: 3rem 2rem; background: #fff; border-radius: 3rem; box-shadow: 0 3px 20px rgba(0,0,0,0.08);}
.servSlide__cate {display: inline-block; border-radius: 3rem; border: 1px solid #ff7200; color: #ff7200; font-size: 1.5rem; font-weight: 500; padding: 0.5rem 1rem;}
.servSlide__tit {font-size: 1.6rem; font-weight: 500; color: #000; margin: 1rem 0 2rem; overflow: hidden;    text-overflow: ellipsis;    display: -webkit-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;}
.servSlide__txt {border-top: 1px solid #ddd; padding: 2rem 0 0; font-size: 1.5rem; font-weight: 400; color: #555555;} 
.servSlide__txt p {overflow: hidden;    text-overflow: ellipsis;    display: -webkit-box;    -webkit-line-clamp: 6;    -webkit-box-orient: vertical;}
.servSlide__inner__btn {position: absolute; top: 0; left: 0; border-radius: 3rem; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; background: rgba(255,114,0,0.85); opacity: 0; transition: .3s ease; }
.servSlide__inner__btn p {width: 5rem; height: 5rem; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 2.6rem; font-weight: 100; border: 1px solid #fff;}
.servSlide__inner:hover .servSlide__inner__btn {opacity: 1;}

.tab-content .swiper-scrollbar {background: #555555;}
.tab-content .swiper-scrollbar-drag {background: #fff;}
.swiper-button_wrap {position: relative;}
.tab-content .swiper-button-next, .tab-content .swiper-button-prev {margin-top: 0; top: -5rem;}

.tab-content .swiper-button-prev,.tab-content .swiper-button-next{width:7rem;height:2.8rem; padding: 2rem 0; z-index: 1;}
.tab-content .swiper-button-prev{background: url("../img/images/sub/img_tabcontentPrev.png")center no-repeat; background-size: contain; width: 5rem; height: 0.8rem; left: auto; right: 8rem; filter: invert(72%) sepia(1%) saturate(0%) hue-rotate(146deg) brightness(86%) contrast(88%); opacity: 1;}
.tab-content .swiper-button-next{background: url("../img/images/sub/img_tabcontentNext.png")center no-repeat; background-size: contain; width: 5rem; height: 0.8rem;  right: 2rem; filter: invert(72%) sepia(1%) saturate(0%) hue-rotate(146deg) brightness(86%) contrast(88%); opacity: 1;}
.tab-content .swiper-button-prev:hover,.tab-content .swiper-button-next:hover{filter: none; opacity: 1;}
.tab-content .swiper-button-prev:after,.tab-content .swiper-button-next:after{display:none;}

.tab-content .swiper-button-next.swiper-button-disabled, .tab-content .swiper-button-prev.swiper-button-disabled {opacity: 1;}

.memberPage {margin: 0 auto; padding: 5rem 2rem 8rem; }

.popup__topBg {position: relative; }
.popup__topBg::before {content: ""; z-index: 1;  position: absolute; width: 100%; height: 6rem; top: -0.5rem; left: 0; border-radius: 3rem; background: linear-gradient(90deg, #f2b531 0%, #fb7102 100%);}

.wrap440 {max-width: 460px; width: 100%; margin: 0 auto;}

.memberPage .wrap440 { background: #fff; border-radius: 3rem; box-shadow: 10px 10px 30px rgb(0 0 0 / 10%);}
.renewal .memberPage .wrap440 { background: #fff; border-radius: 3rem; box-shadow: 0px 3px 20px rgb(0,0,0,0.08);}
.membercont__top { position: relative; z-index: 2; background-color: #fff; border-radius: 3rem; padding:4rem 2rem 0;}
.memberPage h5 {font-size: 2.5rem; color: #222222; font-weight: 500; text-align: center; margin-bottom: 3.5rem;}
.memberPage h5.addMargin{margin-bottom: 0;}

.join__barwrap {padding: 0 1.5rem 5rem;}
.join__bar {max-width: calc(100% - 5rem); width: 100%; height: 0.5rem;  margin: 0 auto;}
.join__bar.bar0 { background: #ddd;}
.join__bar.bar50 {background:linear-gradient(90deg, #ff7200 50%, #dddddd 50%);}
.join__bar.bar100 {background: #ff7200;}

.join__level__flex {display: flex; align-items: center; justify-content: space-between;}
.join__level {font-size: 1.6rem; font-weight: 300; color: #999999; padding-top: 1.5rem; position: relative;}
.join__level.txt {color: #222;}
.join__level::before {content: ""; position: absolute; width: 1.4rem; height: 1.4rem; background: #dddddd;  border-radius: 50%; top: -0.9rem; left: 50%; transform: translateX(-50%);}
.join__level.on::before { background: #ff7200;}

.agree__contInner {background: #f5f5f5; padding: 3rem; margin-bottom: 8rem;}
.checkIn__top { padding-bottom: 3rem; margin-bottom: 1.5rem; border-bottom: 1px solid #ddd;}
.checkIn__flex {padding-top: 1.5rem;}
.checkIn__flex a {font-size: 1.6rem;}
.checkIn__flex .stt{display:block; font-size: 1.375rem; color: #999; margin-left: 30px;}

.join_st{display:flex; flex-wrap:wrap; align-content: center; align-items: center; margin-top:13px;}
.join_st .my__list__etc{font-size:1.5rem; color:#333; margin:0;}
.join_st .check_right{margin-left:auto;}
.join_st .checkIn input[type=checkbox]+label,
.join_st .checkIn input[type=radio]+label{font-size:1.5rem;}


.checkIn__flex {display: flex; align-items: center; justify-content: space-between;}
.agreeWrap .checkIn.color input[type=checkbox]+label {color: #222; font-weight: 500;}
.agreeWrap .checkIn input[type=checkbox]+label{height:2rem; font-size: 1.5rem; padding-left:2.8rem; line-height:1.8rem; color: #666;}
.agreeWrap .checkIn input[type=checkbox]+label:before,
.agreeWrap .checkIn input[type=checkbox]+label:after{width: 2rem; height: 2rem;}
.agreeWrap .checkIn input[type=checkbox]+label:after { background: #fff url(/img/common/img_check_gray.png) no-repeat center;  position: absolute; left: 0;  top: 0;}
.agreeWrap .checkIn input[type=checkbox]:checked+label:after {opacity: 1; background: #ff7200 url(/img/common/img_check.png) no-repeat center; border: 1px solid #ff7200;}

.memberPage .btnWrap { margin: 0 auto; text-align: center; position: relative; z-index: 2;  }
.memberPage .btnWrap .btnConfirm {display: block; width: 100%; height: 100%; color: #fff; font-size: 1.7rem; font-weight: 500; padding: 2rem; background: #ff7200; border-radius: 0 0 3rem 3rem;}

.self__txt {font-size: 1.5rem; color: #666666; font-weight: 400; text-align: center; padding: 0 0 5rem;}
.self__txt .st {display:block; color:#999;}
.self__box {display: flex; align-items: center; margin-bottom: 8rem;}
.self__txtWrap b {font-size: 1.5rem; color: #222; font-weight: 500;}
.self__txtWrap p {font-size: 1.5rem; color: #666666; font-weight: 300;}
.self__box {display: flex; align-items: center; justify-content: space-between; padding: 1.5rem; background: #f5f5f5; border-radius: 5px;}
.self__left {display: flex; align-items: center; gap: 0.8rem;}
.self__btn {width: 10rem; height: 5.6rem; display: flex; align-items: center; justify-content: center; text-align: center; border-radius: 5px; background: #666; color: #ffffff !important; font-weight: 500; font-size: 1.5rem;}


.intor__wr {margin-bottom: 3rem;}
.intor__wr.byteWrap {position: relative;}
.intor__wr p {font-size: 1.5rem; font-weight: 400; color: #666666; margin-bottom: 1rem;}
.intor__wr input[type=text] {width: 100%; font-size: 1.5rem; color: #999999; padding: 1rem; font-weight: 300; border: 1px solid #e6e6e6;}
.intor__wr input[type=password] {width: 100%; font-size: 2rem; color: #999999; padding: 1rem; font-weight: 300; border: 1px solid #e6e6e6;}
.intor__wr input[type=password]::-webkit-input-placeholder{font-size: 1.5rem;}
.intor__wr .adress__top {display: flex; margin-bottom: 1rem;}
.intor__wr .btn__adressSearch { background: #666; border: none; width: 12rem; justify-content: center; align-items: center; border: none; color: #fff; font-size: 1.5rem;  }

.byteCounter {position: absolute; right: 1rem; bottom: 15px; color: #ff3b5b;}

.intor__wr .inp_st{width: 100%; font-size: 1.5rem; color: #666; padding: 1rem; font-weight: 300; border: 1px solid #e6e6e6; background-color: #f9f9f9;}

.infor__box {display: flex; align-items: center; justify-content: space-between; padding: 3rem 1.5rem; background: #f5f5f5; margin-bottom: 3rem; }
.infor__box.st_info{font-size:1.6rem; display:block; text-align: center; color:#111; font-weight: 400; margin-bottom: 2rem;}
.infor__box.st_info .c_point{color:#ff7200;}
.infor__box.st_info.al{text-align:left; line-height: 1.8;}
.infor__box.st_info .intor__wr{margin-bottom:1.5rem;}
.infor__box.st_info .stt{font-size:2.2rem; font-weight: 600; margin-bottom: 10px;}
.infor__box.st_info .stt img{margin-right:6px;}

.infor__box.st_info2{display:block; padding: 2.5rem 3rem; border-radius: 15px;}
.infor__box.st_info2 .stt{font-size:1.5rem; color:#333;  margin-bottom: 5px;}
.infor__box.st_info2 .stt .st1{font-weight: 500;}
.infor__box.st_info2 .in_ag_list > li{font-size:1.4rem; text-align:left; color:#555; font-weight: 400; margin-bottom:3px;}
.infor__box.st_info2 .in_ag_list > li a {color: #555; font-weight: 400; font-size: 1.4rem;}
.infor__box.st_info2 .in_ag_list > li a:hover {color:#ff7200}

.infor__txtWrap b {font-size: 1.6rem; color: #222; font-weight: 500;}
.infor__txtWrap p {font-size: 1.6rem; color: #666666; font-weight: 300;}
.intor__wr p span {font-size: 1.5rem; color: #ff3b5b; font-weight: 400;}
.g_info{font-size:1.5rem; font-weight: 400; color:#666;}
.g_info a{color:#111; font-weight: 500;} 
.cancel_tt{font-size:2.2rem; font-weight: 700; color:#111;}
.cancel_tt img{margin-right:8px;}
.cancel_tt.st1{font-size:1.6rem; font-weight: 700; color:#333; margin-top:3rem; margin-bottom: 1.5rem;}
.cancel_tt.st1 img{width:25px; height: auto;}

.conf__txt {margin-bottom: 5rem; text-align: center;}
.conf__txt b {font-size: 1.8rem; color: #222; font-weight: 500;}
.conf__txt p {font-size: 1.6rem; color: #666; font-weight: 300;}
.conf__img {margin-bottom: 2rem;}

.memberPage.log .membercont__top {padding-bottom: 4rem;}
.memberPage .checkIn.login_save_id input[type=checkbox]+label {font-size: 1.5rem ; color: #999; font-weight: 300;} 

.intor__wr.mg { margin-bottom: 1rem;}

.memberPage.log .btnWrap {margin-top: 4rem;}
.memberPage.log .btnWrap .btnConfirm {border-radius: 5px;}

.log__list {margin-top: 4rem;}
.log__list a {display: flex; align-items: center; justify-content: space-between; padding: 2rem 1rem;}
.log__list a + a {border-top: 1px solid #ddd;}
.log__list a p {font-size: 1.5rem; font-weight: 300; color: #666666;}

.log__find {display: flex; align-items: center; justify-content: space-between; margin-bottom: 3rem;}
.log__find li {flex: 1 50%; }
.log__find li a {display: flex; align-items: center; justify-content: center; text-align: center; padding: 1.5rem; font-size: 1.6rem; color: #666666; font-weight: 400; border-bottom: 1px solid #ddd;}
.log__find li a.on { border-bottom: 1px solid #ff7200; color: #ff7200;}

.pw__txt {background: #f5f5f5; padding: 2rem; margin-top: 2rem;}
.pw__txt p {font-size: 1.5rem; font-weight: 300; color: #666666; }
.pw__txt p.mg {margin-bottom: 1rem;}
.pw__txt p span {color: #ff7200; font-size: 1.5rem; font-weight: 300;}
.pw__txtFlex {display: flex; gap: 0.5rem; }

.intor__cont .board_write {margin-bottom: 7rem; }

.pw__txt__top {font-size: 1.6rem; color: #111111; font-weight: 400;}
.pw__txt__top span {color: #ff7200;}
.secession .pw__txt {margin: 1rem 0;}
.secession .pw__txt.text {text-align: center;}
.secession .conf__txt {margin-bottom: 2rem;}
.secession .conf__txt b {font-weight: 400; font-size: 1.6rem;}
.memberPage.log .btnWrap.border {margin: 0;}
.memberPage.log .btnWrap.border .btnConfirm { border-radius: 0 0 3rem 3rem;}

/* button */

.my__list{justify-content: flex-end;display: flex;align-items: center;gap: 1rem;margin: 0 0 1rem 0;}
.my__list--items .my__button {padding: 0.3rem 1rem;border: 0.1rem solid #cfcfcf;font-size: 1.4rem;color: #999999;display: block;border-radius: 3rem;}
.my__list--items.on .my__button{color: #ff7200;border: 0.1rem solid #ff7200;}
.my__btn{font-size: 1.4rem;color: #fff !important;background-color: #999999;border-radius: 3rem;padding: 0.5rem 1rem;}
.my__btn.st{color: #999 !important; border:1px solid #999; background-color: transparent;}
.my__btn.st2{display: flex; justify-content: center; align-items: center; gap: 5px; color: #ff7200 !important; border:1px solid #ff7200; background-color: transparent;}
.my__btn.st2 .arrowRightIcon {display: inline-block; width: 9px; height: 9px; background: url('../img/common/arrowRight.svg') no-repeat; background-size: 100% 100%;}

.board_write .jusoArea{display: flex;flex-wrap: wrap;width:calc(100%)}
.board_write .jusoArea .jusoArea__input01{width: calc(100% - 10rem - 1rem);}
.board_write .jusoArea .jusoArea__input02{width: 100%;margin: 1rem 0 0 0;}
.board_write .jusoArea .jusoArea__button{width: 10rem;font-size: 1.6rem;background-color: #666666;color: #fff;margin: 0 0 0 1rem;}

.my__list__caution{margin: 2rem 0 0 0;}
.my__list__caution .bul01{font-size: 1.4rem;color: #999;}
.my__list__caution .bul01::before{background-color: #c9c9c9;}
.my__list__caution .bul01 + .bul01{margin: 0 ;}
.my__list__etc{font-size: 1.4rem;color: #999999;margin: 0.7rem 0 0 0;}

.memberPage .btnModalWrap{border-radius: 0 0 3rem 3rem;overflow: hidden;}

.modal.wrap460 .modal__inner {max-width: 460px; width: 100%;}
.modal.pinNumber .modalCont {padding: 3.5rem 4rem 5rem;}
.modal.pinNumber .intor__wr {margin: 0;}
.modal.pinNumber .intor__wr input[type=text] {background: #fff;}
.modal.pinNumber .text .intor__wr input[type=text] {text-align: center; }
.modal.pinNumber .pw__txt p { padding: 1rem;  font-size: 1.6rem;}
.modal.pinNumber .pw__txt p.bd {font-weight: 500; color: #111; font-size: 1.6rem;}
.modal.pinNumber .pw__txtFlex {font-size: 1.6rem; color: #666666; font-weight: 300; line-height: 2.2rem;}

.modal.pN_st .modalCont {padding: 3.5rem 4rem 5rem;}
.modal.pN_st .intor__wr {margin: 0;}
.modal.pN_st .intor__wr input[type=text] {background: #fff;}
.modal.pN_st .text .intor__wr input[type=text] {text-align: center; }
.modal.pN_st .pw__txt p { padding: 1rem;  font-size: 1.6rem;}
.modal.pN_st .pw__txt p.bd {font-weight: 500; color: #111; font-size: 1.6rem;}
.modal.pN_st .pw__txtFlex {font-size: 1.6rem; color: #666666; font-weight: 300; line-height: 2.2rem;}

.qatit_wrap{margin: 4rem 0 1.5rem}
.my__qatit {font-size: 1.8rem; font-weight: 700; color: #222; /*margin: 4rem 0 1.5rem;*/ }

.my__qalist {border-top: 1px solid #222; max-height: 34rem; overflow: auto;}
.my__qalist li {border-bottom: 1px solid #ddd;}
.my__qalist li .q {display: flex; justify-content: space-between; align-items: center; padding: 2rem 2rem 2rem 1rem; background: #f5f5f5;}
.my__qalist li .q b {font-size: 1.5rem; color: #111; font-weight: 500; display: inline-block; padding-bottom: 0.5rem; padding-right: 2rem;}
.my__qalist li .day {font-size: 1.4rem; font-weight: 300; color: #999999;}
.my__qalist li .a {display: none; padding: 2rem 1rem; border-top: 1px solid #ddd;}
.my__qalist li .a .a__txt {font-size: 1.5rem; font-weight: 400; color: #555; padding-right: 4rem; padding-bottom: 3rem;}
.my__qalist li .a .name {font-size: 1.5rem ; font-weight: 400; color: #555555;}
.my__qalist li .a__inner { display: flex ; align-items: center ;justify-content: space-between;}
.my__qalist li .bul {display: flex ; align-items: center; gap: 1rem; padding: 0;}
.my__qalist li p.border {display: inline-block; border: 1px solid #555; border-radius: 3rem; padding: 0.5rem 1rem; font-size: 1.3rem; font-weight: 400; color: #555; margin-right: 1.5rem;}
.my__qalist li p.comp {border: 1px solid #ff7200; color: #fff; background: #ff7200; } 
.my__qalist li .q.active {background: #fff;}
.my__qalist li .q__tit {flex: 1;}
.my__qalist li .q__arr {width: 1.9rem; height: 1.1rem; position: relative;}
.my__qalist li .q img {position: absolute; left: 0; top: 0; width: 1.9rem; height: 1.1rem; transition: .3s ease;}
.my__qalist li .q img.gray {opacity: 1;}
.my__qalist li .q img.pink {opacity: 0;}
.my__qalist li .q.active img {transform: rotate(180deg);}
.my__qalist li .q.active img.gray {opacity: 0;}
.my__qalist li .q.active img.pink {opacity: 1;}

.my__qalist_box{padding:4em 1em; background: #f5f5f5; font-size:1.4rem; color:#333; text-align: center; border-radius: 15px;}
.no_cont_box{padding:4em 1em; background: #f9f9f9; font-size:1.4rem; color:#333; text-align: center; border-radius: 15px; margin-bottom: 3em;}

.memberPage .btnWrap .btnConfirm.wd {max-width: 30rem; margin: 0 auto;}

.my__qalist .completion .a.active{display:block;}
/**/
.flex{display:flex;}
.flex.fw{flex-wrap:wrap;}
.flex.vc{align-content: center;align-items: center;}
.flex.hc{justify-content: center;}
.flex .mgL{margin-left:auto;}

.fl_wrap > *{float: left}
.fl_wrap:after{content:''; display: block; clear: both;}
.fr{float:right;}

.ac{text-align:center;}

.mb0{margin-bottom:0px !important;}
.mb5{margin-bottom:5px;}

.intor__wr input[type=text].ph_ck_input{width:calc(100% - 12.5rem);}
.board_write input[type=text].ph_ck_input{width:calc(100% - 9.5rem);}
.ph_ck_btn{ background: #666; border: none; width: 12rem; justify-content: center; align-items: center; border: none; color: #fff !important; font-size: 1.5rem; text-align: center; margin-left: auto; border-radius: 5px;}
.board_write .ph_ck_btn{width: 9rem; font-size: 1.4rem;}
.ph_btn{display: block; width: 100%; color: #fff !important; font-size: 1.5rem; background: #ff7200; text-align: center; border-radius: 5px; padding: .9em .5em;}
.fq_icon{display: inline-block; border: 1px solid #555; border-radius: 3rem; padding: 0.5rem 1rem; font-size: 1.3rem; color: #555;}
.fq_icon.st{border: 1px solid #ff7200; color: #fff; background: #ff7200;}

.mh_btn{display:none;}
.mh_btn > li a{border:1px solid #ddd; padding: 1rem 1.8rem; font-size: 1.85em; border-radius: 50px; margin-left:3px;}
.mh_btn > li a:hover{border-color:#ff7200; color:#ff7200;}


.modal.mb_pop .modal__inner{max-width:500px;}
.mb_pop .writeArea{margin:0 0 0 0;}
.mb_pop .intor__wr{margin-bottom:2rem;}
.mb_list {display:flex; flex-wrap:wrap; margin-bottom: 2rem;}
.mb_list > li{flex:50%; box-sizing: border-box; border: 1px solid #ddd; height: 130px; cursor: pointer;}
.mb_list > li{flex:50%; box-sizing: border-box; border: 1px solid #ddd; height: 130px; cursor: pointer;}
.mb_list > li:hover{border-color:#ff7200}
.mb_list > li.on{border-color:#ff7200}
.mb_list > li .in{height:100%;}
.mb_list > li.mb_01 img{width:150px;}
.mb_list > li.mb_02 img{width:70px;}
.mb_list > li.mb_03 img{width:150px;}
.mb_list > li.mb_04 img{width:150px;}

/* 20240206 css 추가 */
.addText {padding: 2rem 2rem 2rem 1.2rem; margin-bottom: 3.2rem; background: #F7F7F7; border-radius: 1.6rem;}
.addText ul li {padding-left: 2rem; margin-bottom: 1.6rem;}
.addText ul li:last-child {margin-bottom: 0;}
.addText ul li p {margin-bottom: 0.4rem; font-size: 1.4rem; line-height: 2.1rem; color: #666;}
.addText ul li p.firstText {position: relative; margin-bottom: 0.8rem;}
.addText ul li:last-child p.firstText {margin-bottom: 0;}
.addText ul li p.firstText::before {content: ''; position: absolute; width: 0.4rem; height: 0.4rem; left: -1.2rem; top: 0.9rem; background: #666; border-radius: 50%;}
.log__find.addLogFind {margin-bottom: 0;}

/* 각종 팝업창 */

@media only screen and (max-width : 1024px){
    .serv__top__left {padding: 3rem;}    
	.serv__top__right {padding: 3rem;}    
	.left__notiList {padding-top: 2.5rem;}	
	.mh_btn{display:flex;}
}


@media only screen and (max-width : 840px){
	.my__btn{font-size:1.65rem;}
	.infor__box.st_info{font-size:1.825em;}
	.intor__wr input[type=text]{font-size:1.825em;}
	.memberPage .btnWrap .btnConfirm{font-size:2em;}
	.serv__btm {flex-wrap: wrap; }
    .serv__faq {width: 100%;}
    .serv__faq {padding-top: 0;}
 	.serv__faq {text-align: center;}
    .serv__faq a {margin: 0 auto;}
	.serv_tablist {justify-content: center;}
	.renewal .serv_tablist{margin-left: 0;}
	.my__list__etc{font-size:1.625rem;}
	.my__list__caution .bul01{font-size:1.625rem;}
	.my__list--items .my__button{font-size:1.7rem;}
	.intor__wr p,	.pw__txt__top{font-size: 1.825rem;}
	.agreeWrap .checkIn input[type=checkbox]+label,
	.pw__txt p{font-size:1.825rem;}
	.checkIn__flex .stt{font-size:1.625rem; margin-left:23px;}
	.join__level,	.self__txt,	.conf__txt b,	.conf__txt p{font-size:1.825rem;} 
	.log__list{margin-top:2rem;}
	.log__list a p,	.log__find li a{font-size:1.825rem;}
	.intor__wr input[type=password]::-webkit-input-placeholder{font-size:1.825rem !important;}
}

@media only screen and (max-width : 640px){
    .servSlide__inner {min-height: 30rem;}
	.mb_list > li{height:110px;}
	.mb_list > li.mb_01 img{width:120px;}
	.mb_list > li.mb_02 img{width:40px;}
	.mb_list > li.mb_03 img{width:120px;}
	.mb_list > li.mb_04 img{width:120px;}

	.sub__tit{margin-bottom:3rem;}
	.my__btn.st1{display:inline-block;}
	.infor__box.st_info br{display:none;}
}

@media only screen and (max-width : 480px){
    .serv__top {flex-wrap: wrap;}
    .serv__top__left {flex: none; width: 100%; border-right: none; border-bottom: 1px solid #ddd;}
   
    .tab-content {padding: 3rem 0 5rem;}
    .tab-content .swiper-button_wrap {display: none;}
   
    .serv__faq > span {font-size: 1.8rem;}

    .servSlide__inner {min-height: 30rem;}
	
	.mh_btn > li a{padding:1rem; font-size:1.45em;}
	#header h1>a{width:15rem;}
		
	.mb_list > li{height:90px;}
	.mb_list > li.mb_01 img{width:100px;}
	.mb_list > li.mb_02 img{width:40px;}
	.mb_list > li.mb_03 img{width:100px;}
	.mb_list > li.mb_04 img{width:95px;}
}