/* 25/03 renew */

.app_menual .sub-cont {border: 1px solid #ccc; padding-bottom: 0;}
.app_menual .sub-cont div {position: relative; width: 90%; margin: 5% auto; border: 1px solid #000;}
.app_menual .sub-cont div span.mark {position: absolute; border: 3px dotted #d71920; border-radius: 50vh;}
.app_menual .sub-cont div p.exp {position: absolute; padding: 5px 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); background-color: #fff; border: 2px solid #0073cb; border-radius: 5px; font-weight: 600;}
.app_menual .sub-cont img {max-width: 100%; width: 100%;}

.chrome .step01 .mark {right: 1.5vw; top: 9.5vw; width: 6vw; height: 6vw;}
.chrome .step01 .exp {right: 0; top: 18vw;}
.chrome .step02 .mark {right: 16vw; bottom: 28vw; width: 41vw; height: 7vw;}
.chrome .step02 .exp {right: 18vw; bottom: 18.5vw;}

.samsung .step01 .mark {right: 2.5vw; bottom: 12vw; width: 8vw; height: 8vw;}
.samsung .step01 .exp {right: 0; bottom: 23vw;}
.samsung .step02 .mark {right: 4.5vw; top: 90vw; width: 17vw; height: 17vw;}
.samsung .step02 .exp {right: 0; top: 109.5vw;}
.samsung .step03 .mark {left: 4vw; bottom: 56vw; width: 23vw; height: 8vw;}
.samsung .step03 .exp {left: 3vw; bottom: 46.5vw;}

.naver .step01 .mark {right: 2.5vw; bottom: 12vw; width: 8vw; height: 8vw;}
.naver .step01 .exp {right: 0; bottom: 22vw;}
.naver .step02 .mark {left: 4vw; bottom: 56vw; width: 40vw; height: 8vw;}
.naver .step02 .exp {left: 4.5vw; bottom: 47.5vw;}


@media screen and (max-width: 1400px) {
    .c_container {padding: 0 10px; box-sizing: border-box;}

    div.header {padding: 13.5px 10px;}
    
    .contents.main {padding: 20px 10px;}
}

@media screen and (max-width: 1200px) {
    #mypanel .m-gnb {display: none;}
}

@media screen and (max-width: 768px) {
    .pc {display: none !important;}
    .pc.d-flex {display: none !important;}
    .mobile {display: block !important;}
    .mobile.d-flex {display: flex !important;}
    .c_container {padding: 0 7.5px;}
    .c_container.d-flex {gap: 0;}

    #ctt header {display: none;}

    body > .contents.c_container {min-height: calc(100vh - 271.5px); padding-top: 92px;}

    .c_container .snb_wrap {position: absolute; left: 50%; transform: translateX(-50%); width: 100vw; margin-top: 0; background-color: #fff; z-index: 3; border-bottom: 1px solid #e1e1e1;}
    .c_container > .snb_wrap > li > a {position: relative; font-size: 18px; padding: 14.5px 0; margin-bottom: 0;}
    .c_container > .snb_wrap > li > a::after {display: inline-block; content: ''; width: 19px; height: 19px; background-image: url(/assets/images/renew/ico_acco_arr.png); background-repeat: no-repeat; background-size: cover; vertical-align: middle; margin-top: -3px; transform: rotate(180deg); transition: 0.3s;}
    .c_container > .snb_wrap > li > a.active::after {transform: rotate(0);}
    .c_container .snb_wrap a img.mobile {display: none !important;}
    .c_container > .snb_wrap .snb {padding: 5px 7.5px; display: none; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);}
    .c_container > .snb_wrap .snb ul {gap: 0;}
    .c_container > .snb_wrap .snb > ul > li:last-of-type > a {border-bottom: 1px solid #e1e1e1;}
    .c_container > .snb_wrap .snb ul a {border-bottom: none;}
    
    .c_container > .snb_wrap + .content_wrap {width: 100%; padding-top: 51px;}
    .c_container.app_menual > .snb_wrap + .content_wrap {padding-top: 0;}
    .c_container.work_schedule > .snb_wrap + .content_wrap {padding-top: 0;}
    
    div.header {position: relative; height: 100%; padding: 0 0 0 7.5px;}
    div.header::before {position: absolute; left: 0; top: 0; content: ''; width: 100%; height: 5px; background-color: #ededed;}

    .header-top {height: auto; padding: 15px 0; background-color: #f3f3f3;}
    .header-top .user-ctr {justify-content: start; gap: 7.5px;}
    .header-top .mypage {gap: 7.5px;}
    .header-top a.login,
    .header-top a.logout {height: 32px; line-height: 26px; font-size: 14px; padding: 3px 8px;}
    .header-top a.login {margin-left: 0 !important; margin-right: auto;}
    .header-top a.login img,
    .header-top a.logout img {width: 15px; height: 15px; margin-top: -3px;}
    .header-top a.my_page {height: 32px; line-height: 26px; font-size: 14px; padding: 3px 8px; background-color: #fff;}
    .header-top a.my_page img {width: 15px; height: 15px; margin-top: -2px;}
    .header-top .btns {flex: 1;}
    .header-top .last_login {position: relative; font-size: 12px; line-height: 1; padding: 3px 8px 3px 25px; background-color: #fff; height: 32px;}
    .header-top .last_login span {display: block;}
    .header-top .last_login img {width: 15px; height: 15px; position: absolute; left: 5px; top: 50%; transform: translateY(-50%);}
    .header-top .close_btn {margin-left: auto; line-height: 32px;}
    .header-top .close_btn img {width: 17px; vertical-align: middle;}

    header {position: fixed; left: 0; top: 0; width: 100vw; height: 92px; background-color: #fff; z-index: 5;}
    header .head-wrap {height: 100%;}
    header .head-wrap .head-logo {position: static; order: 1; display: flex; align-items: center; padding-right: 22.5px;}
    header .head-wrap .head-logo > div {margin-top: 10px;}
    .head-wrap .head-logo {order: 0;}
    .head-wrap .head-logo .logo {line-height: 33px;}
    .head-wrap .head-logo .logo img {width: 40vw; height: auto;}
    .head-wrap .head-logo .logo span {font-size: 16px;}

    .menu_btn_wrap {order: 1; line-height: 1; padding: 0; margin-left: auto;}
    .menu_btn_wrap.mobile {display: flex !important; flex-direction: column; justify-content: space-between;}
    .menu_btn_wrap > * {display: flex; justify-content: end;}
    .menu_btn_wrap .bt {margin-bottom: 10px;}
    .menu_btn_wrap li {position: relative;}
    .menu_btn_wrap li::after {position: absolute; right: -1px; top: 50%; transform: translateY(-50%); content: ''; width: 1px; height: 10px; background-color: #dddddd;}
    .menu_btn_wrap li a {display: block; font-size: 14px; font-weight: 500; padding: 5px; color: #6a6a6a; margin-right: 5px;}
    .menu_btn_wrap li a.fav {border: 1px solid #ffc629; border-radius: 5px; background-color: #fff6dc;}
    .menu_btn_wrap li a img {width: 12px; margin-bottom: -1px;}
    .menu_btn_wrap .logo_btn {height: 44px; box-sizing: border-box; padding: 5px; background-color: #ededed; border-radius: 0 0 50vh 50vh;}
    .menu_btn_wrap .logo_btn img {width: 30px; height: 30px; padding: 2px; background-color: #fff; border-radius: 50vh;}
    .menu_btn_wrap .menu_btn {position: relative; line-height: 1; margin-top: 5px; padding: 12.5px 15px; background-color: #fff; border-radius: 0 50vh 0 0;}
    .menu_btn_wrap .menu_btn::after {position: absolute; right: 0; top: 0; content: ''; width: 20px; height: 20px; background-color: #ededed;}
    .menu_btn_wrap .menu_btn::before {position: absolute; right: 0; top: 0; content: ''; width: 100%; height: 100%; background-color: #fff; border-radius: 50vh; z-index: 1;}
    .menu_btn_wrap .menu_btn img {position: relative; width: 22.5px; height: 15.5px; vertical-align: middle; z-index: 2;}

    #mypanel {order: 2; position: relative; flex-direction: column; flex: none; position: fixed; left: calc(-100vw - 1px); top: 0; width: 100vw; height: 100vh; justify-content: start; background-color: #fff; transition: 0.3s; z-index: 3;}
    #mypanel::after {position: absolute; right: -1px; top: 0; content: ''; width: 1px; height: 100%; background-color: #ccc;}
    #mypanel.open {left: 0;}
    #mypanel .m-gnb {flex: 1; display: block; width: 100%;}
    #mypanel .m-gnb .gnb-wrap {height: 100%;}
    .gnb-wrap > ul {position: relative; flex-direction: column; height: 100%;}
    .gnb-wrap > ul > li {flex: 1; display: flex; position: static; width: auto;}
    .gnb-wrap > ul > li > a {display: flex; flex-direction: column; justify-content: center; gap: 10px; width: 140px; padding: 0 5px; box-sizing: border-box; background-color: #0073cb; color: #fff; text-align: center; font-size: 18px; line-height: 1; word-break: keep-all;}
    .gnb-wrap > ul > li:not(.active):hover > a {color: #fff;}
    .gnb-wrap > ul > li > a img {width: 50px; margin: 0 auto;}
    .gnb-wrap .snb {top: 0; left: 140px; width: calc(100% - 140px); border: none; padding: 0 0 0 17.5px;}
    .gnb-wrap > ul > li.active {background-color: #fff;}
    .gnb-wrap > ul > li.active a {color: #444; background-color: #fff;}
    .gnb-wrap > ul > li.active img {filter: invert(31%) sepia(73%) saturate(1346%) hue-rotate(180deg) brightness(97%) contrast(109%);}
    .gnb-wrap > ul > li.active .snb {display: block;}
    .gnb-wrap .snb li a {font-size: 16px; color: #444; padding: 15px 10px 15px 0; border-bottom: 1px solid #ddd;}
    .gnb-wrap .snb li a::after {right: 10px; width: 9px; height: 14.5px; background-image: url(/assets/images/renew/ico_menu_arr_mo.png); background-size: cover;}

    footer {position: relative; padding: 30px 0 35px 0;}
    footer .c_container {position: relative; flex-direction: row; flex-wrap: wrap;}
    footer .cscenter {top: auto; bottom: 19%; right: auto; left: 50%; transform: translateX(-50%); order: 0; justify-content: center; width: 100%;}
    footer .cscenter a.qna_btn {margin-bottom: 10px;}
    footer .cscenter a.tel_btn {justify-content: center;}
    footer .cscenter a.tel_btn img {max-height: 100%; vertical-align: middle;}
    footer .cscenter .txt {gap: 0;}
    footer .cscenter a p {font-size: 12px; font-weight: 600;}
    footer .cscenter a h4 {font-size: 16px; font-weight: 800; letter-spacing: -0.5px;}

    footer img {max-width: 100%;}
    footer .logo {justify-content: center; line-height: 37.5px; margin-bottom: 0;}
    footer .logo img {width: 200px; height: auto;}
    footer .logo span {font-size: 18px;}
    footer .info_wrap {order: 1; display: block; width: 100%; text-align: center;}
    footer .info_wrap .info {margin: 0;}
    footer .info ul {justify-content: center; gap: 7.5px 15px;}
    footer .info li {font-size: 12px; font-weight: 500;}
    footer .info li:first-of-type,
    footer .info li:nth-of-type(2) {width: 100%; justify-content: center;}
    footer .info .copy {margin-top: 16vw; font-size: 12px; font-weight: 500;}
    footer .info li:nth-of-type(1)::after {display: none;} 
    footer .info li:nth-of-type(3)::after {right: -7.5px; height: 10px;}
    footer .info li span {margin-right: 5px;}

    .sub_breadcrumb {position: relative; height: 36px; border-bottom: none; line-height: 33px; padding-top: 3px;}
    .sub_breadcrumb::before {position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); content: ''; width: 100vw; height: 1px; background-color: #dedede;}
    .sub_breadcrumb .ico_home img {width: auto; height: 15px; margin-top: -5px;}
    .sub_breadcrumb span {font-size: 13px; font-weight: 700; padding-top: 0;}
    .b_title_wrap {border-top: 1px solid #111; margin: 15px 0 0;}
    h4.b_title {height: 46px; font-size: 18px; font-weight: 800; padding: 10px 0 15px 0;}
    h4.b_title::before {top: -2px; height: 3px;}

    .list-basic table thead {display: none;}
    .list-basic table tr {position: relative; display: flex; flex-wrap: wrap;}
    .list-basic table tr::after {position: absolute; right: 0; top: 50%; transform: translateY(-50%); content: ''; width: 9px; height: 16.5px; background-image: url(/assets/images/renew/ico_menu_arr_mo.png); background-size: cover; filter: invert(61%) sepia(16%) saturate(0%) hue-rotate(148deg) brightness(97%) contrast(94%);}
    .list-basic table tbody > tr:first-of-type {border-top: 1px solid #111;}
    .list-basic table tbody > tr {border-bottom: 1px solid #eaeaea; padding: 10px 20px 10px 0;}
    .list-basic table tbody > tr:last-of-type {border-color: #111;}
    
    .list-basic table td {padding: 0; border: none; text-align: left;}
    .list-basic table .num {display: none; order: 0; position: absolute; left: 7px; top: 50%; transform: translateY(-50%); width: auto; font-size: 15px; text-align: center;}
    .list-basic table .subject {order: 1; width: 100%; font-size: 16.5px; margin-bottom: 10px;}
    .list-basic table .subject * {font-size: 16px; font-weight: 600;}
    .list-basic table .name {order: 3; width: auto; font-size: 13px; padding-left: 8px;}
    .list-basic table .name span {font-size: 13px; font-weight: 400;}
    .list-basic table td.datetime {order: 2; position: relative; width: auto; font-size: 13px; font-weight: 400; padding-right: 8px;}
    .list-basic table td.datetime::after {position: absolute; right: 0; top: 50%; transform: translateY(-50%); content: ''; width: 1px; height: 100%; background-color: #eaeaea;}

    #bo_gall #gall_ul>li {padding: 10px 0;}
    #bo_gall .gall_con {gap: 8px;}
    #bo_gall .gall_img {width: 120px;}
    #bo_gall .gall_img a {height: 70px;}
    #bo_gall .gall_text_href {width: calc(100% - 128px); padding-left: 0;}
    .admin_memo_text {font-size: 13px; padding: 12px 10px;}
    #bo_gall .gall_text_href>a {justify-content: center; gap: 5px; height: 100%;}
    #bo_gall .gall_text_href>a strong {font-size: 16px;}
    #bo_gall .gall_text_href>a span {font-size: 13px;}
    #bo_gall .gall_text_href>a b {font-size: 16px;}
    #bo_gall .gall_text_href>a div {bottom: -5px; top: auto; transform: none; right: 7.5px; width: 50px; height: 22.5px; line-height: 22.5px; font-size: 10px;}

    .list-view .view-title.d-flex {flex-wrap: wrap; padding: 10px 0;}
    .list-view .view-price {display: flex; font-size: 16px; padding: 10px 0;}
    .list-view .view-price span.lb-date {line-height: 1.5; font-size: 13px; font-weight: 400; color: #1278d6; padding-right: 10px; margin-right: 0; margin-left: auto;}
    .list-view .view-title .lb-tit {width: 100%; font-size: 16px; margin-bottom: 5px; line-height: 1.2;}
    .list-view .view-title span.lb-date {line-height: 1.5; font-size: 13px; font-weight: 400; color: #1278d6; padding-right: 10px; margin-right: 0;}
    .list-view .view-title span.lb-date::after {height: 15px;}
    .list-view .view-title span.lb-date span {font-size: 13px;}
    .list-view .view-title span.name {gap: 0; line-height: 1.5; font-size: 13px; font-weight: 400; padding-left: 10px; color: #666;}
    .list-view .view-title span.name span {font-size: 13px; font-weight: 400;}
    .list-view .btn-list {width: calc(100% - 60px); height: 50px; line-height: 50px; font-size: 18px; padding: 0; box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);}
    

    .list-view .view-attach {padding: 15px 0;}
    .list-view .view-attach dt {font-size: 14px; margin-bottom: 10px;}
    .list-view .view-attach dt:before {width: 17.5px; height: 15.5px;}
    .list-view .view-attach dd a {font-size: 12px; padding: 5px;}

    .family_event .list-view .view-title.d-flex {position: relative; padding: 10px 0 10px 70px;}
    .family_event .list-view .view-title .lb-tit {margin-bottom: 3px;}
    .family_event .list-view .view-title span.lb-date {line-height: 1;}
    .family_event .view-title .left span {position: absolute; left: 0;}

    .view-comment.basic_skin .comt-head {padding-bottom: 10px;}
    .view-comment.basic_skin .comt-head h3 {font-size: 16px; font-weight: 600;}
    .view-comment.basic_skin .comt-list li {padding: 15px 0; font-size: 16px;}
    .view-comment.basic_skin .comt-list li .c-date {font-size: 12px; font-weight: 300; line-height: 19px;}
    .view-comment.basic_skin .txt-wrap {width: 100vw; left: 50%; transform: translateX(-50%); box-sizing: border-box; padding: 13px 7.5px;}
    .view-comment.basic_skin .txt-wrap textarea {font-size: 15px; padding: 15px 10px;}
    .view-comment.basic_skin .txt-wrap textarea:focus {outline: none;}
    .view-comment.basic_skin .txt-wrap button img {width: 22px;}
    .view-comment .comt-list li .c-txt {padding: 5px 0 0 0;}

    .sinmungo .notice_wrap {padding: 5px 10px; font-size: 13px; font-weight: 500; line-height: 1.3; letter-spacing: -0.5px; word-break: keep-all; margin-bottom: 7.5px;}
    .sinmungo .process .process_tit {width: 60px; height: 60px; font-size: 15px;}
    .sinmungo .process .step_wrap {border-width: 1px; padding: 8.5px 10px 50px 10px;}
    .sinmungo .process .step_wrap span.num {width: 15px; height: 15px; border-width: 1px;}
    .sinmungo .process .step_wrap ul::before {width: calc(100% - 15px);}
    .sinmungo .process .step_wrap ul li {position: relative;}
    .sinmungo .process .step_wrap p {font-size: 13px;}
    .sinmungo .process .step_wrap .detail {position: absolute; top: calc(50% + 10px); left: 50%; transform: translateX(-50%); width: 100px; padding: 10px 0;}
    .sinmungo .process .step_wrap .detail span {font-size: 12px;}

    .sinmungo .btn-submit {padding: 14.5px 0;}
    .list-blind li a {padding: 15px 0;}
    .list-blind li a span {font-size: 13px; font-weight: 500;}
    .list-blind li a .lb-tit {font-size: 16px; font-weight: 600;}
    .list-blind li a span.lb-date {font-size: 13px; font-weight: 400;}
    .list-blind li a span.lb-ctg {width: 45px; height: 45px; font-size: 13px;}

    .sinmungo .site_noti .con {padding: 10px; font-size: 12px;}
    .sinmungo .site_noti .con li {font-size: 12px;}
    .sinmungo .site_noti .noti_tit {font-size: 16px;}
    .sinmungo .site_noti .con.table p {font-size: 12px;}
    .sinmungo .site_noti .con.table > div {flex-wrap: wrap; font-size: 12px;}
    .sinmungo .site_noti .con.table label {font-size: 12px;}


    .contents.main {padding: 0 7.5px 12.5px 7.5px;}
    .contents.main.c_container > div:last-of-type {margin-bottom: 10px;}
    
    .quick_menu {padding: 15px 15px 20px 15px; margin-bottom: 15px;}
    .quick_menu h3 {font-size: 16px; margin-bottom: 10px;}
    .quick_menu .menu {flex-wrap: wrap; gap: 15px 20px;}
    .quick_menu li {width: calc(100% / 4 - 15px);}
    .quick_menu li img {width: 100%;}
    .quick_menu li p {font-size: 14px; margin-top: 5px;}

    .sub_quick_menu .menu {gap: 10px;}
    .sub_quick_menu .menu li a {flex-direction: column; padding: 10px 7.5px 5px 12.5px;}
    .sub_quick_menu .menu li a p {font-size: 14px;}
    .sub_quick_menu .menu li a img {width: 30px; margin-left: auto;}

    .sub_quick_menu {justify-content: center;}
    .sub_quick_menu li {flex: 1; position: relative;}
    .sub_quick_menu li::after {position: absolute; right: 0; top: 50%; transform: translateY(-50%); content: ''; width: 1px; height: 10px; background-color: #ccc;}
    .sub_quick_menu li:last-of-type::after {display: none;}
    .sub_quick_menu a {position: relative; display: block; font-size: 14px; font-weight: 700; color: #333; padding: 10px 0; text-align: center;}

    .news_wrap {margin-top: 25px;}
    .news_wrap h3 {font-size: 18px; padding: 10px 0 0;}
    .news_wrap li .txt_content {gap: 5px; padding: 10px 0 0 0;}
    .news_wrap li .txt_content .ca_name {font-size: 16px; font-weight: 500;}
    .news_wrap li .txt_content .subject {font-size: 18px; font-weight: 700;}
    .news_wrap .wr_content, 
    .news_wrap .wr_content * {font-size: 14px !important;}
    .news_wrap .lastest_swipe.horizontal .arrow {display: none;}
    .news_wrap .more {position: absolute; right: 0; top: 0; display: block; padding: 8px 0 0 0;}
    .news_wrap .more .more_btn {display: flex; gap: 3px; border: 1px solid #ccc; padding: 5px;}
    .news_wrap .more img {width: 15px;}
    .news_wrap .show_more {margin-bottom: 20px;}
    .news_wrap .show_more_btn {display: block; text-align: center; padding: 14.5px; border: 1px solid #ccc; border-radius: 3px; font-size: 14px;}
    .news_wrap .show_more_btn img {height: 13px; margin: 0 0 -1px 3px; transform: rotate(90deg);}

    .news_wrap .lastest_swipe.insam_news ul.swiper-wrapper {flex-direction: column; padding: 10px 0;}
    .main .news_wrap .lastest_swipe.insam_news ul.swiper-wrapper {max-height: 100%; padding-bottom: 0;}
    .news_wrap .lastest_swipe.insam_news li {padding: 10px 0;}
    .news_wrap .lastest_swipe.insam_news li:nth-of-type(n+3) {display: none;}
    .news_wrap .lastest_swipe.insam_news li:nth-of-type(2) a {display: flex;}
    .news_wrap .lastest_swipe.insam_news li:nth-of-type(2) .txt_content {order: 0; width: calc(100% - 125px); padding: 0;}
    .news_wrap .lastest_swipe.insam_news li:nth-of-type(2) .txt_content .ca_name {display: none;}
    .news_wrap .lastest_swipe.insam_news li:nth-of-type(2) .img_wrap {order: 1; width: 125px; height: 70px; margin: auto;}

    .news_wrap .lastest_swipe.act_event .swiper-wrapper {display: flex; width: 100%; margin-top: 15px;}
    .news_wrap .lastest_swipe.act_event .swiper-wrapper li {display: flex; flex-wrap: wrap; gap: 10px;}
    .news_wrap .lastest_swipe.act_event .swiper-wrapper li > a {width: calc(50% - 5px); height: auto;}
    .news_wrap .lastest_swipe.act_event .mobile {padding-bottom: 50px;}
    .news_wrap .lastest_swipe.act_event .mobile .swiper-pagination {bottom: 7px; z-index: 1;}
    .news_wrap .lastest_swipe.act_event .mobile .swiper-button-prev {position: absolute; top: auto; bottom: 0; left: calc(50% - 55px); z-index: 2;}
    .news_wrap .lastest_swipe.act_event .mobile .swiper-button-next {position: absolute; top: auto; bottom: 0; right: calc(50% - 55px); z-index: 2;}

    .top_news {flex-wrap: wrap; gap: 0;}
    .top_news .news_wrap {width: 100%;}
    .top_news .news_wrap .lastest_swipe .arrow {display: none;}
    .top_news .news_wrap .swiper-slide > a {display: flex; width: 100%; border-bottom: 1px solid #f0f0f0;}
    .main .top_news .news_wrap .swiper-slide > a {padding: 0 0 10px 0; gap: 10px;}
    .main .top_news .news_wrap .swiper-slide > a > .img_wrap {width: 50%; height: 150px; order: 1;}
    .main .top_news .news_wrap .swiper-slide > a > .txt_content {width: 50%; padding: 0; order: 0;}
    .top_news .news_wrap .swiper-slide > ul {width: 100%; padding-left: 0; margin-left: 0; border: none;}
    .top_news .news_wrap .swiper-slide > ul .ca_name {display: none;}
    .top_news .news_wrap .swiper-slide > ul .txt_content .wr_content {overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
    .top_news.insam_news > div > ul.swiper-wrapper > li:nth-of-type(n+2) {display: none !important;}
    .top_news .news_wrap .swiper-slide > ul li:nth-of-type(n+3) {display: none;}

    .top_news.insam_news.d-flex .news_wrap .swiper-slide .txt_content .ca_name {color: #1278d6; background: none; display: block; padding-left: 0;}

    .top_news.insam_news.c_container .news_wrap {padding: 0;}
    .top_news.insam_news.c_container .news_wrap ul.swiper-wrapper {padding: 0;}
    .top_news.insam_news.c_container .news_wrap ul.swiper-wrapper li {padding: 0;}
    .top_news.insam_news.c_container .news_wrap ul.swiper-wrapper li > a {flex-direction: row; gap: 5px; padding: 10px 0;}
    .top_news.insam_news.c_container .top_news.insam_news > div > ul.swiper-wrapper > li:nth-of-type(n+2) {display: block !important;}
    .top_news.insam_news.c_container .top_news.insam_news > div > ul.swiper-wrapper > li .img_wrap {width: 120px; height: 70px; margin: auto;}
    .top_news.insam_news.c_container .top_news.insam_news > div > ul.swiper-wrapper > li .txt_content {gap: 2px; width: calc(100% - 125px); padding: 0;}
    .top_news.insam_news.c_container .top_news.insam_news > div > ul.swiper-wrapper > li .txt_content .subject {font-size: 16px; line-height: 1.2;}
    .top_news.insam_news.c_container .news_wrap .lastest_swipe.insam_news li:nth-of-type(2) .txt_content .ca_name {display: block;}

    .top_news.insam_news.c_container .top_news.insam_news > div > ul.swiper-wrapper > li:nth-of-type(n+2) .txt_content {order: 1;}
    .top_news.insam_news.c_container .top_news.insam_news > div > ul.swiper-wrapper > li:nth-of-type(n+2) .img_wrap {order: 0;}

    /* 인삼뉴스 서브탭 */
    .top_news.gallery_news .news_wrap .swiper-slide > a .img_wrap {width: 120px; height: 70px;}
    .top_news.gallery_news .news_wrap .swiper-slide > a .txt_content {gap: 2px; width: calc(100% - 125px); padding: 0;}
    .top_news.gallery_news .news_wrap .swiper-slide .txt_content .subject {font-size: 16px; line-height: 1.2;}
    .top_news.gallery_news.act_event .news_wrap .swiper-slide > a .txt_content {gap: 10px;}

    .main .lastest_swipe.act_event .img_wrap {height: 25vw;}
    .main .news_wrap.now .lastest_swipe.act_event li.swiper-slide .txt_content {height: auto; padding: 10px;}
    .main .news_wrap.now .lastest_swipe.act_event li.swiper-slide .txt_content .subject {white-space: unset; font-size: 16px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

    .top_news .quick_menu {width: 100%; padding: 15px 15px 90px 15px; padding: 15px;}
    .top_news .quick_menu.fav {padding: 15px 15px 155px 15px; padding: 15px 15px 95px 15px;}
    .top_news .quick_menu .menu {gap: 20px;}
    .top_news .quick_menu .menu li {width: calc(12.5% - 17.5px);}
    .top_news .quick_menu .menu li p {font-size: 14px; color: #333;}
    .top_news .quick_menu .kakao {bottom: 20px; height: 50px; background-color: #f9e000;}
    .top_news .quick_menu.fav .kakao {bottom: 80px;}
    .top_news .quick_menu .kakao a {height: 100%; text-align: center;}
    .top_news .quick_menu .kakao img {width: auto; max-height: 100%;}
    .top_news .quick_menu .fav {position: absolute; left: 50%; transform: translateX(-50%); bottom: 20px; display: flex !important; gap: 7.5px; width: 100%; height: 50px; line-height: 50px;}
    .top_news .quick_menu .fav a {flex: 1; display: flex; justify-content: center; height: 100%; color: #fff; gap: 5px; background-color: #0073cb;}
    .top_news .quick_menu .fav a .img_wrap img {height: 40%; vertical-align: middle; margin-top: -2px;}
    .top_news .quick_menu .fav a span {font-size: 14px; font-weight: 600;}
    .top_news .quick_menu .fav a span.t_yellow {color: #ffdd43;}
    .top_news .quick_menu .fav a span.t_blue {color: #40ffff;}


    .schedule.market {flex-direction: column; flex-wrap: wrap;}
    .schedule.market .news_wrap {width: 100%;}
    .schedule.market .mobile.swiper-wrapper {display: flex !important;}
    .schedule .news_wrap th {font-size: 16px; font-weight: 700; padding: 7px 5px;}
    .schedule .news_wrap td {font-size: 16px; font-weight: 500; padding: 7px 5px;}
    .schedule .news_wrap tr > th:first-of-type,
    .schedule .news_wrap tr > td:first-of-type {width: 80px !important;}
    .schedule .news_wrap tr > th:nth-of-type(3),
    .schedule .news_wrap tr > td:nth-of-type(3) {width: 60px !important;}
    .schedule .news_wrap .table_wrap p {font-size: 14px;}

    .schedule.market > .news_wrap + div {width: 100%;}

    /* .schedule.market .news_wrap:not(.event) li.swiper-slide a {width: calc(100% / 2 - 5px); height: calc(100% / 4 - 7.5px);} */

    .market .news_wrap h3 {margin-bottom: 15px;}
    .market li.swiper-slide > a {gap: 10px;}
    .market li.swiper-slide > a .img_wrap {display: flex; align-items: center; width: 55%; height: calc(100% - 10px); overflow: hidden;}
    .market li.swiper-slide > a .img_wrap img {height: auto;}
    .market li.swiper-slide > a .subject {width: 45%;}
    .market .star_market li.swiper-slide > a .img_wrap img {height: 100%;}
    .market .lastest_swipe.vertical li.swiper-slide > a .txt_content {width: calc(40% - 10px); padding: 5px 0 0 0;}
    .market .lastest_swipe.vertical li.swiper-slide > a .txt_content .subject {font-size: 15px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
    .market .lastest_swipe.vertical li.swiper-slide > a {gap: 10px;}
    .news_wrap li .txt_content .datetime {font-size: 12px; font-weight: 400; display: none;}
    .lastest_swipe.vertical .lastest_swiper_container {max-height: 300px;}
    .news_wrap .lastest_swipe .arrow {padding-top: 7.5px;}
    
    .lastest_swipe.vertical .lastest_swiper_container, 
    .lastest_swipe.vertical .lastest_swiper_container li {max-height: 100%; height: 50vw;}

    .news_wrap .lastest_swipe.event .arrow {display: none;}
    .news_wrap.event h3 {margin-bottom: 15px;}
    .lastest_swipe.event .swiper-wrapper {flex-direction: column;}
    .swiper-wrapper.vertical {height: auto;}
    /* .lastest_swipe.event .swiper-wrapper > li:nth-of-type(n+2) {display: none;} */
    .lastest_swipe.event .swiper-wrapper > li:first-of-type .img_wrap {max-width: 100%; width: 100%; height: 51vw;}
    .lastest_swipe.event .swiper-wrapper > li:first-of-type .txt_content {width: 100%;}
    .lastest_swipe.event .swiper-slide > a {flex-direction: column;}

    /* .lastest_swipe.event .swiper-wrapper > li:nth-of-type(2) {margin-top: 20px;} */

    .lastest_swipe.event .swiper-wrapper > li > a {flex-direction: column; gap: 10px; padding: 10px 0;}
    .lastest_swipe.event .swiper-wrapper > li .img_wrap {display: flex; align-items: center; width: 100%; height: 100px; height: 51vw;}
    .lastest_swipe.event .swiper-wrapper > li .img_wrap img {height: 100%;}
    .lastest_swipe.event .swiper-wrapper > li .txt_content {width: 100%; padding: 5px 0 0 0;}
    .lastest_swipe.event .swiper-wrapper > li .txt_content .subject {font-size: 15px;}

    .lastest_swipe.event .swiper-wrapper > li:not(:first-of-type) > a {flex-direction: row;}
    .lastest_swipe.event .swiper-wrapper > li:not(:first-of-type) > a .subject {width: calc(100% - 85px);}

    .news_wrap.now .swiper-paging,
    .news_wrap.star_market .swiper-paging {position: absolute; top: auto; bottom: 5px; transform: translateX(-50%); left: 50%; display: flex; justify-content: space-between; width: 200px;}

    .news_wrap .swiper-wrapper.vertical .swiper-slide.status_end span.status {width: 50px; right: 20px;}
    .news_wrap .swiper-wrapper.vertical .swiper-slide.status_end span.status::before {width: 100%; text-align: center; font-size: 14px;}

    .faq .faq_wrap {padding: 15px;}
    .faq .faq_wrap .cont {width: 100%; height: 100%;}
    .faq .faq_wrap h4.tit {font-size: 28px; font-weight: 700; padding-bottom: 5px;}
    .faq .faq_wrap ul {gap: 10px;}
    .faq .faq_wrap ul li > a .img_wrap {width: 60px; height: 60px; font-size: 14px;}

    .news_wrap.now .lastest_swipe.act_event .mobile .swiper-button-prev,
    .news_wrap.now .lastest_swipe.act_event .mobile .swiper-button-next {position: static;}

    .news_wrap ul.market_ul {height: 120vw;}
    .news_wrap.star_market .swipe_market {padding-bottom: 50px;}

    .news_wrap .accord-tab .accord-head a {padding: 10px 45px;}

    .contents.login {height: auto; padding: 60px 7.5px;}
    .contents.login.c_container > .login-wrap {width: 100%; padding: 50px 25px 0 25px; margin-bottom: 0;}
    .contents.login .page_tit {font-size: 20px;}
    .contents.login p.txt01 {font-size: 16px; margin-bottom: 40px;}
    .contents.login p.txt01 strong {font-weight: 500;}
    .login-form input {height: 45px; font-size: 14px;}
    .login-form .input_wrap .delete_btn {right: 10px;}
    .login-form .input_wrap .delete_btn img {width: 20px; height: 20px;}
    .login-form .forgot_pw {margin-bottom: 30px;}
    .login-form .forgot_pw a {font-size: 12px;}
    .login-form button {height: 50px; font-size: 16px;}
    
    .login .con.howto {padding: 10px;}
    .login .con.table {overflow-x: auto; word-break: break-word;}
    .login .con.table table {table-layout: auto;}
    .login .con th,
    .login .con td {white-space: nowrap;}
    /* .login .con th {font-size: 12px;}
    .login .con td {font-size: 12px;} */


    .about-chair .chair-img {height: 32vw; background-image: url(/assets/images/renew/about_chair_mo.png);}
    .about-chair .chair-txt * {font-size: 16px; word-break: keep-all;}
    .about-chair .chair-sign {font-size: 12px;}


    .poll .poll li .lb-tit {font-size: 16px;}
    .poll .poll li .lb-sub {font-size: 13px; font-weight: 400;}

    .poll.list-view .view-title {padding: 10px;}
    .poll.list-view .view-title > .d-flex {flex-wrap: wrap;}
    .poll.list-view .lb-tit {font-size: 16px; font-weight: 600;}
    .poll.list-view .target {font-size: 13px; font-weight: 400; margin-bottom: 5px;}
    .poll.list-view .period {font-size: 13px; font-weight: 400;}
    
    .poll .poll .view-poll {padding: 15px 0 18px;}
    .poll .poll .view-poll .lb-tit {margin-bottom: 15px;}
    .poll .poll.list-view ul {gap: 15px;}
    .poll .btn-submit {font-size: 18px; padding: 14.5px 0;}


    .menu .list-gate ul {gap: 25px 40px;}
    .menu .list-gate ul li {width: calc(100% / 2 - 20px);}
    .menu .list-gate ul li span.branch {font-size: 16.5px;}
    .menu .list-gate ul li span.img_wrap {height: 90px; background-size: calc(100% - 20px) auto;}
    .menu.h50 .list-gate ul li span.img_wrap {height: 50px; background-size: calc(100% - 20vw) auto;}
    .menu .list-gate ul li span.branch::after {width: 20px; height: 20px;}

    .banner.menu {height: 120px;}
    .menu .food .list-gate dd {width: calc(100% / 3 - 1px);}
    .menu .food .list-gate dd::after {right: 5px; width: 19px; height: 19px;}
    .menu .food .list-gate dd a {padding: 15px 5px;}
    .menu .food .list-gate dd strong {font-size: 18px;}
    .menu .food .list-gate dd .date {font-size: 15px;}
    .menu-view .mn-date {gap: 30px; padding: 15px 0;}
    .menu-view .mn-date strong {font-size: 18px; font-weight: 600;}
    .menu-view .mn-date span.date {font-size: 15px; line-height: 21px;}
    .menu-view .mn-date span.date::before {left: -22.5px; width: 18px; height: 20px;}
    .menu-view .mn-index > span {width: 40% !important;}
    .menu-view .mn-index > span > span {font-size: 15px;}
    .menu-view .mn-index ul {padding: 20px;}
    .menu-view .mn-index ul li {font-size: 13px; line-height: 1;}
    .menu-view .mn-index ul li:before {line-height: 1;}


    .about-history {padding: 20px 0;}
    .about-history ul {padding: 50px 0 30px;}
    .about-history ul li:nth-of-type(2n - 1) {padding-right: 25px;}
    .about-history ul li:nth-of-type(2n) {padding-left: 25px;}
    .about-history ul li strong {font-size: 18px;}
    .about-history ul li p {font-size: 13px;}

    .about_history.about_legend ul li p span {display: block;}

    .about-history.legend ul li.now > div {border-width: 1px;}


    .exec_txt {gap: 0; width: 55px; height: 55px; border: 1px solid #0073cb;}
    .exec_txt span {font-size: 11px;}
    .exec_txt strong {font-size: 14px;}

    .execut_layer {padding: 20px 0;}
    .execut_layer > div {margin-bottom: 15px;}
    .execut_layer .ewrap::before {bottom: calc(100% + 10px); left: 40px; width: calc(100% - 80px); height: 1px;}
    .execut_layer > div > div > span {width: 80px;}
    .execut_layer > div > div > span::before {top: -11px; width: 1px; height: calc(100% + 15px);}
    .execut_layer div.img_box2 > div > span {margin-right: 30px;}
    .execut_layer div.img_box3 > div > span {margin-right: 30px;}

    .execut_layer > div.img_box1 > div > span::before {height: calc(100% + 5px);}
    .execut_layer > div:last-of-type > div > span::before {height: calc(100% + 5px);}


    .write-basic > ul > li {height: 45px;}
    .write-basic > ul >li .w-label {width: 90px; font-size: 15px; word-break: keep-all; padding: 0; line-height: 1.3;}
    .write-basic > ul >li .w-label + .w-form {width: calc(100% - 90px); padding: 6px 8px;}
    .file-custom label {font-size: 13px; padding: 5px 8px;}
    .write-basic input[type='text'].upload-name, .file-custom .upload-name {width: calc(100% - 124px);}


    .about_org .sub-cont {padding: 20px 0;}
    .org_wrap::before {width: 1px; height: calc(100% - 106px);}
    .org_wrap .area {margin-bottom: 20px;}
    .org_wrap .area_h {margin-bottom: 15px;}
    .org_wrap .area_h span {width: 100px; height: 25px; font-size: 15px;}
    .org_wrap span {width: 70px; height: 25px; font-size: 12px; border-width: 1px !important;}    
    .org_wrap .t_vertical span:not(.vt) {width: 25px; height: 100px;}
    .org_wrap .area1 li span {width: 100px;}

    .org_wrap .area_wrap.vertical li {margin-bottom: 10px;}
    .org_wrap .area_wrap .ul_wrap::before {top: -5px; width: calc(100% - 71px); height: 1px;}
    .org_wrap .area_wrap.vertical ul::before {width: 1px; height: calc(100% + 5px);}

    .org_wrap .area1 .area_wrap .ul_wrap::before {width: calc(100% - 102px);}
    .org_wrap .area_wrap.horizontal ul {gap: 15px;}
    .org_wrap .area_wrap.horizontal li::before {top: -5px; width: 1px; height: 5px;}
    
    .org_wrap .area_wrap.horizontal ul {gap: 20px;}
    .org_wrap .area_wrap.t_vertical .ul_wrap::before {width: calc(100% - 26px);}

    .org_wrap .area4 .area_wrap.horizontal ul {gap: 20px;}

    .org_wrap .area5 ul span:not(.vt) {width: 15px; height: 80px;}
    .org_wrap .area5 .area_wrap.horizontal ul {gap: 7px;}
    .org_wrap .area5 .area_wrap.t_vertical .ul_wrap::before {width: calc(100% - 15px);}


    .sub-cont.about {padding: 13px 7px;}
    .contents.about .about ul {gap: 15px 7.5px;}
    .contents.about .about ul li {width: calc(50% - 3.75px);}
    .contents.about .about ul a {gap: 10px;}
    .contents.about .about ul a span {width: 45px; height: 45px;}
    .contents.about .about ul a span img {width: 35px; height: auto;}
    .contents.about .about ul a p {font-size: 16px;}

    .schedule .ui-datepicker .ui-datepicker-header {position: relative;}
    .schedule .ui-datepicker .ui-datepicker-prev, 
    .schedule .ui-datepicker .ui-datepicker-next {width: 30px; height: 30px;}
    .schedule .ui-datepicker .ui-datepicker-prev {left: 10%;}
    .schedule .ui-datepicker .ui-datepicker-next {right: 10%;}
    .schedule .ui-datepicker .ui-datepicker-prev span, 
    .schedule .ui-datepicker .ui-datepicker-next span {display: flex; justify-content: center; align-items: center;}
    .schedule .ui-datepicker .ui-datepicker-prev span::before, 
    .schedule .ui-datepicker .ui-datepicker-next span::before {width: 8px; height: 13px;}
    .schedule .ui-datepicker .ui-datepicker-title {font-size: 16px;}
    .schedule .ui-datepicker th {font-size: 13px;}
    .schedule .ui-datepicker td {padding: 5px 0;}
    .schedule .ui-datepicker td a {font-size: 13px;}
    .schdule-wrap .event li a {font-size: 13px; padding: 10px;}
    .schdule-wrap .event li a:after {right: 10px;}

    .sitemap .snb ul {flex-direction: column; flex-wrap: wrap; gap: 0;}
    .sitemap .snb ul a {padding: 10px;}
}

@media screen and (max-width: 500px) {
    .top_news .quick_menu .menu {gap: 15px 27.5px;}
    .top_news .quick_menu .menu li {width: calc(25% - 20.7px);}
    .top_news .quick_menu .kakao {height: 50px;}
    
    .main .top_news .news_wrap .swiper-slide > a  > .img_wrap {order: 1; width: calc(100% - 2px); height: 185px;}
    .main .top_news .news_wrap .swiper-slide > a  > .txt_content {order: 0; width: 100%;}
    
    .lastest_swipe.vertical .lastest_swiper_container {max-height: 220px;}
    
    .top_news .news_wrap .swiper-slide > a {display: flex; flex-direction: column;}
}