@charset "utf-8";
@import url(./style.css);
@import url(./style.responsive.css);

/* 공통 */
#wrap{position: relative;}
body.menuOn #menu{left: 0;}
body.menuOn .menu_dim{display: none;}
body.userInfoOn #user_info{right: 0;}
#header{background: #4439b2;width: 100%;height: 80px;position: fixed;top: 0;left: 0;z-index: 998;transition: .23s ease;}/* 220421 */
#contents{padding-top: 80px;min-height: calc(100vh - 271px);}
#footer{border-top: 1px solid #e6e6e6;}
.sect{max-width: 1140px;width: 100%; margin: 0 auto;}
.web-hide{display: none;}

.main_page #header{background: rgba(0,0,0,.15);}
.main_page #header:hover{background: #4439b2;}/* 220421 */
.main_page #header.fix{background: #4439b2;}/* 220421 */
.main_page #contents{padding-top: 0;}

/* header */
#header .h_sect{height: 100%;}
#header .row_wrap{display: flex;align-items: center;justify-content: space-between;height: 100%;}
#header .row_wrap .menu_box .btn_menu{width: 30px;height: 30px;display: flex;align-items: center;}
#header .row_wrap .menu_box .btn_menu > div > span{display: block;width: 28px;height: 2px;background: #fff;}
#header .row_wrap .menu_box .btn_menu > div > span:last-child{width: 22px;margin-top: 9px;}
#header .row_wrap .h_logo_box a{display: flex;align-items: center;}
#header .row_wrap .h_logo_box a .plusx_logo{display: flex;align-items: center;}
#header .row_wrap .h_logo_box a .plusx_logo::after{content: '';display: block;width: 15px;height: 15px;background: url(../images/common/h_ico_with.png) no-repeat center;margin-left: 20px;margin-right: 20px;}
#header .row_wrap .h_logo_box a .univ_simbol{display: flex;align-items: center;}
#header .row_wrap .h_logo_box a .univ_simbol .img_wrap{margin-right: 10px;width: auto;height: 32px;}
/* #header .row_wrap .h_logo_box a .univ_simbol .img_wrap span{display: block; width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;filter: brightness(0) invert(1);} 210927 */
#header .row_wrap .h_logo_box a .univ_simbol .img_wrap img{width: auto;max-height: 100%;filter: brightness(0) invert(1);}
#header .row_wrap .h_logo_box a .univ_simbol .univ_name{font-size: 24px;color: #fff;font-weight: bold;}
#header .row_wrap .h_user_box .btn_user{display: block; width: 30px;height: 30px;text-align: right;}
    /* 메인 헤더 */
#header.main .row_wrap .menu_box .btn_back{display: none;}
#header.main .row_wrap .h_user_box .btn_write{display: none;}
#header.main .row_wrap .h_user_box .btn_delete{display: none;}
#header.main .row_wrap .h_user_box .btn_modify{display: none;}
    /* 서브 상세 헤더 */
#header.view .row_wrap .menu_box .btn_back{display: none;}
#header.view .row_wrap .h_user_box .btn_write{display: none;}
#header.view .row_wrap .h_user_box .btn_delete{display: none;}
#header.view .row_wrap .h_user_box .btn_modify{display: none;}
    /* 서브 등록 헤더 */
#header.write .row_wrap .menu_box .btn_back{display: none;}
#header.write .row_wrap .h_user_box .btn_write{display: none;}
#header.write .row_wrap .h_user_box .btn_delete{display: none;}
#header.write .row_wrap .h_user_box .btn_modify{display: none;}
/* //header */

