@charset "UTF-8";

.hidden {border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}

/* header */
.inner{width:1200px}
#header h1{top:37px}

/* main */
.main_wr {overflow-x:hidden;line-height:20px;}
.main_intro {color:#1c969a;line-height:28px;font-size:23px;margin:15px 0 18px 25px;}
.main_intro a {text-decoration:underline; color: #1c969a;}
.main_intro .intro_txt {display:block;color:#111;}

.main-section{overflow:hidden;padding-top:99px;background-color:#f7f8fc;text-align:center}
.main-section-inner .nh-introduce__title .main-title{font-size:80px;color:#222;font-weight:700;line-height:1;letter-spacing:-3.6px}
.main-section-inner .nh-introduce__title .sub-title {display:block;font-size:40px;font-weight:700;letter-spacing:-2px;color:#146de8;margin-bottom:19px;}
.main-section-inner .description{display:block;margin-top:40px;font-size:20px;font-weight:500;line-height:34px;letter-spacing:-0.4px;color:#555;}
.main-btn-box{margin-top:61px}
.main-btn-box .main-btn-list{display:flex;justify-content:center;gap:19px}
.main-btn-box .main-btn-link{display:block;width:245px;height:66px;font-size:24px;color:#146de8;background-color:#fff;line-height:66px;border:1px solid #146de8;letter-spacing:-1px}
.main-btn-box .main-btn-item:last-child .main-btn-link{border-color:#222;color:#fff;background-color:#222}
.main-visual-box{margin:50px auto 0;max-width:725px}
.main-visual-box img{width:100%}
.main-visual-box .main-m-img{display:none}

/* -----------------------------------------------
	[COMMON] 팝업
------------------------------------------------- */
.overlay {position:fixed;top:0;left:0;background-color:rgba(0,0,0,.7);z-index:101;width:100%;height:100%;}
.overlay + .layer_pop.on {z-index:101;}
.scroll_off {overflow:hidden;}
.layer_pop {display:none;z-index:101; position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); text-align:center; width:600px; background:#fff; box-shadow:0px 30px 60px rgba(0, 0, 0, 0.3); -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); }
.pop_inner {width:100%;padding:30px 20px 55px 20px;border-radius:25px 25px 0 0;background-color:#fff;box-shadow:rgba(0,0,0,.1) 5px 5px 5px;}
.pop_inner .pop_tit {color:var(--color4);font-weight:500;margin-bottom:2.0rem;word-break:keep-all;}
.pop_inner .pop_con {font-size:15px;margin:0 0 25px;}
/* 레이어팝업 : 메인이벤트 */
.layer_pop#mainpop01 {height:42.2778%;}
.layer_pop .type_main {position:relative;padding:0;height:100%;}
.layer_pop .type_main .pop_con {padding:0;margin-bottom:0;height:100%;}
.layer_pop .type_main .pop_tit {position:absolute;top:0;left:-9999em;}
.layer_pop .type_main .wrap_action {height:14.9655%;}
.layer_pop .type_main .btn_mainPop_close {position:absolute;top:0;bottom:0;right:20px;line-height:100%;font-size:14px;color:#111;z-index:3;font-weight: 600;}
.layer_pop .type_main .today_not {color:#888;line-height:100%;margin-left:20px;margin-top:0;text-decoration:none;font-size:14px;color: #000;font-family: 'NotoSans-Regular', 'Montserrat-Light', 'Malgun Gothic', sans-serif;}
.layer_pop .type_main .swiper {width:100%;height:calc(100% - 14.9655%);border-radius:25px 25px 0 0;}
.layer_pop .type_main .swiper-slide {overflow: hidden;}
.layer_pop .type_main .swiper-slide a {display:block;width:100%;height:100%;}
.layer_pop .type_main .swiper-slide img {width:100%;height:100%;}
.layer_pop .type_main .swiper-pagination-fraction {font-size:11px;position:absolute;top:20px;left:auto;right:20px;width:2.7rem;height:15px;}
/* 버튼영역 : 액션버튼 */
.wrap_action {display:flex;position:fixed;left:0;right:0;bottom:0;width:100%;z-index:5;}
.layer_pop.type_btm .wrap_action {position:absolute;}

@media only screen and (max-width:360px) {
    .layer_pop {width: 300px;}
}
@media screen and (max-width: 629px) {
    .layer_pop {width: 80%;}
}

@media (max-width: 1000px){
    .main-section{padding-top:40px}
    .main-section-inner .nh-introduce__title .sub-title{margin-bottom:10px;font-size:18px;letter-spacing:-1.44px}
    .main-section-inner .nh-introduce__title .main-title{font-size:32px}
    .main-section-inner .description{padding:0 40px;margin-top:24px;font-size:14px;line-height:1.36;word-break:keep-all}
    .main-btn-box{margin-top:35px}
    .main-btn-box .main-btn-list{gap:10px}
    .main-btn-box .main-btn-link{width:123px;height:33px;font-size:14px;line-height:33px}
    .main-visual-box{padding:0 16px;margin-top:33px}
    .main-visual-box .main-pc-img{display:none}
    .main-visual-box .main-m-img{display:block;}
    .br{display:none}
}   

@media screen and (min-width: 1001px) {
    .main_intro {display:none;}
}

@media screen and (min-width: 1024px) {
    /* 메인 레이어팝업 높이 */
    .layer_pop#mainpop01 { height: 32.2778%; }
}

/* header */
#header_new.type_2023 {border-bottom:1px solid #d3dedf;}
#header_new.type_2023 .inner {width: 1200px;}
#header_new.type_2023 .inner img{width:auto}
#header_new.type_2023:hover {border-bottom:1px solid #d3dedf;}
#header_new.type_2023 h1 {bottom:17px;top:auto;}
#header_new.type_2023 h1 a {display:block;}
#header_new.type_2023 .utils{position:absolute;right:40px;bottom:24px;}
#header_new.type_2023 .utils .my-menu a {padding:0 16px;}
#header_new.type_2023 .utils .my-menu a:last-child {position:relative;padding-left:17px}
#header_new.type_2023 .utils .my-menu a:before {content:"";display:block;width:1px;height:16px;background:#ccc;position:absolute;left:0;top:1px;}
#header_new.type_2023 .utils .my-menu a:first-child:before{display:none}
#header_new.type_2023 .gnbSrchBt{top:auto;bottom:24px;}
#header_new.type_2023 .gnbSrchBt.on { top: 55px;}
#header_new.type_2023 .gnb-container {width:auto;margin:0;text-align:center; transition: all .5s ease;}
#header_new.type_2023 .gnb-container .gnb-one-container:first-child {margin-right:10px;}
#header_new.type_2023 .gnb-container .gnb-one-container .font-msr-bold {font-family:"NotoSans-Bold" !important;}
#header_new.type_2023 .gnb-container .gnb-one {padding:47px 0 17px 0;font-size:19px;line-height:32px;width:180px;}
#header_new.type_2023:hover .gnb-two-container {height:375px;}
#header_new.type_2023 .gnb-container .gnb-two-container {top:105px;}
#header_new.type_2023 .gnb-container .gnb-two-container > li a {color:#666;line-height:24px;margin-top:0;font-size: 15px; text-align:center;}
#header_new.type_2023 .gnb-container .gnb-two-container > li a {padding-bottom:0;}
#header_new.type_2023 .gnb-container .gnb-two-container > li a:hover{position:relative;color:#111; }
#header_new.type_2023 .gnb-container .gnb-two-container > li a:hover::after {content: '';display:block;position:absolute;bottom: 0;left: 0;width: 100%; height: 2px;background-color: #c2c5c5; }
#header_new.type_2023 .gnb-container .gnb-two-container.thr a {text-align:center;}
#header_new.type_2023 .gnb-container .gnb-two-container li:nth-child(n+2) a {margin-top:6px};
#header_new.type_2023 .gnb-container .gnb-two-container.thr {width:160px;text-align:center;}
#header_new.type_2023 .gnb-container .gnb-two-container.thr li:nth-of-type(1) .gnb-two {margin-bottom:0;}
#header_new.type_2023 .gnb-container .gnb-two-container.thr li:nth-of-type(2) .gnb-two {padding-top:0;margin-bottom:0;}
#header_new.type_2023 .gnb-container .gnb-two-container.thr li:last-child .gnb-two {padding-left:0;}
#header_new.type_2023 .gnb-container .gnb-two-container.thr li .gnb-two {padding-left:0;width:180px;}
#header_new.type_2023 .gnb-container .gnb-two-container  .gnb-thr-container {position:static;width:180px;}
#header_new.type_2023 .gnb-container .gnb-two-container  .gnb-thr-container > a { margin-top:0;font-family:'NotoSans-Regular'; line-height:19px; color:#999;}
#header_new.type_2023 .gnb-container .gnb-two-container  .gnb-thr-container li:first-child a {padding-top: 0;}
#header_new.type_2023 .gnb-container .gnb-two-container  .gnb-thr-container li:last-child a {margin-bottom: 10px;}
#header_new.type_2023 .gnb-container .gnb-two-container  .gnb-thr-container > li a.gnb-two:hover span {position:relative;color:#111; text-align: center;}
#header_new.type_2023 .gnb-container .gnb-two-container  .gnb-thr-container > li a:hover span::after {content: '';display: inline-block; position:absolute;bottom: 0;left: 0; width: 100%;height: 1px;background-color: #50aaaa; }
#header_new.type_2023 .gnb-container .gnb-two-container  .gnb-thr-container > li a:hover::after  {content: '';display: inline-block; position:absolute;bottom: 0;left: 0; width: 100%;height: 1px;background-color: transparent; }
#header_new.type_2023 .gnb-container .gnb-two-container  .gnb-thr-container a span {padding: 0; }
#header_new.type_2023 .inner{justify-content:center}

/* 회원탈회 */
.myInfoRevise-type .leaveDiv .point_coop_tip{float:none;margin-top:50px}
.myInfoRevise-type .leaveDiv .point_coop_tip .dotted-list__txt{font-size:14px}
.myInfoRevise-type .leaveDiv .myPointInfo li{width:25%}
.myInfoRevise-type .bg-desc-box {padding:20px;margin-top:10px;background:#f7f8fc;border-radius:13px;}
.myInfoRevise-type .bg-desc-box__row {display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}
.myInfoRevise-type .accountDiv{width:680px}
.myInfoRevise-type .taC{display:inline-block;margin-left:10px}
.myInfoRevise-type .input-area .r-area {font-family: "Montserrat-Bold";font-size: 20px;color: #666;position: absolute;top: 13px;right: 10px;}
.myInfoRevise-type .warnTxt{margin-top:10px;font-size:14px;text-align:left;line-height:18px}
.myInfoRevise-type .taC.mt40{display:block;margin-bottom:40px}
.myInfoRevise-type button.btn-yellow:disabled{background-color:#eee;color:#767676}

/* 로그인 */
.joinDiv .loginDiv .snsLogin .snsBtn a.hphone {background:url("../img/snslogin_icon5.png") no-repeat center 0; background-size: 50px 50px;}
.joinDiv .loginDiv .snsLogin .txt{float:none}
.joinDiv .loginDiv .snsLogin .snsBtn{float:none;margin-top:20px}
.memPage.new2019_step03 .joinDiv .empNoInput{overflow:hidden}

/* 이용약관 */
.tab-head .swiper-slide{margin:0 5px}
.privacy-info-sub-title{text-align:right}
.privacy-info-sub-title span{font-size:18px}
.privacy-info-box .txt{margin-top:10px;line-height:21px}
.privacy-info-box table{border-top: 1px solid #767676;border-bottom: 1px solid #767676;border-right: 1px solid #ddd;}
.privacy-info-box table+table{margin-top:20px}
.privacy-info-box .table-type3{border-top:0}
.privacy-info-box table tr:first-child th:first-child{border-bottom:0}
.privacy-info-box table tr:last-child th,.privacy-info-box table tr:last-child td{border-bottom:0}
.privacy-info-spec{text-align:right;line-height:24px}
.privacy-info-box .privacy-info-spec .privacy-info-lbl{display:inline-block;margin-right:30px;color:#000;font-weight:400;vertical-align:top;font-style:normal}
h2.page-title{margin-top:74px}
.terms-content .circle_list > li{font-size:16px;line-height:22px}
.select__box{background-color:#fff}
.terms-content .bg-desc-box{line-height:21px}
.terms-content .info_count01 > ol > li{font-size:16px}
.terms-content .table-type3 table th, .terms-content .table-type3 table td{font-size:16px}
.terms-content .table-type3 table td{line-height:21px}
.terms-content.privacy-guide .btn-yellow{line-height:inherit}
.myPoint .curMyCard li{height:auto}
.m-to-m-sticker .sticker-v2 .btn span{line-height:50px}
.unitedDiv .unitedList .list .img img{width:auto}

#Pass-srchPop.lyPop-wrap.opi .memPass .btn-yellow:nth-of-type(1){margin-bottom:0}
#Pass-srchPop.lyPop-wrap.opi .lyPop{height:400px !important}
.myNhmDiv .myPointNum strong{display:inline-block;vertical-align:top}
.myNhmDiv .myPointNum span{padding-right:0;background:none}
.joinDiv .step2019_num01 img{width:auto}
.search-area{width:auto}
.faq-accodian .list > a{padding:17px 80px;min-height:initial}
.myPoint .curMyCard li .txt1,.myPoint .curMyCard li .txt2,.myPoint .curMyCard li .txt3,.myPoint .curMyCard li .txt4{padding-left:25px}
.myPoint .curMyCard li.loss .txt1 span{margin-left:4px}
.joinDiv .input-area.type6{width:195px}
.joinDiv .phoneSelect .input-area{width:271px}
.myPoint .top .registArea > a{margin-top:20px}
.myCardList .registId .txt1{line-height:30px}
.joinDiv .idDiv .list.hpIco:before{display:block;margin:0 auto;background:url("../img/snslogin_icon5.png") no-repeat center center;width:80px;height:80px;border:1px solid #e1e1e1;border-radius:50%;content:''}
.joinDiv .idDiv .list.hpIco > .idTxt{margin-top:15px}
.myInfoRevise .snsList .list.hpIco{background:url("../img/snslogin_icon5.png") no-repeat center 0;}
.memPage.new2019_step04 #container.fixed_app.done .btnBox{bottom:100px}
.memPage.new2019_step04 #container.fixed_app.done .btnBox a{padding:20px 50px;width:auto !important}
.myPoint .tbl_point tr:first-child th, .myPoint .tbl_point tr:first-child td{border-top: 2px solid #777}
.table-type1.myPoint table{border-top:0}
.joinDiv .tab-body{min-height:initial}
.memberJoin.fixed_app.opi .joinDiv.type2.fixed_card .agency_box .agencyBt:nth-of-type(1){width:48%}
.memberJoin.fixed_app.opi .joinDiv.type2.fixed_card .agency_box .agencyBt:nth-of-type(2), .memberJoin.fixed_app.opi .joinDiv.type2.fixed_card .agency_box .agencyBt:nth-of-type(3){width:48%}
.lyPop .postDiv .addressList .bodyDiv .list .right dl dt{height:26px}
.accordion .accordion__button::before{background:url("../img/m_oneD_icon.png") no-repeat center center;background-size:16px}
.accordion__item.is-open .accordion__button::before{background-image:url("../img/m_oneD_icon_on.png")}
.accordion.accordion--side-button .accordion__button{transform:initial;margin-top:-16px}
.lyPop.lyPop_tel2019 .pressDiv .phoneSelect-type .select-area{width:366px}
.termsDiv .list .topDiv .showBt, .termsDiv .list .anoL_showBt{top:13px}
.table-type1 tr th{background-color:#fff}

@media screen and (max-width: 1280px) {
    #header_new.type_2023 .inner {width:auto;}
    #header_new.type_2023 .gnb-container {margin:0;}
}

/* 회원탈회 */
@media all and (max-width:1000px){
    #Pass-srchPop.lyPop-wrap.opi .lyPop{height:370px !important}
    .joinDiv .phoneSelect .input-area{width:100%}
    .myPoint .top .registArea > a{margin-top:15px}
    .mLnb{display:none}
    .table-type1.myInquiry tr td{border:0}
    .joinDiv .idDiv .list.hpIco{padding:30px 3% 0;background:none;border-top:1px solid #e8e8e8}
    .joinDiv .idDiv .list.kakaoIco{padding-bottom:30px;}
    .joinDiv .idDiv .list.hpIco:before{display:table-cell;margin:0}
    .joinDiv .idDiv .list.hpIco > .idTxt{padding-left:20px}
    .joinDiv .input-area.type6{width:100%}
    .memPage.new2019_step04 #container.fixed_app.done .btnBox a{padding:0}
    .memPage.new2019_step04 #container.fixed_app.done .btnBox{bottom:0}
    .memPage.new2019_step04 #container.fixed_app.done .btnBox a{width:100% !important;height:100%;line-height:60px}
    .table-type1.myPoint table td~td{border-left:0}
    .table-type1.myPoint table.tbl_point td~td{border-left:1px solid #e1e1e1}
    .joinDiv .rwTxt.pl3 p{padding:0 20px}
    .memberJoin.fixed_app.opi .joinDiv.type2 .rwTxt{padding-left:0;margin-left:0;width:100%}
    .memberJoin.fixed_app.opi .joinDiv.type2.fixed_card .agency_box .agencyBt:nth-of-type(1){width:50%;border-right:1px solid #bbb}
    .memberJoin.fixed_app.opi .joinDiv.type2.fixed_card .agency_box .agencyBt:nth-of-type(2), .memberJoin.fixed_app.opi .joinDiv.type2.fixed_card .agency_box .agencyBt:nth-of-type(3){width:50%}
    .memPage.new_2019_idfail .joinDiv.type2.fixed_card .agency_box .agencyBt:nth-of-type(1) span{padding:0 0 0 30px !important;background:url(../img/new2019/ico_join01.png) no-repeat 0 center !important;background-size:23px auto !important}
    .lyPop.lyPop_tel2019 .pressDiv .phoneSelect-type .select-area{margin-bottom:5px}
    .termsDiv .list .topDiv .showBt{top:19px}
}   

@media screen and (max-width: 758px) {
    .myInfoRevise-type .leaveDiv .myPointInfo li{width:auto}
    .myInfoRevise-type .leaveDiv .point_coop_tip{margin-top:30px;font-size:14px;}
    .myInfoRevise-type .accountDiv{margin-bottom:0;width:100%}
    .myInfoRevise-type .accountDiv .inputList .accountTit{display:block;font-size:14px;text-align:left}
    .myInfoRevise-type .accountDiv .inputList{text-align:center}
    .myInfoRevise-type .bg-desc-box .bg-desc-box__row{font-size:13px}
    .myInfoRevise-type .warnTxt{font-size:13px}
    .myInfoRevise-type .taC{margin-left:0;margin-top:15px}
    .myInfoRevise-type .taC.mt40{margin:20px 0 !important}
    .myInfoRevise-type .accountDiv .inputList+.inputList{margin-top:15px}
    .joinDiv .loginDiv .snsLogin .snsBtn a{float:none;display:inline-block;vertical-align:top}
    .privacy-info-sub-title{font-size:13px}
    .privacy-info-sub-title span{font-size:15px}
    .privacy-info-box .txt{font-size:15px}
    .privacy-info-spec{font-size:15px}
    #Pass-srchPop.lyPop-wrap.opi .lyPop{height:330px !important}
    .faq-accodian .list > a{padding:17px 8% 17px 60px;min-height:auto}
    .faq-accodian .list > a:before{top:5px}
    .clauseDiv a.btn-yellow{width:100%}
    .clauseDiv a.btn-yellow+.btn-yellow{margin-top:15px}
    h2.page-title{margin-top:40px}
    .select__box{font-size:15px}
    .terms-content .accordion{margin-top:0}
    .term__select~.terms-content.privacy-policy{padding-bottom:52px}
    .table-type3 td{vertical-align:middle}
    .notice .accordion__button .title{white-space:normal;line-height:1.3}
    .mLnb{display:none}
    .m-to-m-sticker .sticker-v2 .btn span{line-height:40px}
    .tab__buttons{top:0}
    .joinDiv .idDiv .list.hpIco{padding:30px 3% 0;background:none;border-top:1px solid #e8e8e8}
    .joinDiv .idDiv .list.kakaoIco{padding-bottom:30px;}
    .joinDiv .idDiv .list.hpIco:before{display:table-cell;margin:0;width:40px;height:40px;}
    .joinDiv .idDiv .list.hpIco > .idTxt{padding-left:10px}
    #container.memberJoin{padding-bottom:60px}
    .memPage.new_2019_pwcm .myCardList .registId .txt1.secret{padding-top:80px;background-size:44px auto}
    .memPage.new_2019_pwcm .fixed_app .myCardList .registId{min-height:initial}
    .memberJoin .pathDiv .mJoinXBtn{right:5%}
    .lyPop .postDiv .addressList .bodyDiv .list .right dl dt{height:18px}
    .lyPop.lyPop_tel2019 .pressDiv .phoneSelect-type .new209_tit2{position:absolute;left:20px;top:20px;font-size:14px;color:#666;z-index:99}
    .lyPop.lyPop_tel2019 .pressDiv .phoneSelect-type{background-color:#fff}
    .lyPop.lyPop_tel2019 .pressDiv .phoneSelect-type .select-area.type3{width:100%;margin-bottom:0;height:80px}
    .lyPop.lyPop_tel2019 .pressDiv .phoneSelect-type .select-area.type3 > a{padding:30px 0 0 20px;background-position-y:50px;border:0;border-bottom:1px solid #ddd}
    .lyPop.lyPop_tel2019 .pressDiv .phoneSelect-type .select-area.type3 > div{top:79px;margin-bottom:60px}
    .lyPop.lyPop_tel2019 .pressDiv .phoneSelect-type{background-color:#fff}
    .lyPop.lyPop_tel2019 .pressDiv .phoneSelect-type > div a:first-child{border-top:0}
    .lyPop.lyPop_tel2019 .pressDiv .phoneSelect-type .select-area{margin:0;width:366px}
    .lyPop.lyPop_tel2019 .pressDiv .confirmDiv .time,.lyPop.lyPop_tel2019 .pressDiv .sendBt{z-index:10}
}