@charset "utf-8";

.page-sub{padding-top:1rem; min-height:40vh;}
.shadow-paper{background:#fff; box-shadow: 0 13px 19px rgba(31,65,117,0.07); border:1px solid #eee; border-radius:8px;}

.talk-app{max-width:86rem; border-left:1px solid #eee; border-right:1px solid #eee;  border-bottom:1px solid #eee; margin:0 auto; background:#f8f9fa; margin-top:-1rem;}
.talk-app .avatar{position:relative;width:7.2rem; height:7.2rem; flex:0 0 7.2rem;}
.talk-app .avatar.seeker[data-name]:before{width:6.2rem; background:#F28911}
.talk-app .avatar-icon{width:100%; height:100%; background:#EFEFEF url('../img/sub/icon-avatar.png') no-repeat center / 100% auto; border-radius:50%; overflow:hidden; position:relative;}
.talk-app .avatar.status:after{content:""; display:block; width:16px; height:16px; background:#0565F4; border-radius: 50%; border:3px solid #fff; position: absolute; right:2px; bottom:2px; z-index: 1;}
.talk-app .avatar[data-name]:before{content:attr(data-name); width:5.2rem; height:2.2rem; border-radius:9999px; background:#0565F4; color:#fff; font-size:1rem; font-weight:bold; position:absolute; left:50%; bottom:-1rem; transform:translateX(-50%); display:flex; align-items: center; justify-content: center; z-index: 1;}
.talk-header{padding:2.4rem 3.2rem; background:#fff; box-shadow:0 2px 24px rgba(0,0,0,0.06); display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #eee}
.talk-header .left{display:flex; gap:1.8rem; align-items: center;}
.talk-header .header-title .title{font-family: 'Pretendard', sans-serif; font-size:2rem; font-weight:600; margin-bottom:0.3em;}
.talk-header .header-title .status{font-size:1.4rem; font-weight:bold; color:#0565F4}
.talk-header .refresh-btn{width:12.5rem; height:4.5rem; display:flex; align-items: center; justify-content: center; border-radius: 9999px; border:1px solid #ddd; font-size: 1.5rem; font-weight:bold; gap:1rem;}
.talk-header .refresh-btn:hover{background:#f8f9fa;}
.talk-body{min-height:60vh; padding:4rem 4.2rem 10rem;}
.talk-system{position: relative; text-align: center; margin-bottom:4rem; padding:0 2rem;}
.talk-system:after{content:""; display:block; width:100%; height:1px; background:#ddd; position: absolute; left:0; top:50%;}
.talk-system span{display:inline-block; font-size:1.5rem; color:#888; line-height:1.3; letter-spacing: -0.06em; background:#f8f9fa; padding:0 1em; position: relative; z-index: 1;}
.talk-set{margin-bottom: 6rem; display:flex; flex-direction: column;}
.talk-set .left{display:flex; gap:1.8rem;}
.talk-set .dialog-element{display:inline-block; background:#fff; border-radius: 0 3.2rem 3.2rem 3.2rem; box-shadow: 0 13px 19px rgba(31,65,117,0.07); line-height: 1.4; padding:1.6rem 3.6rem 1.6rem 2.4rem; letter-spacing: -0.06em;}
.talk-set .dialog-element + .dialog-element{margin-top:8px}
.talk-set .dialog-element strong{color:#0565F4}
.talk-set .dialog-element.special{font-weight:bold;display: inline-block; padding-right:1.3rem}
.talk-set .dialog-element.special .special-btn{background:#0565f4; color:#fff; padding:0.4em 1em; border-radius:9999px; margin-left:1rem}
.talk-set .right{margin-top:2.6rem; flex:none; margin-left:auto; }
.talk-set .option-group{display:flex; flex-wrap: wrap; justify-content: flex-end;gap:8px; max-width:50rem}
.talk-set input[type="radio"]{opacity: 0; visibility: hidden;}
.talk-set input:not(:checked) ~.label:hover{border-color:#000; background:#eee}

.list-header{display:flex; justify-content:space-between; align-items: center; gap:4rem; margin-bottom:3.4rem;}
.list-header .list-title{display:flex; align-items: center; color:#000; font-weight:bold; font-size:1.6rem; gap:1rem;letter-spacing: -0.06em;}
.list-header .list-title strong{color:#0565F4}
.list-header .etc{font-weight: bold; font-size:1.5rem; letter-spacing: -0.04em; gap:1rem;letter-spacing: -0.07em;}
.list-header .search-bar{display:flex; width:100%; max-width:400px; border:1px solid #eee; height:3.6rem; border-radius:4px; overflow:hidden}
.list-header .search-bar .search-select{width:8rem; height:100%; border-right:1px solid #eee; position:relative;}
.list-header .search-bar .search-select:after{content:""; display:block; border-left:4px solid transparent; border-right:4px solid transparent; border-top:6px solid #000; position:absolute; top:50%; right:1rem; transform:translateY(-50%); pointer-events:none;}
.list-header .search-bar .search-select select{width:100%; height:100%; padding:0 0.8em; font-size:1.4rem; font-weight:bold; cursor:pointer;-moz-appearance: none; -webkit-appearance: none; appearance:none; background:#fff;}
.list-header .search-bar .search-input{height:100%; flex:1;}
.list-header .search-bar .search-input input{width:100%; height:100%; padding:0 1em; font-size:1.4rem; letter-spacing:-0.05em; cursor:pointer;}
.list-header .search-bar .search-btn{border-left:1px solid #eee; padding:0 1em; font-weight:bold; font-size:1.4rem; background:#f8f9fa; cursor:pointer; color:#000}
.talk-support-list .tab-wrapper{background:#fff; box-shadow: 0 13px 19px rgba(31,65,117,0.07); border:1px solid #eee; border-radius:8px;}
.talk-support-list .tab-wrapper .list-info{text-align:right;}
.talk-support-list .tab-wrapper .color-desc{color:#888; margin-bottom:1em; display:inline-block;}
.talk-support-list .tab-wrapper .color-desc img{margin-top:-1px; width:1.8rem;}
.talk-support-list .tab-nav{display:flex; align-items: center; gap:3rem; justify-content: center;}
.talk-support-list .swiper-container{padding:0 3.4rem;border-bottom:1px solid #eee; }
.talk-support-list .tab-nav .nav-btn{width:auto; padding:2.4rem 1.4em; text-align:center; font-weight:bold; opacity: 0.43;}
.talk-support-list .tab-nav .nav-btn.on{opacity: 1; position: relative;}
.talk-support-list .tab-nav .nav-btn.on:after{content:""; display:block; width:100%; height:3px; background:#0565F4; position: absolute; left:0; bottom:-2px;}
.talk-support-list .tab-content{padding:3rem 3.4rem;}
.talk-support-list .off{display:none;}
.talk-support-list .empty{color:#888; font-size:15px; padding:2em 1em; text-align:center;}
.talk-body .talk-control{text-align:center; display: flex; justify-content: center; margin-top:34px}
.talk-control .refresh-btn{min-width:10rem; padding:0 2.4rem; height:4.5rem; border:1px solid #ddd; box-shadow:0 5px 18px rgba(2,59,145,0.1); font-size:1.5rem; font-weight:bold; display:inline-flex; align-items: center; justify-content: center; cursor: pointer; border-radius: 4px;}
.talk-control .refresh-btn img{margin-right:1rem;}

.page-sub .sub-header{display:flex; justify-content:space-between; margin-bottom:4.8rem; margin-top: 5rem;}
.page-sub .sub-header .sub-page-title{font-size:2.4rem; font-family: 'Pretendard', sans-serif; letter-spacing: -0.05em; font-weight:600;}
.page-sub .sub-header .etc{font-size:1.5rem; line-height:1.3; color:#888;}
.page-sub .sub-header .sub-breadscrumb{display:flex; align-items: center;}
.page-sub .sub-header .sub-breadscrumb li{margin-left:10px; padding-left:15px; position: relative;}
.page-sub .sub-header .sub-breadscrumb li:before{content:""; display:block; border-top:0.4rem solid transparent; border-bottom:0.4rem solid transparent; border-left:0.6rem solid #ddd; position: absolute; left:0; top:50%; transform:translateY(-50%)}
.page-sub .sub-header .sub-breadscrumb li:first-child:before{display:none;}
.page-sub .sub-header .sub-breadscrumb a{font-weight:bold; font-size:1.5rem; color:#000; text-decoration: underline;}
.page-sub .sub-header .sub-breadscrumb li:first-child{font-weight:normal; font-size:1.5rem; color:#888; text-decoration: none;}
.page-sub .filter-list{display:flex; gap:3rem; margin-bottom:7rem; flex-wrap:Wrap}
.page-sub .filter-list li{text-align: center; width:calc(14.286% - 2.5714rem);}
.page-sub .filter-list li .filter-icon .icon{display:block; border:1px solid #eee; border-radius: 50%; margin-bottom:2rem; cursor: pointer; position: relative; aspect-ratio:1;}
.page-sub .filter-list li .filter-icon .icon img{width:100%; height: auto;}
.page-sub .filter-list:not(.no-checked) li .filter-icon input:checked ~ .icon:before{content:""; border:2px solid #0565F4; position:absolute; left:0; top:0; width:100%; height:100%; border-radius:50%}
.page-sub .filter-list:not(.no-checked) li .filter-icon input:checked ~ .icon:after{content:"선택됨"; display:flex; align-items: center; justify-content: center; width:5.2rem; height:2.4rem; border-radius: 9999px; background:#0565F4; color:#fff; font-weight:bold; font-size:1.4rem; text-align: center; position: absolute; left:50%; bottom:-7px; transform: translateX(-50%);}
.page-sub .filter-list li img{max-width: 100%;}
.page-sub .filter-list li .name{font-weight:bold; letter-spacing: -0.05em; line-height:1.3; text-align:center;}
.page-sub .filter-list li .name a{flex:0 0 1.8rem;}
.page-sub .filter-title{font-weight:bold; font-size:1.6rem; margin-bottom:1.8em;}
.page-sub .btn-filter-list{display:flex; gap:0.7rem; flex-wrap: wrap; margin-bottom:4rem;}
.page-sub .filter-flex{display:flex; gap:7.8rem; width:100%;}
.page-sub .filter-flex .flex-col:first-child{flex:0 0 314px;}
.page-sub .support-list-wrapper{padding:4rem; background:#f8f9fa; border-radius: 8px;}
.list-search{margin-bottom:8px;margin-top: -10px;}
.list-search .search-bar{display:flex; align-items: center; gap:10px; height:5rem; overflow: hidden;}
.list-search .search-bar input{flex:1; padding:0 1.2em; font-family: inherit; letter-spacing: -0.05em; font-size:1.5rem;}
.list-search .search-bar .search-btn{border-left:1px solid #eee; height:100%; display:flex; align-items: center; padding:0 1.6em; font-weight: bold; font-size:1.5rem;}

.external-list{display:flex; gap:2rem; flex-wrap: wrap;}
.external-list li{width:calc(33.333% - 1.333rem);}
.external-list .ext-item{display:block; height:100%; padding:3rem; box-shadow: 0 13px 19px rgba(31,65,117,0.07); border:1px solid #eee; border-radius: 8px; background:#fff; transition: all 0.2s;}
.external-list .ext-item .item-img{position: relative; background:#eee; overflow: hidden; margin-bottom: 2.4rem; border-radius: 8px; border:1px solid #ddd;}
.external-list .ext-item .item-img:after{content:""; display:block; width:100%; height:0; padding-bottom:60%;}
.external-list .ext-item .item-img:before{content:""; display:block; width:100%; height:100%; position: absolute; top:0; left:0; z-index: 1;}
.external-list .ext-item.end .item-img:before{background:rgba(0,0,0,0.6) url('../img/sub/job-end.png') no-repeat center / 114px auto;}
.external-list .ext-item .item-img img{position: absolute; left:0; top:0; width:100%; height:100%;}
.external-list .ext-item .item-img .error{top:50%; transform: translateY(-50%);height:auto;}
.external-list .ext-item .item-title{font-size:1.6rem; font-weight:bold; line-height:1.3; margin-bottom:1em; height:2.6em;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow:hidden;}
.external-list .ext-item .item-company{font-size:1.4rem; line-height: 1.3; display:flex; flex-direction: column; gap:0.6em;}
.external-list .ext-item .company-name{color:#0565F4; font-weight: bold;}
.external-list .ext-item .company-address{color:#888}
.external-list .ext-item .item-meta{padding-top:2rem; margin-top:2.2rem; border-top:1px solid #eee;}
.external-list .ext-item .item-meta .item{display:flex; gap:1rem;}
.external-list .ext-item .item-meta .item + .item{margin-top: 5px;}
.external-list .ext-item .item-meta .item-label{width:4rem; flex:0 0 4rem;}
.external-list .ext-item .item-meta .item-content{font-size:1.4rem; font-weight: bold; line-height:1.3}
.external-list .ext-item .ext-badge{width:4rem; height:2.2rem; border-radius: 2px; background:#EBEBEB; color:#333; font-size:1.3rem; font-weight:bold; display:flex; align-items: center; justify-content: center;}
.external-list .ext-item .ext-badge.time{color:#fff; background:#CC3300}
.external-list .ext-item .ext-badge.month{color:#fff; background:#009966}
.external-list .ext-item .ext-badge.year{color:#fff; background:#0033CC}

.list-footer{margin:4rem 0;}
.list-footer .common-pager{display:flex; gap:8px; flex-wrap: wrap; justify-content: center;}
.list-footer .common-pager .item{width:34px; height:34px; display:flex; align-items:center; justify-content:center; border-radius: 4px; border:1px solid #ddd; box-shadow: 0 5px 18px rgba(2,59,145,0.1); flex:0 0 3.4rem;}
.list-footer .common-pager .item-num{font-size:1.6rem; font-weight:bold;}
.list-footer .common-pager .item.on{border-color:#0565F4; color:#0565F4}
.list-footer .common-pager .item-icon{background-position: center; background-size: 34px; background-repeat: no-repeat;}
.list-footer .common-pager .item-first{background-image:url('../img/sub/icon-pager-first.svg')}
.list-footer .common-pager .item-prev{background-image:url('../img/sub/icon-pager-prev.svg')}
.list-footer .common-pager .item-next{background-image:url('../img/sub/icon-pager-next.svg')}
.list-footer .common-pager .item-last{background-image:url('../img/sub/icon-pager-last.svg')}
.list-footer .common-pager .skip{pointer-events: none;}

.view-header-frame{margin-bottom:5.5rem; margin-top:2rem}
.view-header{background:#f8f9fa; border-radius:8px; }
.view-header .banner-inner{width:100%; max-width:122.8rem; padding:4.2rem 3.6rem; display:flex; gap:2.4rem; margin:0 auto;}
.view-header .banner-content{flex:1;}
.view-header .banner-title{font-size:2.4rem; font-family:'Pretendard', sans-serif; font-weight:600; margin-bottom:0.2em; line-height:1.2; padding-top:0.2em; word-break:break-all;}
.view-header .banner-desc{color:#666; font-size:1.6rem; line-height:1.3;  word-break:break-all;}
.view-header .go-btn{width:18.4rem; height:4.4rem; border-radius: 9999px; background:#0565F4; color:#fff; font-weight:bold; font-size:1.5rem; display:flex; align-items: center; justify-content: center; gap:1.3rem; margin-top: 1rem; white-space: nowrap; transition: background 0.2s;}
.view-header.fixed{position: fixed; top:22.4rem; left:0; z-index: 99; width:100%; box-shadow: 0 10px 20px rgba(0,0,0,0.06);} 
.view-header.fixed .banner-inner{max-width:130rem; padding:2rem 3.6rem}
.view-header.fixed .banner-title{font-size:1.8rem; padding-top:0.4em}
.view-header.fixed .banner-desc{}
.view-header.fixed .go-btn{}
.view-body .section{display:flex; gap:2rem;}
.view-body .section + .section{margin-top:5rem; padding-top:5rem; border-top:1px solid #eee;}
.view-body .section-title{width:20rem;flex:0 0 20rem;font-family:'Pretendard', sans-serif;font-weight:600;font-size: 1.8rem;position: relative;padding-left:1.7rem;line-height: 1.18;}
.view-body .section-title:before{content:"";display:block;width:0.3rem;height:1.4rem;background:#0565F4;position: absolute;left:0;top: 0.18em;}
.view-body .section-content{width: calc(100% - 22rem); line-height:1.4 !important; color:#333; letter-spacing: -0.05em !important;}
.view-body .section-content *{font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Apple SD Gothic Neo", "Malgun Gothic", "맑은 고딕", 나눔고딕, "Nanum Gothic", "Noto Sans KR", "Noto Sans CJK KR", arial, 돋움, Dotum, Tahoma, Geneva, sans-serif !important; line-height: 1.5 !important; letter-spacing: inherit !important;}
.view-body .section-content * td{padding:10px !important;}
.view-body .section-content img{max-width:100%; }
.view-body table{font-size:1.6rem; width:100%; table-layout: fixed;}
.view-body table th, .view-body table td{ border:1px solid #eee; height:46px !important;}
.view-body table thead th{background:#F8F9FA; height:6rem; text-align: center; font-weight:bold; color:#000;}
.view-body table tbody th{height:6rem; text-align: center; font-weight:bold; color:#000}
.view-body table td{ height:6rem; text-align: center;}
.view-body .attachment .file_list{width:100%; display:flex;flex-wrap:wrap; gap:1rem 10px;}
.view-body .attachment .file_list li{width:calc(50% - 5px);height:48px;line-height:48px;border:1px solid #eee;padding:0 3em 0 1.5em;position:relative;transition:border .2s;  border-radius: 4px; background:#fff; box-shadow: 0 13px 19px rgba(31,65,117,0.07);}
.view-body .attachment .file_list li:after{content:"";background:url(../img/sub/icon-save.svg) center 48% no-repeat;width:48px;height:48px;display:block;position:absolute;right:0;top:0}
.view-body .attachment .file_list li:nth-child(2n){margin-right:0}
.view-body .attachment .file_list li:last-child{margin-bottom:0}
.view-body .attachment .file_list li a{display:block; line-height:48px !important; width:100%;height:100%;text-overflow:ellipsis; font-size:1.5rem; overflow: hidden; min-width:0; white-space:nowrap;}

.ios .talk-app .avatar[data-name]:before{font-size:1.2rem;}

.view-body .call .section-content table{width:100% !important; table-layout:auto;}
.view-body .call .section-content table tr:first-child td{background:#f8f9fa !important; font-weight:bold !important; color:#000 !important;}
.view-body .call .section-content table td{border:1px solid #eee !important; padding-top:12px; padding-bottom:12px;}
@media screen and (min-width:1024px){
	.list-search .search-bar .search-btn:hover{background:#f8f9fa}
	.external-list .ext-item:hover{transform: translateY(-6px);box-shadow: 0 16px 19px rgba(31,65,117,0.15);}
	.list-footer .common-pager .item:hover{border-color: #888;}
	.view-header .go-btn:hover{background: #0033CC;}
}


@media screen and (max-width:1024px){

	.cmm-inner:has(.talk-app){padding-left:0; padding-right:0;}
	.talk-app{border:none;}
	.talk-header{padding:2.4rem 2rem}
	.talk-body{padding:2rem 2rem 8rem;}

	.page-sub .sub-header{display:block; margin-top:3rem;}
	.page-sub .sub-header .etc{margin: 1em 0 2em;}
	.page-sub .sub-header .sub-page-title{font-size:2rem;}
	.page-sub .sub-header .sub-breadscrumb{margin-top:2rem; flex-wrap: wrap; gap:0.6em 0; background:#f8f9fa; border-top:1px solid #eee; border-bottom:1px solid #eee; padding:1.4em 2.4rem; width:calc(100% + 4.8rem);margin-left:-2.4rem;}
	.page-sub .sub-header .sub-breadscrumb li:first-child{margin:0; padding:0;}

	.page-sub .filter-title{font-size:1.5rem; margin-bottom:1em;}
	.page-sub .filter-list{gap:1rem; margin-bottom:4rem;}
	.page-sub .filter-list li{text-align: center; width:calc(16.667% - 0.84rem);}
	.page-sub .filter-list li .name{font-size:1.5rem; line-height:1.3}

	.page-sub.support-view{padding-top:1rem;}
	.page-sub .sub-header.sub-view-header{display:none;}
	.view-header.fixed{border-bottom:1px solid #eee;}
	.view-header-frame{margin-bottom:4rem; margin-top:1rem;}
	.view-header .banner-title{font-size:1.8rem;}
	.view-header .banner-desc{font-size:1.5rem}
	.view-header .banner-inner{position: relative; padding:3.4rem 8.4rem 2.4rem 2.4rem;}
	.view-header [class^="type"]{width:30px; height:30px; background-size:100% auto;}
    .view-header [class^="type-0"]{position: absolute; top:0; left:0; font-size:0; height:24px; padding:0; width:auto; position: absolute; top:0; left:2.4rem; border-radius: 0 0 8px 8px; padding:0 0.6em; letter-spacing: -0.06em;}
    .view-header [class^="type-0"]:after{font-size:1.2rem; padding:0 0.6em;}
    .view-header .type-01:after{content:"재정지원"}
    .view-header .type-02:after{content:"금융지원"}
    .view-header .type-03:after{content:"서비스제공"}
    .view-header .type-04:after{content:"혜택부여"}
	.view-header .go-btn{margin:0; width:4rem; height:4rem; position:absolute; right:2.4rem; top:50%; transform: translateY(-50%);}
	.view-header .go-btn span{display:none;}
	.view-header.fixed{border-radius:0;}
	.view-header.fixed .banner-inner{padding-top:3rem; padding-left:2.4rem; padding-right:7rem;}

	.view-body .section{display:block;}
	.view-body .section-title{width:100%; margin-bottom:2rem; font-size:1.6rem; padding-left:1rem;}
	.view-body .section-title:before{top:0;}
	.view-body .section-content{width:100%;}
	.view-body .section + .section{margin-top: 2.8rem; padding-top:3rem;}

	.external-list .ext-item{padding:2rem;}

	.busanjob .external-list{gap:1rem;}
	.busanjob .external-list li{width:calc(50% - 0.5rem);}
}

@media screen and (max-width:800px){
	.page-sub{padding:0;}
	.page-sub .sub-header{margin-top:2rem; margin-bottom: 2rem;}
	.page-sub .sub-header .sub-page-title{font-size:1.8rem;}

	.list-header{flex-direction: column; align-items: flex-start; gap:2rem;}
	.list-header .list-title{font-size:1.5rem;}
	.list-header .etc{font-size:1.5rem; letter-spacing: -0.08em;}
	.list-header .search-bar{max-width:100%; margin-bottom:-1rem; height:4.5rem;}
	.list-footer .common-pager{gap:6px;}
	.talk-support-list .swiper-wrapper{gap:0}
	.talk-support-list .swiper-container{padding:0 1.6rem;}
	.talk-support-list .tab-nav{justify-content: flex-start;}
	.talk-support-list .tab-nav .nav-btn{padding:1.8rem 1.2rem; font-size:1.54rem;}
	.talk-support-list .tab-content{padding:1.6rem 1.6rem;}

	.page-sub .filter-list-wrapper{overflow: visible; margin-bottom:4rem;}
	.page-sub .filter-list li .icon{overflow:hidden}
	.page-sub .filter-list li img{transform:scale(1.1)}
	.page-sub .filter-list:not(.no-checked) li .filter-icon input:checked ~ .icon:after{display:none}
	.page-sub .filter-flex{display:block; padding-top:1rem;}
	.page-sub .swiper-container-horizontal .filter-list{gap:0}
	.page-sub .filter-list{flex-wrap:nowrap; overflow: visible; gap:10px}
	.page-sub .filter-list li{width:20vw; min-width:125px}
	.page-sub .filter-list li .name a{position:absolute; top:0.5rem; right:0.5rem;}

	.talk-support-list .tab-wrapper .color-desc{width:100%; border:1px solid #eee; text-align: center; padding:10px 10px; border-radius: 6px; font-size:14px; display:flex; justify-content: space-between; align-items: center; box-shadow: 0 4px 10px rgba(31,65,117,0.07);}

	.talk-app{margin:0;}

	.external-list{gap:0; width:calc(100% + 4.8rem); margin-left:-2.4rem}
	.external-list .ext-item{border-radius:0; box-shadow:none; }
	.external-list li .ext-item{border:none; border-top:1px solid #eee; border-left:1px solid #eee;}
	.external-list li:nth-child(2n) .ext-item{border-left:none;}
	.external-list li:last-child .ext-item{border-right:1px solid #eee; border-bottom:1px solid #eee; margin-right:-1px; margin-top:-1px;}
	.external-list li:nth-last-child(2) .ext-item{border-bottom:1px solid #eee;}
	.external-list li{width:calc(50%);}
	.external-list .ext-item .item-img{border-radius:5px;}
	.external-list .ext-item.end .item-img:before{background-size:80px auto;}
	.external-list .ext-item .meta-item{flex-direction:column; align-items:flex-start; gap:3px;}
	.external-list .ext-item .item-meta .item-label{flex:0 0 auto; width:auto;}
	.external-list .ext-item .item-meta .item{gap:7px;}
	.external-list .ext-item .ext-badge{font-size:1.2rem; width:3.2rem; height:2rem;}

	.busanjob .external-list li{width:calc(50%);}
	.busanjob .external-list{gap:0;}
	.busanjob .external-list li:nth-last-child(1){border-right:none;}
	.busanjob .external-list li:nth-last-child(2){border-bottom:1px solid #eee;}

	.view-body .attachment .file_list li{width:100%; }

}

@media screen and (max-width:520px){

	.talk-header .left{gap:1rem}
	.talk-header .header-title .title{font-size:1.7rem}
	.talk-header .refresh-btn{font-size:0; width:4rem; height:4rem; position: relative;}
	.talk-header .refresh-btn img{position: absolute; left:50%; top:50%; transform: translate(-50%, -50%);}
	.talk-app .avatar{flex:0 0 5rem; width:5rem; height:5rem}
	.talk-app .avatar.status:after{bottom:-1px; right:-1px;}
	.talk-set .dialog-element.special{display:inline-flex; gap:10px; align-items: center;}
	.talk-set .dialog-element.special .special-btn{display:inline-block; margin-left:0;}
	.talk-set .dialog-element{font-size:1.5rem;}
	.talk-system:after{display:none;}

	.page-sub .sub-header .sub-breadscrumb{padding:1em 2.4rem;}
	.page-sub .sub-header .sub-breadscrumb li:first-child{font-size:1.4rem;}
	.page-sub .sub-header .sub-breadscrumb a{font-size:1.4rem;}

	.page-sub .btn-filter-list{margin-bottom: 3rem; gap:3px;}
	.page-sub .btn-filter-list .cmm-btn{min-width:auto; padding:0 0.7em; height:3.8rem;}
	.page-sub .btn-filter-list .col-3 .cmm-btn{padding:0 0.7em;}
	.page-sub .filter-list-wrapper{margin-bottom:2rem;}
	.page-sub .filter-list li{min-width: 90px;}
	.page-sub .filter-list li .filter-icon .icon{margin-bottom:8px;}
	.page-sub .filter-list li .name{font-size:12px; letter-spacing:-0.07em}
	
	.view-header .go-btn{width:3rem; height:3rem;}
	.view-header .go-btn img{width:35%;}
	.view-header .banner-inner{padding-right:7.4rem;}
	.view-header .banner-title{font-size:1.68rem;}
	.view-header .banner-desc{font-size:1.4rem;}
	
	.view-body table{font-size:1.5rem;}
	.view-body table thead th{height: 5rem;}
	.view-body table tbody th, .view-body table td{height: 5rem;}
	
	.external-list .ext-item .item-meta{padding-top:1rem; margin-top: 1.2rem;}
	.busanjob .external-list .ext-item .item-meta .item-content{margin-top:1px; letter-spacing:-0.07rem; white-space:nowrap;}
	
	.page-sub .support-list-wrapper{padding:3rem 4rem;}
	
	.talk-support-list .empty{font-size:1.5rem;}

	.talk-set .option-group{gap:4px}
	.talk-set .option-group .cmm-btn{padding:0 1em; min-width:6rem}

	.ios .view-body .section-title:before,
	.safari .view-body .section-title:before{top:1px;}
}

@media screen and (max-width:400px){
	.talk-set .dialog-element.special{flex-direction: column; align-items: flex-start; padding-right: 2em;}
}