/* gnb */
#menu{position: fixed;top: 0;left: -100%; width: 100%; max-width: 450px;height: 100%;background: #fff;box-shadow:  0 0 25px rgba(0,0,0,0.1);transition: .5s;z-index: 1000;overflow-y: auto;}
#menu .m_head{padding: 30px 35px 40px;display: flex;justify-content: flex-end;}
#menu .m_head .btn_close{display: inline-block; width: 30px;height: 30px;background: url(../images/common/n_btn_close.png) no-repeat center;cursor: pointer;}
#menu .m_body{padding: 0 80px;min-height: calc(100vh - 160px);}
#menu .m_body .user_info{font-size: 18px;margin-bottom: 40px;}
#menu .m_body .quick-box{display: flex;padding-bottom: 30px;border-bottom: 1px solid #e8e8e8;}
#menu .m_body .quick-box a{padding-top: 45px;background-repeat: no-repeat;background-position: center top;}
#menu .m_body .quick-box a.btn_quick_life{flex: 1;background-image: url(../images/common/n_ico_life.png);}
#menu .m_body .quick-box a.btn_quick_shop{flex: 1.5;background-image: url(../images/common/n_ico_shop.png);}
#menu .m_body .quick-box a.btn_quick_news{flex: 1;background-image: url(../images/common/n_ico_news.png);}
#menu .m_body .quick-box a span{display: block; text-align: center;font-size: 14px;}
#menu .m_body .gnb_wrap ul{padding: 40px 0;border-bottom: 1px solid #e8e8e8;}
#menu .m_body .gnb_wrap ul li{margin-bottom: 15px;}
#menu .m_body .gnb_wrap ul li:last-child{margin-bottom: 0;}
#menu .m_body .gnb_wrap ul li a{display: flex;line-height: 20px;box-sizing: border-box;background: url(../images/common/n_side_arr.png) no-repeat center right;position: relative;}
#menu .m_body .gnb_wrap ul li a::before{content: '';display: block;width: 17px;height: 20px;background-repeat: no-repeat; background-position: center;background-size: 17px auto;margin-right: 10px;}
#menu .m_body .gnb_wrap ul li.gnb_all a::before{background-image: url(../images/common/n_side_link1.png);}
#menu .m_body .gnb_wrap ul li.gnb_event a::before{background-image: url(../images/common/n_side_link2.png);background-size: 15px auto;}
#menu .m_body .gnb_wrap ul li.gnb_medical a::before{background-image: url(../images/common/n_side_link3.png);}
#menu .m_body .gnb_wrap ul li.gnb_leisure a::before{background-image: url(../images/common/n_side_link4.png);}
#menu .m_body .gnb_wrap ul li.gnb_life a::before{background-image: url(../images/common/n_side_link5.png);background-size: 16px auto;}
#menu .m_body .gnb_wrap ul li.gnb_shopping a::before{background-image: url(../images/common/n_side_link6.png);}
#menu .m_body .gnb_wrap ul li.gnb_etc a::before{background-image: url(../images/common/n_side_link7.png);background-size: 14px auto;}
#menu .m_body .gnb_wrap ul li.gnb_business a::before{background-image: url(../images/common/n_side_link8.png);background-size: 16px auto;}/* 211008 */
#menu .m_body .gnb_wrap ul li a span{display: block;font-size: 14px;line-height: 20px;}
#menu .m_body .gnb_wrap .btn_inquiry{display: block; font-size: 14px;padding: 20px 0;border-bottom: 1px solid #e8e8e8;background: url(../images/common/n_side_arr02.png) no-repeat center right;}
/* 211005 */
#menu .m_body .gnb_wrap .uni_box{display: block;padding-top: 10px;}
#menu .m_body .gnb_wrap .uni_box .btn_uni{display: block; font-size: 14px;padding: 10px 0;background: url(../images/common/n_side_link.png) no-repeat center right;color: #888;}
/* //211005 */
#menu .m_body .gnb_wrap .banner_wrap{padding-top: 40px;}
#menu .m_body .gnb_wrap .banner_wrap .link_banner{display: block;}
#menu .m_body .gnb_wrap .banner_wrap .link_banner img{display: block;width: 100%;}
#menu .btn_logout{display: none;}/* 211008 */
/* //gnb */
/* user_info */
#user_info{position: fixed;top: 0;right: -100%;width: 100%; max-width: 450px;height: 100%;background: #fff;box-shadow:  0 0 25px rgba(0,0,0,0.1);transition: .5s;z-index: 999;overflow-y: auto;}
#user_info .u_head{padding: 30px 35px 40px;display: flex;justify-content: flex-start;}
#user_info .u_head .btn_close{display: inline-block; width: 30px;height: 30px;background: url(../images/common/n_btn_close.png) no-repeat center;cursor: pointer;}
#user_info .u_body{padding: 0 80px;min-height: calc(100vh - 160px);}
#user_info .u_body h3{display: flex;align-items: center; justify-content: space-between;margin-bottom: 30px;}
#user_info .u_body h3 strong{font-size: 20px;font-weight: normal;}
/* #user_info .u_body h3 .univ_simbol{display: block;width: 30px;height: 30px;background-repeat: no-repeat;background-size: cover;} 210927 */
#user_info .u_body h3 .univ_simbol{display: block;width: auto;height: 30px;}
#user_info .u_body h3 .univ_simbol img{width: auto;max-height: 100%;}
#user_info .u_body .info_box{background: #f6f5fb;padding: 40px 30px;}
#user_info .u_body .info_box dl{padding-left: 45px;position: relative;margin-bottom: 30px;}
#user_info .u_body .info_box dl:last-child{margin-bottom: 0;}
#user_info .u_body .info_box dl::before{content: '';display: block;width: 36px;height: 36px;background: #fff;border-radius: 50%;position: absolute;top: calc(50% - 18px);left: 0;background-repeat: no-repeat;background-position: center;}
#user_info .u_body .info_box dl:nth-child(1)::before{background-image: url(../images/common/u_ico_namecard.png);}
#user_info .u_body .info_box dl:nth-child(2)::before{background-image: url(../images/common/u_ico_user.png);}
#user_info .u_body .info_box dl:nth-child(3)::before{background-image: url(../images/common/u_ico_smartphone.png);}
#user_info .u_body .info_box dl:nth-child(4)::before{background-image: url(../images/common/u_ico_mail.png);}
#user_info .u_body .info_box dl dt{font-size: 12px;color: #666;line-height: 24px;}
#user_info .u_body .info_box dl dd{font-size: 16px;line-height: 24px;}
/* //user_info */
.btn_logout{display: block;width: 100%;height: 60px;line-height: 60px;text-align: center;color: #666;font-size: 13px;border-top: 1px solid #e8e8e8;background: #fff; box-sizing: border-box;}

/* footer */
#footer .sect{display: flex;align-items: center; padding: 40px 0 30px;height: 100%; max-height: 190px;}
#footer .f_info_box{width: calc(100% - 150px);padding-left: 150px;background: url(../images/common/f_logo_ctrla.png) no-repeat center left;}
#footer .f_info_box .top{display: flex;margin-bottom: 15px;}
#footer .f_info_box .top li a{color: #aaa;padding: 0 15px;font-size: 14px;}
#footer .f_info_box .top li:first-child a{padding-left: 0;}
#footer .f_info_box .top li.personal a{color: #151515;}
#footer .f_info_box .txt_box strong{font-weight: normal;line-height: 20px;}
#footer .f_info_box .txt_box ul{display: flex;flex-wrap: wrap;margin-bottom: 18px;}
#footer .f_info_box .txt_box ul li{color: #666;line-height: 20px;padding-right: 15px;}
#footer .f_info_box .txt_box .copyright{color: #888;}
#footer .f_center_box{width: 150px;padding-left: 30px;background: url(../images/common/f_ico_headset.png) no-repeat top left; box-sizing: border-box;}
#footer .f_center_box strong{display: block; font-size: 18px;letter-spacing: normal;margin-bottom: 5px;line-height: 22px;}
#footer .f_center_box p{color: #666;letter-spacing: -0.5px;}
#footer .f_center_box p span{display: block;font-size: 12px;line-height: 16px;}
#footer .f_center_box p span:first-child{font-size: 13px;}
/* //footer */

/* 윙배너, 탑버튼 */
/* .btn_toppage{position: fixed;bottom: 30px;right: 30px;width: 50px;height: 50px;border-radius: 50%;background: rgba(21,21,21,.8) url(../images/common/btn_top_arr.png) no-repeat center;z-index: 997;cursor: pointer;}
.btn_toppage:hover{background: rgba(21,21,21,1) url(../images/common/btn_top_arr.png) no-repeat center;} */
.toppage_box{position: fixed;bottom: 30px;right: 30px;width: 150px;z-index: 997;}
.toppage_box .wing_banner{overflow: hidden;position: relative;border-radius: 12px;}
.toppage_box .wing_banner .badge{position: absolute;top: 25px;left: 20px;z-index: 10;font-size: 15px;line-height: 1;color: #fff;font-weight: 700;}
.swiper-pagination.wingBanner_paging{display: flex;align-items: center;justify-content: flex-end; bottom: auto;top: 28px;padding-right: 20px;box-sizing: border-box;}
.swiper-pagination.wingBanner_paging .swiper-pagination-bullet{width: 3px;height: 3px;background: #fff;opacity: 1;transition: .23s ease;}
.swiper-pagination.wingBanner_paging .swiper-pagination-bullet:first-child{margin-left: 0;}
.swiper-pagination.wingBanner_paging .swiper-pagination-bullet:last-child{margin-right: 0;}
.swiper-pagination.wingBanner_paging .swiper-pagination-bullet-active{width: 9px;height: 9px;}

.btn_toppage{display: none;align-items: center;justify-content: center; width: 100%;height: 46px;border-radius: 12px;background: rgba(21,21,21,.5);z-index: 997;cursor: pointer;font-size: 14px; color: #fff;letter-spacing: normal;transition: .23s ease;margin-top: 10px;}
.btn_toppage.new_top{display: flex;}
.btn_toppage::before{content: '';display: block;width: 16px;height: 20px;background: url(../images/common/btn_top_arr.png) no-repeat center;margin-right: 10px;}
.btn_toppage:hover{background-color: rgba(21,21,21,1);}

/* 220520 제휴사 팝업 버튼 추가 */
.toppage_box .btn_shortcut{width: 100%;height: 70px;border-radius: 12px;text-align: left;padding-left: 62px;box-sizing: border-box;margin-bottom: 6px;color: #fff;background: url(../images/plusx/bg_shortcut.png) no-repeat center;}
.toppage_box .btn_shortcut strong{display: block;font-size: 16px;line-height: 20px;}
.toppage_box .btn_shortcut span{display: block;font-size: 14px;line-height: 20px;}


/* mobile bottom nav */
#mob_bottom_nav{display: none; position: fixed;bottom: 0;left: 0;width: 100%;z-index: 997;background: #fff;box-shadow: 0 0 9px rgba(0,0,0,.15);}
#mob_bottom_nav ul{display: flex;justify-content: space-between; width: 100%;margin: 0 auto;padding: 10px 0;}
#mob_bottom_nav ul li{width: calc(100% / 5);text-align: center;}
#mob_bottom_nav ul li a{display: block; padding-top: 29px;font-size: 11px;font-weight: 300;background-position: center bottom 16px;background-repeat: no-repeat;}
#mob_bottom_nav ul li.btn_nav_home a{background-image: url(../images/common/b_nav_home.png);background-size: 17px auto;}
#mob_bottom_nav ul li.btn_nav_life a{background-image: url(../images/common/b_nav_life.png);background-size: 20px auto;}
#mob_bottom_nav ul li.btn_nav_benefit a{background-image: url(../images/common/b_nav_Benefit.png);background-size: 24px auto;}
#mob_bottom_nav ul li.btn_nav_news a{background-image: url(../images/common/b_nav_news.png);background-size: 19.3px auto;}
#mob_bottom_nav ul li.btn_nav_shopping a{background-image: url(../images/common/b_nav_shopping.png);background-size: 24px auto;}
#mob_bottom_nav ul li.on a{font-weight: bold;}
#mob_bottom_nav ul li.on.btn_nav_home a{background-image: url(../images/common/b_nav_home_on.png);background-size: 17px auto;}
#mob_bottom_nav ul li.on.btn_nav_life a{background-image: url(../images/common/b_nav_life_on.png);background-size: 20px auto;}
#mob_bottom_nav ul li.on.btn_nav_benefit a{background-image: url(../images/common/b_nav_Benefit_on.png);background-size: 24px auto;}
#mob_bottom_nav ul li.on.btn_nav_news a{background-image: url(../images/common/b_nav_news_on.png);background-size: 19.3px auto;}
#mob_bottom_nav ul li.on.btn_nav_shopping a{background-image: url(../images/common/b_nav_shopping_on.png);background-size: 24px auto;}
/* //mobile bottom nav */

/* btn ani */
.contboxbtn{text-align: center;padding-bottom: 12px;}
.contboxbtn a,.contboxbtn a:hover{font-size: 13px; color:#151515; position: relative; z-index: 1; text-align: center; cursor: pointer; padding-right: 12px;}
.contboxbtn a:before{content: '';  position: absolute; border-radius:20px; width: 35px; height: 35px; background: #e5f3ef; right:85%; top: -6px; animation: ani-end 1s; z-index: -1; -webkit-animation-fill-mode: both;}
.contboxbtn a:hover:before{animation: ani 1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;right: 0;}
.contboxbtn a img{padding-left: 25px; vertical-align: middle;-webkit-animation-fill-mode: both;}

@keyframes ani {
    0% {width:35px; right:80%;}
    50% {width:100%; right:0;}
	100% {width:35px; right:0%;}
}
@keyframes ani-end {
    100% {width:35px; right:85%;}
    50% {width:100%; right:0;}
	0% {width:35px;	right:0%;}
}
/* //btn ani */

.nodata{width: 100%; height: auto !important; justify-content: center;}
.nodata p{display: block; font-size: 20px;font-weight: 300;text-align: center; padding: 255px 0;background: url(../images/common/bg_nodata.png) no-repeat center top 170px;}

/* list paging */
.paging{margin-bottom: 80px;position: relative;}/* 210930 120px */
.paging .btn_wrap{position: absolute;top: 0;right: 0;}
.paging .btn_wrap .btn_list_write{display: block;width: 70px;height: 40px;line-height: 40px;text-align: center;color: #fff;background: #4439b2;font-size: 14px;}
.paging .paging_wrap{display: flex;align-items: center;justify-content: space-between; width: 600px;margin: 0 auto;}
.paging .paging_wrap.web-hide{display: none;}
.paging .paging_wrap .paging_left a,.paging .paging_wrap .paging_right a{display: inline-block; height: 35px;background-repeat: no-repeat;background-position: center;}

.paging .paging_wrap .paging_left .paging_first{background-image: url(../images/common/paging_arr_left01.png);width: 35px; margin-right: 5px;}
.paging .paging_wrap .paging_left .paging_prev{background-image: url(../images/common/paging_arr_left02.png);width: 26px;}
.paging .paging_wrap .paging_num .paging_number{display: inline-block;color: #666;width: 35px;height: 35px;background: transparent;margin-right: 4px;border-radius: 50%;text-align: center;line-height: 35px;}
.paging .paging_wrap .paging_num .paging_number:last-child{margin-right: 0;}
.paging .paging_wrap .paging_num .paging_number.active{color: #fff;background: #4439b2;font-weight: bold;}
.paging .paging_wrap .paging_right .paging_last{background-image: url(../images/common/paging_arr_right01.png);width: 35px;}
.paging .paging_wrap .paging_right .paging_next{background-image: url(../images/common/paging_arr_right02.png);width: 26px; margin-right: 5px;}
/* //list paging */

/* 하단 버튼 */
.sub_btn_wrap{margin-bottom: 80px;}/* 210930 120px */
.sub_btn_wrap .list_btn_box{display: flex;align-items: center;justify-content: space-between;border-bottom: 1px solid #e6e5ed; box-sizing: border-box;}
.sub_btn_wrap .list_btn_box a{display: flex;align-items: center;width: calc(50% - 30px);height: 90px;line-height: 90px;text-align: center;}
.sub_btn_wrap .list_btn_box a span{display: block;width: 70px;line-height: 20px;font-weight: bold; box-sizing: border-box;}
.sub_btn_wrap .list_btn_box a p{width: calc(100% - 70px);white-space: nowrap;height: auto;overflow: hidden;text-overflow: ellipsis; font-size: 18px;}
.sub_btn_wrap .list_btn_box a.btn-perv{}
.sub_btn_wrap .list_btn_box a.btn-perv span{padding-left: 30px; background: url(../images/sub/btn_arr_prev.png) no-repeat center left;text-align: left;}
.sub_btn_wrap .list_btn_box a.btn-perv p{padding-right: 65px;padding-left: 15px; text-align: left;}
.sub_btn_wrap .list_btn_box a.btn-next{text-align: right;}
.sub_btn_wrap .list_btn_box a.btn-next span{order: 2;padding-right: 30px; background: url(../images/sub/btn_arr_next.png) no-repeat center right;}
.sub_btn_wrap .list_btn_box a.btn-next p{order: 1;padding-left: 65px;padding-right: 15px;}
.sub_btn_wrap .list_btn_box a.noList{color: #aaa;}
.sub_btn_wrap .list_btn_box a.noList span{width: 12px;font-size: 0;text-indent: -999px;padding: 0;}
.sub_btn_wrap .list_btn_box a.noList.btn-perv span{background: url(../images/sub/btn_arr_prev_nolist.png) no-repeat center left;}
.sub_btn_wrap .list_btn_box a.noList.btn-next span{background: url(../images/sub/btn_arr_next_nolist.png) no-repeat center right;}

.sub_btn_wrap .btns{display: flex;align-items: center;justify-content: center;margin-top: 60px;}
.sub_btn_wrap .btns a{display: block;width: 70px;height: 40px;line-height: 38px;text-align: center;margin-right: 5px;font-size: 14px; box-sizing: border-box;}
.sub_btn_wrap .btns a.btn-delete{background: #fff; border: 1px solid #ff5961;color: #ff5961;}
.sub_btn_wrap .btns a.btn-modify{background: #2bcc9a;border: 1px solid #2bcc9a;color: #fff;}
.sub_btn_wrap .btns a.btn-reply{background: #4439b2;border: 1px solid #4439b2;color: #fff;}
.sub_btn_wrap .btns a.btn-list{background: #e6e5ed;border: 1px solid #e6e5ed;margin-right: 0;}
.sub_btn_wrap .btns button{display: block;width: 70px;height: 40px;margin-right: 5px;font-size: 14px;}
.sub_btn_wrap .btns button:last-child{margin-right: 0;}
.sub_btn_wrap .btns button.btn_confirm{color: #fff;background: #4439b2;}
.sub_btn_wrap .btns button.btn_cancel{background: #e6e5ed;color: #151515;}

/* banner_box */
.banner_box{text-align: center;margin: 80px 0;}
.banner_box .img_wrap{display: block;}
.banner_box .img_box{display: inline-block;}
.banner_box .img_box img{max-width: 100%;}

/* 공통 지도영역 */
.map_area{position: relative;}
.map_area .map_box{width: 100%;height: 300px;background: pink;}
.map_area .map_info{display: flex;align-items: center;justify-content: center; width: 550px; background: #fff;padding: 30px 60px;position: absolute;top: 0;left: 50%;transform: translateX(-50%);box-sizing: border-box;}
.map_area .map_info p{font-size: 15px;font-weight: 700;line-height: 20px;margin-right: 16px;word-break: keep-all;text-align: center;}
.map_area .map_info .btn_link{display: block; flex-shrink: 0; width: 16px;height: 16px;background: url(../images/sub/ico_link_m.png) no-repeat center / cover;}

/* 220520 제휴사 바로가기 팝업 */
.dim{position: fixed;width: 100%;height:100%; top: 0;left: 0; background: rgba(0,0,0,0.8);z-index: 999;}
.layer_popup_layer .layer_popup_area{position: fixed;top: 50%; left:50%; transform:translate(-50%,-50%); width: 100%;  background: #fff;z-index: 1000;}
.layer_popup_layer .layer_popup_area .layer_popup_tit{position: relative; height:60px; line-height:60px;padding-left: 30px;font-size: 18px; color:#151515; font-weight: normal;border-bottom:1px solid #151515;box-sizing: border-box;}
.layer_popup_layer .layer_popup_area .layer_popup_tit .layer_popup_close{display: inline-block; position: absolute;top: 50%; right: 30px; transform:translateY(-50%); width: 19px; height: 19px; background-position: -5px -129px;background: url(../images/plusx/p_btn_close.png) no-repeat center;}

.shortcut .layer_popup_area{max-width: 950px;}
.shortcut .shortcut_cont{display: flex;}
.shortcut .shortcut_cont .left{width: 130px;background: #0bc78d;padding: 27px 0 27px 15px;box-sizing: border-box;}
.shortcut .shortcut_cont .left li input{position: absolute;top: 0;left: -999px;}
.shortcut .shortcut_cont .left li input+label{display: block; color: #fff;font-size: 14px;line-height: 40px;letter-spacing: normal;padding-left: 15px;box-sizing: border-box;}
.shortcut .shortcut_cont .left li input:checked+label{color: #ff5961;font-weight: 700;background: #fff url(../images/plusx/arrow03.png) no-repeat center right 15px;}

#layer_shortcut{display: none;}
.shortcut .shortcut_cont .center{width: calc(100% - 130px);padding: 24px 0 30px;box-sizing: border-box;}
.shortcut .shortcut_cont .center section{font-size: 0; padding: 0 18px 0 24px;height: 420px;}
.shortcut .shortcut_cont .center section ul{display: inline-block;width: calc(100% - 220px);height: 100%; vertical-align: top;}
.shortcut .shortcut_cont .center section ul .mCSB_container{display: flex;flex-wrap: wrap;}
.shortcut .shortcut_cont .center section ul li{width: 100px;height: 70px;border-radius: 4px;box-shadow: 0 0 6px rgba(0,0,0,0.07);border: 1px solid transparent;margin-right: 10px;margin-bottom: 10px;box-sizing: border-box;}
.shortcut .shortcut_cont .center section ul li a{display: block;}
.shortcut .shortcut_cont .center section ul li a p{display: block;text-align: center;color: #ff5961;letter-spacing: normal;padding-top: 2px;padding-bottom: 13px;font-size: 13px;}
.shortcut .shortcut_cont .center section ul li img{display: block;width: 100%;height: auto;}
.shortcut .shortcut_cont .center section ul li:hover{border-color: #ff5961;box-shadow: 0 0 6px rgba(255,89,97,.2);}

.shortcut .shortcut_cont .center section .mCSB_container{padding: 6px 0 0 6px;}

.shortcut .shortcut_cont .add_area{display: inline-block;width: 220px;padding: 0 30px 30px 10px;box-sizing: border-box;vertical-align: top;}
.shortcut .shortcut_cont .add_area a{display: block; border-radius: 6px; overflow: hidden;margin-bottom: 10px;}
.shortcut .shortcut_cont .add_area a:last-child{margin-bottom: 0;}
.shortcut .shortcut_cont .add_area img{display: block;}


#layer_shortcut_view{display: none;}
.shortcut_view_m .layer_popup_area{width: calc(100% - 40px);}
.shortcut_view_m .layer_popup_area .layer_popup_tit{border-bottom-width: 0;height: 55px;line-height: 55px;}
.shortcut_view_m .layer_popup_area .layer_popup_tit .layer_popup_link{font-size: 16px;font-weight: 700;padding-right: 17px;background: url(../images/plusx/arrow04_m.png) no-repeat top 7px right / 7px auto;}
.shortcut_view_m .shortcut_cont .top{padding: 0 20px;margin-bottom: 10px;}
.shortcut_view_m .shortcut_cont .top p{display: block; font-size: 13px;line-height: 18px;color: #3c386a;padding-bottom: 14px;}
.shortcut_view_m .shortcut_cont .top .logo_box{display: flex;align-items: center;}
.shortcut_view_m .shortcut_cont .top .logo_box .logo{width: calc(50% + 20px);}
.shortcut_view_m .shortcut_cont .top .logo_box .logo img{display: block;width: 100%;height: auto;}
.shortcut_view_m .shortcut_cont .top .logo_box .txt{width: calc(50% - 20px);text-align: center;}
.shortcut_view_m .shortcut_cont .top .logo_box .txt .icon{display: inline-block;width: 24px;height: 24px; background: url(../images/plusx/icon_point.png) no-repeat center / cover;margin-bottom: 10px;}
.shortcut_view_m .shortcut_cont .top .logo_box .txt p{font-size: 18px;color: #ff5961;padding-bottom: 0;}
.shortcut_view_m .shortcut_cont .mCustomScroll{padding: 0 20px;padding-bottom: 30px;width: 100%;height: calc(100vh - 280px); box-sizing: border-box;}
.shortcut_view_m .shortcut_cont .mCustomScroll strong{display: block; font-size: 16px;line-height: 1;letter-spacing: normal;margin-bottom: 14px;}
.shortcut_view_m .shortcut_cont .mCustomScroll ul li{display: flex;align-items: flex-start;font-size: 13px;line-height: 22px;word-break: keep-all;}
.shortcut_view_m .shortcut_cont .mCustomScroll ul li::before{content: '- ';}
.shortcut_view_m .shortcut_cont .mCustomScroll .info_box{background: #f8f8f8;padding: 20px;margin-bottom: 30px;}
.shortcut_view_m .shortcut_cont .mCustomScroll .notice_box strong{font-size: 18px;}
.shortcut_view_m .shortcut_cont .mCustomScroll .notice_box ul li{font-size: 14px;}


@media(max-width:768px){
    /* 공통 */
    body.menuOn{overflow: hidden;}
    body.menuOn .menu_dim{display: block;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.7);z-index: 999;}
    .web-hide{display: block;}
    .mob-hide{display: none;}
    .sect{width: calc(100% - 40px);}
    /* header */
    #header{height: 56px;}
    #header .row_wrap .menu_box .btn_menu > div > span{width: 20px;border-radius: 5px;}
    #header .row_wrap .menu_box .btn_menu > div > span:last-child{width: 14px;margin-top: 6px;}
    #header .row_wrap .h_logo_box a .plusx_logo{width: 71px;height: 16px;background: url(../images/common/h_logo_plusx_m.png) no-repeat center left / 71px auto;padding-right: 30px;}
    #header .row_wrap .h_logo_box a .plusx_logo::after{margin-left: 81px; min-width: 10px; width: 10px;height: 10px;background: url(../images/common/h_ico_with_m.png) no-repeat center / 10px auto;}
    #header .row_wrap .h_logo_box a .plusx_logo img{display: none;}
    /* #header .row_wrap .h_logo_box a .univ_simbol .img_wrap{width: 20px;height: 20px;margin-right: 5px;} 210927 */
    #header .row_wrap .h_logo_box a .univ_simbol .img_wrap{width: auto;height: 20px;margin-right: 5px;}
    #header .row_wrap .h_logo_box a .univ_simbol .univ_name{font-size: 14px;}
    #header .row_wrap .h_user_box .btn_user .img_wrap{width: 18px; height: 100%;background: url(../images/common/h_ico_user_m.png) no-repeat center right / 18px auto;margin-left: auto;}
    #header .row_wrap .h_user_box .btn_user .img_wrap img{display: none;}
    /* //header */

    /* sub_head_title */
    #wrap #header .row_wrap .sub_h_title_box{display: none;}
    #wrap.sub_head_title #header .row_wrap .h_logo_box{display: none;}
    #wrap.sub_head_title #header .row_wrap .menu_box{order: 1;}
    #wrap.sub_head_title #header .row_wrap .h_user_box{order: 3;}
    #wrap.sub_head_title #header .row_wrap .sub_h_title_box{display: block; order: 2;}
    #wrap.sub_head_title #header .row_wrap .sub_h_title_box h1{text-align: center; color: #fff;font-size: 20px;}

    /* gnb */
    #menu{max-width: 280px;}
    #menu .m_head{padding: 24px 20px 10px;justify-content: space-between;}
    #menu .m_head .btn_home{width: 30px;height: 20px;background: url(../images/common/n_btn_home_m.png) no-repeat top left / 12px auto;}
    #menu .m_head .btn_close{height: 20px; background: url(../images/common/n_btn_close_m.png) no-repeat top right / 10px auto;}
    #menu .m_body{padding: 0;min-height: calc(100vh - 114px);}
    #menu .m_body .user_info{margin-bottom: 28px;padding: 0 20px;}
    #menu .m_body .quick-box{padding:0 20px 20px;border-bottom-width: 6px;}
    #menu .m_body .quick-box a.btn_quick_life{background-image: url(../images/common/n_ico_life_m.png);background-size: 40px auto;}
    #menu .m_body .quick-box a.btn_quick_shop{background-image: url(../images/common/n_ico_shop_m.png);background-size: 37.33px auto;}
    #menu .m_body .quick-box a.btn_quick_news{background-image: url(../images/common/n_ico_news_m.png);background-size: 44px auto;}
    #menu .m_body .quick-box a span{font-size: 12px;}
    #menu .m_body .gnb_wrap ul{padding: 20px; border-bottom-width: 6px;}
    #menu .m_body .gnb_wrap ul li a{background: url(../images/common/n_side_arr_m.png) no-repeat center right / 7px auto;}
    /* #menu .m_body .gnb_wrap .btn_inquiry{padding: 20px;border-bottom-width: 6px;background: url(../images/common/n_side_arr02.png) no-repeat center right 20px;} 211006 */
    #menu .m_body .gnb_wrap .btn_inquiry{padding: 20px;border-bottom-width: 0;background: url(../images/common/n_side_arr02_m.png) no-repeat center right 20px / 15px auto;}
    #menu .m_body .gnb_wrap .banner_wrap{padding: 25px 20px 40px;}
    /* 211005 */
    #menu .m_body .gnb_wrap .uni_box{border-top: 6px solid #e8e8e8;padding: 20px 20px 0;}
    #menu .m_body .gnb_wrap .uni_box .btn_uni{padding: 0;border-width: 0; background: url(../images/common/n_side_link_m.png) no-repeat center right / 12px auto;}
    #menu .m_body .gnb_wrap .uni_box .btn_uni:nth-child(2){margin-top: 20px;}
    /* //211005 */
    #menu .btn_logout{border-top-width: 0;}
    /* //gnb */

    /* user_info 211008 */
    #user_info .u_body{padding: 0 40px;}

    /* footer */
    #footer .sect{flex-wrap: wrap; padding: 68.3px 0 30px;max-height: none;position: relative;}
    #footer .f_info_box{width: 100%;padding-left: 0;background: none;order: 2;}
    #footer .f_info_box .top{margin-bottom: 26.6px;justify-content: center;position: absolute;top: 30px;left: 50%;transform: translateX(-50%);width: 100%;}
    #footer .f_info_box .top li a{font-size: 12px;padding: 0 10px;}
    #footer .f_info_box .top li:first-child a{padding-left: 10px;}
    #footer .f_info_box .txt_box{text-align: center;}
    #footer .f_info_box .txt_box ul{flex-wrap: wrap;justify-content: center;max-width: 320px;margin: 0 auto 18px;}
    #footer .f_info_box .txt_box ul li{padding-right: 15px;}
    #footer .f_center_box{width: 100%;max-height: 120px; padding-left: 0;background: #f6f6f6;order: 1;text-align: center;margin: 0 auto 33px;padding: 20px 25px;}
    #footer .f_center_box strong{font-size: 24px;margin-bottom: 4px;line-height: normal;}
    #footer .f_center_box p span{font-size: 13px;line-height: 20px;display: inline-block;}
    #footer .f_center_box p span:last-child{display: block;}

    /* mob_bottom_nav 있을 때 */
    #wrap.mob_fix_bottom #mob_bottom_nav{display: block;}
    #wrap.mob_fix_bottom .btn_toppage{bottom: 70px;}
    #wrap.mob_fix_bottom .btn_shortcut{bottom: 108px;}/* 220520 */
    #wrap.mob_fix_bottom .paging .btn_list_write{bottom: 120px;}
    #wrap.mob_fix_bottom #footer .sect{padding-bottom: 93.3px;}

    /* mob_bottom_nav 없을 때 */
    #wrap.mob_no_bottom .btn_toppage{display: none;}
    #wrap.mob_no_bottom #footer{display: none;}
    #wrap.mob_no_bottom .btn_shortcut{display: none;}/* 220520 */

    /* 등록 페이지 헤더 */
    #wrap.mob_head_write #header .menu_box .btn_menu{display: none;}
    #wrap.mob_head_write #header .menu_box .btn_back{display: flex;align-items: center;width: 30px;height: 30px;}
    #wrap.mob_head_write #header .menu_box .btn_back .img_wrap{width: 20px;}
    #wrap.mob_head_write #header .menu_box .btn_back .img_wrap img{width: 100%;}
    #wrap.mob_head_write #header .h_user_box .btn_user{display: none;}
    #wrap.mob_head_write #header .h_user_box .btn_write{display: block;display: flex;align-items: center;width: 30px;height: 30px;}
    #wrap.mob_head_write #header .h_user_box .img_wrap{width: 20px;margin-left: auto;}
    #wrap.mob_head_write #header .h_user_box .img_wrap img{width: 100%;}

    /* 상세 페이지 헤더 */
    #wrap.mob_head_view #header .menu_box{width: 60px;}
    #wrap.mob_head_view #header .menu_box .btn_menu{display: none;}
    #wrap.mob_head_view #header .menu_box .btn_back{display: flex;align-items: center;width: 30px;height: 30px;}
    #wrap.mob_head_view #header .menu_box .btn_back .img_wrap{width: 20px;}
    #wrap.mob_head_view #header .menu_box .btn_back .img_wrap img{width: 100%;}
    #wrap.mob_head_view #header .h_user_box{display: flex;}
    #wrap.mob_head_view #header .h_user_box .btn_user{display: none;}
    #wrap.mob_head_view #header .h_user_box .btn_delete{display: block;display: flex;align-items: center;width: 30px;height: 30px;}
    #wrap.mob_head_view #header .h_user_box .btn_modify{display: block;display: flex;align-items: center;width: 30px;height: 30px;}
    #wrap.mob_head_view #header .h_user_box .btn_delete .img_wrap{width: 20px;margin-right: auto;}
    #wrap.mob_head_view #header .h_user_box .btn_modify .img_wrap{width: 20px;margin-left: auto;}
    #wrap.mob_head_view #header .h_user_box .img_wrap img{width: 100%;}

    #wrap.mob_head_view02 #header .menu_box .btn_menu{display: none;}
    #wrap.mob_head_view02 #header .menu_box .btn_back{display: flex;align-items: center;width: 30px;height: 30px;}
    #wrap.mob_head_view02 #header .menu_box .btn_back .img_wrap{width: 20px;}
    #wrap.mob_head_view02 #header .menu_box .btn_back .img_wrap img{width: 100%;}

    #wrap.mob_head_terms #header .menu_box .btn_back{display: flex;align-items: center;width: 30px;height: 30px;}
    #wrap.mob_head_terms #header .menu_box .btn_back .img_wrap{width: 20px;}
    #wrap.mob_head_terms #header .menu_box .btn_back .img_wrap img{width: 100%;}
    #wrap.mob_head_terms #header .menu_box .btn_menu{display: none;}

    /* //footer */

    /* 윙배너, 탑버튼 */
    .btn_toppage{position: fixed; bottom: 10px;right: 20px;width: 40px;height: 40px;background: rgba(21,21,21,1) url(../images/common/btn_top_arr-m.png) no-repeat center / 12px auto;box-shadow: 0px 5px 8px rgba(0,0,0,.2);font-size: 0;border-radius: 50%;}
    .btn_toppage::before{content: none;}
    .btn_toppage:hover{background-color: rgba(21,21,21,1);}

    /* 220520 제휴사 팝업 버튼 추가 */
    .toppage_box .btn_shortcut{display: flex;align-items: center;justify-content: flex-start;flex-direction: column; width: 60px;height: 110px;background: url(../images/plusx/bg_shortcut_m.png) no-repeat center bottom / cover;border-radius: 30px;padding: 0;text-align: center;position: fixed;bottom: 58px;right: 10px;padding-top: 27px;box-shadow: 3px 1px 8px rgba(0,0,0,.2);}
    .toppage_box .btn_shortcut strong{font-size: 14px;line-height: 16px;}
    .toppage_box .btn_shortcut span{font-size: 11px; line-height: 16px;}

    /* list paging */
    .paging{margin-bottom: 40px;}
    .paging .btn_wrap .btn_list_write{position: fixed;bottom: 60px;right: 10px;width: 40px;height: 40px;border-radius: 50%;background: #4439b2 url(../images/common/btn_ico_write-m.png) no-repeat center / 20px auto;box-shadow: 0px 5px 8px rgba(65,57,178,.5);z-index: 997;font-size: 0;}
    .paging .paging_wrap{width: 100%;}
    .paging .paging_wrap.web-hide{display: flex;}
    .paging .paging_wrap.mob-hide{display: none;}
    .paging .paging_wrap .paging_num .paging_number{margin-right: 5px;}
    .paging .paging_wrap .paging_left .paging_first{width: 23px;margin-right: 0;background-position: center left;}
    .paging .paging_wrap .paging_left .paging_prev{width: 23px;}
    .paging .paging_wrap .paging_right .paging_next{width: 23px;margin-right: 0;}
    .paging .paging_wrap .paging_right .paging_last{width: 23px;background-position: center right;}

    .sub_btn_wrap{margin-bottom: 0;}
    .sub_btn_wrap .list_btn_box{border-bottom-width: 0;}
    /* .sub_btn_wrap .list_btn_box a{height: auto;padding: 28px 0 35px;}210930 */
    .sub_btn_wrap .list_btn_box a{height: auto;padding: 28px 0 0;}
    .sub_btn_wrap .list_btn_box a span{font-weight: normal;}
    .sub_btn_wrap .list_btn_box a p{display: none;}
    .sub_btn_wrap .list_btn_box a.btn-next, .sub_btn_wrap .list_btn_box a.btn-perv{width: auto;}
    .sub_btn_wrap .list_btn_box a.btn-perv span{background: url(../images/sub/btn_arr_prev_m.png) no-repeat center left / 6px auto;padding-left: 16px;}
    .sub_btn_wrap .list_btn_box a.btn-next span{background: url(../images/sub/btn_arr_next_m.png) no-repeat center right / 6px auto;padding-right: 16px;}

    .sub_btn_wrap .list_btn_box a.noList{color: #151515;opacity: .2;}
    .sub_btn_wrap .list_btn_box a.noList span{font-size: 13px;width: 70px;text-indent: 0;}
    .sub_btn_wrap .list_btn_box a.btn-perv.noList span{background: url(../images/sub/btn_arr_prev_m.png) no-repeat center left / 6px auto;padding-left: 16px;}
    .sub_btn_wrap .list_btn_box a.btn-next.noList span{background: url(../images/sub/btn_arr_next_m.png) no-repeat center right / 6px auto;padding-right: 16px;}

    .sub_btn_wrap .btns{margin-top: 0;}
    .sub_btn_wrap .btns a{margin-right: 0;}
    .sub_btn_wrap .btns a.btn-delete, .sub_btn_wrap .btns a.btn-modify, .sub_btn_wrap .btns a.btn-list{display: none;}
    .sub_btn_wrap .btns a.btn-reply{position: fixed;bottom: 60px;right: 10px;width: 40px;height: 40px;border-radius: 50%;background: #4439b2 url(../images/common/btn_ico_reply-m.png) no-repeat center / 20px auto;box-shadow: 0px 5px 8px rgba(65,57,178,.5);z-index: 997;font-size: 0;}
    #contents{padding-top: 56px;min-height: calc(100vh - 467px);}

    /* banner_box */
    .banner_box{margin: 40px 0;}
    .banner_box img{display: block;width: 100%;height: auto;}

    /* 공통 지도영역 */
    .map_area .map_box{height: 200px;}
    .map_area .map_info{padding: 15px 30px;width: calc(100% - 52px);}
    .map_area .map_info p{font-size: 13px;line-height: 1.2;margin-right: 10px;}

    /* 220520 제휴사 바로가기 팝업 */
    .layer_popup_layer .layer_popup_area{top: 0; left:0; transform: none;}
    .layer_popup_layer .layer_popup_area .layer_popup_tit{text-align: center;font-size: 20px;height: 56px;line-height: 56px;border-color: #e6e6e6;}
    .layer_popup_layer .layer_popup_area .layer_popup_tit .layer_popup_close{right: 20px;width: 15px; height: 15px;background-image: url(../images/plusx/p_btn_close_m.png);background-size: cover;}
    .layer_popup_layer .layer_popup_area .layer_popup_tit .layer_popup_link{font-size: 16px;font-weight: 700;padding-right: 17px;background: url(../images/plusx/arrow04_m.png) no-repeat top 7px right / 7px auto;}

    .shortcut .shortcut_cont{height: calc(100vh - 56px);}
    .shortcut .shortcut_cont .left{width: 110px;padding: 16px 0 16px 10px;}
    .shortcut .shortcut_cont .left li input+label{font-size: 13px;padding-left: 10px;}
    .shortcut .shortcut_cont .left li input:checked+label{color: #ff5961;font-weight: 700;background-image: url(../images/plusx/arrow03_m.png);background-size: 6px auto;}
    .shortcut .shortcut_cont .center{width: calc(100% - 110px);height: 100%; padding: 17px 0 0;}
    .shortcut .shortcut_cont .center section{padding: 0 0 0 14px;height: calc(100vh - 80px);padding-bottom: 13px;box-sizing: border-box;}
    .shortcut .shortcut_cont .center section ul{display: flex;flex-wrap: wrap;width: 100%;}
    .shortcut .shortcut_cont .center section ul .mCSB_container{padding-right: 20px;}
    .shortcut .shortcut_cont .center section ul li{width: calc(50% - 5px);height: auto;margin-right: 10px;}
    .shortcut .shortcut_cont .center section ul li:nth-child(2n){margin-right: 0;}
    .shortcut .shortcut_cont .center section .mCSB_container{padding: 6px;}
    .shortcut .shortcut_cont .add_area{display: none;}

    #layer_shortcut_view{display: block;}
    .shortcut_view_m .layer_popup_area{top: 50%; left:50%; transform: translate(-50%, -50%);}
    .shortcut_view_m .layer_popup_area .layer_popup_tit{text-align: left;padding-left: 20px;}

}